@charset "UTF-8";
@import url("/build/css/popup-form.css");
/*Box sizing (the nuclear option) */
*, *:before, *:after {
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* Fix font rendering defaults */
html, button {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;list
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0; }

/* IE fixes for HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

strong, b, mark {
  font-weight: bold;
  font-style: inherit; }

em, i, cite, q, address, dfn, var {
  font-style: italic;
  font-weight: inherit; }

ul {
  margin-left: 20px; }

ul ul {
  margin-left: 20px; }

a, u, ins {
  text-decoration: none; }

pre, code, samp, kbd {
  font-family: monospace; }

iframe {
  width: 100%; }

img, svg {
  max-width: 100%;
  border: none; }

input,
select,
textarea {
  font: inherit; }

button {
  cursor: pointer; }

/**
*  https://github.com/eduardoboucas/include-media
**/
/**
 * Generates a media query based on a list of conditions
 *
 * @author Eduardo Boucas
 *
 * @param {List}   $conditions  - Media query conditions
 *
 * @example scss - With a single set breakpoint
 *  @include media(">phone") { }
 *
 * @example scss - With two set breakpoints
 *  @include media(">phone", "<=tablet") { }
 *
 * @example scss - With custom values
 *  @include media(">=358px", "<850px") { }
 *
 * @example scss - With set breakpoints with custom values
 *  @include media(">desktop", "<=1350px") { }
 *
 * @example scss - With a static expression
 *  @include media("retina2x") { }
 *
 * @example scss - Mixing everything
 *  @include media(">=350px", "<tablet", "retina3x") { }
 */
/**
 * Reads a list of media query expressions and separates logical disjunctions into different branches
 *
 * @author Eduardo Boucas
 *
 * @param {List}   $expressions  - list of expressions
 *
 * @throws `$expression` is not a valid expression
 *
 * @return {List | Null}
 */
/**
 * Parses a string to form a media query expression
 *
 * @author Eduardo Boucas
 *
 * @param {String}   $expression  - expression (in string)
 *
 * @throws Expression with type `type-of($expression)` detected, string expected
 * @throws `$expression` is missing an operator
 * @throws Unknown unit: `$unit`
 *
 * @return {String | Null}
 */
/**
 * Replaces the first occurence of the string with the replacement string
 *
 * @author Eduardo Boucas
 *
 * @param {String}   $search  - The value being searched for
 * @param {String}   $replace  - The replacement string
 * @param {String}   $subject  - The string being replaced on
 *
 * @return {String | Null}
 */
/**
 * Casts a number to a string
 *
 * @author Hugo Giraudel
 *
 * @param {String}   $string  - Number to be parsed
 *
 * @return {List | Null}
 */
.text--white {
  color: #FFFFFF !important; }

.text--black {
  color: #404041; }
  
.text--dark-grey{
  color:#404041;
}
.text--black{
  color:#151515;
}
.text--blue{
  color:#085683;
}
.text--orange{
	color:#F77D38;
}
h1, .h1 {
  text-transform: uppercase; }

h2, .h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400; }

.Heading--thin {
  font-weight: 200;
  text-transform: uppercase; }

.Heading--medium {
  font-weight: 200;
  font-size: 24px;
  line-height: 1.2; }

.Heading--small {
  text-transform: uppercase;
  color: #075582;
  font-size: 15px; }

.Heading--tiny {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  display: block; }

.Heading--smallMargin {
  margin-bottom: 30px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, ul, ol, figure {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }

a {
  color:#095587;
  -webkit-transition: color .3s ease;
          transition: color .3s ease; }
  a:hover {
    color: #F77D38; }
p a{
	color:#F77D38;
}
p a:hover{
	text-decoration: underline;
}
::selection {
  background: #085683; /* WebKit/Blink Browsers */
	color:#ffffff;
}
::-moz-selection {
	color:#ffffff;
  background: #085683; /* Gecko Browsers */
}
.Link--read {
  text-transform: uppercase;
  color: #1C2D42;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap; }

.Form__title {
  font-weight: 200;
  font-size: 30px;
  margin: 40px 0 30px 0; }
  @media (min-width: 769px) {
    .Form__title {
      font-size: 40px; } }

.Form p {
  position: relative; }
.Form input {
  -webkit-appearance: none;
  width: 100%; }
  .Form input:required + label:after {
    content: "*";
    display: inline; }
.Form fieldset {
  border: none;
  padding: 0;
  margin-bottom: 30px; }
.Form legend {
  font-family: "lexia", Georgia, serif;
  margin-bottom: 30px;
  font-size: 20px; }
.js .Form label {
  pointer-events: none;
  position: absolute;
  left: 15px;
  top: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #CED0D1;
  z-index: 3;
  -webkit-transition: 0.2s;
          transition: 0.2s;
  width: 98%;
  width: calc(100% - 20px);
  height: 29px;
  background-color: #F5F5F6; }
.js .Form input.active + label, .js .Form input.active + label + label, .js
.Form select.active + label, .js
.Form select.active + label + label, .js
.Form textarea.active + label, .js
.Form textarea.active + label + label {
  top: 3px;
  font-size: 10px;
  letter-spacing: .7px;
  color: #b4b7b8;
  height: auto; }
.js .Form input.active + label.error, .js
.Form select.active + label.error, .js
.Form textarea.active + label.error {
  height: auto;
  width: auto;
  font-size: 10px;
  color: #F73636;
  position: absolute;
  top: 3px;
  right: 10px;
  left: auto;
  z-index: 9999;
  background-color: transparent;
  letter-spacing: 0px; }
.js .Form input + label.error, .js
.Form select + label.error, .js
.Form textarea + label.error {
  height: auto;
  width: auto;
  font-size: 10px;
  color: #F73636;
  position: absolute;
  top: 3px;
  right: 10px;
  left: auto;
  z-index: 9999;
  background-color: transparent;
  letter-spacing: 0px; }
.Form .paddedInput {
  padding-top: 30px; }
  @media (min-width: 769px) {
    .Form .paddedInput {
      padding-top: 15px; } }
.Form input.error {
  border: 2px solid #F73636; }
.Form textarea {
  margin: 0; }

@media (min-width: 769px) {
  .Form--split p {
    float: left;
    width: 47.4%;
    margin-right: 5%; }
    .Form--split p:nth-child(2n + 1) {
      margin-right: 0; } }
@media (min-width: 769px) {
  .Form--split p.fullwidth {
    width: 100%;
    margin-right: 0; } }

.Form--contact fieldset {
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .Form--contact fieldset {
      margin-right: 5%;
      margin-bottom: 30px;
      width: 45%;
      float: left;
      clear: left; } }
@media (min-width: 769px) {
  .Form--contact .textarea {
    float: right;
    width: 50%;
    clear: none;
    margin-right: 0; } }

input,
select,
textarea {
  border-radius: 5px;
  background-color: #F5F5F6;
  border: 2px solid #CED0D1;
  padding: 13px 13px 7px 13px;
  width: 100%;
  -webkit-font-smoothing: auto; }
  input:focus, input:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    border-color: #F77C36;
    outline: none; }

.error {
  border-color: red; }

select {
  -webkit-appearance: none; }
  select:required + label:after {
    content: "*";
    display: inline; }

select + label {
  position: relative; }
  select + label:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 1px;
    height: 20px;
    width: 20px;
    background: url("/build/img/dropdown-arrow.png") center center no-repeat; }

.js select.active + label:before {
  top: 11px; }

::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: bold; }

:-moz-placeholder {
  /* Firefox 18- */
  text-transform: uppercase;
  font-weight: bold; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: uppercase;
  font-weight: bold; }

:-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: bold; }

iframe {
  width: 100%;
  
}

.Longform {
  color: #646465; }
  .Longform p {
    font-family: "lexia", Georgia, serif;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-bottom: 1.25rem; }
    @media (min-width: 769px) {
      .Longform p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 25px;
        margin-bottom: 1.5625rem; } }
  .Longform h2,
  .Longform .h2 {
    color: #1C2D42;
    margin-bottom: 20px;
    line-height: 1.4; }
    @media (min-width: 769px) {
      .Longform h2,
      .Longform .h2 {
        font-size: 27px;
        margin-bottom: 40px; } }
  .Longform img {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px; }
  .Longform p + h2 {
    margin-bottom: 15px; }

.Title {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
  font-size: 2.25rem;
  font-family: "soleil", Helvetica, sans-serif;
  line-height: 1.1; }
  @media (min-width: 769px) {
    .Title {
      font-size: 51px; } }
  .Title:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 52px;
    background-color: #404041;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -25px; }

.Title--icon {
  position: relative; }
  .Title--icon:before {
    content: "";
    display: block;
    width: 106px;
    margin: 0 auto;
    height: 106px;
    background-repeat: no-repeat; }

.Title--icon--docsOrange {
  padding-top: 45px; }
  .Title--icon--docsOrange:before {
    background-image: url("/build/img/content-managed-print--orange.png"); }
    .svg .Title--icon--docsOrange:before {
      background-image: url("/src/img/content-managed-print--orange.svg"); }

.Title--icon--tree:before {
  background-image: url("/build/img/content-sustainability.png");
  margin-bottom: 30px; }
  .svg .Title--icon--tree:before {
    background-image: url("/build/img/content-sustainability.svg"); }

.Title--icon--file {
  padding-top: 80px; }
  .Title--icon--file:before {
    width: 76px;
    background-image: url("/build/img/content-methodology.png");
    margin-bottom: 30px; }
    .svg .Title--icon--file:before {
      background-image: url("/build/img/content-methodology.svg"); }

.Title--icon--presentation:before {
  margin-top: 20px;
  margin-bottom: 30px;
  background-image: url("/build/img/content-seminars.png"); }
  .svg .Title--icon--presentation:before {
    background-image: url("/build/img/content-seminars.svg"); }

.Title--white {
  color: #FFFFFF; }
  .Title--white:after {
    background-color: #FFFFFF; }

.Title--blue {
  color: #085683; }
  .Title--blue:after {
    background-color: #085683; }

.Title--orange {
  color: #F77D38; }
  .Title--orange:after {
    background-color: #F77D38; }
.Title--dark {
  color: #1C2D44; }
  
.Title--dir {
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 767px) {
    .Title--dir {
      font-size: 1.4em;
      max-width: 21em; }
      .Title--dir br {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .Title--dir {
      font-size: 2.25em; } }
  .Title--dir:after {
    background-color: transparent;
    content: '';
    display: none; }
footer{
	position: relative;
	z-index:10;
}
.Footer__social {
  padding: 15px;
  text-align: center;
  display: block;
  float:right;
  }
  @media (min-width: 769px) {
    .Footer__social {
      padding: 0; } }
  @media (max-width: 690px) {
    .Footer__social {
      margin-left:0;
    }
  }

@media (min-width: 769px) {
  .Footer__top {
    background-color: white;
    padding: 20px 0px;
 } }


  .Footer__bottom {
    background-color: #075582;
    padding: 45px 0px 25px;
    overflow: hidden;
  }


  .Footer__topWrapper,
  .Footer__bottomWrapper {
    max-width: 1093px;
    max-width: 68.3125rem;
    margin: 0 auto;
    padding: 0px 25px;
    padding: 0rem 1.5625rem; } 

.Footer__small {
  display: none; }

    .Footer__small {
      margin:0 0 10px;
      display: block;
      float: right;
      color: white;
      text-transform: uppercase;
      font-size: 16px;
      font-family: "source-sans-pro", Helvetica, sans-serif;
      font-weight: bold; } 

  .Footer__nav {
    width:70%;
    overflow: hidden;
    margin:0 !important;
    float:left;
  }
  .Footer__nav > div{
    float:left;
    margin-right:25px;
    width:200px;
  }
  .Footer__nav ul{
    list-style: none;
    margin-left:0;
  }
  .Footer__nav li {
    margin:5px 0;
  }
  .Footer__nav li a{
    color: #b2bdcb;
  }
  .Footer__nav li a:hover{
    color:#F77D38;
  }
  .Footer__nav:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 695px) {
    .Footer__nav,.Footer__small,.Footer__social{
      width:100%;
      float:none;
      margin-top:15px;
    }
  }
.Footer__question {
  padding: 60px 0px;
  padding: 3.75rem 0rem;
  color: #1C2D42;
  margin: 0;
  text-align: center;
  background: url("/build/img/footer-image.jpg") no-repeat center center;
  background-size: 100%;
  background-size: cover;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    .Footer__question {
      background: none;
      font-size: 14px;
      font-size: 0.875rem;
      text-align: left;
      padding: 0; } }

.Footer__questionLink {
  color: #1C2D42;
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 1; }
  .Footer__questionLink:hover, .Footer__questionLink:focus {
    color: #F77D38; }
  @media (min-width: 769px) {
    .Footer__questionLink {
      font-size: 14px;
      font-size: 0.875rem;
      background-color: #EFEFEF;
      display: inline-block;
      padding: 10px 30px;
      padding: 0.625rem 1.875rem;
      margin-left: 40px;
      margin-left: 2.5rem;
      border-radius: 15px; } }

.Footer__nav__link {
  color: #ffffff;
  background-color: #075582;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  font-weight: bold; 
  padding: 0;
  display: block;
  }
  .Footer__nav__link:visited{
    color:#ffffff;
  }

    

.HistoryBlock {
  padding: 85px 0px;
  padding: 5.3125rem 0rem;
  text-align: center;
  background: #d7d7d7 url("/build/img/history.jpg") no-repeat center center;
  background-size: cover;
  width: 100%; }
  @media (min-width: 769px) {
    .HistoryBlock {
      background-size: contain; } }

.HistoryBlock__text {
  font-size: 50px;
  font-size: 3.125rem;
  text-transform: uppercase;
  line-height: 1.1;
  color: #1C2D42;
  font-weight: 200;
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }
  .HistoryBlock__text span {
    font-weight: 600;
    display: block; }

.Banner {
    background-color: #114066;
    margin-bottom: 70px;
    margin-bottom: 4.375rem;
    padding: 70px 20px;
    padding: 4.375rem 1.25rem;
    background-size: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100vw;
    overflow: hidden;
  }
  @media (min-width: 769px) {
    .Banner {
      min-height: 55vh;
       } }

.Banner__subheading,
.Banner__subheading p {
  max-width: 700px;
  max-width: 43.75rem;
  text-align: center;
  margin: 0 auto;
  color: #1C2D42;
  padding:0 15px;
  }


.Banner__subheading--white, .Banner__subheading--white p {
  color: white; }

  @media (min-width: 769px) {
    .Banner__subheading--small p {
      font-size: 20px;
    }
     .Banner__subheading,
    .Banner__subheading p {
      font-size: 28px; } 
  }
  @media (max-width: 769px) {
    h2.Banner__subheading{
      font-size:1.5em !important;
     }
  }
.Banner__logo {
  margin: 47px auto 0;
  width: 283px; }
.left-aligned-banner{
  position: absolute;
  right:10%;
}
.left-aligned-banner,.left-aligned-banner h3,.left-aligned-banner h4{
  text-align: left;
}
.left-aligned-banner h3{
  margin-bottom:5px;
}
.left-aligned-banner h3::after{
  display:none;
}
.Banner--load {
  position: relative;
   }
  .Banner--load:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 75px;
    height: 5px;
    background: #fff;
    opacity: .5;
    border-radius: 100px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation: load 4s ease infinite;
            animation: load 4s ease infinite; }
.Banner .Btn{
  margin-top:25px;
}
@media (max-width: 469px) {
  .Banner__subheading+div{
    width:80%;
    display: block;
    margin:0 auto;
  }
  .Banner .Btn{
    display:block;
    width:100%;
    margin:30px 0 0!important;
    font-size: 1.2em;
    padding:15px;
    text-align: center;
  }
}
.Banner--home {
  margin-bottom: 0;
  padding: 0;
  
  }

    .Banner--home {
      display: block; } 
  
.Banner--padless {
  padding: 0;
  display: block;
  margin-bottom: 0; }

.Banner--hardware {
  background-image: url("/build/img/banner--printer.jpg"); }

.Banner--manageditservices {
  background-image: url("/build/img/slide-7.jpg"); }

.Banner--mps {
  background-image: url("/build/img/banner--keyboard.jpg"); }

.Banner--careers {
  min-height: 70vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  background-image: url("/build/img/banner--people.jpg"); }

.Banner--ecm {
  background-image: url("/build/img/banner--keyboard.jpg"); }

.Banner--about {
  background-image: url("/build/img/banner--cables.jpg"); }

.Banner--ic3d {
  background-image: url("/build/img/banner--ic3d.jpg");
  background-position: 0 35%;
  padding: 90px 0 80px; }

.Banner--noSpace {
  margin-bottom: 0; }

.Banner--dir {
  margin-bottom: 0;
  text-align: center; }

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    height: 5px;
    width: 75px; }
  5% {
    height: 5px;
    width: 75px; }
  30% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
    height: 5px;
    width: 75px; }
  40% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    height: 5px;
    width: 75px; }
  55% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 5px; }
  65% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 85px; }
  68% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px; }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 1px; }
  78% {
    height: 5px;
    width: 5px; }
  90% {
    height: 5px;
    width: 75px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  99%, 100% {
    height: 5px;
    width: 75px;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); } }

@keyframes load {
  0% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    height: 5px;
    width: 75px; }
  5% {
    height: 5px;
    width: 75px; }
  30% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
    height: 5px;
    width: 75px; }
  40% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    height: 5px;
    width: 75px; }
  55% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 5px; }
  65% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 85px; }
  68% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px; }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    height: 5px;
    width: 1px; }
  78% {
    height: 5px;
    width: 5px; }
  90% {
    height: 5px;
    width: 75px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  99%, 100% {
    height: 5px;
    width: 75px;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); } }
.Grid {
  max-width: 1093px;
  max-width: 68.3125rem;
  padding: 0px 10px;
  padding: 0rem 0.625rem;
  margin: 0 auto; }
  .Grid:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 481px) {
    .Grid {
      padding: 0px 30px;
      padding: 0rem 1.875rem; } }

.Grid--small {
  max-width: 843px;
  max-width: 52.6875rem; }

.Grid__half {
  margin-bottom: 30px; }
  @media (min-width: 1025px) {
    .Grid__half {
      float: left;
      width: 50%; }
      .Grid__half + .Grid__half {
        float: right;
        width: 42.6%; } }

.Column--main {
  margin: 0 auto;
  background-color: white;
  padding-top: 40px;
  position: relative; }
  @media (min-width: 769px) {
    .Column--main {
      float: right;
      width: 75%;
      padding-top: 60px;
      background-color: transparent; } }
  .Column--main .ArticleBlock--post {
    min-height: 600px; }

.ColumnContainer {
  position: relative; }
  @media (min-width: 769px) {
    .ColumnContainer {
      background-color: #F5F5F6; } }
  @media (min-width: 769px) {
    .ColumnContainer:before {
      content: "";
      display: block;
      position: absolute;
      background-color: #fff;
      left: 0;
      width: 75%;
      bottom: 0;
      top: 0;
      z-index: 0; } }

.Column--main__wrapper {
  padding: 0 20px; }
  @media (min-width: 481px) {
    .Column--main__wrapper {
      padding: 0 35px; } }
  @media (min-width: 769px) {
    .Column--main__wrapper {
      max-width: 860px;
      padding-left: 25px;
      padding-right: 11%;
      float: right; } }

@media (min-width: 769px) {
  .Column--aside {
    float: right;
    width: 25%;
    min-height: 100vh; } }

@media (min-width: 769px) {
  .Grid__columnRight {
    float: right;
    width: 64.21471173%; } }

@media (min-width: 769px) {
  .Grid__columnLeft {
    float: left;
    width: 32.703777336%; } }

.Grid--3-columns:after {
  content: "";
  display: table;
  clear: both; }
.Grid--3-columns .Grid__item {
  list-style-type: none;
  margin-bottom: 40px; }
  @media (min-width: 769px) {
    .Grid--3-columns .Grid__item {
      float: left;
      width: 29%;
      margin-right: 4.3%;
      margin-bototm: 0; }
      .Grid--3-columns .Grid__item:last-of-type {
        margin-right: 0; } }

.Affiliated {
  background-color: #085683;
  color: white;
  padding: 40px 30px 60px 30px;
  padding: 2.5rem 1.875rem 3.75rem 1.875rem; }
  .Affiliated:after {
    content: "";
    display: table;
    clear: both; }

.Affiliated__wrapper {
  max-width: 1100px;
  max-width: 68.75rem;
  margin: 0 auto; }

.Affiliated__item {
  list-style-type: none;
  text-align: center; }

.Affiliated__title {
  -webkit-font-smoothing: auto;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 40px;
  color: white; }
  @media (min-width: 769px) {
    .Affiliated__title {
      font-size: 36px; } }
  .Affiliated__title:after {
    content: "";
    position: relative;
    bottom: -15px;
    display: block;
    width: 50px;
    height: 2px;
    background-color: white; }
    @media (min-width: 769px) {
      .Affiliated__title:after {
        content: none; } }

@media (min-width: 769px) {
  .Affiliated__wrapper {
    float: left;
    width: 35%;
    margin-right: 5%; } }

.Affiliated__image {
  display: block;
  margin: 0 auto 40px auto; }

.Affiliated__button {
  display: inline-block;
  text-align: center; }

@media (min-width: 769px) {
  .Affiliated__company {
    float: left;
    width: 50%; } }

.Affiliated__text {
  display: none;
  color: white; }
  @media (min-width: 769px) {
    .Affiliated__text {
      display: block;
      text-align: center;
      float: right;
      width: 60%; } }

.ArticleBlock__date,
.ArticleBlock__subheading {
  text-transform: uppercase;
  font-size: 15px;
  color: #085682;
  font-weight: 600;
  font-family: "source-sans-pro", Helvetica, sans-serif; }

.ArticleBlock--post {
  padding-bottom: 90px; }

.ArticleBlock__subheading {
  margin-bottom: 5px; }

.ArticleBlock__date {
  margin-bottom: 25px;
  display: block; }

.ArticleBlock__title {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .ArticleBlock__title {
      font-size: 37px; } }
  .ArticleBlock__title > a {
    color: #1C2D42; }
    .ArticleBlock__title > a:hover, .ArticleBlock__title > a:focus {
      color: #F77D38; }

.ArticleBlock__btn {
  text-align: center; }

.ArticleList .ArticleBlock {
  margin-bottom: 80px;
  list-style-type: none; }

.ArticleList__nav {
  background-color: #E4E5E6;
  padding: 20px 20px;
  position: relative; }
  .ArticleList__nav:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 769px) {
    .ArticleList__nav {
      padding-right: 60px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 75%; } }

.ArticleList__link {
  color: #075582;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600; }

.ArticleList__link--previous {
  float: left; }

.ArticleList__link--next {
  float: right; }

.ArticleWrapper {
  background-color: #F5F5F6;
  padding: 30px 30px; }
  @media (min-width: 769px) {
    .ArticleWrapper {
      float: right;
      padding: 20px;
      width: 50%; } }
  @media (min-width: 1025px) {
    .ArticleWrapper {
      padding: 60px; } }


.tabs-anchor {
  background-color: white;
}

  .Tabs {
    background-color: #F4F4F5;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    display: block;
  }
  .Tabs:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .Tabs__item {
    list-style-type: none;
    display: block;
    float:left;
    background-color: #F4F4F5;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 30px 0;
    color: #1C2D42;
    -webkit-transition: background-color .3s ease;
            transition: background-color .3s ease;
    font-size: 15px; 
    border-left: 2px solid #E2E3E4;
  }
  
  .Tabs__item:hover {
    background-color: #E2E3E4;
    
  }
  .Tabs__item.focus{
     background-color: #E2E3E4;
     color:#F77D38;
  }
 

.Tabs__item--cur {
  background-color: #085682;
  color: white;
  border-bottom: 0; }
  .Tabs__item--cur:hover, .Tabs__item--cur:focus {
    background-color: #085682;
    color: white; }

	.Tabs--4 .Tabs__item {
		width: 25%; 
	} 
	.Tabs--5 .Tabs__item {
		width: 20%;
	}
	.Tabs--6 .Tabs__item {
		width: 16.6666%;
	}


.Tabs--3 .Tabs__item {
    width: 100%; } 
@media (min-width: 500px) {
  .Tabs--3 .Tabs__item {
    width: 33.3%; } }


  
    
   @media (max-width: 769px) {
    .Tabs__item {
      padding:15px 0;
       border-bottom: 2px solid #E2E3E4;
      
    }
    .Tabs--5 .Tabs__item {
      width: calc(100% / 3);
    }
    .Tabs--5 .Tabs__item:nth-of-type(4),.Tabs--5 .Tabs__item:nth-of-type(5) {
      width: 50%;
    }   
  }
  @media (max-width: 469px) {
    .Tabs__item {
      padding:10px 0;
    }
	.Tabs--4 .Tabs__item,
    .Tabs--5 .Tabs__item {
      width: 50%;
    }
    .Tabs--5 .Tabs__item:nth-of-type(5) {
      width: 100%;
      
    }   
  }
	@media (max-width: 350px) {
		.Tabs--4 .Tabs__item,
		.Tabs--5 .Tabs__item {
		  width: 100% !important;
		}
	}

.Tabs--fixed {
  position: fixed !important;
  z-index: 999;
  left: 0;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0px 10px 21px -9px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 10px 21px -9px rgba(0,0,0,0.51);
box-shadow: 0px 10px 21px -9px rgba(0,0,0,0.51);}




@media (min-width: 1025px) {
  .Hardware__text {
    float: left;
    width: 50%; }
    .Hardware__text h2,
    .Hardware__text .h2 {
      font-size: 33px; } }

.HardwareList:after {
  content: "";
  display: table;
  clear: both; }
@media (min-width: 1025px) {
  .HardwareList {
    float: right;
    width: 42.6%; } }
.HardwareList ul {
  margin-left: 0; }

.HardwareList__section {
  float: left;
  width: 50%; }

.HardwareList__title {
  font-weight: 200;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.2; }

.HardwareList__item {
  color: #075582;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px; }
  .HardwareList__item > a {
    color: #075582; }

.Careers__heading {
  text-align: center;
  margin-bottom: 20px; }
  @media (min-width: 769px) {
    .Careers__heading {
      float: left;
      padding-top: 14px; } }

.Careers__btn {
  margin-bottom: 50px; }

.Careers__island {
  padding-top: 40px; }
  @media (min-width: 769px) {
    .Careers__island {
      padding-top: 70px; } }

.SplitList {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 0; }
  .SplitList:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 769px) {
    .SplitList {
      padding: 0; } }
  .SplitList:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #CCCCCC;
    right: 50%;
    position: absolute;
    top: 0;
    bottom: 0; }
    @media (min-width: 769px) {
      .SplitList:before {
        content: none; } }

.SplitList__title {
  float: left;
  width: 50%;
  font-size: 35px;
  line-height: 1.2; }
  @media (min-width: 769px) {
    .SplitList__title {
      width: 100%;
      float: none; } }

.SplitList__content {
  margin-left: 0;
  float: right;
  width: 45%; }
  @media (min-width: 769px) {
    .SplitList__content {
      width: 100%;
      float: none; } }
  .SplitList__content > li {
    list-style-type: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px; }
    .SplitList__content > li a {
      color: #075582; }
      .SplitList__content > li a:hover, .SplitList__content > li a:focus {
        color: #F77D38; }

.is--nav-visible {
  position: relative; }
  .is--nav-visible .ContentWrapper {
    overflow: hidden;
    max-height: 100vh;
    padding-top: 83px; }
    @media (min-width: 769px) {
      .is--nav-visible .ContentWrapper {
        overflow: visible;
        max-height: none;
        padding-top: 0; } }
        




/*///////////////////////////////////////
 ///////// Banner Overlay ////////////*/

.Banner--overlay .logoPath {
  fill: white; }
.js .Banner--overlay .GlobalNav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }
.js .Banner--overlay .GlobalNav__item > a {
  color: white; }
  .js .Banner--overlay .GlobalNav__item > a:hover, .js .Banner--overlay .GlobalNav__item > a:focus {
    color: #F77D38; }
.js .Banner--overlay .GlobalNav__item.GlobalNav__item--cur > a {
  color: #F77D38; }

.js .Banner--overlay .GlobalNav__btn:before {
  background-image: url("/build/img/menu-white.svg"); }

.js .Banner--overlay.is--nav-visible .GlobalNav__btn:before {
  background-image: url("/build/img/close.svg"); }

 
  
  /*//////////////////////////
  ///// ARCHIVE /////////////*/
@media (min-width: 769px) {
  .Archive {
    padding: 60px 20px;
    border-bottom: none; } }

.Archive__btn {
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  background-color: #1C2D42;
  border-top: 2px solid #F77D38;
  color: white;
  text-align: center;
  font-size: 40px;
  padding: 15px 0;
  margin: 0;
  cursor: pointer; }
  @media (min-width: 769px) {
    .Archive__btn {
      background-color: transparent;
      color: #404041;
      padding: 0;
      cursor: auto;
      text-align: left;
      border: none;
      line-height: 1; } }
  .Archive--open .Archive__btn:after {
    -webkit-transform: rotate(180deg) translateX(-1px) translateY(-1px);
        -ms-transform: rotate(180deg) translateX(-1px) translateY(-1px);
            transform: rotate(180deg) translateX(-1px) translateY(-1px); }
  .Archive__btn:after {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    right: 20px;
    top: 25px;
    cursor: pointer;
    background-image: url("/build/img/arrow-box-down.png");
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .6s ease;
            transition: transform .6s ease; }
    @media (min-width: 769px) {
      .Archive__btn:after {
        content: none; } }

.Archive__menu {
  position: relative;
  padding: 20px 0;
  background-color: #F4F4F5; }
  .Archive__menu:after {
    content: "";
    display: table;
    clear: both; }
  .js .Archive__menu {
    border-bottom: 2px solid #F77D38;
    display: none;
    overflow: hidden;
    min-height: 364px; }
    @media (min-width: 769px) {
      .js .Archive__menu {
        border-bottom: none;
        display: block;
        padding: 10px 0; } }
  .Archive__menu:after {
    content: "";
    width: 123px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    display: block;
    z-index: 1; }
    @media (min-width: 481px) {
      .Archive__menu:after {
        width: 200px; } }
    @media (min-width: 769px) {
      .Archive__menu:after {
        content: none; } }
  .Archive__menu ul {
    margin: 0; }

.js .Archive--open .Archive__menu {
  display: block; }

.Archive__item {
  list-style-type: none; }

.Archive__item--cur .Archive__year {
  position: relative; }
  .Archive__item--cur .Archive__year:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-bottom: 30px solid transparent;
    border-left: 30px solid white;
    border-top: 30px solid transparent; }
    @media (min-width: 769px) {
      .Archive__item--cur .Archive__year:after {
        content: none; } }
  .Archive__item--cur .Archive__year a {
    color: #F77D38; }
.Archive__item--cur .Archive__item__list {
  display: block;
  position: absolute;
  width: 47%;
  right: 0;
  list-style-type: none; }
  @media (min-width: 769px) {
    .Archive__item--cur .Archive__item__list {
      position: static;
      width: 100%;
      margin-bottom: 30px; } }

.Archive__item__month {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 18px; }
  @media (min-width: 769px) {
    .Archive__item__month {
      font-size: 16px; } }
  .Archive__item__month:after {
    content: attr(data-date);
    display: inline;
    font-weight: 600;
    margin-left: 5px;
    color: #F77D38; }
    @media (min-width: 769px) {
      .Archive__item__month:after {
        content: "»";
        color: #1C2D42; } }
  .Archive__item__month a {
    color: #1C2D42; }
    .Archive__item__month a:hover, .Archive__item__month a:focus {
      color: #F77D38; }

.Archive__item__list {
  display: none; }

.Archive__year {
  font-weight: 600;
  font-size: 40px;
  float: left;
  width: 149px;
  padding-left: 25px;
  z-index: 2;
  position: relative;
  clear: left; }
  @media (min-width: 481px) {
    .Archive__year {
      width: 230px;
      padding-left: 35px; } }
  @media (min-width: 769px) {
    .Archive__year {
      float: none;
      width: auto;
      padding: 0;
      font-size: 17px; } }
  .Archive__year a {
    color: #3D3D3E; }
    .Archive__year a:hover, .Archive__year a:focus {
      color: #F77D38; }

.Archive__search {
  display: none;
  position: relative; }
  @media (min-width: 769px) {
    .Archive__search {
      display: block;
      margin-top: 30px; } }

.Archive__search--icon input {
  padding-left: 27px;
  padding-right: 25px; }
.js .Form .Archive__search--icon label {
  padding-left: 20px; }
.Archive__search--icon:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  background-image: url("/build/img/search--dark.png");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  z-index: 999; }
  .svg .Archive__search--icon:after {
    background-image: url("/src/img/search--dark.svg"); }

.Stats {
  overflow: hidden;
  margin: 0 auto; }
  .Stats:after {
    content: "";
    display: table;
    clear: both; }

@media (min-width: 1025px) {
  .Stats__align--left {
    float: left;
    width: 40%; }
    .Stats__align--left .Stats__item {
      width: 100%; } }

@media (min-width: 1025px) {
  .Stats__align--right {
    float: right;
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
@media (min-width: 1025px) {
  .ie9 .Stats__align--right {
    position: relative; } }

.Stats--split {
  width: 50%;
  float: left;
  min-height: 220px; }
@media (max-width: 450px) {
  .Stats--split {
    width: 100%;
    float: none;
  }
  .Stats__item--documentCost .Stats__percent{
    top:-20px !important;
  }
}
@media (min-width: 1025px) {
  .Stats__item--documentCost {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; } }
@media (min-width: 1025px) {
  .ie9 .Stats__item--documentCost {
    position: absolute;
    top: 0;
    right: 0; }
    .ie9 .Stats__item--documentCost p {
      padding-top: 30px; } }
.Stats__item--documentCost .Stats__percent {
  position: relative;
  margin-bottom: 20px;
  top: -25px; }
.Stats__item--documentCost img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 30px; }
.Stats__item--documentCost p {
  font-size: 16px !important; }
  @media (min-width: 481px) {
    .Stats__item--documentCost p {
      font-size: 23px !important; } }

@media (min-width: 1025px) {
  .Stats__item--misfiledDocument {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; } }
@media (min-width: 1025px) {
  .ie9 .Stats__item--misfiledDocument {
    padding-top: 50px; } }

.Stats__item {
  font-weight: 200;
  text-transform: uppercase;
  padding: 10px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 262px;
  background-color: white; }
  @media (min-width: 481px) {
    .Stats__item {
      padding: 10px 25px; } }
  @media (min-width: 769px) {
    .Stats__item {
      padding: 30px 50px;
      min-height: 300px; } }
  @media (min-width: 1025px) {
    .Stats__item {
      width: 33.3%;
      padding: 10px 20px; } }
  .Stats__item p {
    width: 100%;
    font-size: 22px;
    line-height: 1.2;
    margin: 0; }
    @media (min-width: 481px) {
      .Stats__item p {
        font-size: 24px; } }
  .Stats__item strong {
    font-weight: 600; }

.Stats__itemTitle {
  text-transform: uppercase;
  font-size: 26px;
  color: #29394C; }

.Stats__percent {
  font-size: 35px;
  font-weight: 600;
  display: block; }

.Stats__percent--big {
  font-size: 65px;
  line-height: 1; }

.Stats__percent--break {
  display: block; }

@media (min-width: 1025px) {
  .Stats__wrapper1 {
    width: 20%;
    float: left; }
    .Stats__wrapper1 .Stats--split {
      width: 100%; } }

@media (min-width: 1025px) {
  .Stats__wrapper2 {
    width: 40%;
    float: left; }
    .Stats__wrapper2 .Stats--split {
      width: 50%; } }

.Stats__item--average {
  clear: both; }
  @media (min-width: 1025px) {
    .Stats__item--average {
      clear: none;
      width: 20%;
      float: left;
      min-height: 600px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .Stats__item--average p {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px; } }

.Stats__item--oil {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .Stats__item--oil .Stats__percent--big {
    letter-spacing: -3px;
    margin-bottom: 15px; }
  .Stats__item--oil p {
    margin-bottom: 30px; }

.Stats__item--trash img {
  float: left;
  width: 50%; }
.Stats__item--trash .Stats__percent--big {
  text-align: center; }
.Stats__item--trash .Heading--tiny {
  float: right;
  font-size: 18px;
  width: 45%; }

.Stats__item--lostDocument {
  padding-top: 45px;
  padding-bottom: 45px;
  width: 100%; }
  @media (min-width: 1025px) {
    .Stats__item--lostDocument {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
          -ms-flex-order: 5;
              order: 5;
      width: 66.6%; } }
  @media (min-width: 1025px) {
    .ie9 .Stats__item--lostDocument {
      float: left; } }
  .Stats__item--lostDocument .Stats__percent--big {
    margin-bottom: 10px; }

.Stats__timeSpent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 10px;
  background-color: white; }
  @media (min-width: 1025px) {
    .Stats__timeSpent {
      padding: 40px 40px;
      height: 514px; } }
  .Stats__timeSpent figure {
    width: 100%;
    margin-bottom: 0; }
    .Stats__timeSpent figure img {
      display: block;
      margin: 0 auto;
      margin-top: 15px;
      margin-bottom: 30px; }
  .Stats__timeSpent figcaption {
    max-width: 500px;
    margin: 0 auto; }
    .Stats__timeSpent figcaption:after {
      content: "";
      display: table;
      clear: both; }

.Stats__item--electricity {
  width: 100%; }
  @media (min-width: 769px) {
    .Stats__item--electricity {
      background-color: white !important; } }
  @media (min-width: 1025px) {
    .Stats__item--electricity {
      float: left;
      width: 40%; } }

.Stats__item--waste {
  position: relative; }
  .Stats__item--waste img {
    position: absolute;
    width: 50px;
    top: 50px;
    right: 10px; }
    @media (min-width: 481px) {
      .Stats__item--waste img {
        top: 60px;
        left: 150px; } }
    @media (min-width: 769px) {
      .Stats__item--waste img {
        left: 250px;
        width: 80px; } }
    @media (min-width: 1025px) {
      .Stats__item--waste img {
        left: auto;
        right: 40px;
        width: 50px; } }
  .Stats__item--waste .u--textOrange {
    display: block;
    font-size: 16px; }
  .Stats__item--waste .textFix {
    font-size: 16px;
    line-height: 1;
    display: block; }
  .Stats__item--waste .Stats__percent--big {
    display: block; }

.Stats__item--calls {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .Stats__item--calls p {
    margin-bottom: 15px; }
  .Stats__item--calls .Heading--tiny {
    font-size: 17px; }

.Stats__timeSpent__listItem {
  float: left;
  list-style-type: none;
  margin-right: 10px;
  width: 28.5%;
  margin-right: 7%;
  position: relative;
  padding-left: 30px;
  font-weight: 600;
  line-height: 1; }
  @media (min-width: 481px) {
    .Stats__timeSpent__listItem {
      padding-left: 40px; } }
  @media (min-width: 1025px) {
    .Stats__timeSpent__listItem {
      width: 100%;
      padding-top: 7px;
      height: 30px;
      margin-bottom: 15px; } }
  .Stats__timeSpent__listItem:before {
    content: "";
    height: 25px;
    width: 25px;
    background-color: #eee;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0; }
    @media (min-width: 481px) {
      .Stats__timeSpent__listItem:before {
        height: 30px;
        width: 30px; } }
  .Stats__timeSpent__listItem:last-of-type {
    margin-right: 0; }
  .Stats__timeSpent__listItem p {
    display: inline-block; }

.Stats__timeSpent__listItem--orange:before {
  background-color: #F77D38; }

.Stats__timeSpent__listItem--blue:before {
  background-color: #075582; }

.Stats__timeSpent__listItem--darkBlue:before {
  background-color: #1C2D42; }

.Stats__item--blue {
  background-color: #085683; }

.Stats__item--darkBlue {
  background-color: #1C2D42; }

.Stats__item--light {
  background-color: #F4F4F5; }

.Stats__item--textWhite {
  color: white; }

.Stats__item--textBlue {
  color: #085683; }

.Stats__text--paper {
  width: 50%;
  float: right; }

.Stats__image--paper {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-top: 10px; }
  @media (min-width: 769px) {
    .Stats__image--paper {
      width: 39%;
      max-width: 130px; } }

.Stats__image--find {
  margin-top: -20px;
  width: 58px; }

.Social__item {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 38px;
  height: 38px;
  -webkit-transition: .3s opacity ease;
          transition: .3s opacity ease;
  margin-right: 5px; }
  .Social__item:last-of-type {
    margin-right: 0; }
  .Social__item:hover, .Social__item:focus {
    opacity: .7; }
  .Social__item:before {
    content: "";
    background-repeat: no-repeat;
    display: block;
    width: 38px;
    height: 38px; }

    .Social__item--twitter:before {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20enable-background%3D%22new%200%200%2038%2038%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20opacity%3D%220%22%20fill%3D%22%23FFFFFF%22%20width%3D%2238%22%20height%3D%2238%22/%3E%0D%0A%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M18.8%2C3.2c8.8%2C0%2C15.9%2C7.1%2C15.9%2C15.9c0%2C8.8-7.1%2C15.9-15.9%2C15.9C10%2C34.9%2C2.9%2C27.8%2C2.9%2C19%0D%0A%09C2.9%2C10.3%2C10%2C3.2%2C18.8%2C3.2%20M18.8%2C1.2C9%2C1.2%2C0.9%2C9.2%2C0.9%2C19c0%2C9.9%2C8%2C17.9%2C17.9%2C17.9c9.9%2C0%2C17.9-8%2C17.9-17.9%0D%0A%09C36.7%2C9.2%2C28.7%2C1.2%2C18.8%2C1.2L18.8%2C1.2z%22/%3E%0D%0A%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M30.7%2C13.2c-0.8%2C0.3-1.7%2C0.6-2.6%2C0.7c1-0.6%2C1.6-1.4%2C1.9-2.5c-0.9%2C0.5-1.8%2C0.9-2.8%2C1.1%0D%0A%09c-0.8-0.9-2-1.4-3.3-1.4c-2.5%2C0-4.5%2C2-4.5%2C4.5c0%2C0.3%2C0%2C0.7%2C0.1%2C1c-3.8-0.2-7.1-2-9.3-4.7c-0.4%2C0.7-0.6%2C1.5-0.6%2C2.3%0D%0A%09c0%2C1.6%2C0.8%2C2.9%2C2%2C3.8c-0.7%2C0-1.4-0.2-2-0.6v0c0%2C2.2%2C1.5%2C4%2C3.6%2C4.4C12.9%2C22%2C12.5%2C22%2C12.1%2C22c-0.3%2C0-0.6%2C0-0.8-0.1%0D%0A%09c0.6%2C1.8%2C2.2%2C3%2C4.2%2C3.1c-1.5%2C1.2-3.5%2C2.1-5.6%2C2.1c-0.4%2C0-0.7%2C0-1.1-0.1c2%2C1.3%2C4.4%2C2%2C6.9%2C2c8.3%2C0%2C12.8-6.9%2C12.8-12.8%0D%0A%09c0-0.2%2C0-0.4%2C0-0.6C29.4%2C14.9%2C30.1%2C14.1%2C30.7%2C13.2z%22/%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); } 

    .Social__item--facebook:before {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20enable-background%3D%22new%200%200%2038%2038%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20opacity%3D%220%22%20fill%3D%22%23FFFFFF%22%20width%3D%2238%22%20height%3D%2238%22/%3E%0D%0A%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M19.3%2C3.2c8.8%2C0%2C15.9%2C7.1%2C15.9%2C15.9c0%2C8.8-7.1%2C15.9-15.9%2C15.9c-8.8%2C0-15.9-7.1-15.9-15.9%0D%0A%09C3.5%2C10.3%2C10.6%2C3.2%2C19.3%2C3.2%20M19.3%2C1.2C9.5%2C1.2%2C1.5%2C9.2%2C1.5%2C19c0%2C9.9%2C8%2C17.9%2C17.9%2C17.9c9.9%2C0%2C17.9-8%2C17.9-17.9%0D%0A%09C37.2%2C9.2%2C29.2%2C1.2%2C19.3%2C1.2L19.3%2C1.2z%22/%3E%0D%0A%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M20.3%2C13.8c0-1%2C0.2-1.7%2C1.5-1.7H24l0.2-3.5c0%2C0-1.1-0.2-2.9-0.2c-3.7%2C0-5.3%2C2.2-5.3%2C4.7c0%2C1.6%2C0%2C3.4%2C0%2C3.4%0D%0A%09h-2.5v3.7h2.5v9.3h4.4v-9.3h3.5l0.2-3.7h-3.8V13.8z%22/%3E%0D%0A%3Crect%20opacity%3D%220%22%20fill%3D%22%23FFFFFF%22%20width%3D%2238%22%20height%3D%2238%22/%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); } 

    .Social__item--linkedIn:before {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20enable-background%3D%22new%200%200%2038%2038%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Crect%20opacity%3D%220%22%20fill%3D%22%23FFFFFF%22%20width%3D%2238%22%20height%3D%2238%22/%3E%0D%0A%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M18.7%2C3C18.8%2C3%2C18.8%2C3%2C18.7%2C3c9%2C0%2C16%2C7%2C16%2C15.9c0%2C9-7.2%2C15.7-16%2C15.9c-8.9-0.2-15.9-7-15.9-15.9%0D%0A%09C2.8%2C9.9%2C9.9%2C3%2C18.7%2C3%20M18.7%2C1L18.7%2C1C8.7%2C1%2C0.8%2C8.9%2C0.8%2C18.9c0%2C9.9%2C7.8%2C17.7%2C17.9%2C17.9l0%2C0l0%2C0c10-0.2%2C17.9-8%2C18-17.9%0D%0A%09C36.7%2C8.9%2C28.9%2C1%2C18.7%2C1L18.7%2C1L18.7%2C1z%22/%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M20%2C27c0-0.2%2C0-0.4%2C0-0.5c0-1.9%2C0-3.8%2C0-5.7c0-0.4%2C0.1-0.9%2C0.1-1.3c0.2-1%2C1.3-1.8%2C2.4-1.8%0D%0A%09%09c1%2C0.1%2C1.6%2C0.7%2C1.7%2C2c0%2C0.4%2C0%2C0.8%2C0%2C1.2c0%2C1.8%2C0%2C3.6%2C0%2C5.4c0%2C0.5%2C0.1%2C0.8%2C0.7%2C0.7c0.7-0.1%2C1.5%2C0%2C2.2%2C0c0.5%2C0%2C0.6-0.1%2C0.6-0.6%0D%0A%09%09c0-2.4%2C0-4.7%2C0-7.1c-0.1-1.7-0.8-3.2-2.5-4c-1.6-0.8-3.2-0.6-4.7%2C0.5c-0.2%2C0.1-0.3%2C0.2-0.5%2C0.4c-0.1-1.1-0.1-1.1-1.2-1.1%0D%0A%09%09c-0.5%2C0-1%2C0-1.5%2C0c-0.6-0.1-0.8%2C0.2-0.8%2C0.8c0%2C2.2%2C0%2C4.4%2C0%2C6.6c0%2C1.3%2C0%2C2.6%2C0%2C3.9c0%2C0.2%2C0.2%2C0.5%2C0.3%2C0.5C18%2C27%2C19%2C27%2C20%2C27z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M13.6%2C27c0-0.2%2C0.1-0.2%2C0.1-0.2c0-3.7%2C0-7.4%2C0-11.1c0-0.4-0.2-0.5-0.6-0.5c-0.7%2C0-1.5%2C0-2.2%2C0%0D%0A%09%09c-0.6%2C0-0.7%2C0.2-0.7%2C0.7c0%2C1.4%2C0%2C2.8%2C0%2C4.2c0%2C2.1%2C0%2C4.2%2C0%2C6.3c0%2C0.3-0.1%2C0.6%2C0.4%2C0.6C11.6%2C27%2C12.6%2C27%2C13.6%2C27z%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%231C2D44%22%20d%3D%22M14%2C12.4c0-1.2-0.8-2-2-2c-1.2%2C0-2%2C0.8-2%2C2c0%2C1.2%2C0.8%2C2%2C2%2C2C13.2%2C14.4%2C14%2C13.6%2C14%2C12.4z%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3Cg%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A"); } 
	
	.Social__item--instagram:before {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAIAAAAnuUURAAAACXBIWXMAABYlAAAWJQFJUiTwAAAHzklEQVRo3s1ae0xTVxi/tv0DmJuxtmkqRCNOBiGaFQWrpsMiVTAgCoTFSuyCoygiktTIw6gDg8AiW8XJhDlntavBCIJ0lccEGRlWYKBszQABX/gglCJqgMQ23R+HHS731XsvuOxL/7i999xzfud8j/P7vnPnOZ1OZNZidzheDlkRBOntf/z6zVtPsUgsEri7uy1auACZC+GxfnNkdKy65nZdY0uzuYO6ZcKuHRGbgyWrfHlcLrux5jFdSwDOUG76u3eA6WBR4fLoiNDP1q9mCpcByvGJyVLdtcJiHUUbPx9vn+VLW9ruD1ttZG2EAv6pbE2ILGiOUdodDmNt04GMPPx4u+MiwzZtmP+Bh9diEaGxvhiyGuuaLvx8HT+f3COpgRL/uUE5+HxoW3wqem2EAn5qojI0WIpHRjHPvoEnNbd+x6giKlyuPZnu0gBcoGzrtESr0tB3NMkqtSrWw92Ntc8dzz9bdbMRPef68lLqaECFUntOj556wq4d6akJrPFh9HP4q29gcBAK+CWFxyi0T4ryeEEx2ph0Z3MZ2TsdwaxChU5LBpQYJfp9oYB/Q19E3wQZCcaiyIByCN+EEGXSgPry0vcEEUGQQIn/nRq9UMAHf5M0OSOjY67XcvD50LqwePp2PSfS/eChIkYNB22tN2C8fgZKu8MRpFDCoHOnRk+2iiAWtt+z0IcCNneyDhuaW1X7j0AFGkoLSPdxY20ThKg7m0vYIz6UMN0kMw7uwfccIgvSJKuApTWbO9o6LWgDnV7L8YnJT9ZGwqCTnZ6MH+Pilaqjed/NXsVkXrI5NgnQAz8fb1NZMdT7NEq0X/fcrcbHRYw/apJVsdsUNGHh90lCoGgDPZOfuX1ryNQDp9PpdDqttldeK0PB7ydDpRMnT5+9hA0UMeqnz146mcs7u/36L7dgP1bbK3yb/YdzwVOJPO6d3Q5uTkWi6prb0MXi4yLwi5F/+ke4hKayYhaxye5w7N6X5SkWaZJV4M7lsmp8s4yDe8DFsNX2W8sfM+KlodwELlITlfi9f2R0DLiLUMBP2xvPjswaa5uazR3ffn8pJXEnCJCXrlbbHQ5MM6/FoqhwObg+f7l82sdHRscgpY0M24gfYODRILjYHRdJQSMGHg1auvva71lCg6W+K5Yt8RKjjRsYWcSWYB6XayjJV8Soh622voEnviuWYbqKjggFi9Js7hifmPRwd+Oh1e3n400Yw5+9GAIXG9ZKCFWpv2pE+z6MUycyU77YGYUBiiAIRNb94CEepXTNKnhtbu8KkQVxEASpa2wBt5QxW6m1Jlnli1/CrZ8nk4Wno3nfKdXphJuen4832Sge7m4yacBUKDD+OmWXkEGFBktd5HIzLdLucOxMPAysRSjgV+i0PXern3bV99ytrtBpgfE1mzsOpJ/Ed+WzfCnFQHHbt6DVwkHbL1PP1V81AohR4fLWekOgxB8Yooe7W6DEv7XeAPyg2dxRaWpg1POaT2eEUg7Io9mxbqBooYBPmBXwuFztyXSwoviciRFlnmZu0BRoCnT8ksJjZLGJx+WWFB6Dg9HvnD/TiTm9/Y8JH7gUS3cfuPD3XU7RDD6FA9ERdAjr7X/Mef3mLTtFQNpGnQnBp6wHev3mLcdTzJKHQwMfn5ikrjWAi48+nM9uIE+xiCMWCcAfG1FUoxAYey3d/ZSG0U8n9JDNDUEQsUgw7T0ui1IYWeIlhskKfjuGATVJk8MizGGWjMM68/JwdzuRmQLIS1pWAR6o3eFIyyoA5P9MfibrSOS1WMTBhEBG78fHRYCNrupmY5BC2dZpAZoan5hs67QEKZRg55BJA6b5LEPXnOZEUeFy0F11zW00OXBd/ORyr/zwNdgkh602TK0GhuEzBVkudYqRq5W1ME+a2sejI0LBLUg76Bg1kEULF5jKiiGxxciZ/ExDaQGeZ41PTAI3IIww8CnExkN7K+Rz+FgAp4HXHY/LTdsbr1bFWrr7KfgloeMT7gjm9i5MJOFBpgTgAz5HRtgOZOTJ1q0m5KCAYQRK/OnYjLGuCRAAwmkAtgasBTTgYJjSoeOFeG/lcbkJu3ZMVbnyz86+NgSSSULmP/h8CJJoiGoK5Wb5ekBehq02Y20T/uVU9S7QoOpm48UrVWQB0qVUmhqAk/n5eKck7qRIA4UC/mb5emw+XmlqAPyKsFKDKSExPXkYGR27/1dPU0s7TMnvNV3DWw5ZPj6NEl0kwuQraGUlaXIoKvt0xM/H+0JRDuFuAmsbmJXioI3vVLYG5ittnRbCQl5rvYEs7tDBV6HT1l0rIYSoPaeHqeypbA1aRdjKoFKdDpyduiwIam7gpGz2BTeXNTcsypHRMZApUxjo+65f4leHg99LbuiLYA1k974s1u5MP61RJmXAvzf0RXgFcgg5SIVOC3ejIIWSKQthFDvXhcVDd6zQaQmtgkNW7oYuMmy1KWLUhM40+zMKTKmR2RkFWcFyNudRGC2jz3sQymMUxOXZGdqZYLAFFSnWWfwcn51BHvXlwePoeYNzyMiwjfSPL8jOIWXSgPOns13qh+7Jc1un5UhuEeZM/H90povhCjmnSih2SJrn48cOJTHKMRh/a2B3ODq7ugmXx6Ww/jRiHuuvS6CptXb8SZEly6QBQQErwzZt+Nh7yX/33Qa1/078mxjN4QcwCIL8A0loqziIu4mfAAAAAElFTkSuQmCC"); } 

#map {
  font-family: "lexia", Georgia, serif;
  display: block;
  height: 600px;
  width: 100%;
  position: relative;
  float: left; }
  #map .leaflet-popup-content-wrapper {
    box-shadow: none;
    padding: 0; }
  #map .leaflet-popup-content-wrapper, #map .map-legends, #map .map-tooltip {
    background-color: transparent; }
  #map .leaflet-marker-icon {
    opacity: 1; }
  #map .marker-title {
    font-family: "source-sans-pro", Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px; }
  #map .leaflet-popup-content {
    background-color: #3c4b5d;
    background-color: rgba(20, 35, 53, 0.8);
    padding: 25px;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 5px;
    min-width: 380px; }
  #map .leaflet-popup-tip {
    border-top: 10px solid #3c4b5d;
    border-top: 10px solid rgba(20, 35, 53, 0.8); }
  #map a {
    color: white;
    display: block;
    margin-top: 20px; }
  #map ul {
    list-style-type: none;
    margin: 15px 0 10px 0; }

.tel--Main:before,
.tel--Fax:before,
.tel--Sales:before,
.tel--Customer:before,
.tel--number:before,
.tel--fax:before,
.mail:before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 5px;
  background-position: center;
  position: relative;
  top: 2px; }

.tel--Main:before,
.tel--Sales:before,
.tel--Customer:before,
.tel--number:before {
  background-image: url("/src/img/phone.svg");
  background-size: 80%; }

.tel--Fax:before,
.tel--fax:before {
  background-image: url("/src/img/fax.svg"); }

.mail:before {
  width: 17px;
  height: 15px;
  background-image: url("/src/img/mail.svg"); }

.ContactList:after {
  content: "";
  display: table;
  clear: both; }

.ContactList ul {
  margin-left: 0; }

.ContactList__title {
  color: #F77D38;
  text-transform: uppercase;
  text-align: center;
  font-size: 45px;
  margin-bottom: 15px;
  margin-top: 50px; }
  @media (min-width: 769px) {
    .ContactList__title {
      text-align: left;
      font-size: 35px; } }
  .ContactList__title:first-of-type {
    margin-top: 0; }

.ContactList__subtitle {
  font-weight: 200;
  font-size: 25px; }

.ContactList__smallHeading {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "source-sans-pro", Helvetica, sans-serif; }

.ContactList__link {
  color: #404041;
  text-transform: uppercase;
  font-weight: 600; }

.ContactList__place {
  font-family: "lexia", Georgia, serif; }

.ContactList__contact {
  margin-top: 20px; }
  .ContactList__contact a {
    color: #4F4F4F; }
    .ContactList__contact a:hover, .ContactList__contact a:focus {
      color: #F77D38; }
  .ContactList__contact li {
    margin-bottom: 20px; }
    @media (min-width: 769px) {
      .ContactList__contact li {
        margin-bottom: 0; } }

@media (min-width: 1025px) {
  .ContactList__city-group {
    display: inline-block; } }
    #city-list{
      text-align: center;
    }
  #city-list a{
    font-size:1.3em;
    padding:0 10px;
  }
  .ContactList__city {
    padding: 0 40px 40px 0;
    display: inline-block;
  }

  .ContactList__items>ul{
    display: flex;
    flex-wrap:wrap;
    align-items:flex-start;
    align-content: flex-start;
    width:100%;
  }
  .ContactList__items ul{
    list-style-type: none;
  }

.carouselWrapper {
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
  max-width: 1100px; }

 .carousel__item {
  min-height: 500px; }

.carousel {
  width: 100%;
  position: relative;
  }
  .carousel:after {
    content: "";
    display: table;
    clear: both; }
  .js .carousel {
    display: none; }
 
  .carousel .Btn__next {
    display: none; }
    @media (min-width: 769px) {
      .carousel .Btn__next {
        display: inline-block; } }
  .carousel .no-js .carousel-item {
    display: none; }
  .carousel .no-js .carousel-active {
    display: block; }

.carousel--custom .prev,
.carousel--custom .next {
  display: none; }


  .carousel--specialList .textNav {
    display: block;
    width: 20%; } 
.carousel--specialList .carousel-item.carousel-active {
  display: block; }

.carousel-nav {
  position: absolute;
  top: 16px;
  left: 120px;

  }
 .Banner--home .carousel-nav {
  pointer-events: none;
  }
  .carouselWrapper--problems .carousel-nav.carousel-nav-paginated {
    left: 240px; }

  .carousel--standard .carousel-nav {
    top: -30px;
    left: 0;
    right: 0;
    text-align: left; }
    @media (min-width: 481px) {
      .carousel--standard .carousel-nav {
        top: 15px;
        left: 270px; } }

.carousel-nav-paginated ol {
  margin: 0;
  padding: 0; }

.carousel-nav-paginated li,
.carousel-nav-paginated li a {
  display: inline-block;
  position: relative; }

.carousel-nav-paginated li {
  margin-right: 10px; }
  .carousel-nav-paginated li:last-of-type {
    margin-right: 0; }
  .carousel-nav-paginated li a {
    color: transparent;
    border: 2px solid white;
    border-radius: 100%;
    background-color: transparent;
    width: 13px;
    height: 13px;
    pointer-events: auto;}

.carousel-nav-paginated .carousel-active-page a {
  text-decoration: none;
  background-color: white; }

.carousel .carousel-item {
  display: none;
  height:100%
  }
#benefits .carousel .carousel-item,#problems .carousel .carousel-item {

  height:auto;
  }
  @media (min-width: 769px) {
    .carousel .carousel-item {
      float: right;
      width: 70%; } }
  .carousel .carousel-item .Longform p {
    color: white; }

.carousel .carousel-active {
  display: block; }

.carousel .carousel-nav:nth-child(2) {
  display: none; }

.carouselSection {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.1;
  color: white; }
  @media (min-width: 1025px) {
    .carouselSection {
      width: 100%;
      font-size: 45px;
      margin-right: 4%; } }

@media (min-width: 1025px) {
  .carouselText {
    width: 75%; } }

.carousel__title {
  font-size: 30px;
  text-transform: inherit;
  text-align: left;
  font-weight: 400;
  color: white;
  left: 25px;
  top: 0; }
  @media (min-width: 769px) {
    .carousel__title {
      left: 31%; } }
  .carousel__title:after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    margin-top: 10px;
    margin-left: 0;
    background-color: white; }

.textNav {
  text-align: left; 
  display: block;
  position: absolute;
  left: 0;
  top: 35px;
  width: 15%; 
} 
  .textNav .carousel-pagination {
    padding: 0;
    margin: 0; }
    .textNav .carousel-pagination li {
      display: block;
      margin-bottom: 0;
      text-transform: uppercase;
      font-weight: bold;
      width: 100%; }
      .textNav .carousel-pagination li a {
        padding: 15px 20px;
        font-weight: bold;
        color: white;
        width: 100%;
        height: auto;
        display: inline-block;
        border: none;
        text-transform: uppercase;
        text-align: left;
        border: 2px solid transparent; }
      .textNav .carousel-pagination li.carousel-active-page a {
        border: 2px solid #1C2C42;
        border-radius: 45px;
      }
   @media (max-width: 769px) {
      .textNav{
        float: none;
        width:100% !important;
		  position: relative;
      }
      .textNav .carousel-pagination li{
        display:inline-block;
        margin-right:15px;
        width:auto;
        
      }
      .textNav .carousel-pagination li a{
        padding:10px 0 ;
      }
      .textNav .carousel-pagination li.carousel-active-page a {
        border:none;
        border-bottom: 2px solid #1C2C42;
        border-radius: 0;
       
      }
   }

.carousel--standardWrapper {
  overflow: hidden;
  padding: 0; }
  @media (min-width: 769px) {
    .carousel--standardWrapper .carousel {
      overflow: none;
      padding: 0 50px;
      max-width: 100%;
      max-width: 1100px; }
    .carousel--standardWrapper .carousel-item {
      margin: 0 auto; } }
  .carousel--standardWrapper .carousel__title {
    left: 25px; }

.carousel--standard {
  text-align: center;
  padding-bottom: 0; }

  .carousel--standard .carousel-item {
    width: 100%;
    float: none; }
  @media (min-width: 769px) {
    .carousel--standard .carousel-pagination {
      display: none; } }

.carousel--fixedHeight {
  overflow: hidden;
  height: 282px;
  height: 17.625rem; }
  @media (min-width: 769px) {
    .carousel--fixedHeight {
      height: 306px;
      height: 19.125rem; } }

.carousel--text.carousel-slide {
  overflow: visible;
  display: block; }
  .carousel--text.carousel-slide .carousel-item {
    display: block; }
.carousel--text .carousel-active {
  min-height: 350px; }

.carousel--text.arrows .carousel-nav a.prev {
  left: 0;
  display: block; }
.carousel--text.arrows .carousel-nav a.next {
  right: 0;
  display: block; }
.carousel--text.carousel-slide .carousel-in {
  padding-left: 50px;
  padding-right: 50px; }

.carousel__list {
  list-style-type: none;
  margin-bottom: 40px; }
  .carousel__list:after {
    content: "";
    display: table;
    clear: both; }
  .carousel__list li {
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px; }

.carousel__list__number {
  display: block;
  font-size: 25px; }
  @media (min-width: 769px) {
    .carousel__list__number {
      font-size: 60px; } }

.carousel-slide {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.carousel-slide .carousel-nav {
  z-index: 999; }

.carousel-slide .carousel-item {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  /* necessary for non-active slides */
  z-index: 1;
  display: block;
  -webkit-transition: left .3s ease;
          transition: left .3s ease; }
  .carousel-slide .carousel-item p {
    color: white; }

.carousel-no-transition .carousel-item {
  -webkit-transition: none;
          transition: none; }

.carousel-slide .carousel-active {
  left: 0;
  position: relative;
  z-index: 2; }

.carousel-slide .carousel-in {
  left: 0; }

.carousel-slide .carousel-out,
.carousel-slide-reverse .carousel-in {
  left: -100%; }

.carousel-slide-reverse .carousel-item {
  -webkit-transition: left .3s ease;
          transition: left .3s ease; }

.carousel-slide-reverse .carousel-active {
  left: 100%; }

.carousel-slide .carousel-item-prev {
  left: -100%; }

.carousel-slide .carousel-item-next,
.carousel-slide .carousel-item-prev {
  -webkit-transition: none;
          transition: none; }

.carousel-slide .carousel-in {
  -webkit-transition: all .3s ease;
          transition: all .3s ease; }

.carousel-slide-reverse .carousel-out {
  left: 100%;
  opacity: 1 !important;
  -webkit-transition: all .3s ease;
          transition: all .3s ease; }

.carousel-slide-reverse .carousel-in,
.carousel-slide-reverse .carousel-item-prev {
  left: 0; }

.arrows .carousel-nav {
  bottom: auto;
  top: 50%;
  display: block;
  width: 100%;
  left: 0;
  right: 0; }

.arrows .carousel-nav a {
  text-indent: -9999px;
  width: 3em;
  height: 3em;
  background: #fff;
  opacity: .5;
  overflow: hidden;
  background: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 100%; }

.arrows .carousel-nav a:hover,
.arrows .carousel-nav a:focus {
  opacity: 1; }

.arrows .carousel-nav a.next,
.arrows .carousel-nav a.prev {
  display: none;
  position: absolute; }
  @media (min-width: 769px) {
    .arrows .carousel-nav a.next,
    .arrows .carousel-nav a.prev {
      display: block; } }

.arrows .carousel-nav a.next {
  color: transparent;
  background-image: url(/build/img/arrow-fat-right.png);
  right: -2.8em; }
  @media (min-width: 1025px) {
    .arrows .carousel-nav a.next {
      right: -3.8em; } }

.arrows .carousel-nav a.prev {
  background-image: url(/build/img/arrow-fat-left.png);
  left: -2.8em;
  color: transparent; }
  @media (min-width: 1025px) {
    .arrows .carousel-nav a.prev {
      left: -3.8em; } }
.carousel--home{
  height:100%;
}
.carousel--home.arrows .carousel-nav {
  top: 50%;
  right: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 50%; }
  @media (min-width: 769px) {
    .carousel--home.arrows .carousel-nav {
      display: block; } }
.carousel--home.arrows .carousel-nav a.next, .carousel--home.arrows .carousel-nav a.prev {
  display: block;
  position: absolute;
  height: 3em;
  width: 16px;
  background-repeat: no-repeat;
  pointer-events: auto;}
.carousel--home.arrows .carousel-nav a.next {
  right: 10px; }
  @media (min-width: 1025px) {
    .carousel--home.arrows .carousel-nav a.next {
      right: 30px; } }
.carousel--home.arrows .carousel-nav a.prev {
  left: 10px; }
  @media (min-width: 1025px) {
    .carousel--home.arrows .carousel-nav a.prev {
      left: 30px; } }
.carousel--home .carousel-pagination {
  display: block !important;
  position: absolute;
  bottom: 15px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center; }
  .carousel--home .carousel-pagination li {
    margin-right: 25px;
    margin-right: 1.5625rem; }
    .carousel--home .carousel-pagination li:last-of-type {
      margin-right: 0; }
  .carousel--home .carousel-pagination a {
    height: 13px;
    width: 13px;
    opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.4);
    border: none;
    pointer-events: auto !important;}
  .carousel--home .carousel-pagination .carousel-active-page a {
    background-color: #F77D38;
    border: none; }
  .carousel--home .carousel-item {
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat; 
    padding: 75px 0 95px;
   } 
.carousel--home .carousel-item.carousel-item-prev {
  display: block; }
.carousel--home .carousel-item.carousel-item-prev.carousel-in {
  left: 0;
  display: block;
  right: 0; }
.carousel--home .carousel-item.carousel-item-next.carousel-in {
  left: 0;
  display: block; }

.carousel--displays {
  background-color: #124166;
  padding-bottom: 0 !important; }
  .carousel--displays .carousel-item.carousel-item-prev.carousel-in {
    top: 0; }
  .carousel--displays.carousel--custom .carousel-nav-paginated .next {
    display: block; }
  @media (max-width: 767px) {
    .carousel--displays .Banner__subheading--small {
      font-size: 17px; } }
  @media (max-width: 767px) {
    .carousel--displays .Banner__subheading {
      font-size: 20px; } }
  .carousel--displays .Banner__subheading p {
    margin-bottom: 25px; }
  .carousel--displays .Banner__subheading--white {
    position: relative; }
  .carousel--displays .carousel-item__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: -webkit-filter 300ms linear; }
  .carousel--displays .carousel-item__content {
    margin: auto;
    padding: 0 30px;
    display: block;
    top: -50%;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    position: relative; }
    html[data-useragent*='MSIE 10.0'] .carousel--displays .carousel-item__content, .ie9 .carousel--displays .carousel-item__content {
      position: absolute;
      top: 30%;
      right: 0;
      bottom: 0;
      left: 0; }
    .carousel--displays .carousel-item__content svg {
      display: block;
      margin: 0 auto 55px;
      stroke: white; }
  .ie9 .carousel--displays .subcarousel {
    position: absolute;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0; }
  .carousel--displays .carousel-item {
    z-index: 2;
    background-color: #124166;
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 600px; }
    @media (min-width: 769px) {
      .carousel--displays .carousel-item {
        min-height: 750px;
        padding: 0 25px 50px; } }
  .carousel--displays .carousel-nav {
    display: block;
    z-index: 4;
    display: none;
    left: 2%; }
    @media (min-width: 769px) {
      .carousel--displays .carousel-nav {
        display: block;
        width: 226px; } }
    .carousel--displays .carousel-nav .carousel-pagination {
      display: none; }
      @media (min-width: 1025px) {
        .carousel--displays .carousel-nav .carousel-pagination {
          display: block; } }
      .carousel--displays .carousel-nav .carousel-pagination .carousel-active-page a {
        border: 2px solid white;
        border-radius: 45px; }
      .carousel--displays .carousel-nav .carousel-pagination .carousel-active-page a,
      .carousel--displays .carousel-nav .carousel-pagination a {
        padding-left: 20px; }
  .carousel--displays.carousel--list .carousel-item {
    display: block; }
  .carousel--displays.carousel-slide .carousel-item {
    left: 0;
    top: 150%;
    -webkit-transition: top .4s ease;
            transition: top .4s ease; }
  .carousel--displays.carousel-slide .carousel-active {
    top: 0; }
  .carousel--displays.carousel-slide .carousel-out.carousel-active {
    top: -2000px;
    -webkit-transition: top .8s ease;
            transition: top .8s ease; }
  .carousel--displays.carousel-slide-reverse .carousel-in {
    left: 0;
    top: 150%; }
  .carousel--displays.carousel-slide .carousel-item-next, .carousel--displays.carousel-slide .carousel-item-prev {
    -webkit-transition: none;
            transition: none; }
  .carousel--displays.carousel-slide .carousel-item-next.carousel-in, .carousel--displays.carousel-slide .carousel-item-prev.carousel-in {
    -webkit-transition: top .4s ease;
            transition: top .4s ease;
    z-index: 3; }
  .carousel--displays.carousel-slide .carousel-in {
    left: 0;
    top: 0; }
  .carousel--displays.carousel-slide .carousel-item-prev {
    top: -150%;
    left: 0;
    z-index: -999; }
  .carousel--displays.carousel-slide .carousel-item-prev {
    -webkit-transition: top .4s ease;
            transition: top .4s ease; }
  .carousel--displays.carousel-slide-reverse .carousel-in {
    top: 0%;
    -webkit-transition: top .4s ease;
            transition: top .4s ease; }
  .carousel--displays.carousel-slide-reverse .carousel-item {
    -webkit-transition: top .4s ease;
            transition: top .4s ease; }
  .carousel--displays.carousel-slide-reverse .carousel-active.carousel-out {
    top: 1000px;
    -webkit-transition: top .4s ease;
            transition: top .4s ease; }
  .carousel--displays .subcarousel {
    padding: 30px 35px 50px;
    margin: 0; }
  .carousel--displays .carouselSection,
  .carousel--displays .carouselText {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .carousel--displays .carousel-nav-paginated {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: block; }
    .carousel--displays .carousel-nav-paginated a.next {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50px;
      height: 15px;
      width: 40px;
      background-image: url("/build/img/arrow-fat-down.png");
      background-repeat: no-repeat;
      color: transparent;
      background-size: 100%;
      margin: 0 auto; }
      .carousel--displays .carousel-nav-paginated a.next:hover, .carousel--displays .carousel-nav-paginated a.next:focus {
        opacity: .6; }
    @media (min-width: 769px) {
      .carousel--displays .carousel-nav-paginated {
        display: block; } }
    .carousel--displays .carousel-nav-paginated .carousel-pagination {
      display: none; }
    .carousel--displays .carousel-nav-paginated ol {
      display: none; }

.filterImage .carousel-item__bg {
  -webkit-filter: blur(6px);
          filter: blur(6px);
  overflow: hidden; }

.carousel--nxb {
  overflow: hidden;
  min-height: 600px; }
  .carousel--nxb:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("/build/img/slide-6.jpg") no-repeat center center;
    background-size: cover; }
  .carousel--nxb.filterImage--nxb:before {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    overflow: hidden; }
  .carousel--nxb .carousel-item {
    background: transparent;
    top: -1000px;
    position: absolute;
    padding-top: 0;
    -webkit-transition: -webkit-transform .4s ease;
            transition: transform .4s ease;
    display: block; }
  .carousel--nxb .carousel-item__content {
    height: 600px;
    -webkit-transform: translateY(15%);
        -ms-transform: translateY(15%);
            transform: translateY(15%); }
    .ie9 .carousel--nxb .carousel-item__content {
      position: absolute;
      top: 40%;
      right: 0;
      bottom: 0;
      left: 0; }
  .carousel--nxb .carousel-active {
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .ie9 .carousel--nxb .carousel-active {
      top: 0; }
  .carousel--nxb .carousel-item__first.carousel-item.carousel-item-prev.carousel-item-next {
    top: 0;
    -webkit-transform: translate3d(0, -1000px, 0);
            transform: translate3d(0, -1000px, 0); }
    .ie9 .carousel--nxb .carousel-item__first.carousel-item.carousel-item-prev.carousel-item-next {
      top: -1000px; }
  .carousel--nxb .carousel-item.carousel-item-prev.carousel-item-next {
    -webkit-transform: translate3d(0, 1000px, 0);
            transform: translate3d(0, 1000px, 0);
    top: 0; }
    .ie9 .carousel--nxb .carousel-item.carousel-item-prev.carousel-item-next {
      top: 1000px; }

.carousel--ic3d {
  min-height: 840px; }
  .carousel--ic3d .carousel-item__bg {
    background-position-y: initial;
    min-height: 840px; }

.subcarousel {
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0; }
  .subcarousel .carousel-item__content {
    top: 0; }

.subcarousel__item {
  position: absolute;
  list-style-type: none;
  left: 200%;
  -webkit-transition: left .4s ease;
          transition: left .4s ease;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  display: none; }

.subcarousel__item--active {
  -webkit-transition: left .4s ease;
          transition: left .4s ease;
  left: 0;
  top: 0;
  margin: auto;
  position: absolute;
  display: block; }

.subcarousel__item--prev {
  left: -200%;
  display: block;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  top: 0; }

.subcarousel__item--next {
  display: block;
  visibility: visible;
  left: 120%;
  -webkit-transition: left .4s ease;
          transition: left .4s ease; }

.subcarousel__nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3; }

.subcarousel__prev,
.subcarousel__next {
  position: absolute;
  width: 15px;
  height: 35px;
  color: transparent;
  margin: auto;
  top: 0;
  bottom: 0; }
  .subcarousel__prev:hover, .subcarousel__prev:focus,
  .subcarousel__next:hover,
  .subcarousel__next:focus {
    color: transparent; }

.subcarousel__list {
  margin-top: 20px; }
  .subcarousel__list:after {
    content: "";
    display: table;
    clear: both; }
  .subcarousel__list li {
    margin-bottom: 20px;
    list-style-type: none;
    font-size: 16px; }
    @media (min-width: 769px) {
      .subcarousel__list li {
        float: left;
        width: 45%;
        text-align: left;
        margin-right: 8%;
        font-size: 23px;
        list-style-type: disc; }
        .subcarousel__list li:nth-of-type(2n), .subcarousel__list li:nth-of-type(3n) {
          margin-right: 0; } }

.subcarousel__prev {
  left: 10px;
  background: url("/build/img/arrow-fat-left.png") no-repeat center center; }
  @media (min-width: 769px) {
    .subcarousel__prev {
      left: 30px; } }

.subcarousel__next {
  right: 10px;
  background: url("/build/img/arrow-fat-right.png") no-repeat center center; }
  @media (min-width: 769px) {
    .subcarousel__next {
      right: 30px; } }

.IconList {
  max-width: 1400px;
  margin: 0 auto; }
  .IconList:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1025px) {
    .IconList {
      padding-top: 40px; } }

.IconList__item {
  display: block;
  padding: 20px 25px;
  text-align: center; }
  @media (min-width: 769px) {
    .IconList__item {
      float: left;
      width: 45%;
      margin-bottom: 40px;
      margin-right: 5%; }
      .IconList__item:nth-child(2n + 0) {
        margin-right: 0; } }
  @media (min-width: 1200px) {
    .IconList__item {
      width: 23%;
      margin-right: 2%; }
      .IconList__item:nth-child(2n + 0) {
        margin-right: 2%; }
      .IconList__item:last-of-type {
        margin-right: 0; } }
  .IconList__item:nth-child(2n + 1) {
    background-color: #F5F5F6; }
    @media (min-width: 769px) {
      .IconList__item:nth-child(2n + 1) {
        background-color: transparent; } }
  .IconList__item p {
    max-width: 500px;
    margin: 0 auto 20px auto; }
  .IconList__item img {
    margin: 0 auto;
    display: block; }

@media (min-width: 1200px) {
  .IconList__item__imgWrapper {
    min-height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.IconList__item__text {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  font-size: 16px; }

.listing {
  list-style: none;
  margin-bottom: 0;
  padding: 0; }
  .listing:after,
  .listing .listing__item:after {
    content: "";
    display: table;
    clear: both; }
  .listing .listing__item {
    margin: 0;
    position: relative; }

  .listing--cards {
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:stretch;
    margin:0;
  }
	.listing--cards .listing__item {
		background-color: #F5F5F6;
		background-color:white;
		box-shadow: 0px 12px 48.5px 1.5px rgba(70, 69, 69, 0.4); 
		position: relative;
		text-align: center;
		margin:1% 0 0 1%;
		width: 23.75%;
		padding:3% 0;

	}
	.listing--cards .listing__item{
		width:calc(96%/3);
	}

    @media (max-width: 1200px) {
		.listing--cards .listing__item{
			width:48.5% !important;
		}
		.listing--cards .listing__item:nth-of-type(7){
			width:98% !important;
		}
    }
	@media (max-width: 769px) {
		.listing--cards .listing__item{
			width:98% !important;
		}
    }
    
  .listing--cards .item__meta {
    color: #1C2D44;
    font-family: "source-sans-pro", Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase; }
    .listing--cards .item__meta img {
      padding-bottom: 51px; 
		max-width:106px;
}
    .listing--cards .item__meta p {
      margin-bottom: 30px;
      font-weight: 600;
      font-size:1.5em;
    }
    .listing--cards .item__meta p:last-of-type{
      text-transform: none;
      font-weight: normal;
      font-size:1.4em;
    }
    .listing--cards .item__meta .Btn{
      color: #F38033 !important;
      border:none;
      font-size:1.1em;
      position: absolute;
      width:100%;
      text-align: center;
      left:0;
      bottom:5%;
    }
  .listing--cards .item__content {
    -webkit-transition: opacity 0.35s ease-in-out;
            transition: opacity 0.35s ease-in-out;
    background-color: #F38033;
    color: white;
    opacity: 0;
    padding: 20px 25px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

    .listing--cards .item__content.active {
      display: block;
      opacity: 1; }
      .listing--cards .item__content.active .Btn {
        display: inline-block; }
    .listing--cards .item__content img,
    .listing--cards .item__content svg {
      max-height: 55px;
      max-width: 55px; }
    .listing--cards .item__content p {
      max-width: 225px;
      margin: 0 auto;
      margin-bottom: 30px; }
    .listing--cards .item__content .Btn {
      color: white; }
      .listing--cards .item__content .Btn:hover, .listing--cards .item__content .Btn:focus {
        border-color: #075582;
        color: #075582; }
    @media (min-width: 1200px) {
      .listing--cards .item__content {
        padding: 89px 25px 45px; } }

.card-wrapper {
  display: block;
  padding: 20px 25px; }
  @media (min-width: 1200px) {
    .card-wrapper {

      padding: 45px 25px 25px; } }
  .card-wrapper:hover .flip-card, .card-wrapper:focus .flip-card {
    color: #F77D38;
    border-color: #F77D38; }
  .card-wrapper .card__icon-artisanal-heights {
    height: 149px;
    padding-bottom: 20px; }

.flip-card {
  -webkit-transition: color .3s ease-out, border-color 0.5s ease-out;
          transition: color .3s ease-out, border-color 0.5s ease-out;
  border: 2px solid #CED0D1;
  border-radius: 35px;
  color: #CED0D1;
  display: block;
  font-size: 24px;
  height: 35px;
  line-height: 31px;
  margin: 0 auto;
  width: 35px; }

.ContactSearch {
  padding: 0 25px;
  margin: 0 auto;
  max-width: 450px; }
  @media (min-width: 1025px) {
    .ContactSearch {
      max-width: 900px;
      padding-top: 30px; } }
  .ContactSearch .ContactSearch--icon {
    margin-bottom: 20px; }
    @media (min-width: 1025px) {
      .ContactSearch .ContactSearch--icon {
        float: right;
        width: 50%; } }
    .ContactSearch .ContactSearch--icon input {
      background-color: transparent;
      border-color: white;
      color: white; }
    .ContactSearch .ContactSearch--icon label {
      background-color: transparent;
      color: white; }
    .ContactSearch .ContactSearch--icon:after {
      -webkit-filter: contrast(170%);
              filter: contrast(170%); }
  .ContactSearch .ContactSearch__title {
    font-family: "source-sans-pro", Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: 200;
    color: white;
    margin: 0 0 30px 0; }
    @media (min-width: 1025px) {
      .ContactSearch .ContactSearch__title {
        float: left;
        width: 50%;
        font-size: 30px; } }
  .ContactSearch .ContactSearch__result {
    display: none; }
  @media (min-width: 1025px) {
    .ContactSearch .BtnWrapper {
      margin-top: 20px;
      float: left;
      width: 100%; } }

.BlockList {
  margin: 0 auto;
  padding: 0; }
  .BlockList:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 769px) {
    .BlockList {
      background-color: #F5F5F6;
      padding: 80px 20px; } }

@media (min-width: 769px) {
  .BlockList--ic3d {
    padding: 0 120px 30px; } }

.BlockList__wrapper {
  clear: both;
  margin-left: 0;
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .BlockList__wrapper {
      max-width: 1200px;
      margin: 0 auto; } }

.Blocklist__subheading {
  padding: 40px 35px;
  text-align: center; }

.BlockList__item {
  padding: 40px 35px;
  list-style-type: none;
  margin-bottom: 0;
  text-align: center;
  display: block;
  position: relative; }
  @media (min-width: 769px) {
    .BlockList__item {
      max-width: 400px;
      float: left;
      width: 33.3%;
      padding: 0 20px;
      min-height: 150px;
      border-right: 2px solid #CCCBCB; }
      .BlockList__item:last-of-type {
        border-right: 0;
        margin-right: 0; }
      .BlockList__item .Btn {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 200px; }
        .ie9 .BlockList__item .Btn {
          position: relative; } }
  .BlockList__item:nth-of-type(2n + 1) {
    background-color: #F5F5F6; }
    @media (min-width: 769px) {
      .BlockList__item:nth-of-type(2n + 1) {
        background-color: transparent; } }

.BlockList__item--ic3d {
  border: none;
  min-height: 168px; }
  .BlockList__item--ic3d:hover .Btn, .BlockList__item--ic3d:focus .Btn {
    color: #F77D38;
    border-color: #F77D38; }
  .BlockList__item--ic3d .Btn {
    position: relative; }
  @media (min-width: 769px) {
    .BlockList__item--ic3d {
      margin: 0 0 30px; } }

.BlockList__item--mps .Btn {
  margin: 50px 0 0;
  position: relative; }

.BlockList__content {
  font-size: 25px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 20px; }
  @media (min-width: 769px) {
    .BlockList__content {
      font-size: 35px;
      line-height: 1.1; } }

.BlockList__content--ic3d {
  margin: 0 auto 48px; }

.BlockList__content--ic3d svg {
  stroke: #1C2D44; }

.Timeline {
  background: url(../../build/img/background-pattern-timeline.jpg) repeat center center;
  display: block;
  padding-top: 75px; }
  .Timeline .mobile-line {
    display: none; }
  .Timeline .Timeline--nav {
    position: fixed;
    top: 385px;
    z-index: 20; }
    .Timeline .Timeline--nav ul {
      padding-left: 0px;
      list-style: none; }
      .Timeline .Timeline--nav ul li {
        color: #075582;
        cursor: pointer;
        font-family: "source-sans-pro", Helvetica, sans-serif;
        font-weight: 700;
        font-size: 1.125rem;
        margin-top: -6px; }
        .Timeline .Timeline--nav ul li a {
          color: #075582;
          display: block; }
          .Timeline .Timeline--nav ul li a .position-indicator {
            display: inline-block;
            background-color: #404041;
            width: 26px;
            height: 2px;
            -webkit-transition: all .5s ease-in-out;
                    transition: all .5s ease-in-out;
            margin-right: 10px; }
          .Timeline .Timeline--nav ul li a .position-date {
            display: none; }
        .Timeline .Timeline--nav ul li.ended a .position-indicator {
          background-color: #fff; }
        .Timeline .Timeline--nav ul li.current a .position-indicator {
          background-color: #0a5585;
          box-shadow: 1px 1px 1px 0px #9db9cb;
          width: 57px;
          height: 4px; }
        .Timeline .Timeline--nav ul li.current a .position-date {
          display: inline-block; }
        .Timeline .Timeline--nav ul li:last-of-type.current a {
          color: #F77D38; }
          .Timeline .Timeline--nav ul li:last-of-type.current a .position-indicator {
            background-color: #F77D38;
            box-shadow: none;
            width: 57px;
            height: 4px; }
          .Timeline .Timeline--nav ul li:last-of-type.current a .position-date {
            display: inline-block; }
  .Timeline .Timeline--era {
    position: relative;
    height: 780px;
    width: 100%; }
    .Timeline .Timeline--era .Circle--blue {
      background-color: #0a5585;
      height: 84px;
      width: 84px;
      border-radius: 42px;
      left: 50%;
      margin-left: -42px;
      position: relative;
      top: -40px;
      text-align: center;
      z-index: 20; }
      .Timeline .Timeline--era .Circle--blue span {
        color: #fff;
        font-size: .93rem;
        font-weight: 700;
        position: relative;
        top: 41%; }
      .Timeline .Timeline--era .Circle--blue.Circle--today {
        position: absolute;
        top: auto;
        bottom: -44px;
        background-color: #F77D38; }
        .Timeline .Timeline--era .Circle--blue.Circle--today span {
          text-transform: uppercase; }
    .Timeline .Timeline--era .half {
      display: inline-block;
      float: left;
      height: 100%;
      position: relative;
      width: 50%;
      margin-top: -82px; }
      .Timeline .Timeline--era .half h1 {
        font-size: 3.25rem;
        font-weight: 700; }
      .Timeline .Timeline--era .half p {
        color: #404041;
        font-size: 1.125rem;
        font-family: "lexia", Georgia, serif;
        line-height: 1.8; }
      .Timeline .Timeline--era .half img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -185px;
        margin-left: -145px;
        height: 284px;
        width: 284px; }
      .Timeline .Timeline--era .half.left {
        border-right: solid 1px #4b4b4c; }
      .Timeline .Timeline--era .half.right {
        border-left: solid 1px #8f8f90; }
      .Timeline .Timeline--era .half.text {
        padding: 15% 8% 0; }
    .Timeline .Timeline--era#Year--1979, .Timeline .Timeline--era#Year--1998 {
      position: relative; }
      .Timeline .Timeline--era#Year--1979 .left img, .Timeline .Timeline--era#Year--1998 .left img {
        display: none; }
    .Timeline .Timeline--era#Year--1994 .right img, .Timeline .Timeline--era#Year--2002 .right img {
      display: none; }
    .Timeline .Timeline--era#Year--1998 .left,
    .Timeline .Timeline--era#Year--1998 .right,
    .Timeline .Timeline--era#Year--1998 .text, .Timeline .Timeline--era#Year--2003 .left,
    .Timeline .Timeline--era#Year--2003 .right,
    .Timeline .Timeline--era#Year--2003 .text, .Timeline .Timeline--era#Year--2004 .left,
    .Timeline .Timeline--era#Year--2004 .right,
    .Timeline .Timeline--era#Year--2004 .text, .Timeline .Timeline--era#Year--2015 .left,
    .Timeline .Timeline--era#Year--2015 .right,
    .Timeline .Timeline--era#Year--2015 .text {
      margin-top: 0px; }
    .Timeline .Timeline--era#Year--1998 .text img, .Timeline .Timeline--era#Year--2003 .text img, .Timeline .Timeline--era#Year--2004 .text img, .Timeline .Timeline--era#Year--2015 .text img {
      display: none; }
    .Timeline .Timeline--era#Year--2014,
	.Timeline .Timeline--era#Year--2017{
      position: relative; }
      .Timeline .Timeline--era#Year--2014 .text,
		.Timeline .Timeline--era#Year--2017 .text{
        padding-top: 12%; }
        .Timeline .Timeline--era#Year--2014 .text img,
		.Timeline .Timeline--era#Year--2017 .text img{
          display: none; }
    .Timeline .Timeline--era#Year--today {
      background-color: #075582;
      background: url(../../build/img/background--today-lg.jpg) no-repeat center center;
      background-size: cover;
      height: 730px; }
      .Timeline .Timeline--era#Year--today .text {
        display: block;
        float: none;
        margin-top: 0px;
        padding: 0;
        position: relative;
        text-align: left;
        width: 100%; }
        .Timeline .Timeline--era#Year--today .text img {
          display: none; }
        .Timeline .Timeline--era#Year--today .text .text--wrap {
          position: absolute;
          right: 100px;
          top: 215px;
          width: 455px; }
          .Timeline .Timeline--era#Year--today .text .text--wrap h1 {
            font-size: 8.125rem;
            float: left;
            margin-bottom: 0px; }
          .Timeline .Timeline--era#Year--today .text .text--wrap h5 {
            color: #FFFFFF;
            font-size: 2.31rem;
            float: left; }
    .Timeline .Timeline--era .history-nav {
      position: absolute;
      bottom: 25px;
      right: 25px;
      display: block; }

@media (max-width: 768px) {
  .Timeline {
    position: relative; }
    .Timeline .mobile-line {
      display: block;
      width: 2px;
      height: 100%;
      position: absolute;
      left: 40px;
      z-index: 10; }
      .Timeline .mobile-line span {
        height: 100%;
        background-color: #4c4c4d;
        display: block;
        z-index: 20;
        float: left;
        width: 1px; }
        .Timeline .mobile-line span:nth-of-type(2) {
          background-color: #949494; }
    .Timeline .Timeline--era {
      height: auto; }
      .Timeline .Timeline--era .Circle--blue {
        margin: 0px;
        left: 0px; }
      .Timeline .Timeline--era .half {
        position: relative;
        display: block;
        float: none;
        padding-top: 35%;
        width: 100%;
        height: auto;
        border: none; }
        .Timeline .Timeline--era .half img {
          z-index: 20; }
        .Timeline .Timeline--era .half.text {
          padding: 43% 8% 46% 15%;
          text-align: center; }
        .Timeline .Timeline--era .half.left, .Timeline .Timeline--era .half.right {
          border: none; }
      .Timeline .Timeline--era#Year--1956 .left {
        display: none; }
      .Timeline .Timeline--era#Year--1956 .right {
        background: url(../../build/img/1956_sm_bg.jpg) no-repeat center center;
        background-size: cover;
        width: 100%; }
      .Timeline .Timeline--era#Year--1956 .text {
        text-align: left; }
      .Timeline .Timeline--era#Year--1979 {
        position: relative; }
        .Timeline .Timeline--era#Year--1979 .left {
          background-color: #FFFFFF;
          overflow: hidden; }
          .Timeline .Timeline--era#Year--1979 .left img {
            display: block;
            left: 102%;
            top: 30%;
            width: 200px;
            height: 200px; }
        .Timeline .Timeline--era#Year--1979 .right {
          display: none; }
        .Timeline .Timeline--era#Year--1979 .text {
          text-align: left;
          padding: 43% 8% 26% 15%; }
      .Timeline .Timeline--era#Year--1994 {
        background-color: transparent; }
        .Timeline .Timeline--era#Year--1994 .left {
          display: none; }
        .Timeline .Timeline--era#Year--1994 .text {
          padding: 13% 8% 15% 15%; }
          .Timeline .Timeline--era#Year--1994 .text img {
            display: block;
            position: relative;
            top: 0px;
            margin-top: 0px;
            margin-bottom: 25px; }
      .Timeline .Timeline--era#Year--1998 {
        background-color: #FFFFFF; }
        .Timeline .Timeline--era#Year--1998 .right {
          display: none; }
        .Timeline .Timeline--era#Year--1998 .text {
          padding: 18% 8% 27% 15%; }
          .Timeline .Timeline--era#Year--1998 .text img {
            display: block;
            position: relative;
            top: 0px;
            margin-top: 0px;
            margin-bottom: 25px; }
      .Timeline .Timeline--era#Year--2002 .left {
        display: none; }
      .Timeline .Timeline--era#Year--2002 .right {
        padding: 13% 8% 15% 15%;
        height: auto; }
        .Timeline .Timeline--era#Year--2002 .right img {
          position: relative;
          top: 0px;
          left: 0px;
          display: block;
          margin: 0 auto 25px;
          width: 284px;
          height: 284px; }
      .Timeline .Timeline--era#Year--2003 {
        background-color: #075582;
        background: url(../../build/img/background--2003.jpg) no-repeat center center;
        background-size: cover; }
        .Timeline .Timeline--era#Year--2003 .right {
          display: none; }
        .Timeline .Timeline--era#Year--2003 .text {
          padding: 60% 8% 54% 15%;
          height: auto; }
          .Timeline .Timeline--era#Year--2003 .text h5,
          .Timeline .Timeline--era#Year--2003 .text p {
            color: #FFFFFF; }
      .Timeline .Timeline--era#Year--2004 {
        height: auto;
        background-color: #f4f4f5; }
        .Timeline .Timeline--era#Year--2004 .left {
          display: none; }
        .Timeline .Timeline--era#Year--2004 .text {
          padding: 90% 8% 54% 15%;
          height: auto;
          text-align: left; }
          .Timeline .Timeline--era#Year--2004 .text img {
            top: 28%;
            left: 20%;
            display: inline-block;
            width: 284px;
            height: 284px;
            float: left; }
          .Timeline .Timeline--era#Year--2004 .text h1,
          .Timeline .Timeline--era#Year--2004 .text h5,
          .Timeline .Timeline--era#Year--2004 .text p {
            padding-left: 25%; }
      .Timeline .Timeline--era#Year--2014,
	.Timeline .Timeline--era#Year--2017{
        background-color: #FFFFFF; }
        .Timeline .Timeline--era#Year--2014 .right,
	.Timeline .Timeline--era#Year--2017 .right{
          display: none; }
        .Timeline .Timeline--era#Year--2014 .left,
	.Timeline .Timeline--era#Year--2017 .left{
          padding: 45% 21% 7% 15%;
          height: auto;
          text-align: left;
          overflow: hidden; }
          .Timeline .Timeline--era#Year--2014 .left img,
	.Timeline .Timeline--era#Year--2017 .left img{
            position: absolute;
            top: 35px;
            left: 0px;
            right: -77%;
            display: block;
            margin: 0 auto 25px;
            width: 284px;
            height: 284px; }
      .Timeline .Timeline--era#Year--2015 {
        background-color: #f4f4f5; }
        .Timeline .Timeline--era#Year--2015 .left {
          display: none; }
        .Timeline .Timeline--era#Year--2015 .right {
          padding: 8% 8% 11% 15%;
          height: auto; }
          .Timeline .Timeline--era#Year--2015 .right img {
            position: relative;
            top: 0px;
            left: 0px;
            display: block;
            margin: 0 auto 25px;
            width: 284px;
            height: 284px; }
      .Timeline .Timeline--era#Year--today {
        height: auto;
        z-index: 20; }
        .Timeline .Timeline--era#Year--today .text {
          text-align: center; }
          .Timeline .Timeline--era#Year--today .text .text--wrap {
            padding: 40% 0;
            position: relative;
            right: 0px;
            top: 0px;
            width: 100%; }
            .Timeline .Timeline--era#Year--today .text .text--wrap h1 {
              font-size: 5rem;
              float: none;
              margin-bottom: 0px; }
            .Timeline .Timeline--era#Year--today .text .text--wrap h5 {
              font-size: 2rem;
              float: none; }
      .Timeline .Timeline--era .history-nav {
        display: none; }
    .Timeline .Timeline--nav {
      display: none; }

  .smaller-on-mobile {
    max-height: 255px;
    max-width: 255px; } }
  @media (max-width: 768px) and (min-width: 769px) {
    .smaller-on-mobile {
      max-height: auto;
      max-width: auto; } }

.dir p:not(.Heading--medium) {
  font-family: "lexia", Georgia, serif;
  line-height: 2;
  margin-bottom: 2em; }
  .dir p:not(.Heading--medium) strong {
    color: #075582;
    font-family: "source-sans-pro", Helvetica, sans-serif;
    text-transform: uppercase; }
.dir .dir-list {
  margin-bottom: 4em; }
  @media only screen and (min-width: 500px) {
    .dir .dir-list {
      margin-bottom: 2em; } }
  .dir .dir-list dt,
  .dir .dir-list dd {
    margin-bottom: 1em; }
    @media only screen and (max-width: 499px) {
      .dir .dir-list dt,
      .dir .dir-list dd {
        line-height: 1.15em; } }
    @media only screen and (min-width: 500px) {
      .dir .dir-list dt,
      .dir .dir-list dd {
        display: inline-block;
        margin-bottom: 0.5em;
        vertical-align: middle;
        width: 49%; } }
  .dir .dir-list dt {
    color: #075582;
    font-size: 1.1875em;
    font-weight: 700;
    text-transform: uppercase; }
    @media only screen and (max-width: 499px) {
      .dir .dir-list dt {
        margin-bottom: 0; } }
  .dir .dir-list dd {
    font-family: "lexia", Georgia, serif;
    font-size: 1.125em; }
    @media only screen and (max-width: 499px) {
      .dir .dir-list dd {
        margin-bottom: 1em; } }
  .dir .dir-list svg {
    vertical-align: middle;
    width: 1.375em; }
  .dir .dir-list:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 500px) {
    .dir .dir-list.details {
      margin-top: 2.5em; } }
  .dir .dir-list.reseller {
    max-width: 30em; }
.dir .strong-list {
  list-style: none;
  margin: 1em 0 2em;
  padding: 0; }
  .dir .strong-list li {
    color: #075582;
    font-family: "source-sans-pro", Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1em;
    text-transform: uppercase; }
.dir .Grid.row {
  margin-bottom: 1em; }
  .dir .Grid.row:first-child {
    margin-bottom: 4em; }
  .dir .Grid.row:last-child {
    margin-bottom: 2em; }
@media only screen and (max-width: 992px) {
  .dir .Island--light .col-right p {
    text-align: center; } }
.dir p.Heading--medium {
  font-size: 2.25em;
  margin-left: auto;
  margin-right: auto;
  max-width: 15em;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .dir p.Heading--medium {
      margin-left: 0;
      margin-right: 0;
      max-width: 9em;
      text-align: left; } }
.dir h2.Heading--medium,
.dir h3.Heading--medium {
  font-family: "source-sans-pro", Helvetica, sans-serif;
  font-size: 2.25em;
  text-transform: uppercase; }
.dir .dir-contact-box {
  border: 1px solid #F77D38;
  float: left;
  padding: 1em;
  width: 100%; }
  @media only screen and (min-width: 500px) {
    .dir .dir-contact-box {
      padding: 2.25em; } }
  .dir .dir-contact-box .Heading--medium {
    font-size: 1.7em; }
    @media only screen and (min-width: 700px) {
      .dir .dir-contact-box .Heading--medium {
        float: left;
        width: 28%; } }
  @media only screen and (min-width: 700px) {
    .dir .dir-contact-box .dir-list {
      float: left;
      width: 70%; } }
  .dir .dir-contact-box .dir-list dt {
    width: 30%; }
  .dir .dir-contact-box .dir-list dd {
    width: 65%; }
.dir .btn-show-more {
  color: #F77D38;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase; }
  .dir .btn-show-more svg {
    max-height: 8px; }
.dir .commodity-codes {
  margin-bottom: 0 !important; }
.dir .commodity-codes-more {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms ease;
          transition: height 500ms ease; }
  .dir .commodity-codes-more .more-wrapper {
    display: block; }
.dir .Island--whiteDesktop {
  background-color: #FFF; }
.dir .Banner + .Island--whiteDesktop {
  padding-bottom: 0; }
@media only screen and (min-width: 992px) {
  .dir .col-half {
    float: left;
    width: 45%; } }
@media only screen and (min-width: 992px) {
  .dir .col-half + .col-half {
    float: right; } }
.dir .Grid--3-columns {
  counter-reset: order-counter;
  text-align: center; }
  .dir .Grid--3-columns .col-third {
    counter-increment: order-counter;
    display: inline-block;
    margin: 7em 0 2em;
    padding: 0 2em;
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .dir .Grid--3-columns .col-third {
        float: left;
        margin-bottom: 0;
        width: 33.3333%; } }
    .dir .Grid--3-columns .col-third::before {
      background-color: #FFF;
      border-radius: 50%;
      color: #303030;
      content: counter(order-counter);
      display: inline-block;
      font-size: 3.25em;
      font-weight: 700;
      left: 50%;
      line-height: 1em;
      padding: 0.1em 0.35em;
      position: absolute;
      text-align: center;
      top: -1.7em;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .dir .Grid--3-columns .col-third p {
      margin-bottom: 0; }
.dir .Island--orange {
  background-color: #F77D38;
  padding: 1em 0; }
  .dir .Island--orange .btn-warranty {
    color: #FFF;
    font-weight: 700; }
    .dir .Island--orange .btn-warranty i {
      background-image: url("../img/arrow-box-down.png");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      display: inline-block;
      height: 0.75em;
      margin-left: 0.5em;
      width: 0.75em; }
.dir #warranty-return-policy {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 500ms ease;
          transition: height 500ms ease; }
  .dir #warranty-return-policy .btn-warranty-close {
    background-color: #F77D38;
    color: #FFF;
    display: block;
    font-weight: 700;
    padding: 1em 0;
    text-align: center; }
  .dir #warranty-return-policy.open {
    height: auto; }
@media only screen and (min-width: 992px) {
  .dir .col-left {
    float: left;
    width: 40%; } }
@media only screen and (min-width: 992px) {
  .dir .col-right {
    float: right;
    width: 60%; } }

.orange-btn{
  background:#F77D38 !important;
  border:2px solid #F77D38 !important;
  color:#ffffff !important;
}
.orange-btn:hover{
  color:#F77D38 !important;
  background:none !important;
}
.blue-solid-btn{
  background:#095587 !important;
  border:2px solid #095587 !important;
  color:#ffffff !important;
}
.blue-solid-btn:hover{
  color:#ea8021 !important;
	border:2px solid #ea8021 !important;
	
  background:none !important;
}
  
.Island {
  padding: 60px 0px;
  padding: 3.75rem 0rem;
  background-color: #085683; }

.Island--small {
  padding: 30px 0px;
  padding: 1.875rem 0rem; }

.Island--white{
  background-color:#ffffff;
}
.Island--light {
  background-color: #e9e9ed; }

.Island--light-blue {
  background-color: #105583;
  color: white; }

.Island--dark {
  background-color: #1D2E43;
  color: white; }
  .Island--dark .Title:after {
    background-color: white; }
  .Island--dark .Banner__subheading,
  .Island--dark .Btn {
    color: white; }

@media (min-width: 769px) {
  .Island--whiteDesktop {
    background-color: transparent; } }

#sustainability>div {
  padding: 80px 0px 60px 0px;
  padding: 5rem 0rem 3.75rem 0rem; }

.Island--managed-services {
  font-size: 24px;
  font-weight: 200;
  line-height: 41px;
  text-align: center; }

.Nav__item {
  display: inline; }

.Btn {
	display: inline-block;
	background-color: transparent;
	text-transform: uppercase;
	border: 2px solid #095587;
	border-radius: 30px;
	padding: 10px 40px;
	padding: 0.625rem 2.5rem;
	color: #095587;
	font-family: "source-sans-pro", Helvetica, sans-serif;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 15px; }
.Btn:hover {
	color: #F77D38 !important;
	border-color: #F77D38; 
}
.Btn + .Btn{
	margin-left:15px;
}

@media (min-width: 1025px) {
  .Btn--large {
    padding: 15px 80px;
    border-radius: 60px; } }

.Btn--ic3d {
  border-color: #1C2D44;
  color: #1C2D44; }

.BtnWrapper {
  display: block;
  text-align: center; }

.BtnWrapper--spacing {
  padding: 40px 0 0 0; }

.cta {
  display: block;
  padding: 25px 25px 30px;
  margin-top: 40px; }

.cta--blue {
  background-color: #1D2C43;
  color: white;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase; }
.cta--blue:visited{
  color:white;
}
.media-cta {
  background-color: #22314A;
  color: white;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;}
  .media-cta:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 769px) {
    .media-cta {
      max-height: 109px;
      position: relative;
      top: 0;
      z-index: 20; } }
  .media-cta a {
    color: #F38033;
    display: block;
    font-weight: 600;
    text-transform: uppercase; }
  @media (min-width: 769px) {
    .media-cta + .BlockList {
      margin-top: -109px;
      position: relative; } }

.media-cta__media {
  max-width: 194px;
  padding-left: 30px;
  padding-top: 28px; }
  .media-cta__media img {
    display: block; }
  @media (min-width: 769px) {
    .media-cta__media {
      float: left;
      padding: 0; } }

.media-cta__content {
  padding: 24px 30px 21px;
   width: 100%;
   text-align: center;
 
  }
  @media (min-width: 769px) {
    .media-cta__content {
      float: left; } }
  .media-cta__content p {
    font-size: 18px;
    font-style: italic;
    line-height: 1.5555555556;
    margin-bottom: 0; }
  .media-cta__content a {
    font-size: 23px;
    font-style: normal; }
    .media-cta__content a:hover, .media-cta__content a:focus {
      color: white; }

.Btn--white {
  color: white;
  border-color: white; }

.Btn--blue {
  color: #075582;
  border-color: #075582; }

.Btn--full--blue{
  background: #075582;
  color:white;
  border-color: #075582;
}
.Btn--full--blue:hover{
  background: #176c9d;
  color: white !important;
  border-color: #075582 !important;
}
.hover--white:hover{
	color:#ffffff !important;
	border-color:#ffffff;
}
.no-geolocation .Btn--geolocate {
  display: none; }

.Btn--loading:after {
  content: '\2026'; }

.Btn--geolocate,
.Btn--reset {
  display: none; }

body {
  font-size: 100%;
  font-family: "source-sans-pro", Helvetica, sans-serif;
  color: #404041; }

.u--clear {
  clear: both; }

.u--textCenter {
  text-align: center !important; }

.u--textWhite {
  color: white !important; }

.u--textBold {
  font-weight: 600 !important; }

.u--hide {
  display: none; }

.u--center {
  margin: 0 auto;
  display: block; }

.u--paddingBottomLarge {
  padding-bottom: 50px;
  padding-bottom: 3.125rem; }
  @media (min-width: 769px) {
    .u--paddingBottomLarge {
      padding-bottom: 80px;
      padding-bottom: 5rem; } }

.cf:after {
  content: "";
  display: table;
  clear: both; }

.u--block {
  display: block !important; }

.u--lowercase {
  text-transform: lowercase !important; }

.u--strong {
  font-weight: 600 !important; }

.u--textOrange {
  color: #F77D38 !important; }

.u--paddless {
  padding: 0 !important; }

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 769px) {
    .flex {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.text--sans {
  font-family: "source-sans-pro", Helvetica, sans-serif !important; }

/*Custom Nav */
.subnav-3>ul li{
	margin-left:15px !important;
	position: relative;
}
.subnav-3>ul li::before{
	position: absolute;
	content:"-";
	left:5px;
	top:5px;
	color:#ffffff;
}
/*////////////////////////////////
//////// Video Thumb Bar ////////////
//////////////////////////////////*/
.video-bar>div{
	max-width:800px;
	display: block;
	margin:25px auto 25px;
	text-align: center;
}
.video-bar img{
	max-width:560px;
	max-height:315px;
    height:auto;
    width:100%;
	box-shadow: 0px 12px 48.5px 1.5px rgba(70, 69, 69, 0.4); 
}
.video-bar h4{
	margin-top:35px;
	font-size:2.5em;
	font-weight:normal;
	color:#095587;
}
.video-bar p{
	font-size:1.5em;
}
.video-bar a{
	margin-top:15px;
}

/*////////////////////////////////
//////// iFrame Overlay ////////////
//////////////////////////////////*/
#overlay{
	background:rgba(0,0,0,0.75);
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
}

#overlay .loading-gif{
    position: fixed;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.video-container {
	position: fixed;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; 
	
}
#overlay .video-container{
	width:50vw;
	padding-bottom: 26.75%;
}
.video-container iframe,
.video-container object,
.video-container embed,
.form-container iframe,
.form-container object,
.form-container embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#overlay .form-container{
	width:50vw;
	height:75vh;
	position: fixed;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background:white;
	overflow: visible;
	
}
.form-container iframe{
	overflow: scroll;
}
@media (max-width: 1365px) {
	#overlay .form-container{
		width:80vw;
	} 
}
@media (max-width: 850px) {
	#overlay .form-container{
		width:88vw;
	} 
}
@media (max-width: 600px) {
	#overlay .video-container{
		width:80vw;
		padding-bottom: 39.85%;
	} 
}
#learn{
    padding:20px 0;
	text-align: center;
}
#learn h3{
	text-transform: none;
}
#learn .Btn{
    margin:50px auto 25px;
    display: block;
    width:175px;
    text-align: center;
}

.plus-list{
	list-style: none;
}
.plus-list li{
	margin-left:10px;
	position: relative;
}
.plus-list li::after{
	width:4px;
	height:75px;
	color:#ea8021;
	position: absolute;
	left:-20px;
	top:0;
	content:'+';
	font-weight: bold;
}

.cta-callout{
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center right;
	width:100%;
}
.cta-callout>div{
	padding:150px 0 150px 100px;
	width:50vw;
}
.cta-callout a{
	color:#ea8021;
}
.cta-callout>div p{
	font-size:1.5em;
}
.cta-callout>div h2{
	font-size:2.4em;
	line-height: 1.1em;
	font-weight: bold;
}
.cta-callout>div .Btn{
	margin-top:20px;
}