@charset "UTF-8";

body #wrapper>#main>#content {
    margin: 0!important;
    overflow: hidden;
}
body #main {
    max-width: 100%!important;
    width: 100%!important;
    margin: 0!important;
}
#main, #content {
    overflow: hidden;
}
.row {
    margin: 0;
}
.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.container-fluid {
    padding: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.tile-fluid {
    height: 300px;
    overflow: hidden;
    padding: 0;
}
.tile-half-h {
    height: 50%;
    padding: 0;
}
.spaced {
    padding: 0 10px;
}
.spaced .tile-fluid {
    padding: 0px 10px 20px 10px;
}
.spaced div.tile-fluid .tile-half-h:first-child {
    padding: 0 0 10px 0;
}
.spaced div.tile-fluid .tile-half-h:last-child {
    padding: 10px 0 0 0;
}
#tile-hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 390px;
}
.dark-grey, .dark-grey * {
    color: #666666;
}
.spacer {
    height: 40px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}
@media (min-width: 480px)  {
    #tile-hero {
    height: 390px;
}
}
@media (min-width: 768px)  {
    #tile-hero {
    height: 500px;
}
.tile-fluid {
    height: 350px;
}
}
@media (min-width: 992px)  {
    .tile-fluid {
    height: 400px;
}
}
@media (min-width: 1001px)  {
    .container {
    max-width: 1520px;
    padding: 0 45px;
    width: 100%;
}
}
@media (min-width: 1200px)  {
    #header .global-header {
    max-width: 1080px;
}
#tile-hero {
    height: 600px;
}
.tile-fluid {
    height: 400px;
}
}
@media (min-width: 1401px)  {
    .container {
    padding: 0 45px;
}
.container-fluid {
    width: 100%;
}
.container-fluid.full {
    width: 100%!important;
}
}
@media (max-width:479px) {
    .col-xxs-none {
    display: none!important;
}
}
@media (min-width:480px) and (max-width:767px)  {
    .col-xs-none {
    display: none!important;
}
}
@media (min-width:768px) and (max-width:991px)  {
    .col-sm-none {
    display: none!important;
}
}
@media (min-width:992px) and (max-width:1199px) {
    .col-md-none {
    display: none!important;
}
}
@media (min-width:1200px) {
    .col-lg-none {
    display: none!important;
}
}

    #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 {
    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-cm {
    display: none;
    position: fixed;
    z-index: 9112;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7);
}
.modal-content-cm {
    background-color: transparent;
    position: relative;
    top: 50%;
    margin: -22.5% auto 0 auto;
    padding: 0;
    border: none;
    width: 80%;
}
.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;
}
.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);
}
}
.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%;
}
}
.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;
}
}
.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%;
    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;
}
}
.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;
}