@charset "UTF-8";
#about-us h1,
#about-us h2,
#about-us .h1,
#about-us .h2 {
  font-family: SofiaProExtraLight, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 4px;
  margin-bottom: 20px; }

#about-us h3,
#about-us h4,
#about-us .h3,
#about-us .h4 {
  font-family: SofiaProLight, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  margin-bottom: 20px; }

#about-us h5,
#about-us h6,
#about-us .h5,
#about-us .h6 {
  font-family: SofiaProMedium, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
  margin-bottom: 10px; }

#about-us p {
  margin: 0;
  font-size: 14px;
  font-family: SofiaProLight, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  line-height: 1.6; }

#about-us h1, #about-us h2, #about-us h3 {
  margin: 0; }

#about-us h2 {
  font-size: 22px; }
  @media (min-width: 768px) {
    #about-us h2 {
      font-size: 28px; } }
  #about-us h2.quotes:before {
    content: '\0022';
    position: absolute;
    left: 5px; }

#about-us p.quotes:before {
  content: '\0022';
  position: absolute;
  left: 9px; }

#about-us h2.quotes.french:before {
  content: '«';
  line-height: 1.1;
  left: 3px; }

#about-us p.quotes.french:before {
  content: '«';
  line-height: 1.4;
  left: 7px; }

#about-us h2.quotes.german:before {
  content: '„';
  line-height: 1.1;
  left: 3px; }

#about-us p.quotes.german:before {
  content: '„';
  line-height: 1.4;
  left: 7px; }

@media (max-width: 1050px) {
  #about-us .container {
    padding: 0 25px !important; }
    #about-us .container > .row {
      margin-left: -15px;
      margin-right: -15px; } }

#about-us #hero {
  text-align: center; }
  #about-us #hero .hero > div {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    #about-us #hero .hero > div h1 {
      color: white;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  #about-us #hero .icon {
    font-size: 50px;
    color: white;
    transition: color .5s;
    position: absolute;
    top: auto;
    bottom: 30px;
    cursor: pointer;
    transform: translate(-50%, 0); }
    #about-us #hero .icon:hover, #about-us #hero .icon:focus {
      color: #FF6600; }
    @media (max-width: 767px) {
      #about-us #hero .icon {
        bottom: 15px; } }

#about-us #substance {
  padding-bottom: 25px; }
  @media (min-width: 768px) {
    #about-us #substance {
      padding-bottom: 50px; } }
  #about-us #substance .collapse {
    display: none; }
  @media (max-width: 767px) {
    #about-us #substance .collapse-xs {
      display: none; } }
  #about-us #substance .btn-expand-ns {
    cursor: pointer; }
  #about-us #substance .btn-icon,
  #about-us #substance .btn-expand,
  #about-us #substance .btn-collapse {
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    color: #FF6600;
    text-transform: uppercase;
    cursor: pointer; }
    #about-us #substance .btn-icon .icon,
    #about-us #substance .btn-expand .icon,
    #about-us #substance .btn-collapse .icon {
      vertical-align: middle; }
  #about-us #substance .lead {
    text-align: center; }
    #about-us #substance .lead h2 {
      padding-top: 25px;
      padding-bottom: 25px; }
      @media (min-width: 768px) {
        #about-us #substance .lead h2 {
          padding-top: 50px;
          padding-bottom: 50px; } }
  #about-us #substance .swiper-button-next,
  #about-us #substance .swiper-button-prev {
    display: inline-block;
    width: auto;
    height: auto;
    background-image: none; }
    #about-us #substance .swiper-button-next .icon,
    #about-us #substance .swiper-button-prev .icon {
      font-size: 45px;
      color: white; }

#about-us.landing #hero .hero > div {
  background-image: url(../img/landing-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.landing #hero .hero > div {
      background-image: url(../img/landing-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.landing #hero .hero > div {
      background-image: url(../img/landing-hero-xl.jpg); } }

#about-us.landing .container {
  padding: 0 60px; }
  #about-us.landing .container > .row {
    margin-left: 0px;
    margin-right: 0px; }

#about-us.landing .tiles {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center; }
  @media (max-width: 767px) {
    #about-us.landing .tiles {
      margin-top: 25px;
      margin-bottom: 25px; } }
  #about-us.landing .tiles > div {
    padding: 0;
    background: url(../img/landing-made-for-this.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: grayscale(90%); }
    #about-us.landing .tiles > div a {
      position: relative;
      display: block;
      padding: 130px 20px;
      z-index: 1; }
      #about-us.landing .tiles > div a h2 {
        display: inline-block;
        padding-bottom: 3px;
        color: #231F20; }
      #about-us.landing .tiles > div a:hover, #about-us.landing .tiles > div a:focus {
        text-decoration: none; }
        #about-us.landing .tiles > div a:hover h2, #about-us.landing .tiles > div a:focus h2 {
          color: white;
          transition: color 0.5s; }
    #about-us.landing .tiles > div .overlay {
      display: block;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.65); }
  #about-us.landing .tiles > div:focus,
  #about-us.landing .tiles > div:hover {
    filter: grayscale(0%); }
    #about-us.landing .tiles > div:focus .overlay,
    #about-us.landing .tiles > div:hover .overlay {
      opacity: 0;
      transition: opacity 0.5s; }
  #about-us.landing .tiles .stewardship {
    background-position-y: 90%; }

#about-us.landing #substance {
  padding-bottom: 0; }

#about-us.timeline #hero .hero > div {
  background-image: url(../img/timeline-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #hero .hero > div {
      background-image: url(../img/timeline-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.timeline #hero .hero > div {
      background-image: url(../img/timeline-hero-xl.jpg); } }

#about-us.timeline #substance {
  padding-bottom: 0; }

#about-us.timeline .timeline-blocks .overlay {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: all 1s; }

#about-us.timeline .timeline-blocks .active .overlay {
  opacity: 1;
  filter: grayscale(90%); }

#about-us.timeline .timeline-blocks > div {
  padding: 0;
  min-height: 400px;
  background: url(../img/made-for-this.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media (min-width: 768px) {
    #about-us.timeline .timeline-blocks > div {
      min-height: 650px; } }
  #about-us.timeline .timeline-blocks > div h2 {
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      #about-us.timeline .timeline-blocks > div h2 {
        font-size: 18px;
        letter-spacing: 2px; } }
  #about-us.timeline .timeline-blocks > div .collapse {
    font-size: 16px;
    color: #231F20;
    margin-bottom: 25px;
    line-height: 25px; }
    @media (min-width: 768px) {
      #about-us.timeline .timeline-blocks > div .collapse {
        width: 50%; } }
  #about-us.timeline .timeline-blocks > div.active h1 {
    color: #FF6600; }
  #about-us.timeline .timeline-blocks > div.active h2 {
    color: #231F20; }
  #about-us.timeline .timeline-blocks > div > div {
    position: relative;
    z-index: 1;
    color: white;
    padding: 25px; }
    @media (min-width: 768px) {
      #about-us.timeline .timeline-blocks > div > div {
        padding: 100px; } }
    #about-us.timeline .timeline-blocks > div > div h1 {
      font-family: SofiaProExtraLight, Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      letter-spacing: 4px;
      font-size: 84px; }
      @media (min-width: 768px) {
        #about-us.timeline .timeline-blocks > div > div h1 {
          font-size: 112px; } }

#about-us.timeline #holder-1995 {
  background-image: url(../img/xs-1995.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-1995 {
      background-image: url(../img/lg-1995.jpg); } }

#about-us.timeline #holder-1996 {
  background-image: url(../img/xs-1996.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-1996 {
      background-image: url(../img/lg-1996.jpg); } }

#about-us.timeline #holder-1997 {
  background-image: url(../img/xs-1997.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-1997 {
      background-image: url(../img/lg-1997.jpg); } }

#about-us.timeline #holder-1998 {
  background-image: url(../img/xs-1998.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-1998 {
      background-image: url(../img/lg-1998.jpg); } }

#about-us.timeline #holder-2003 {
  background-image: url(../img/xs-2003.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2003 {
      background-image: url(../img/lg-2003.jpg); } }

#about-us.timeline #holder-2005 {
  background-image: url(../img/xs-2005.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2005 {
      background-image: url(../img/lg-2005.jpg); } }

#about-us.timeline #holder-2006 {
  background-image: url(../img/xs-2006.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2006 {
      background-image: url(../img/lg-2006.jpg); } }

#about-us.timeline #holder-2007 {
  background-image: url(../img/xs-2007.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2007 {
      background-image: url(../img/lg-2007.jpg); } }

#about-us.timeline #holder-2008 {
  background-image: url(../img/xs-2008.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2008 {
      background-image: url(../img/lg-2008.jpg); } }

#about-us.timeline #holder-2010 {
  background-image: url(../img/xs-2010.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2010 {
      background-image: url(../img/lg-2010.jpg); } }

#about-us.timeline #holder-2011 {
  background-image: url(../img/xs-2011.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2011 {
      background-image: url(../img/lg-2011.jpg); } }

#about-us.timeline #holder-2012 {
  background-image: url(../img/xs-2012.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2012 {
      background-image: url(../img/lg-2012.jpg); } }

#about-us.timeline #holder-2013 {
  background-image: url(../img/xs-2013.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2013 {
      background-image: url(../img/lg-2013.jpg); } }

#about-us.timeline #holder-2014 {
  background-image: url(../img/xs-2014.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2014 {
      background-image: url(../img/lg-2014.jpg); } }

#about-us.timeline #holder-2016 {
  background-image: url(../img/xs-2016.jpg); }
  @media (min-width: 768px) {
    #about-us.timeline #holder-2016 {
      background-image: url(../img/lg-2016.jpg); } }

#about-us.stores #hero .hero > div {
  background-image: url(../img/stores-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.stores #hero .hero > div {
      background-image: url(../img/stores-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.stores #hero .hero > div {
      background-image: url(../img/stores-xl.jpg); } }

#about-us.stores #substance {
  text-transform: uppercase; }
  #about-us.stores #substance .active h1 span:before {
    content: "\43"; }
  #about-us.stores #substance h1 {
    font-size: 43px;
    color: #FF6600;
    margin-top: 50px; }
    #about-us.stores #substance h1 span {
      vertical-align: middle;
      color: #FF6600;
      float: right; }
      #about-us.stores #substance h1 span:before {
        content: "\75"; }
    @media (max-width: 767px) {
      #about-us.stores #substance h1 {
        font-size: 25px;
        color: black; } }
  #about-us.stores #substance h6 {
    font-weight: 400;
    margin-top: 0; }
  #about-us.stores #substance .orange-bottom.pb-0 {
    padding-bottom: 0; }

#about-us.stores .orange-bottom {
  border-bottom: 1px solid #FF6600;
  padding-bottom: 50px; }

#about-us.stores .orange-above {
  border-top: 1px solid #D9D9D6;
  margin-top: 50px;
  padding-top: 50px; }
  @media (min-width: 768px) {
    #about-us.stores .orange-above {
      margin-top: 100px;
      padding-top: 0;
      border-color: #FF6600; } }

@media (max-width: 767px) {
  #about-us.stores .mb-100 {
    margin-bottom: 50px; } }

#about-us.stores .map-link {
  display: inline-block;
  margin-top: 25px;
  text-transform: uppercase;
  color: #FF6600;
  text-decoration: underline;
  font-weight: 300; }

#about-us.stores .row .row > div {
  margin-top: 50px;
  padding: 0; }

#about-us.locations #hero .hero > div {
  background-image: url(../img/offices-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.locations #hero .hero > div {
      background-image: url(../img/offices-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.locations #hero .hero > div {
      background-image: url(../img/offices-hero-xl.jpg); } }

#about-us.locations #substance {
  text-transform: uppercase; }
  #about-us.locations #substance h1 {
    font-size: 43px;
    color: #FF6600;
    margin-top: 50px; }
  #about-us.locations #substance h6 {
    font-weight: 400;
    margin-top: 0; }

#about-us.locations .email-us a {
  text-transform: uppercase;
  color: #FF6600;
  text-decoration: underline;
  font-weight: 300; }

#about-us.locations .row .row > div {
  margin-top: 50px;
  padding: 0; }

#about-us.design-principles #hero .hero > div {
  background-image: url(../img/design-principles-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.design-principles #hero .hero > div {
      background-image: url(../img/design-principles-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.design-principles #hero .hero > div {
      background-image: url(../img/design-principles-xl.jpg); } }

#about-us.design-principles #substance h1 {
  color: #FF6600;
  font-weight: 100;
  line-height: 28px;
  padding-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #D9D9D6; }
  @media (min-width: 768px) {
    #about-us.design-principles #substance h1 {
      padding-top: 50px;
      border-top: 0; } }
  #about-us.design-principles #substance h1.no-top-border {
    border: none; }

#about-us.design-principles #substance .col-md-6 {
  padding-bottom: 25px; }
  @media (min-width: 768px) {
    #about-us.design-principles #substance .col-md-6 {
      padding-bottom: 50px; } }
  #about-us.design-principles #substance .col-md-6.no-b-padding {
    padding-bottom: 0; }

#about-us.made-for-this #hero .hero > div {
  background-image: url(../img/made-for-this-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.made-for-this #hero .hero > div {
      background-image: url(../img/made-for-this-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.made-for-this #hero .hero > div {
      background-image: url(../img/made-for-this-hero-xl.jpg); } }

#about-us.made-for-this .swiper-container {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #about-us.made-for-this .swiper-container {
      margin-top: 25px;
      margin-bottom: 25px; } }

#about-us.made-for-this #substance .icon {
  margin-left: 3px;
  line-height: 0px;
  vertical-align: middle; }

#about-us.made-for-this #substance .container-fluid .row {
  margin: 0 -15px; }

#about-us.philosophy #hero .hero > div {
  background-image: url(../img/philosophy-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.philosophy #hero .hero > div {
      background-image: url(../img/philosophy-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.philosophy #hero .hero > div {
      background-image: url(../img/philosophy-hero-xl.jpg); } }

@media (max-width: 767px) {
  #about-us.philosophy h2 {
    font-size: 18px; } }

#about-us.philosophy .nums h2 {
  margin-top: 50px;
  padding-bottom: 25px; }
  @media (max-width: 767px) {
    #about-us.philosophy .nums h2 {
      margin-top: 0px; } }
  #about-us.philosophy .nums h2.orange-bottom {
    margin-top: 0; }

#about-us.philosophy .nums p {
  margin-top: 0px; }
  @media (min-width: 768px) {
    #about-us.philosophy .nums p {
      margin-top: 50px; } }

#about-us.philosophy .nums .list-num {
  font-size: 112px;
  line-height: 1;
  color: #FF6600;
  margin-top: 50px; }
  @media (max-width: 767px) {
    #about-us.philosophy .nums .list-num {
      font-size: 85px; } }

#about-us.philosophy .download {
  color: #FF6600;
  text-transform: uppercase; }

#about-us.philosophy .grey-bottom {
  margin-top: 50px; }

#about-us.philosophy #substance {
  padding-bottom: 0; }
  #about-us.philosophy #substance .swiper-container {
    margin-top: 50px; }
    @media (min-width: 768px) {
      #about-us.philosophy #substance .swiper-container {
        margin-top: 100px; } }

#about-us.stewardship #hero .hero > div {
  background-image: url(../img/stewardship-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.stewardship #hero .hero > div {
      background-image: url(../img/stewardship-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.stewardship #hero .hero > div {
      background-image: url(../img/stewardship-hero-xl.jpg); } }

#about-us.stewardship .orange {
  color: #FF6600;
  text-transform: uppercase; }

#about-us.stewardship #about-us.stewardship #hero .hero > div {
  background-image: url(../img/stewardship-lg.jpg); }

#about-us.stewardship #substance {
  padding-bottom: 0; }

#about-us.stewardship #video1 {
  background-image: url(../img/stewardship-vid-1.jpg); }

#about-us.stewardship #video2 {
  background-image: url(../img/stewardship-vid-2.jpg); }

@media (min-width: 1200px) {
  #about-us.stewardship .orange-line {
    padding-bottom: 100px; }
  #about-us.stewardship #about-us.stewardship #video1 {
    margin: 50px 0 100px; }
  #about-us.stewardship #about-us.stewardship #video2 {
    margin: 50px 0 100px; }
  #about-us.stewardship #about-us.stewardship p {
    padding-right: 100px; }
  #about-us.stewardship #about-us.stewardship .orange-line {
    padding: 0 350px 100px; } }

#about-us.innovation #hero .hero > div {
  background-image: url(../img/innovation-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.innovation #hero .hero > div {
      background-image: url(../img/innovation-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.innovation #hero .hero > div {
      background-image: url(../img/innovation-hero-xl.jpg); } }

#about-us.innovation #substance {
  padding-bottom: 0; }
  #about-us.innovation #substance section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    padding-top: 100px;
    position: relative;
    z-index: 0; }
    #about-us.innovation #substance section h2 {
      transition: 0.4s;
      color: white; }
      #about-us.innovation #substance section h2 + h2 {
        margin-bottom: 15px; }
    #about-us.innovation #substance section .underlay {
      opacity: 0;
      background-color: white;
      width: auto;
      height: auto;
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0;
      right: 0;
      z-index: -1;
      transition: 0.9s; }
    #about-us.innovation #substance section.active .underlay {
      opacity: 0.8; }
    #about-us.innovation #substance section.active h2 {
      color: #FF6600;
      transition: color 0.5s ease; }
  #about-us.innovation #substance .collapse p {
    margin-bottom: 15px; }
  #about-us.innovation #substance #perform {
    background-image: url(../img/inno-perform-xs.jpg); }
    @media (min-width: 768px) {
      #about-us.innovation #substance #perform {
        background-image: url(../img/inno-perform-lg.jpg); } }
  #about-us.innovation #substance #endure {
    background-image: url(../img/inno-endure-xs.jpg); }
    @media (min-width: 768px) {
      #about-us.innovation #substance #endure {
        background-image: url(../img/inno-endure-lg.jpg); } }
  #about-us.innovation #substance #breathe {
    background-image: url(../img/inno-breathe-xs.jpg); }
    @media (min-width: 768px) {
      #about-us.innovation #substance #breathe {
        background-image: url(../img/inno-breathe-lg.jpg); } }
  #about-us.innovation #substance #insulate {
    background-image: url(../img/inno-insulate-xs.jpg); }
    @media (min-width: 768px) {
      #about-us.innovation #substance #insulate {
        background-image: url(../img/inno-insulate-lg.jpg); } }

#about-us.alps #hero .hero > div {
  background-image: url(../img/alps-hero-xs.jpg); }
  @media (min-width: 768px) {
    #about-us.alps #hero .hero > div {
      background-image: url(../img/alps-hero-lg.jpg); } }
  @media (min-width: 1200px) {
    #about-us.alps #hero .hero > div {
      background-image: url(../img/alps-hero-xl.jpg); } }

#about-us.alps #substance {
  padding-bottom: 0; }

#about-us.alps .map-overlay {
  position: relative; }
  #about-us.alps .map-overlay div {
    position: absolute;
    top: 50px;
    z-index: 999; }
  #about-us.alps .map-overlay .ol-left {
    color: #999;
    text-transform: uppercase;
    left: 145px; }
    #about-us.alps .map-overlay .ol-left:before {
      position: absolute;
      font-size: 37px;
      left: -45px;
      font-family: "icebreaker" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      content: "\6c"; }
  #about-us.alps .map-overlay .ol-right {
    right: 100px; }

#about-us.alps #map {
  height: 600px;
  background: url(../img/alps-map.jpg) no-repeat center;
  background-size: cover; }
  #about-us.alps #map .gm-style-iw {
    z-index: 10;
    top: 0 !important;
    left: 0 !important; }
  #about-us.alps #map .iw-am-container {
    padding: 10px 15px 0; }
    #about-us.alps #map .iw-am-container h2 {
      font-size: 56px;
      color: #FF6600; }
    #about-us.alps #map .iw-am-container p {
      font-size: 16px; }

#about-us.alps .text {
  margin-top: 50px; }
  #about-us.alps .text h1 {
    font-size: 112px;
    line-height: 1;
    color: #FF6600; }

#about-us .row.padded > div {
  margin-top: 50px; }

#about-us .grey-bottom {
  border-bottom: 1px solid #D9D9D6; }

#about-us .orange-bottom {
  border-bottom: 1px solid #FF6600; }

#about-us .orange-top {
  border-top: 1px solid #FF6600; }

#about-us .img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

#about-us .img-center {
  margin: 0 auto; }

#about-us .muted {
  color: #999999; }

#about-us .spaced {
  margin: 0;
  padding: 0;
  margin-top: 25px;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    #about-us .spaced {
      margin-top: 50px;
      margin-bottom: 50px; } }

@media (max-width: 767px) {
  #about-us .xs-center {
    text-align: center; } }

#about-us .no-br {
  white-space: nowrap; }

#about-us .text-center {
  text-align: center; }

#about-us .mb-10 {
  margin-bottom: 10px; }

#about-us .mb-20 {
  margin-bottom: 20px; }

#about-us .mb-25 {
  margin-bottom: 25px; }

#about-us .mb-30 {
  margin-bottom: 30px; }

#about-us .mb-40 {
  margin-bottom: 40px; }

#about-us .mb-50 {
  margin-bottom: 50px; }

#about-us .mt-0 {
  margin-top: 0px; }

#about-us .mt-10 {
  margin-top: 10px; }

#about-us .mt-20 {
  margin-top: 20px; }

#about-us .mt-30 {
  margin-top: 30px; }

#about-us .mt-40 {
  margin-top: 40px; }

#about-us .mt-50 {
  margin-top: 50px; }

@media (min-width: 768px) {
  #about-us .mt-sm-50 {
    margin-top: 50px; } }

@media (max-width: 767px) {
  #about-us .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) {
  #about-us .visible-xs {
    display: none !important; } }

/* video container */
.video-container {
  position: relative;
  background-image: url(../img/philosophy-video.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 200px;
  margin-top: 25px; }
  @media (min-width: 768px) {
    .video-container {
      height: 600px;
      margin-top: 50px; } }
  .video-container .icon {
    cursor: pointer;
    color: white;
    font-size: 81px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%); }

/* modal */
/* The Modal (background) */
.modal-cm {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9112;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/ opacity */ }

/* Modal Content/Box */
.modal-content-cm {
  background-color: transparent;
  position: relative;
  top: 50%;
  margin: -22.5% auto 0 auto;
  padding: 0;
  border: none;
  width: 80%; }

/* The Close Button */
.close-modal-cm {
  position: absolute;
  right: 0;
  top: -60px;
  width: 40px;
  background-color: transparent;
  box-sizing: border-box;
  height: 60px;
  z-index: 9113;
  cursor: pointer; }

.close-modal-cm span {
  display: block;
  color: white;
  font-size: 20px;
  margin: 20px;
  margin-right: 0; }

/* video stuff - when video is not filling the tile, scale to 1 */
.fluidvid-item-iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

.fluidvid-wrap {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-top: 56.1905%; }

.mobile-magic .video-bg iframe {
  display: none !important; }

.video-background {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-83%) translateY(-50%) scale(2.2);
  transform: translateX(-83%) translateY(-50%) scale(2.2); }

@media (max-width: 767px) and (min-width: 560px) {
  .video-background {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.6);
    transform: translateX(-50%) translateY(-50%) scale(1.6); } }

@media (min-width: 1200px) {
  .video-background {
    -webkit-transform: translateX(-78%) translateY(-50%) scale(2.4);
    transform: translateX(-78%) translateY(-50%) scale(2.4); } }

/* new video stuff */
.video-bg {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden; }

.video-bg .video-fg,
.video-bg iframe,
.video-bg video {
  position: absolute;
  top: -3%;
  left: 0;
  width: 100%;
  height: 106%; }

@media (min-width: 2200px) {
  .video-bg .video-fg,
  .video-bg iframe,
  .video-bg video {
    top: -6%;
    height: 112%; } }

/*
  Full page video background
  Simulate object-fit: cover
  Based on http://fvsch.com/code/video-background/
*/
.video-bg iframe.defer {
  opacity: 0;
  transition: opacity .25s ease-out;
  -moz-transition: opacity .25s ease-out;
  -webkit-transition: opacity .25s ease-out; }

.video-bg iframe.defer.show-bk-vid {
  opacity: 1; }

.video-bg.cover .video-fg {
  width: 300%;
  left: -100%; }

@supports (-o-object-fit: cover) or (object-fit: cover) {
  .video-bg.cover .video-fg.supports-cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .video-bg.cover video {
    -o-object-fit: cover;
    object-fit: cover; } }

/*
  Vertical centering for 16/9 youtube iframes and video elements
  Simulate object-fit: contain for entire element, not just contents of element
*/
.video-bg.contain {
  font-size: 0; }

.video-bg.contain * {
  font-size: 16px; }

.video-bg.contain:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.video-bg.contain .video-fg {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  pointer-events: none; }

.video-bg.contain iframe,
.video-bg.contain video {
  pointer-events: auto; }

@media (min-aspect-ratio: 16 / 9) {
  .video-bg.contain .video-fg {
    height: 100%;
    padding-bottom: 0;
    max-width: 53.33333333vh;
    left: 50%;
    margin-left: -26.66666667vh; } }

/* specific tile behaviour */
.fluid-tile.active .triangle-up {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.triangle-up {
  position: absolute;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -o-transform: translateY(25px);
  transform: translateY(25px);
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 25px solid #FFFFFF;
  left: 50%;
  margin-left: -35px;
  z-index: 2; }

.fluid-tile .detail-wrap .show-detail {
  font-size: 14px;
  padding: 9px 25px;
  text-overflow: uppercase;
  letter-spacing: 1px;
  min-width: 190px;
  text-align: center;
  position: relative;
  z-index: 99;
  cursor: pointer;
  display: inline-block;
  font-family: SofiaProLight, Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
  background: transparent;
  text-decoration: none;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.no-touch .fluid-tile .detail-wrap .show-detail:hover {
  color: #FF6600;
  border: solid 1px #FFFFFF;
  background-color: #FFFFFF; }

.fluid-tile .detail-wrap {
  position: absolute;
  bottom: 35px;
  width: 100%;
  text-align: center; }

.fluid-tile .detail-wrap {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
  transform: translateY(200%);
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.fluid-tile:hover .detail-wrap {
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.fluid-tile.active .detail-wrap {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }