@charset "UTF-8";
/********** @VARIABLES *********/
/********** @MIXINS *********/
/********** @RESET *********/
body:before {
  background: yellow;
  display: block;
  padding: 15px; }

::selection {
  color: white;
  background: #003366; }

::-moz-selection {
  color: white;
  background: #003366; }

img, video, svg {
  width: 100%;
  max-width: 100%;
  height: auto; }

a {
  color: #222;
  text-decoration: none; }
  a:hover, a:focus {
    color: #003366;
    text-decoration: none;
    outline: none; }

ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

ol, ul {
  -webkit-padding-start: 0px; }

* {
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }

.loading-veil {
  z-index: 999; }
  .loading-veil.loaded {
    z-index: -999; }
    .loading-veil.loaded img {
      display: none; }

.loading {
  opacity: 0;
  filter: alpha(opacity=0); }
  .loading.loaded {
    opacity: 1;
    filter: alpha(opacity=100); }

.loading-transition {
  transition: opacity 1s 0s linear;
  -moz-transition: opacity 1s 0s linear;
  -webkit-transition: opacity 1s 0s linear;
  -o-transition: opacity 1s 0s linear;
  -ms-transition: opacity 1s 0s linear; }

#loading {
  background: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  #loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }

/*
OBJECTS
heights
margins and padding	
structure and position
backgrounds
animations
fancy objects
*/
/********** @MARGINS AND PADDING *********/
.vh10 {
  height: 10vh; }

.vh20 {
  height: 20vh; }

.vh30 {
  height: 30vh; }

.vh40 {
  height: 40vh; }

.vh50 {
  height: 50vh; }

.vh60 {
  height: 60vh; }

.vh70 {
  height: 70vh; }

.vh80 {
  height: 80vh; }

.vh90 {
  height: 90vh; }

.vh100 {
  height: 100vh; }

.vw10 {
  width: 10vw; }

.vw20 {
  width: 20vw; }

.vw30 {
  width: 30vw; }

.vw40 {
  width: 40vw; }

.vw50 {
  width: 50vw; }

.vw60 {
  width: 60vw; }

.vw70 {
  width: 70vw; }

.vw80 {
  width: 80vw; }

.vw90 {
  width: 90vw; }

.vw100 {
  width: 100vw; }

/********** @MARGINS AND PADDING *********/
.m0 {
  margin-top: 0em;
  margin-bottom: 0em; }

@media (min-width: 1201px) {
  .m0-lg {
    margin-top: 0em;
    margin-bottom: 0em; } }
@media (max-width: 1200px) {
  .m0-md {
    margin-top: 0em;
    margin-bottom: 0em; } }
@media (max-width: 992px) {
  .m0-sm {
    margin-top: 0em;
    margin-bottom: 0em; } }
@media (max-width: 767px) {
  .m0-xs {
    margin-top: 0em;
    margin-bottom: 0em; } }
.m1 {
  margin-top: 1em;
  margin-bottom: 1em; }

@media (min-width: 1201px) {
  .m1-lg {
    margin-top: 1em;
    margin-bottom: 1em; } }
@media (max-width: 1200px) {
  .m1-md {
    margin-top: 1em;
    margin-bottom: 1em; } }
@media (max-width: 992px) {
  .m1-sm {
    margin-top: 1em;
    margin-bottom: 1em; } }
@media (max-width: 767px) {
  .m1-xs {
    margin-top: 1em;
    margin-bottom: 1em; } }
.m2 {
  margin-top: 2em;
  margin-bottom: 2em; }

@media (min-width: 1201px) {
  .m2-lg {
    margin-top: 2em;
    margin-bottom: 2em; } }
@media (max-width: 1200px) {
  .m2-md {
    margin-top: 2em;
    margin-bottom: 2em; } }
@media (max-width: 992px) {
  .m2-sm {
    margin-top: 2em;
    margin-bottom: 2em; } }
@media (max-width: 767px) {
  .m2-xs {
    margin-top: 2em;
    margin-bottom: 2em; } }
.m3 {
  margin-top: 3em;
  margin-bottom: 3em; }

@media (min-width: 1201px) {
  .m3-lg {
    margin-top: 3em;
    margin-bottom: 3em; } }
@media (max-width: 1200px) {
  .m3-md {
    margin-top: 3em;
    margin-bottom: 3em; } }
@media (max-width: 992px) {
  .m3-sm {
    margin-top: 3em;
    margin-bottom: 3em; } }
@media (max-width: 767px) {
  .m3-xs {
    margin-top: 3em;
    margin-bottom: 3em; } }
.m4 {
  margin-top: 4em;
  margin-bottom: 4em; }

@media (min-width: 1201px) {
  .m4-lg {
    margin-top: 4em;
    margin-bottom: 4em; } }
@media (max-width: 1200px) {
  .m4-md {
    margin-top: 4em;
    margin-bottom: 4em; } }
@media (max-width: 992px) {
  .m4-sm {
    margin-top: 4em;
    margin-bottom: 4em; } }
@media (max-width: 767px) {
  .m4-xs {
    margin-top: 4em;
    margin-bottom: 4em; } }
.m5 {
  margin-top: 5em;
  margin-bottom: 5em; }

@media (min-width: 1201px) {
  .m5-lg {
    margin-top: 5em;
    margin-bottom: 5em; } }
@media (max-width: 1200px) {
  .m5-md {
    margin-top: 5em;
    margin-bottom: 5em; } }
@media (max-width: 992px) {
  .m5-sm {
    margin-top: 5em;
    margin-bottom: 5em; } }
@media (max-width: 767px) {
  .m5-xs {
    margin-top: 5em;
    margin-bottom: 5em; } }
.m6 {
  margin-top: 6em;
  margin-bottom: 6em; }

@media (min-width: 1201px) {
  .m6-lg {
    margin-top: 6em;
    margin-bottom: 6em; } }
@media (max-width: 1200px) {
  .m6-md {
    margin-top: 6em;
    margin-bottom: 6em; } }
@media (max-width: 992px) {
  .m6-sm {
    margin-top: 6em;
    margin-bottom: 6em; } }
@media (max-width: 767px) {
  .m6-xs {
    margin-top: 6em;
    margin-bottom: 6em; } }
.m7 {
  margin-top: 7em;
  margin-bottom: 7em; }

@media (min-width: 1201px) {
  .m7-lg {
    margin-top: 7em;
    margin-bottom: 7em; } }
@media (max-width: 1200px) {
  .m7-md {
    margin-top: 7em;
    margin-bottom: 7em; } }
@media (max-width: 992px) {
  .m7-sm {
    margin-top: 7em;
    margin-bottom: 7em; } }
@media (max-width: 767px) {
  .m7-xs {
    margin-top: 7em;
    margin-bottom: 7em; } }
.m8 {
  margin-top: 8em;
  margin-bottom: 8em; }

@media (min-width: 1201px) {
  .m8-lg {
    margin-top: 8em;
    margin-bottom: 8em; } }
@media (max-width: 1200px) {
  .m8-md {
    margin-top: 8em;
    margin-bottom: 8em; } }
@media (max-width: 992px) {
  .m8-sm {
    margin-top: 8em;
    margin-bottom: 8em; } }
@media (max-width: 767px) {
  .m8-xs {
    margin-top: 8em;
    margin-bottom: 8em; } }
.m9 {
  margin-top: 9em;
  margin-bottom: 9em; }

@media (min-width: 1201px) {
  .m9-lg {
    margin-top: 9em;
    margin-bottom: 9em; } }
@media (max-width: 1200px) {
  .m9-md {
    margin-top: 9em;
    margin-bottom: 9em; } }
@media (max-width: 992px) {
  .m9-sm {
    margin-top: 9em;
    margin-bottom: 9em; } }
@media (max-width: 767px) {
  .m9-xs {
    margin-top: 9em;
    margin-bottom: 9em; } }
.mb0 {
  margin-bottom: 0em; }

@media (min-width: 1201px) {
  .mb0-lg {
    margin-bottom: 0em; } }
@media (max-width: 1200px) {
  .mb0-md {
    margin-bottom: 0em; } }
@media (max-width: 992px) {
  .mb0-sm {
    margin-bottom: 0em; } }
@media (max-width: 767px) {
  .mb0-xs {
    margin-bottom: 0em; } }
.mb1 {
  margin-bottom: 1em; }

@media (min-width: 1201px) {
  .mb1-lg {
    margin-bottom: 1em; } }
@media (max-width: 1200px) {
  .mb1-md {
    margin-bottom: 1em; } }
@media (max-width: 992px) {
  .mb1-sm {
    margin-bottom: 1em; } }
@media (max-width: 767px) {
  .mb1-xs {
    margin-bottom: 1em; } }
.mb2 {
  margin-bottom: 2em; }

@media (min-width: 1201px) {
  .mb2-lg {
    margin-bottom: 2em; } }
@media (max-width: 1200px) {
  .mb2-md {
    margin-bottom: 2em; } }
@media (max-width: 992px) {
  .mb2-sm {
    margin-bottom: 2em; } }
@media (max-width: 767px) {
  .mb2-xs {
    margin-bottom: 2em; } }
.mb3 {
  margin-bottom: 3em; }

@media (min-width: 1201px) {
  .mb3-lg {
    margin-bottom: 3em; } }
@media (max-width: 1200px) {
  .mb3-md {
    margin-bottom: 3em; } }
@media (max-width: 992px) {
  .mb3-sm {
    margin-bottom: 3em; } }
@media (max-width: 767px) {
  .mb3-xs {
    margin-bottom: 3em; } }
.mb4 {
  margin-bottom: 4em; }

@media (min-width: 1201px) {
  .mb4-lg {
    margin-bottom: 4em; } }
@media (max-width: 1200px) {
  .mb4-md {
    margin-bottom: 4em; } }
@media (max-width: 992px) {
  .mb4-sm {
    margin-bottom: 4em; } }
@media (max-width: 767px) {
  .mb4-xs {
    margin-bottom: 4em; } }
.mb5 {
  margin-bottom: 5em; }

@media (min-width: 1201px) {
  .mb5-lg {
    margin-bottom: 5em; } }
@media (max-width: 1200px) {
  .mb5-md {
    margin-bottom: 5em; } }
@media (max-width: 992px) {
  .mb5-sm {
    margin-bottom: 5em; } }
@media (max-width: 767px) {
  .mb5-xs {
    margin-bottom: 5em; } }
.mb6 {
  margin-bottom: 6em; }

@media (min-width: 1201px) {
  .mb6-lg {
    margin-bottom: 6em; } }
@media (max-width: 1200px) {
  .mb6-md {
    margin-bottom: 6em; } }
@media (max-width: 992px) {
  .mb6-sm {
    margin-bottom: 6em; } }
@media (max-width: 767px) {
  .mb6-xs {
    margin-bottom: 6em; } }
.mb7 {
  margin-bottom: 7em; }

@media (min-width: 1201px) {
  .mb7-lg {
    margin-bottom: 7em; } }
@media (max-width: 1200px) {
  .mb7-md {
    margin-bottom: 7em; } }
@media (max-width: 992px) {
  .mb7-sm {
    margin-bottom: 7em; } }
@media (max-width: 767px) {
  .mb7-xs {
    margin-bottom: 7em; } }
.mb8 {
  margin-bottom: 8em; }

@media (min-width: 1201px) {
  .mb8-lg {
    margin-bottom: 8em; } }
@media (max-width: 1200px) {
  .mb8-md {
    margin-bottom: 8em; } }
@media (max-width: 992px) {
  .mb8-sm {
    margin-bottom: 8em; } }
@media (max-width: 767px) {
  .mb8-xs {
    margin-bottom: 8em; } }
.mb9 {
  margin-bottom: 9em; }

@media (min-width: 1201px) {
  .mb9-lg {
    margin-bottom: 9em; } }
@media (max-width: 1200px) {
  .mb9-md {
    margin-bottom: 9em; } }
@media (max-width: 992px) {
  .mb9-sm {
    margin-bottom: 9em; } }
@media (max-width: 767px) {
  .mb9-xs {
    margin-bottom: 9em; } }
.mt0 {
  margin-top: 0em; }

@media (min-width: 1201px) {
  .mt0-lg {
    margin-top: 0em; } }
@media (max-width: 1200px) {
  .mt0-md {
    margin-top: 0em; } }
@media (max-width: 992px) {
  .mt0-sm {
    margin-top: 0em; } }
@media (max-width: 767px) {
  .mt0-xs {
    margin-top: 0em; } }
.mt1 {
  margin-top: 1em; }

@media (min-width: 1201px) {
  .mt1-lg {
    margin-top: 1em; } }
@media (max-width: 1200px) {
  .mt1-md {
    margin-top: 1em; } }
@media (max-width: 992px) {
  .mt1-sm {
    margin-top: 1em; } }
@media (max-width: 767px) {
  .mt1-xs {
    margin-top: 1em; } }
.mt2 {
  margin-top: 2em; }

@media (min-width: 1201px) {
  .mt2-lg {
    margin-top: 2em; } }
@media (max-width: 1200px) {
  .mt2-md {
    margin-top: 2em; } }
@media (max-width: 992px) {
  .mt2-sm {
    margin-top: 2em; } }
@media (max-width: 767px) {
  .mt2-xs {
    margin-top: 2em; } }
.mt3 {
  margin-top: 3em; }

@media (min-width: 1201px) {
  .mt3-lg {
    margin-top: 3em; } }
@media (max-width: 1200px) {
  .mt3-md {
    margin-top: 3em; } }
@media (max-width: 992px) {
  .mt3-sm {
    margin-top: 3em; } }
@media (max-width: 767px) {
  .mt3-xs {
    margin-top: 3em; } }
.mt4 {
  margin-top: 4em; }

@media (min-width: 1201px) {
  .mt4-lg {
    margin-top: 4em; } }
@media (max-width: 1200px) {
  .mt4-md {
    margin-top: 4em; } }
@media (max-width: 992px) {
  .mt4-sm {
    margin-top: 4em; } }
@media (max-width: 767px) {
  .mt4-xs {
    margin-top: 4em; } }
.mt5 {
  margin-top: 5em; }

@media (min-width: 1201px) {
  .mt5-lg {
    margin-top: 5em; } }
@media (max-width: 1200px) {
  .mt5-md {
    margin-top: 5em; } }
@media (max-width: 992px) {
  .mt5-sm {
    margin-top: 5em; } }
@media (max-width: 767px) {
  .mt5-xs {
    margin-top: 5em; } }
.mt6 {
  margin-top: 6em; }

@media (min-width: 1201px) {
  .mt6-lg {
    margin-top: 6em; } }
@media (max-width: 1200px) {
  .mt6-md {
    margin-top: 6em; } }
@media (max-width: 992px) {
  .mt6-sm {
    margin-top: 6em; } }
@media (max-width: 767px) {
  .mt6-xs {
    margin-top: 6em; } }
.mt7 {
  margin-top: 7em; }

@media (min-width: 1201px) {
  .mt7-lg {
    margin-top: 7em; } }
@media (max-width: 1200px) {
  .mt7-md {
    margin-top: 7em; } }
@media (max-width: 992px) {
  .mt7-sm {
    margin-top: 7em; } }
@media (max-width: 767px) {
  .mt7-xs {
    margin-top: 7em; } }
.mt8 {
  margin-top: 8em; }

@media (min-width: 1201px) {
  .mt8-lg {
    margin-top: 8em; } }
@media (max-width: 1200px) {
  .mt8-md {
    margin-top: 8em; } }
@media (max-width: 992px) {
  .mt8-sm {
    margin-top: 8em; } }
@media (max-width: 767px) {
  .mt8-xs {
    margin-top: 8em; } }
.mt9 {
  margin-top: 9em; }

@media (min-width: 1201px) {
  .mt9-lg {
    margin-top: 9em; } }
@media (max-width: 1200px) {
  .mt9-md {
    margin-top: 9em; } }
@media (max-width: 992px) {
  .mt9-sm {
    margin-top: 9em; } }
@media (max-width: 767px) {
  .mt9-xs {
    margin-top: 9em; } }
.ml0 {
  margin-left: 0em; }

@media (min-width: 1201px) {
  .ml0-lg {
    margin-left: 0em; } }
@media (max-width: 1200px) {
  .ml0-md {
    margin-left: 0em; } }
@media (max-width: 992px) {
  .ml0-sm {
    margin-left: 0em; } }
@media (max-width: 767px) {
  .ml0-xs {
    margin-left: 0em; } }
.ml1 {
  margin-left: 1em; }

@media (min-width: 1201px) {
  .ml1-lg {
    margin-left: 1em; } }
@media (max-width: 1200px) {
  .ml1-md {
    margin-left: 1em; } }
@media (max-width: 992px) {
  .ml1-sm {
    margin-left: 1em; } }
@media (max-width: 767px) {
  .ml1-xs {
    margin-left: 1em; } }
.ml2 {
  margin-left: 2em; }

@media (min-width: 1201px) {
  .ml2-lg {
    margin-left: 2em; } }
@media (max-width: 1200px) {
  .ml2-md {
    margin-left: 2em; } }
@media (max-width: 992px) {
  .ml2-sm {
    margin-left: 2em; } }
@media (max-width: 767px) {
  .ml2-xs {
    margin-left: 2em; } }
.ml3 {
  margin-left: 3em; }

@media (min-width: 1201px) {
  .ml3-lg {
    margin-left: 3em; } }
@media (max-width: 1200px) {
  .ml3-md {
    margin-left: 3em; } }
@media (max-width: 992px) {
  .ml3-sm {
    margin-left: 3em; } }
@media (max-width: 767px) {
  .ml3-xs {
    margin-left: 3em; } }
.ml4 {
  margin-left: 4em; }

@media (min-width: 1201px) {
  .ml4-lg {
    margin-left: 4em; } }
@media (max-width: 1200px) {
  .ml4-md {
    margin-left: 4em; } }
@media (max-width: 992px) {
  .ml4-sm {
    margin-left: 4em; } }
@media (max-width: 767px) {
  .ml4-xs {
    margin-left: 4em; } }
.ml5 {
  margin-left: 5em; }

@media (min-width: 1201px) {
  .ml5-lg {
    margin-left: 5em; } }
@media (max-width: 1200px) {
  .ml5-md {
    margin-left: 5em; } }
@media (max-width: 992px) {
  .ml5-sm {
    margin-left: 5em; } }
@media (max-width: 767px) {
  .ml5-xs {
    margin-left: 5em; } }
.ml6 {
  margin-left: 6em; }

@media (min-width: 1201px) {
  .ml6-lg {
    margin-left: 6em; } }
@media (max-width: 1200px) {
  .ml6-md {
    margin-left: 6em; } }
@media (max-width: 992px) {
  .ml6-sm {
    margin-left: 6em; } }
@media (max-width: 767px) {
  .ml6-xs {
    margin-left: 6em; } }
.ml7 {
  margin-left: 7em; }

@media (min-width: 1201px) {
  .ml7-lg {
    margin-left: 7em; } }
@media (max-width: 1200px) {
  .ml7-md {
    margin-left: 7em; } }
@media (max-width: 992px) {
  .ml7-sm {
    margin-left: 7em; } }
@media (max-width: 767px) {
  .ml7-xs {
    margin-left: 7em; } }
.ml8 {
  margin-left: 8em; }

@media (min-width: 1201px) {
  .ml8-lg {
    margin-left: 8em; } }
@media (max-width: 1200px) {
  .ml8-md {
    margin-left: 8em; } }
@media (max-width: 992px) {
  .ml8-sm {
    margin-left: 8em; } }
@media (max-width: 767px) {
  .ml8-xs {
    margin-left: 8em; } }
.ml9 {
  margin-left: 9em; }

@media (min-width: 1201px) {
  .ml9-lg {
    margin-left: 9em; } }
@media (max-width: 1200px) {
  .ml9-md {
    margin-left: 9em; } }
@media (max-width: 992px) {
  .ml9-sm {
    margin-left: 9em; } }
@media (max-width: 767px) {
  .ml9-xs {
    margin-left: 9em; } }
.mr0 {
  margin-right: 0em; }

@media (min-width: 1201px) {
  .mr0-lg {
    margin-right: 0em; } }
@media (max-width: 1200px) {
  .mr0-md {
    margin-right: 0em; } }
@media (max-width: 992px) {
  .mr0-sm {
    margin-right: 0em; } }
@media (max-width: 767px) {
  .mr0-xs {
    margin-right: 0em; } }
.mr1 {
  margin-right: 1em; }

@media (min-width: 1201px) {
  .mr1-lg {
    margin-right: 1em; } }
@media (max-width: 1200px) {
  .mr1-md {
    margin-right: 1em; } }
@media (max-width: 992px) {
  .mr1-sm {
    margin-right: 1em; } }
@media (max-width: 767px) {
  .mr1-xs {
    margin-right: 1em; } }
.mr2 {
  margin-right: 2em; }

@media (min-width: 1201px) {
  .mr2-lg {
    margin-right: 2em; } }
@media (max-width: 1200px) {
  .mr2-md {
    margin-right: 2em; } }
@media (max-width: 992px) {
  .mr2-sm {
    margin-right: 2em; } }
@media (max-width: 767px) {
  .mr2-xs {
    margin-right: 2em; } }
.mr3 {
  margin-right: 3em; }

@media (min-width: 1201px) {
  .mr3-lg {
    margin-right: 3em; } }
@media (max-width: 1200px) {
  .mr3-md {
    margin-right: 3em; } }
@media (max-width: 992px) {
  .mr3-sm {
    margin-right: 3em; } }
@media (max-width: 767px) {
  .mr3-xs {
    margin-right: 3em; } }
.mr4 {
  margin-right: 4em; }

@media (min-width: 1201px) {
  .mr4-lg {
    margin-right: 4em; } }
@media (max-width: 1200px) {
  .mr4-md {
    margin-right: 4em; } }
@media (max-width: 992px) {
  .mr4-sm {
    margin-right: 4em; } }
@media (max-width: 767px) {
  .mr4-xs {
    margin-right: 4em; } }
.mr5 {
  margin-right: 5em; }

@media (min-width: 1201px) {
  .mr5-lg {
    margin-right: 5em; } }
@media (max-width: 1200px) {
  .mr5-md {
    margin-right: 5em; } }
@media (max-width: 992px) {
  .mr5-sm {
    margin-right: 5em; } }
@media (max-width: 767px) {
  .mr5-xs {
    margin-right: 5em; } }
.mr6 {
  margin-right: 6em; }

@media (min-width: 1201px) {
  .mr6-lg {
    margin-right: 6em; } }
@media (max-width: 1200px) {
  .mr6-md {
    margin-right: 6em; } }
@media (max-width: 992px) {
  .mr6-sm {
    margin-right: 6em; } }
@media (max-width: 767px) {
  .mr6-xs {
    margin-right: 6em; } }
.mr7 {
  margin-right: 7em; }

@media (min-width: 1201px) {
  .mr7-lg {
    margin-right: 7em; } }
@media (max-width: 1200px) {
  .mr7-md {
    margin-right: 7em; } }
@media (max-width: 992px) {
  .mr7-sm {
    margin-right: 7em; } }
@media (max-width: 767px) {
  .mr7-xs {
    margin-right: 7em; } }
.mr8 {
  margin-right: 8em; }

@media (min-width: 1201px) {
  .mr8-lg {
    margin-right: 8em; } }
@media (max-width: 1200px) {
  .mr8-md {
    margin-right: 8em; } }
@media (max-width: 992px) {
  .mr8-sm {
    margin-right: 8em; } }
@media (max-width: 767px) {
  .mr8-xs {
    margin-right: 8em; } }
.mr9 {
  margin-right: 9em; }

@media (min-width: 1201px) {
  .mr9-lg {
    margin-right: 9em; } }
@media (max-width: 1200px) {
  .mr9-md {
    margin-right: 9em; } }
@media (max-width: 992px) {
  .mr9-sm {
    margin-right: 9em; } }
@media (max-width: 767px) {
  .mr9-xs {
    margin-right: 9em; } }
.p0 {
  padding: 0em; }

.p1 {
  padding: 1em; }

.p2 {
  padding: 2em; }

.p3 {
  padding: 3em; }

.p4 {
  padding: 4em; }

.p5 {
  padding: 5em; }

.p6 {
  padding: 6em; }

.p7 {
  padding: 7em; }

.p8 {
  padding: 8em; }

.p9 {
  padding: 9em; }

.pt0 {
  padding-top: 0em; }

.pt1 {
  padding-top: 1em; }

.pt2 {
  padding-top: 2em; }

.pt3 {
  padding-top: 3em; }

.pt4 {
  padding-top: 4em; }

.pt5 {
  padding-top: 5em; }

.pt6 {
  padding-top: 6em; }

.pt7 {
  padding-top: 7em; }

.pt8 {
  padding-top: 8em; }

.pt9 {
  padding-top: 9em; }

.pb0 {
  padding-bottom: 0em; }

.pb1 {
  padding-bottom: 1em; }

.pb2 {
  padding-bottom: 2em; }

.pb3 {
  padding-bottom: 3em; }

.pb4 {
  padding-bottom: 4em; }

.pb5 {
  padding-bottom: 5em; }

.pb6 {
  padding-bottom: 6em; }

.pb7 {
  padding-bottom: 7em; }

.pb8 {
  padding-bottom: 8em; }

.pb9 {
  padding-bottom: 9em; }

.pl0 {
  padding-left: 0em; }

.pl1 {
  padding-left: 1em; }

.pl2 {
  padding-left: 2em; }

.pl3 {
  padding-left: 3em; }

.pl4 {
  padding-left: 4em; }

.pl5 {
  padding-left: 5em; }

.pl6 {
  padding-left: 6em; }

.pl7 {
  padding-left: 7em; }

.pl8 {
  padding-left: 8em; }

.pl9 {
  padding-left: 9em; }

.pr0 {
  padding-right: 0em; }

.pr1 {
  padding-right: 1em; }

.pr2 {
  padding-right: 2em; }

.pr3 {
  padding-right: 3em; }

.pr4 {
  padding-right: 4em; }

.pr5 {
  padding-right: 5em; }

.pr6 {
  padding-right: 6em; }

.pr7 {
  padding-right: 7em; }

.pr8 {
  padding-right: 8em; }

.pr9 {
  padding-right: 9em; }

.padded-less {
  padding-top: 2.5%;
  padding-bottom: 2.5%; }

.padded {
  padding-top: 4%;
  padding-bottom: 4.25%; }

.padded-more {
  padding-top: 8%;
  padding-bottom: 9%; }

/********** @BACKGROUNDS *********/
.bg-light {
  background: #F1F1F1; }

@media (min-width: 1201px) {
  .bg-light-lg {
    background: #F1F1F1; } }
@media (max-width: 1200px) {
  .bg-light-md {
    background: #F1F1F1; } }
@media (max-width: 992px) {
  .bg-light-sm {
    background: #F1F1F1; } }
@media (max-width: 767px) {
  .bg-light-xs {
    background: #F1F1F1; } }
.bg-white {
  background: white; }

@media (min-width: 1201px) {
  .bg-white-lg {
    background: white; } }
@media (max-width: 1200px) {
  .bg-white-md {
    background: white; } }
@media (max-width: 992px) {
  .bg-white-sm {
    background: white; } }
@media (max-width: 767px) {
  .bg-white-xs {
    background: white; } }
.bg-medium {
  background: #9B9B9B; }

.bg-medium-light {
  background: #DEE4E8; }

.bg-brand {
  background: #003366; }

.bg-brand-light {
  background: #b3d8ff; }

.bg-dark {
  background: #222; }

.bg-yellow {
  background: yellow; }

.bg-pink {
  background: pink; }

.bg-orange {
  background: orange; }

.bg-green {
  background: green; }

.bg-gradient {
  background: #60b3ff;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }

.background-cover {
  background-size: cover; }

.background-mask-light:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
  transition: all 0.75s 0s ease;
  -moz-transition: all 0.75s 0s ease;
  -webkit-transition: all 0.75s 0s ease;
  -o-transition: all 0.75s 0s ease;
  -ms-transition: all 0.75s 0s ease; }

.background-mask-dark:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.28);
  transition: all 0.75s 0s ease;
  -moz-transition: all 0.75s 0s ease;
  -webkit-transition: all 0.75s 0s ease;
  -o-transition: all 0.75s 0s ease;
  -ms-transition: all 0.75s 0s ease; }

.background-mask-brand:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 101, 204, 0.5);
  transition: all 0.75s 0s ease;
  -moz-transition: all 0.75s 0s ease;
  -webkit-transition: all 0.75s 0s ease;
  -o-transition: all 0.75s 0s ease;
  -ms-transition: all 0.75s 0s ease; }

/********** @BORDERS AND SHADOWS *********/
.shadow {
  -o-box-shadow: 0 0 1px rgba(53, 50, 50, 0.35);
  -ms-box-shadow: 0 0 1px rgba(53, 50, 50, 0.35);
  -moz-box-shadow: 0 0 1px rgba(53, 50, 50, 0.35);
  -webkit-box-shadow: 0 0 1px rgba(53, 50, 50, 0.35);
  box-shadow: 0 0 1px rgba(53, 50, 50, 0.35); }

.border {
  border: 2px solid; }

.border-brand {
  border: 2px solid #003366; }

/********** @STRUCTURE AND POSITION *********/
.left {
  float: left; }

.right {
  float: right; }

.vertical-center {
  margin-top: 0;
  position: relative;
  top: 48%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%); }

@media (min-width: 1201px) {
  .vertical-center-lg {
    margin-top: 0;
    position: relative;
    top: 48%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); } }
@media (max-width: 1200px) {
  .vertical-center-md {
    margin-top: 0;
    position: relative;
    top: 48%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); } }
@media (max-width: 992px) {
  .vertical-center-sm {
    margin-top: 0;
    position: relative;
    top: 48%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); } }
@media (max-width: 767px) {
  .vertical-center-xs {
    margin-top: 0;
    position: relative;
    top: 48%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); } }
.display-block {
  display: block; }

.display-inline {
  display: inline; }

.crop {
  overflow: hidden; }

/********** @ANIMATIONS *********/
.fade-in {
  animation: fade-in 1s 0s 1 1;
  -ms-animation: fade-in 1s 0s 1 1;
  -webkit-animation: fade-in 1s 0s 1 1;
  -o-animation: move fade-in 1s 0s 1 1;
  -moz-animation: move fade-in 1s 0s 1 1;
  animation-fill-mode: ease;
  -webkit-animation-fill-mode: ease;
  -moz-animation-fill-mode: ease;
  -ms-animation-fill-mode: ease;
  -o-animation-fill-mode: ease; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-ms-keyframes fade-in {
  0% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-o-keyframes fade-in {
  0% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes fade-in {
  0% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); } }
.fade-out {
  animation: fade-out 1s 0s 1 1;
  -ms-animation: fade-out 1s 0s 1 1;
  -webkit-animation: fade-out 1s 0s 1 1;
  -o-animation: move fade-out 1s 0s 1 1;
  -moz-animation: move fade-out 1s 0s 1 1;
  animation-fill-mode: ease;
  -webkit-animation-fill-mode: ease;
  -moz-animation-fill-mode: ease;
  -ms-animation-fill-mode: ease;
  -o-animation-fill-mode: ease; }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-ms-keyframes fade-out {
  0% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-o-keyframes fade-out {
  0% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes fade-out {
  0% {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
.fade-in-slide-up {
  animation: fade-in-slide-up 0.5s 1s 1 1;
  -ms-animation: fade-in-slide-up 0.5s 1s 1 1;
  -webkit-animation: fade-in-slide-up 0.5s 1s 1 1;
  -o-animation: move fade-in-slide-up 0.5s 1s 1 1;
  -moz-animation: move fade-in-slide-up 0.5s 1s 1 1;
  animation-fill-mode: ease;
  -webkit-animation-fill-mode: ease;
  -moz-animation-fill-mode: ease;
  -ms-animation-fill-mode: ease;
  -o-animation-fill-mode: ease;
  position: relative; }

@-webkit-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 1;
    top: 6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-moz-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 1;
    top: 6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-ms-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 1;
    top: 6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-o-keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 1;
    top: 6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    top: 20px; }
  50% {
    opacity: 1;
    top: 6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
.fade-in-slide-down {
  animation: fade-in-slide-down 0.5s 1s 1 1;
  -ms-animation: fade-in-slide-down 0.5s 1s 1 1;
  -webkit-animation: fade-in-slide-down 0.5s 1s 1 1;
  -o-animation: move fade-in-slide-down 0.5s 1s 1 1;
  -moz-animation: move fade-in-slide-down 0.5s 1s 1 1;
  animation-fill-mode: ease;
  -webkit-animation-fill-mode: ease;
  -moz-animation-fill-mode: ease;
  -ms-animation-fill-mode: ease;
  -o-animation-fill-mode: ease;
  position: relative; }

@-webkit-keyframes fade-in-slide-down {
  0% {
    opacity: 0;
    top: -20px; }
  50% {
    opacity: 1;
    top: -6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-moz-keyframes fade-in-slide-down {
  0% {
    opacity: 0;
    top: -20px; }
  50% {
    opacity: 1;
    top: -6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-ms-keyframes fade-in-slide-down {
  0% {
    opacity: 0;
    top: -20px; }
  50% {
    opacity: 1;
    top: -6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@-o-keyframes fade-in-slide-down {
  0% {
    opacity: 0;
    top: -20px; }
  50% {
    opacity: 1;
    top: -6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
@keyframes fade-in-slide-down {
  0% {
    opacity: 0;
    top: -20px; }
  50% {
    opacity: 1;
    top: -6.66667px; }
  100% {
    opacity: 1;
    top: 0px; } }
/********** @FANCY OBJECTS *********/
.block {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1; }
  .block.crop {
    overflow: hidden; }

.block-background {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center top; }
  .block-background:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: transparent;
    transition: all 0.75s 0s ease;
    -moz-transition: all 0.75s 0s ease;
    -webkit-transition: all 0.75s 0s ease;
    -o-transition: all 0.75s 0s ease;
    -ms-transition: all 0.75s 0s ease; }

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#edit-button {
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 10000;
  width: 40px;
  height: 40px;
  display: table;
  transition: all 0.75s 0s ease;
  -moz-transition: all 0.75s 0s ease;
  -webkit-transition: all 0.75s 0s ease;
  -o-transition: all 0.75s 0s ease;
  -ms-transition: all 0.75s 0s ease;
  background: #00f;
  padding: 5px 9px; }
  #edit-button:hover {
    bottom: 83px;
    background: #11f; }

@font-face {
  font-family: 'modern_pictograms_proregular';
  src: url("/static/fonts/modernpictogramspro_234.eot");
  src: url("/static/fonts/modernpictogramspro_234?#iefix") format("embedded-opentype"), url("/static/fonts/modernpictogramspro_234.woff") format("woff"), url("/static/fonts/modernpictogramspro_234.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/********** @TYPOGRAPHY *********/
body {
  font-size: 14px;
  font-family: "SharpSansNo2-Semibold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222;
  letter-spacing: .01em; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: normal;
  line-height: 1.2em;
  font-weight: 500;
  letter-spacing: .01em; }

h1, .h1 {
  font-size: 90px; }

h2, .h2 {
  font-size: 33px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 17px; }

h6, .h6 {
  font-size: 14px; }

p {
  font-size: 20px;
  line-height: 1.9; }

.icon:before, .modal-arrow:before, .slider .slick-arrow:before {
  content: attr(data-icon);
  font-family: "modern_pictograms_proregular";
  font-size: 27px;
  line-height: 100%;
  vertical-align: middle;
  position: relative; }
.icon.large:before, .large.modal-arrow:before, .slider .large.slick-arrow:before {
  font-size: 72px; }

.ss-medium, .wrap blockquote {
  font-family: "SharpSansNo2-Medium"; }

.ss-semibold, .shortcode-building.no-content:before, .shortcode-building.no-content, .shortcode-building.no-content *, .media-link-container h5.media-title, .stopover h5.media-title, .slider .slide-caption, .slider .slick-dots li button, .wrap figure.wy-figure-small blockquote {
  font-family: "SharpSansNo2-Semibold"; }

.ss-extrabold, .wysiwyg h5 {
  font-family: "SharpSansNo2-Extrabold"; }

.serif, .case-study-body p, .wrap p, .wysiwyg ul, .wysiwyg ol {
  font-family: "ff-tisa-web-pro"; }

.tracked, #menu li a, #menu li#contact-link, #menu li#contact-link a, .site-table-of-contents li span.toc-section-number, .shortcode-building.no-content:before, .shortcode-building.no-content, .shortcode-building.no-content *, .wysiwyg h5 {
  letter-spacing: .05em; }

.tracked-more, .part-number, .part-title, #header a, #menu-toggle #label span {
  letter-spacing: .15em; }

.part-number {
  margin: 0; }

.part-title {
  line-height: 1;
  margin-top: 0em;
  margin-bottom: .33em; }

.site-title {
  line-height: 1; }

.site-subtitle {
  font-size: 1.65em; }

@media (min-width: 1200px) {
  body {
    font-size: 18px; } }
@media (max-width: 1200px) {
  h1, .h1 {
    font-size: 72px; }

  h2, .h2 {
    font-size: 32px; }

  h3, .h3 {
    font-size: 22px; }

  h4, .h4 {
    font-size: 16px; }

  h5, .h5 {
    font-size: 16px; }

  h6, .h6 {
    font-size: 14px; } }
@media (max-width: 992px) {
  body {
    font-size: 14px; }

  h1, .h1 {
    font-size: 48px; }

  h2, .h2 {
    font-size: 28px; }

  h3, .h3 {
    font-size: 20px; }

  h4, .h4 {
    font-size: 16px; }

  h5, .h5 {
    font-size: 14px; }

  h6, .h6 {
    font-size: 14px; } }
@media (max-width: 767px) {
  body {
    font-size: 14px; }

  h1, .h1 {
    font-size: 36px; }

  h2, .h2 {
    font-size: 23px; }

  h3, .h3 {
    font-size: 17px; }

  h4, .h4 {
    font-size: 14px; }

  h5, .h5 {
    font-size: 13px; }

  h6, .h6 {
    font-size: 13px; } }
/********** @FORMATTING *********/
.uppercase {
  text-transform: uppercase; }

.underline {
  border-bottom: 2px solid #F1F1F1; }

.centered {
  text-align: center; }

@media (min-width: 1201px) {
  .centered-lg {
    text-align: center; } }
@media (max-width: 1200px) {
  .centered-md {
    text-align: center; } }
@media (max-width: 992px) {
  .centered-sm {
    text-align: center; } }
@media (max-width: 767px) {
  .centered-xs {
    text-align: center; } }
.righted {
  text-align: right; }

@media (min-width: 1201px) {
  .righted-lg {
    text-align: right; } }
@media (max-width: 1200px) {
  .righted-md {
    text-align: right; } }
@media (max-width: 992px) {
  .righted-sm {
    text-align: right; } }
@media (max-width: 767px) {
  .righted-xs {
    text-align: right; } }
.lefted {
  text-align: left; }

@media (min-width: 1201px) {
  .lefted-lg {
    text-align: left; } }
@media (max-width: 1200px) {
  .lefted-md {
    text-align: left; } }
@media (max-width: 992px) {
  .lefted-sm {
    text-align: left; } }
@media (max-width: 767px) {
  .lefted-xs {
    text-align: left; } }
.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.white {
  color: white; }

.light {
  color: #F1F1F1; }

.dark {
  color: #222; }

.medium, #header a {
  color: #9B9B9B; }

.brand {
  color: #003366; }

.red {
  color: red; }

.righted {
  text-align: right; }

@media (min-width: 1201px) {
  .righted-lg {
    text-align: right; } }
@media (max-width: 1200px) {
  .righted-md {
    text-align: right; } }
@media (max-width: 992px) {
  .righted-sm {
    text-align: right; } }
@media (max-width: 767px) {
  .righted-xs {
    text-align: right; } }
.centered {
  text-align: center; }

@media (min-width: 1201px) {
  .centered-lg {
    text-align: center; } }
@media (max-width: 1200px) {
  .centered-md {
    text-align: center; } }
@media (max-width: 992px) {
  .centered-sm {
    text-align: center; } }
@media (max-width: 767px) {
  .centered-xs {
    text-align: center; } }
/********** @MENU *********/
#menu {
  width: 512px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  margin: 0;
  padding: 100px 90px 100px 45px;
  background: #F1F1F1;
  z-index: 9;
  overflow: scroll;
  transform: translateX(-150%);
  -moz-transform: translateX(-150%);
  -webkit-transform: translateX(-150%);
  -o-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transition: transform 0.25s 0s ease;
  -moz-transition: transform 0.25s 0s ease;
  -webkit-transition: transform 0.25s 0s ease;
  -o-transition: transform 0.25s 0s ease;
  -ms-transition: transform 0.25s 0s ease;
  -webkit-transform-origin: center center;
  border-right: 1px solid #ddd; }
  #menu.open {
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%); }
  #menu li {
    line-height: 3; }
    #menu li a {
      padding-bottom: 2px;
      border-bottom: 2px solid transparent;
      font-size: 17px; }
      #menu li a:hover {
        color: #003366;
        border-bottom: 2px solid #003366; }
      #menu li a.active {
        border-bottom: 2px solid #222; }
    #menu li ul {
      margin-bottom: 20px;
      padding-left: 22px; }
    #menu li li {
      line-height: 1;
      margin-bottom: .5em; }
      #menu li li a {
        font-size: 13px; }
        #menu li li a.active {
          border-bottom: 2px solid #222; }
        #menu li li a:hover {
          border-bottom-color: transparent; }
    #menu li#contact-link {
      font-size: 16px;
      line-height: 2; }
      #menu li#contact-link a {
        margin-left: 15px;
        font-size: 14px;
        text-transform: lowercase; }

#blanket {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: transparent;
  transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0); }
  #blanket.on {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0); }

main, footer {
  transition: all 0.35s 0s ease;
  -moz-transition: all 0.35s 0s ease;
  -webkit-transition: all 0.35s 0s ease;
  -o-transition: all 0.35s 0s ease;
  -ms-transition: all 0.35s 0s ease; }

.menu-open main, .menu-open footer {
  transform: translate(512px, 0);
  -moz-transform: translate(512px, 0);
  -webkit-transform: translate(512px, 0);
  -o-transform: translate(512px, 0);
  -ms-transform: translate(512px, 0); }

/********** @HEADER *********/
#header {
  position: fixed;
  top: 15px;
  left: 20px;
  z-index: 8; }
  #header a {
    font-size: 16px;
    text-transform: uppercase; }
  #header li {
    transition: transform 0.5s 0s ease;
    -moz-transition: transform 0.5s 0s ease;
    -webkit-transition: transform 0.5s 0s ease;
    -o-transition: transform 0.5s 0s ease;
    -ms-transition: transform 0.5s 0s ease;
    margin-bottom: 0em;
    margin-top: 0px; }
  #header.after li {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px); }

#menu-toggle {
  position: fixed;
  width: 134px;
  top: 75px;
  left: 13px;
  z-index: 10;
  transform: translateX(0px);
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px); }
  #menu-toggle #hamburger {
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.85);
    padding: 3px 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px; }
    #menu-toggle #hamburger .line {
      width: 18px;
      height: 2px;
      background: #003366;
      display: block;
      margin: 5px auto;
      transition: all 0.35s 0s ease;
      -moz-transition: all 0.35s 0s ease;
      -webkit-transition: all 0.35s 0s ease;
      -o-transition: all 0.35s 0s ease;
      -ms-transition: all 0.35s 0s ease; }
  #menu-toggle #label {
    float: left;
    transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.35s 0s ease;
    -moz-transition: all 0.35s 0s ease;
    -webkit-transition: all 0.35s 0s ease;
    -o-transition: all 0.35s 0s ease;
    -ms-transition: all 0.35s 0s ease; }
    #menu-toggle #label span {
      font-size: 15px;
      position: relative;
      top: -2px;
      left: 10px; }
  #menu-toggle:hover #hamburger {
    background: #F1F1F1; }
  #menu-toggle:hover #label {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }

.menu-open #menu-toggle #hamburger {
  background: none; }
  .menu-open #menu-toggle #hamburger .line-1 {
    transform: rotate(-45deg) translate(0, 4px);
    -moz-transform: rotate(-45deg) translate(0, 4px);
    -webkit-transform: rotate(-45deg) translate(0, 4px);
    -o-transform: rotate(-45deg) translate(0, 4px);
    -ms-transform: rotate(-45deg) translate(0, 4px); }
  .menu-open #menu-toggle #hamburger .line-2 {
    display: none; }
  .menu-open #menu-toggle #hamburger .line-3 {
    transform: rotate(45deg) translate(-1px, -5px);
    -moz-transform: rotate(45deg) translate(-1px, -5px);
    -webkit-transform: rotate(45deg) translate(-1px, -5px);
    -o-transform: rotate(45deg) translate(-1px, -5px);
    -ms-transform: rotate(45deg) translate(-1px, -5px); }
.menu-open #menu-toggle #label {
  display: none; }
.menu-open #menu-toggle:hover #hamburger {
  background: #F1F1F1; }

#cms {
  position: fixed;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  z-index: 11;
  background: rgba(220, 220, 220, 0.1); }

/********** @GLOBALS *********/
.row .row {
  margin-left: -5px;
  margin-right: -5px; }

a {
  transition: all 0.125s 0s ease;
  -moz-transition: all 0.125s 0s ease;
  -webkit-transition: all 0.125s 0s ease;
  -o-transition: all 0.125s 0s ease;
  -ms-transition: all 0.125s 0s ease; }

a:focus {
  color: #222; }

a:hover {
  cursor: pointer; }

.padded {
  padding-top: 100px;
  padding-bottom: 100px; }

.title, .subtitle, .section-title {
  position: relative; }

.section-title {
  word-wrap: break-word; }

.bordered {
  border: 2px solid #003366; }

.height-inherit {
  height: inherit;
  width: auto;
  max-width: none; }

.col-toc {
  width: 23%;
  float: left;
  padding: 0 20px; }
  .col-toc.skinny {
    width: 14%; }

.site-table-of-contents {
  z-index: 13; }
  .site-table-of-contents li {
    margin-bottom: 15px; }
    .site-table-of-contents li:hover span {
      border-bottom: 2px solid #003366; }
    .site-table-of-contents li:hover .toc-section-number {
      border-bottom: 2px solid transparent; }
    .site-table-of-contents li span {
      font-size: 15px;
      display: inline-block;
      line-height: 1.25;
      border-bottom: 2px solid transparent; }
      .site-table-of-contents li span.toc-section-number {
        margin-right: 10px;
        color: #003366; }

#footer a {
  font-size: 15px; }
#footer img {
  padding: 5px;
  opacity: .7;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.shortcode-building {
  background: #fafafa;
  height: 40vw;
  max-width: none;
  width: 100vw;
  font-size: 0;
  color: transparent;
  margin: 60px 0;
  padding: 0; }
  .shortcode-building.no-content {
    font-style: normal;
    font-size: 18px;
    color: salmon; }
    .shortcode-building.no-content:before {
      padding-top: 30px;
      content: 'media item not found:';
      display: block;
      color: salmon;
      font-size: 18px; }
    .shortcode-building.no-content * {
      font-style: normal;
      font-size: 18px;
      color: salmon; }

.slider .slick {
  opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 1s 0s linear;
  -moz-transition: opacity 1s 0s linear;
  -webkit-transition: opacity 1s 0s linear;
  -o-transition: opacity 1s 0s linear;
  -ms-transition: opacity 1s 0s linear; }
  .slider .slick.initialized {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }

.media-link-container .media-title, .media-link-container .media-preview {
  transition: opacity 1s 0s linear;
  -moz-transition: opacity 1s 0s linear;
  -webkit-transition: opacity 1s 0s linear;
  -o-transition: opacity 1s 0s linear;
  -ms-transition: opacity 1s 0s linear;
  opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }
.media-link-container .media-link .media-preview {
  height: 0;
  padding-top: 50%; }
  .media-link-container .media-link .media-preview img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
.media-link-container.building .media-title, .media-link-container.building .media-preview {
  opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.building.slider {
  background: #fafafa;
  height: calc(((100vw - 554px) * .5625) + 90px ); }
.building .media-link {
  background: #fafafa; }

@media (max-width: 1200px) {
  .building.slider {
    height: calc(((100vw - 380px) * .5625) + 90px ); } }
@media (max-width: 992px) {
  .building.slider {
    height: calc(((100vw - 260px) * .5625) + 90px ); } }
@media (max-width: 767px) {
  .building.slider {
    height: calc(((100vw - 30px) * .5625) + 90px ); } }
#section1 {
  padding-top: 150px; }

.divider {
  content: '';
  display: block;
  width: 160px;
  height: 8px;
  background: #003366;
  margin: 100px auto 110px auto; }

.next .block-background video {
  opacity: .9;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.next-item h2, .next-item .icon:before, .next-item .modal-arrow:before, .next-item .slider .slick-arrow:before, .slider .next-item .slick-arrow:before, .next-item h3 {
  transition: color 0.1s 0s ease;
  -moz-transition: color 0.1s 0s ease;
  -webkit-transition: color 0.1s 0s ease;
  -o-transition: color 0.1s 0s ease;
  -ms-transition: color 0.1s 0s ease; }
.next-item:hover h2, .next-item:hover .icon:before, .next-item:hover .modal-arrow:before, .next-item:hover .slider .slick-arrow:before, .slider .next-item:hover .slick-arrow:before, .next-item:hover h3 {
  color: white; }

.body-part3 #section1 p:first-child {
  display: none; }
  .body-part3 #section1 p:first-child + figure {
    padding-top: 0; }

.part-table-of-contents-number {
  width: 50px;
  float: left;
  margin-right: 25px; }

.part-table-of-contents-title {
  width: calc(100% - 75px);
  float: left; }
  .part-table-of-contents-title h3 {
    word-wrap: break-word; }
    .part-table-of-contents-title h3 span {
      border-bottom: 2px solid transparent; }

#part-table-of-contents a {
  transition: none 0.75s 0s ease;
  -moz-transition: none 0.75s 0s ease;
  -webkit-transition: none 0.75s 0s ease;
  -o-transition: none 0.75s 0s ease;
  -ms-transition: none 0.75s 0s ease; }
#part-table-of-contents a:hover h3 span {
  border-bottom: 2px solid #003366; }

.stopover-landing-screen h1 {
  font-size: 60px; }

@media (max-width: 992px) {
  .stopover-landing-screen h1 {
    font-size: 40px; } }
@media (max-width: 767px) {
  .stopover-landing-screen h1 {
    font-size: 28px; } }
@media (min-width: 768px) {
  html.not-ie10 .landing-screen .block-background {
    background-image: none !important; } }
/********** @MODALS *********/
.modal-on {
  overflow: hidden; }
  .modal-on .modal-close {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0); }

.modal-arrows-on .modal-arrow, .modal-arrows-on .modal-arrow#modal-next {
  transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%); }

.modal {
  position: fixed;
  background: rgba(241, 241, 241, 0.95);
  border: 7px solid #003366;
  overflow: scroll;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  transition: transform 0.6s 0s ease;
  -moz-transition: transform 0.6s 0s ease;
  -webkit-transition: transform 0.6s 0s ease;
  -o-transition: transform 0.6s 0s ease;
  -ms-transition: transform 0.6s 0s ease;
  transform: translate(120%, 0%) scale(0.9);
  -moz-transform: translate(120%, 0%) scale(0.9);
  -webkit-transform: translate(120%, 0%) scale(0.9);
  -o-transform: translate(120%, 0%) scale(0.9);
  -ms-transform: translate(120%, 0%) scale(0.9); }
  .modal.on {
    transform: translate(0%, 0%) scale(1);
    -moz-transform: translate(0%, 0%) scale(1);
    -webkit-transform: translate(0%, 0%) scale(1);
    -o-transform: translate(0%, 0%) scale(1);
    -ms-transform: translate(0%, 0%) scale(1); }
  .modal.gallery-full {
    background: white;
    overflow: hidden; }
  .modal .container-fluid {
    padding: 0 90px; }
  .modal p {
    font-size: 17px;
    line-height: 1.7; }

.modal-close {
  position: fixed;
  top: 10px;
  right: 30px;
  z-index: 12;
  transition: transform 0.5s 0s ease;
  -moz-transition: transform 0.5s 0s ease;
  -webkit-transition: transform 0.5s 0s ease;
  -o-transition: transform 0.5s 0s ease;
  -ms-transition: transform 0.5s 0s ease;
  transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -webkit-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0); }
  .modal-close .icon:before, .modal-close .modal-arrow:before, .modal-close .slider .slick-arrow:before, .slider .modal-close .slick-arrow:before {
    font-size: 55px; }

/********** @MODAL ARROWS *********/
.modal-arrow {
  position: fixed;
  z-index: 12;
  top: 50%;
  left: 30px;
  width: 35px;
  height: 35px;
  background: #F1F1F1;
  border: 1px solid #9B9B9B;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  transform: translate(-300px, -50%);
  -moz-transform: translate(-300px, -50%);
  -webkit-transform: translate(-300px, -50%);
  -o-transform: translate(-300px, -50%);
  -ms-transform: translate(-300px, -50%);
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  -ms-transition: all 0.5s 0s ease; }
  .modal-arrow:before {
    content: '‘';
    width: 20px;
    display: block;
    font-size: 45px;
    line-height: 35px;
    left: 5px;
    color: #003366;
    transition: all 0.125s 0s ease;
    -moz-transition: all 0.125s 0s ease;
    -webkit-transition: all 0.125s 0s ease;
    -o-transition: all 0.125s 0s ease;
    -ms-transition: all 0.125s 0s ease; }
  .modal-arrow:hover {
    cursor: pointer;
    background: #003366; }
    .modal-arrow:hover:before {
      color: white; }
  .modal-arrow:focus {
    outline: none; }
  .modal-arrow.modal-arrow-next {
    left: auto;
    right: 35px !important;
    transform: translate(300px, -50%);
    -moz-transform: translate(300px, -50%);
    -webkit-transform: translate(300px, -50%);
    -o-transform: translate(300px, -50%);
    -ms-transform: translate(300px, -50%); }
    .modal-arrow.modal-arrow-next:before {
      content: '—';
      left: 8px; }

/********** @LINKS *********/
.media-link-container {
  margin: 60px 0; }
  .media-link-container .media-link {
    display: block; }
  .media-link-container h5.media-title {
    padding: 0;
    margin-bottom: 7px;
    margin-top: 1em;
    font-size: 16px; }
  .media-link-container .media-preview {
    position: relative; }
    .media-link-container .media-preview:hover .icon:before, .media-link-container .media-preview:hover .modal-arrow:before, .media-link-container .media-preview:hover .slider .slick-arrow:before, .slider .media-link-container .media-preview:hover .slick-arrow:before {
      transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05); }
    .media-link-container .media-preview .icon:before, .media-link-container .media-preview .modal-arrow:before, .media-link-container .media-preview .slider .slick-arrow:before, .slider .media-link-container .media-preview .slick-arrow:before {
      position: absolute;
      top: 30px;
      right: 30px;
      background: white;
      color: #003366;
      z-index: 1;
      padding: 2px 10px;
      font-size: 36px;
      border: 2px solid #003366;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -o-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      transition: transform 0.25s 0s ease;
      -moz-transition: transform 0.25s 0s ease;
      -webkit-transition: transform 0.25s 0s ease;
      -o-transition: transform 0.25s 0s ease;
      -ms-transition: transform 0.25s 0s ease; }

.stopover h5.media-title {
  color: white; }
.stopover .bordered {
  border-color: white; }

/********** @SLICK *********/
.slick {
  position: relative; }

.slide:focus {
  outline: none;
  border: none; }

.modal .slick-dots {
  position: fixed;
  top: 16px;
  width: 270px;
  left: 10px;
  text-align: left; }
  .modal .slick-dots li {
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #9B9B9B;
    background: #F1F1F1;
    margin-right: 7px;
    display: inline-block;
    font-size: 14px !important; }
    .modal .slick-dots li button {
      width: 26px;
      height: 26px;
      margin: 0;
      padding: 0;
      outline: none;
      font-size: 12px;
      position: relative;
      background: none;
      border: none;
      line-height: 26px;
      top: -2px;
      left: -1px; }
    .modal .slick-dots li:hover {
      cursor: pointer; }
    .modal .slick-dots li:focus {
      outline: none;
      border: none; }
      .modal .slick-dots li:focus button {
        outline: none; }
    .modal .slick-dots li.slick-active {
      background: #003366; }
      .modal .slick-dots li.slick-active button {
        outline: none;
        color: white; }
.modal.off .slick-dots {
  left: -100%; }

.windows .slick-dots li button {
  line-height: 31px; }

/********** @GALLERIES *********/
.gallery-slick {
  height: 100%; }

.gallery-full {
  bacgkround: white; }
  .gallery-full .slick-list {
    height: inherit; }
  .gallery-full .slick-track {
    height: inherit; }
  .gallery-full .slide {
    position: relative;
    height: inherit;
    background-position: center center;
    background-repeat: no-repeat; }
    .gallery-full .slide:focus {
      outline: none;
      border: none; }
  .gallery-full .slide-caption {
    position: absolute;
    right: 15px;
    bottom: 80px;
    width: 300px;
    margin: 0 auto;
    padding: 10px 15px;
    background: rgba(241, 241, 241, 0.95);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px; }

/********** @SLIDER *********/
.slider {
  padding-top: 30px;
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
  position: relative; }
  .slider .slide-caption {
    max-width: 568px;
    margin: 0 auto;
    padding: 10px;
    opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    height: 60px;
    transition: opacity 0.7s 0s ease;
    -moz-transition: opacity 0.7s 0s ease;
    -webkit-transition: opacity 0.7s 0s ease;
    -o-transition: opacity 0.7s 0s ease;
    -ms-transition: opacity 0.7s 0s ease; }
  .slider .slide {
    padding-left: 22px;
    padding-right: 22px; }
  .slider .slick-active .slide-caption {
    opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100); }
  .slider .slick-dots {
    position: absolute;
    top: -30px;
    margin-bottom: 0;
    text-align: right;
    padding: 0;
    height: 30px;
    right: 277px; }
    .slider .slick-dots li {
      display: inline-block;
      margin: 0;
      padding: 0; }
      .slider .slick-dots li button {
        background: none;
        border: none;
        outline: none;
        font-size: 13px;
        padding-left: 8px;
        padding-right: 0px;
        margin: 0;
        color: #9B9B9B; }
      .slider .slick-dots li.slick-active button {
        color: #003366; }
  .slider .slick-arrow {
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 15px;
    width: 35px;
    height: 35px;
    background: #F1F1F1;
    border: 1px solid #9B9B9B;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    transform: translate(0px, -100%);
    -moz-transform: translate(0px, -100%);
    -webkit-transform: translate(0px, -100%);
    -o-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    -ms-transition: all 0.5s 0s ease; }
    .slider .slick-arrow:before {
      content: '‘';
      width: 20px;
      display: block;
      font-size: 45px;
      line-height: 35px;
      left: 5px;
      color: #003366;
      transition: all 0.125s 0s ease;
      -moz-transition: all 0.125s 0s ease;
      -webkit-transition: all 0.125s 0s ease;
      -o-transition: all 0.125s 0s ease;
      -ms-transition: all 0.125s 0s ease; }
    .slider .slick-arrow:hover {
      cursor: pointer;
      background: #003366; }
      .slider .slick-arrow:hover:before {
        color: white; }
    .slider .slick-arrow:focus {
      outline: none; }
    .slider .slick-arrow.slick-next {
      left: auto;
      right: 15px !important;
      transform: translate(0px, -100%);
      -moz-transform: translate(0px, -100%);
      -webkit-transform: translate(0px, -100%);
      -o-transform: translate(0px, -100%);
      -ms-transform: translate(0px, -100%); }
      .slider .slick-arrow.slick-next:before {
        content: '—';
        left: 8px; }

/********** @TYPOLOGY *********/
.modal-typology {
  overflow: hidden; }

.typology-header {
  height: 125px; }

.case-study-text, .case-study-images {
  height: calc(100vh - 160px);
  overflow-y: scroll;
  overflow-x: hidden; }

.case-study-slick button {
  display: none; }
.case-study-slick iframe {
  width: 100%;
  height: 100%; }
  .case-study-slick iframe:after {
    content: '';
    display: block;
    padding-top: 75%; }
.case-study-slick .slick-dots {
  margin-top: 15px;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: auto; }
  .case-study-slick .slick-dots li {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #9B9B9B;
    background: #F1F1F1;
    margin-right: 5px;
    display: inline-block; }
    .case-study-slick .slick-dots li:hover {
      cursor: pointer; }
    .case-study-slick .slick-dots li.slick-active {
      background: #003366; }
.case-study-slick .slick-slide {
  position: relative; }
.case-study-slick.slick-enabled figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px 15px 10px 15px;
  font-size: 14px;
  color: white;
  background: rgba(0, 51, 102, 0.8);
  background: -moz-linear-gradient(top, rgba(0, 43, 87, 0.25) 0%, rgba(0, 43, 87, 0.8) 59%, #002b57 100%);
  background: -webkit-linear-gradient(top, rgba(0, 43, 87, 0.25) 0%, rgba(0, 43, 87, 0.8) 59%, #002b57 100%);
  background: linear-gradient(to bottom, rgba(0, 43, 87, 0.25) 0%, rgba(0, 43, 87, 0.8) 59%, #002b57 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40002b57', endColorstr='#002b57',GradientType=0 ); }
.case-study-slick.slick-disabled figcaption {
  margin-top: 10px;
  padding: 0 15px;
  text-align: center;
  color: #828282;
  font-size: 14px;
  line-height: 1.3; }
.case-study-slick.slick-disabled .slide {
  margin-bottom: 50px; }

/********** @TIMESLIDERS *********/
.timeslider-title {
  height: 70px; }
  .timeslider-title h4 {
    margin-top: 19px; }

.timeslider {
  height: calc( (100vh - 130px) ); }

.timeslider-endpoint, .range {
  height: 30px; }

.timeslider-label {
  height: 30px; }

@media screen and (min-aspect-ratio: 4 / 3) {
  .timeslider {
    width: 70%;
    margin: 0 auto; } }
.timeslider-endpoint {
  padding: 0; }
  .timeslider-endpoint h6 {
    margin-top: 5px; }

input.range {
  position: relative;
  z-index: 1; }
  input.range.col-sm-10 {
    width: 83.33333%; }
  input.range.col-sm-12 {
    width: 100%; }

.timeslider-label {
  position: relative;
  top: 7px;
  z-index: 0;
  clear: both; }

/********** @RESPONSIVE  *********/
@media (min-width: 1201px) {
  .case-study-text {
    margin-left: 4%; } }
@media (max-width: 1200px) {
  .modal .container-fluid {
    padding: 0 40px; }

  .slider .slide {
    padding-left: 30px;
    padding-right: 30px; }
  .slider .slide-caption {
    font-size: 13px; }
  .slider .slick-dots {
    right: 190px; }

  .case-study-text {
    margin-left: 4%; } }
@media (max-width: 992px) {
  .modal {
    border-width: 4px; }
    .modal .container-fluid {
      padding: 0 30px; }

  .modal-arrow {
    left: 2px;
    width: 26px;
    height: 26px; }
    .modal-arrow:before {
      width: 15px;
      font-size: 36px;
      line-height: 35px;
      left: 3px;
      top: -4px; }
    .modal-arrow.modal-arrow-next {
      right: 2px !important; }
      .modal-arrow.modal-arrow-next:before {
        left: 5px; }

  .slider .slide {
    padding-left: 15px;
    padding-right: 15px; }
  .slider .slick-arrow {
    left: 2px;
    width: 26px;
    height: 25px; }
    .slider .slick-arrow:before {
      width: 15px;
      font-size: 35px;
      line-height: 35px;
      left: 3px;
      top: -4px; }
    .slider .slick-arrow.slick-next {
      right: 2px !important; }
      .slider .slick-arrow.slick-next:before {
        left: 5px; }
  .slider .slick-dots {
    right: 130px; }

  .media-link-container h5.media-title {
    font-size: 13px; }

  .case-study-slick figcaption {
    padding: 5px 10px 6px 10px;
    font-size: 11px; } }
@media (max-width: 767px) {
  .modal {
    border: 3px solid #003366;
    background: #F1F1F1; }
    .modal .container-fluid {
      padding: 0 15px; }
    .modal p {
      font-size: 14px;
      line-height: 1.6; }
    .modal .slick-dots {
      top: 8px; }
      .modal .slick-dots li {
        width: 20px;
        height: 20px;
        margin-right: 5px; }
        .modal .slick-dots li button {
          width: 20px;
          height: 20px;
          font-size: 11px;
          top: -4px;
          line-height: 24px; }
    .modal .windows .slick-dots li button {
      line-height: 29px; }

  .case-study-slick .slick-dots li {
    width: 9px;
    height: 9px; }

  .modal-close {
    top: 8px;
    right: 12px; }
    .modal-close .icon:before, .modal-close .modal-arrow:before, .modal-close .slider .slick-arrow:before, .slider .modal-close .slick-arrow:before {
      font-size: 36px; }

  .media-link-container {
    margin: 60px 0; }
    .media-link-container .media-preview .icon:before, .media-link-container .media-preview .modal-arrow:before, .media-link-container .media-preview .slider .slick-arrow:before, .slider .media-link-container .media-preview .slick-arrow:before {
      top: 15px;
      right: 15px;
      padding: 0px 7px;
      font-size: 27px; }

  .gallery-full .slide-caption {
    width: calc(100% - 30px); }

  .slider .slide {
    padding-left: 5px;
    padding-right: 5px; }
  .slider .slide-caption {
    font-size: 11px; }
  .slider .slick-dots {
    right: 13px; }
    .slider .slick-dots li button {
      font-size: 11px; }

  input.range.col-sm-10 {
    width: 100%; }
  input.range.col-sm-12 {
    width: 100%; } }
#route svg {
  height: 100vh;
  width: auto;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 2; }

.wrap {
  width: 100%; }
  .wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap ul, .wrap ol {
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    padding: 0 255px; }
  .wrap ol {
    padding-left: 275px; }
  .wrap blockquote {
    margin-bottom: 0; }
  .wrap .wrap-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    padding: 0 255px; }
  .wrap .unwrap {
    padding: 0; }
  .wrap figure, .wrap .media-element {
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    padding: 0 210px; }
  .wrap .slider.media-element {
    max-width: none;
    padding: 0;
    padding-top: 30px; }
  .wrap figure.wy-figure-large {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    z-index: 10;
    /* not working */ }
    .wrap figure.wy-figure-large figcaption {
      width: 100%;
      padding: 0 15px;
      max-width: 480px;
      margin: 10px auto 0  auto; }
  .wrap figure[data-type=table] tbody tbody td {
    padding: 13px;
    border: 2px solid #F1F1F1; }
  .wrap figure {
    padding-top: 37.5px;
    margin-bottom: 75px; }
    .wrap figure.wy-figure-small {
      padding-top: 0;
      width: 36%;
      margin-bottom: 25px; }
      .wrap figure.wy-figure-small[data-type="quote"] {
        width: 45%; }
      .wrap figure.wy-figure-small blockquote {
        font-size: 24px;
        padding-right: 30px; }
      .wrap figure.wy-figure-small[data-type="image"] {
        margin-top: 12px; }
      .wrap figure.wy-figure-small.wy-figure-left {
        float: left;
        margin-right: 50px;
        padding-left: 210px;
        padding-right: 0; }
        .wrap figure.wy-figure-small.wy-figure-left figcaption {
          text-align: left; }
      .wrap figure.wy-figure-small.wy-figure-right {
        float: right;
        margin-left: 50px;
        padding-right: 210px;
        padding-left: 0; }
      .wrap figure.wy-figure-small figcaption {
        text-align: left; }
    .wrap figure[data-type=video], .wrap figure[data-type=embed]:not(.carto) {
      padding-top: 0;
      width: 40%;
      margin-bottom: 25px;
      float: right;
      padding-right: 210px;
      padding-left: 0;
      margin-left: 30px;
      margin-top: 10px; }
      .wrap figure[data-type=video] iframe, .wrap figure[data-type=embed]:not(.carto) iframe {
        width: 100%;
        height: 300px; }
    .wrap figure p {
      padding: 0;
      margin: 0; }
  .wrap figure[data-type=quote].wy-figure-medium, .wrap figure[data-type=quote].wy-figure-large, .wrap figure[data-type=quote].wy-figure-full {
    display: block;
    float: none;
    text-align: center; }
    .wrap figure[data-type=quote].wy-figure-medium.wy-figure-left, .wrap figure[data-type=quote].wy-figure-medium.wy-figure-right, .wrap figure[data-type=quote].wy-figure-large.wy-figure-left, .wrap figure[data-type=quote].wy-figure-large.wy-figure-right, .wrap figure[data-type=quote].wy-figure-full.wy-figure-left, .wrap figure[data-type=quote].wy-figure-full.wy-figure-right {
      width: 100%; }
    .wrap figure[data-type=quote].wy-figure-medium cite, .wrap figure[data-type=quote].wy-figure-large cite, .wrap figure[data-type=quote].wy-figure-full cite {
      text-align: center; }
  .wrap p {
    font-size: 20px;
    margin-bottom: 50px; }
  .wrap blockquote {
    font-size: 36px;
    padding: 0;
    font-style: normal;
    color: #003366;
    border: none; }
    .wrap blockquote em {
      font-style: normal; }
    .wrap blockquote * {
      font-family: "SharpSansNo2-Medium" !important;
      font-style: normal !important; }
  .wrap figcaption {
    text-align: center;
    color: #9B9B9B;
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.3; }
    .wrap figcaption br {
      display: none; }

.wysiwyg p:blank {
  display: none; }
.wysiwyg h3 {
  margin-top: 3px; }
.wysiwyg h4 {
  color: #9B9B9B;
  margin-top: 0;
  margin-bottom: 0; }
.wysiwyg h5 {
  margin-top: 4em;
  font-size: 20px; }
.wysiwyg figure[data-type=quote] cite {
  display: block;
  text-align: left;
  font-size: .75em; }
.wysiwyg figure[data-type=quote] cite:before {
  content: "\2014\00a0"; }
.wysiwyg ul, .wysiwyg ol {
  margin-bottom: 60px; }
  .wysiwyg ul a, .wysiwyg ol a {
    text-decoration: none !important;
    color: #003f80; }
    .wysiwyg ul a:hover, .wysiwyg ol a:hover {
      text-decoration: underline !important; }
  .wysiwyg ul li, .wysiwyg ol li {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 5px; }
.wysiwyg ol {
  text-decoration: auto; }
.wysiwyg li a {
  text-decoration: underline; }
.wysiwyg p a {
  text-decoration: underline; }

@media (max-width: 1200px) {
  .wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap ul, .wrap ol {
    padding: 0 190px; }
  .wrap ol {
    padding-left: 210px; }
  .wrap figure, .wrap .media-element {
    padding: 0 160px; }
  .wrap .wrap-row {
    padding: 0 190px; }
  .wrap figure {
    padding-top: 37.5px;
    margin-bottom: 75px; }
    .wrap figure.wy-figure-small {
      width: 40%;
      margin-bottom: 25px; }
      .wrap figure.wy-figure-small blockquote {
        font-size: 21px;
        padding-right: 15px; }
      .wrap figure.wy-figure-small.wy-figure-left {
        margin-right: 30px;
        padding-left: 160px; }
      .wrap figure.wy-figure-small.wy-figure-right {
        margin-left: 30px;
        width: 40%;
        padding-right: 160px; }
    .wrap figure[data-type=video], .wrap figure[data-type=embed]:not(.carto) {
      padding-right: 160px; }
      .wrap figure[data-type=video] iframe, .wrap figure[data-type=embed]:not(.carto) iframe {
        height: 250px; }
  .wrap p {
    font-size: 18px;
    margin-bottom: 50px; }
  .wrap h5 {
    font-size: 19px; }
  .wrap ul li, .wrap ol li {
    font-size: 18px; }
  .wrap blockquote {
    font-size: 27px; }
  .wrap .slide-caption {
    padding: 0; }
  .wrap figcaption {
    font-size: 13px;
    margin-top: 8px; } }
@media (max-width: 992px) {
  .wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap ul, .wrap ol {
    padding: 0 130px; }
  .wrap ol {
    padding-left: 150px; }
  .wrap figure, .wrap .media-element {
    padding: 0 115px; }
  .wrap .wrap-row {
    padding: 0 130px; }
  .wrap figure {
    padding-top: 22.5px;
    margin-bottom: 45px; }
    .wrap figure.wy-figure-small {
      padding-top: 0;
      width: 50%;
      margin-bottom: 15px; }
      .wrap figure.wy-figure-small blockquote {
        font-size: 19px; }
      .wrap figure.wy-figure-small.wy-figure-left {
        width: 50%;
        padding-left: 115px; }
      .wrap figure.wy-figure-small.wy-figure-right {
        width: 50%;
        padding-right: 115px; }
    .wrap figure[data-type=video], .wrap figure[data-type=embed]:not(.carto) {
      padding-right: 115px;
      width: 50%; }
      .wrap figure[data-type=video] iframe, .wrap figure[data-type=embed]:not(.carto) iframe {
        height: 250px; }
  .wrap p {
    font-size: 16px;
    margin-bottom: 30px; }
  .wrap h5 {
    font-size: 17px; }
  .wrap ul li, .wrap ol li {
    font-size: 17px; }
  .wrap blockquote {
    font-size: 22px; }
  .wrap figcaption {
    font-size: 12px;
    margin-top: 7px; } }
@media (max-width: 767px) {
  .wrap p, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap ul, .wrap ol {
    padding: 0 15px;
    max-width: 480px; }
  .wrap ol {
    padding-left: 35px; }
  .wrap figure, .wrap .media-element {
    padding: 0 15px;
    max-width: 480px; }
  .wrap .wrap-row {
    padding: 0 15px;
    max-width: 480px; }
  .wrap figure.wy-figure-large figcaption {
    padding: 0 15px; }
  .wrap figure[data-type=table] {
    max-width: 320px;
    padding: 0 5px 0 5px; }
    .wrap figure[data-type=table] table, .wrap figure[data-type=table] thead, .wrap figure[data-type=table] tbody, .wrap figure[data-type=table] th, .wrap figure[data-type=table] td, .wrap figure[data-type=table] tr {
      display: block; }
      .wrap figure[data-type=table] table tbody tbody td, .wrap figure[data-type=table] thead tbody tbody td, .wrap figure[data-type=table] tbody tbody tbody td, .wrap figure[data-type=table] th tbody tbody td, .wrap figure[data-type=table] td tbody tbody td, .wrap figure[data-type=table] tr tbody tbody td {
        width: 50%;
        float: left;
        padding: 5px;
        height: 54px;
        font-size: 13px; }
  .wrap figure {
    padding-top: 22.5px;
    margin-bottom: 45px; }
    .wrap figure.wy-figure-small {
      padding-top: 0;
      width: 100%;
      max-width: 480px;
      margin-bottom: 15px; }
      .wrap figure.wy-figure-small.wy-figure-left {
        float: none;
        width: 100%;
        margin-right: 00px;
        padding-left: 20%;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0; }
      .wrap figure.wy-figure-small.wy-figure-right {
        width: 100%;
        float: none;
        margin-left: 00px;
        padding-left: 20%;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0; }
      .wrap figure.wy-figure-small[data-type=quote].wy-figure-left, .wrap figure.wy-figure-small[data-type=quote].wy-figure-right {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        margin: 0 auto 30px auto; }
    .wrap figure[data-type=video], .wrap figure[data-type=embed]:not(.carto) {
      padding-right: 15px;
      width: 100%;
      padding-left: 15px;
      float: none;
      margin: 0 auto;
      margin-bottom: 30px; }
      .wrap figure[data-type=video] iframe, .wrap figure[data-type=embed]:not(.carto) iframe {
        height: 250px; }
  .wrap p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 30px; }
  .wrap h5 {
    font-size: 16px; }
  .wrap ul li, .wrap ol li {
    font-size: 15px; }
  .wrap blockquote {
    font-size: 20px; }
  .wrap figcaption {
    font-size: 10px;
    margin-top: 5px; } }
/********** @RESPONSIVE *********/
@media (max-width: 1200px) {
  #menu {
    padding-top: 75px; }
    #menu li ul {
      margin-bottom: 15px; }
    #menu li a {
      font-size: 15px; }
    #menu li li a {
      font-size: 12px; }

  #header {
    left: 11px; }
    #header a {
      font-size: 13px; }

  #menu-toggle {
    top: 63px;
    left: 6px; }
    #menu-toggle #label span {
      top: 3px;
      font-size: 12px; }

  .col-toc {
    padding: 0 10px; } }
@media (max-width: 992px) {
  #menu-toggle {
    top: 43px; }

  .col-toc {
    width: 100%;
    float: none;
    padding: 0 30px 0 15px;
    margin-bottom: 40px; }

  .site-table-of-contents li {
    margin-bottom: 6px; }
    .site-table-of-contents li a {
      font-size: 12px;
      line-height: 1.2; } }
@media (max-width: 767px) {
  #menu {
    width: 100vw;
    max-width: 414px;
    padding: 60px 30px 100px 30px; }

  .menu-open {
    width: 100vw;
    height: 100vw;
    overflow: hidden; }
    .menu-open main, .menu-open footer {
      transform: translate(0px, 0);
      -moz-transform: translate(0px, 0);
      -webkit-transform: translate(0px, 0);
      -o-transform: translate(0px, 0);
      -ms-transform: translate(0px, 0); }

  #menu-toggle {
    left: 9px;
    top: 15px; }

  .next-item {
    padding: 15px 5px;
    min-height: 0;
    margin-bottom: 15px;
    display: block; }
    .next-item .icon:before, .next-item .modal-arrow:before, .next-item .slider .slick-arrow:before, .slider .next-item .slick-arrow:before {
      font-size: 50px;
      display: block; }

  .section-title {
    font-size: 20px; } }

/*# sourceMappingURL=main.css.map */

.missing-image{border:10px solid red;}