abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,picture,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;line-height:100%;font-weight:400;font-style:normal;vertical-align:baseline}
body,html,section{width:100%;min-width:100%;position:relative}
html{height:100%!important;overflow-y:scroll;color:#000;background:#fff}
body{min-height:100%!important}
*,:after,:before{box-sizing:border-box}
.container{position:relative;display:block;padding:0;margin:0 auto;overflow:hidden}
img,picture{display:block;border:0;max-width:100%}
picture img{width:100%;height:auto}
a{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;text-decoration:none}
:active,:focus,:visited{outline:0;border:0;text-decoration:none}
a:hover{text-decoration:none}
article,aside,details,figure,footer,header,main,nav,section,summary{display:block}
ul{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
input,select{vertical-align:middle}
input[type=radio]{vertical-align:text-bottom}
input[type=checkbox]{vertical-align:bottom}
button,input[type=button],input[type=reset],input[type=submit]{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-sizing:content-box}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=email],input[type=password],input[type=submit],input[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat top right}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
select{background-size:4% 100%}
select::-ms-expand{display:none}
}
button,input,select,textarea{margin:0}
body,html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-ligatures:none}
body,html{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
body .flexbox,body .flexbox>.row{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch}
body .flexbox .box,body .flexbox>.row .box{position:relative;display:block}
body .flexbox{flex-wrap:wrap}
body .flexbox>.row{flex-wrap:nowrap}
body .flexbox>.row:last-of-type{margin-bottom:0!important}
@media screen and (max-width:1023px){
body .flexbox,body .flexbox>.row{flex-direction:column;justify-content:flex-start;align-items:flex-start}
body .flexbox .box,body .flexbox>.row .box{width:100%;align-self:flex-start}
body .flexbox>.box:last-of-type,body .flexbox>.row:last-of-type>.box:last-of-type{margin-bottom:0!important}
}
body .flexcolumn,body .flexcolumn>.container{position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}
body .flexcolumn .column{position:relative;display:block}
@media screen and (max-width:1023px){
body .flexcolumn,body .flexcolumn>.container{flex-direction:column;justify-content:flex-start;align-items:flex-start}
body .flexcolumn .column,body .flexcolumn>.container .column{width:100%}
}
@media screen and (min-width:1320px){
.container{width:1290px}
}
@media screen and (min-width:1200px) and (max-width:1319px){
.container{width:1170px}
}
@media screen and (min-width:1024px) and (max-width:1199px){
.container{width:1000px}
}
@media screen and (min-width:768px) and (max-width:1023px){
.container{width:750px}
}
@media screen and (max-width:767px){
.container{width:100%;min-width:360px;overflow-x:hidden;padding-left:15px;padding-right:15px}
}
html.scrollmagic .fadeUp{overflow:hidden}
html.scrollmagic .fadeUp .container{opacity:0;transform:translateY(25vh);transition:transform 1s ease,opacity 2s ease-out}
html.scrollmagic .fadeUp.inView .container{opacity:1;transform:translateY(0)}
html.scrollmagic .fadeIn{overflow:hidden}
html.scrollmagic .fadeIn>*{opacity:0;transform:translateY(25vh);transition:transform 1s ease,opacity 2s ease-out}
html.scrollmagic .fadeIn.inView>*{opacity:1;transform:translateY(0)}
html.scrollmagic .fadeIn.inView>:nth-child(1n){transition-delay:.1s}
html.scrollmagic .fadeIn.inView>:nth-child(2n){transition-delay:.2s}
html.scrollmagic .fadeIn.inView>:nth-child(3n){transition-delay:.3s}
html.scrollmagic .fadeIn.inView>:nth-child(4n){transition-delay:.4s}
html.scrollmagic .fadeIn.inView>:nth-child(5n){transition-delay:.5s}
html.scrollmagic .fadeIn.inView>:nth-child(6n){transition-delay:.6s}
html.scrollmagic .fadeIn.inView>:nth-child(7n){transition-delay:.7s}
html.scrollmagic .fadeIn.inView>:nth-child(8n){transition-delay:.8s}
html.scrollmagic .fadeIn.inView>:nth-child(9n){transition-delay:.9s}
html.scrollmagic .fadeIn.inView>:nth-child(10n){transition-delay:1s}
html.scrollmagic .fadeIn.inView>:nth-child(11n){transition-delay:1.1s}
html.scrollmagic .fadeIn.inView>:nth-child(12n){transition-delay:1.2s}
html.scrollmagic .fadeIn.inView>:nth-child(13n){transition-delay:1.3s}
html.scrollmagic .fadeIn.inView>:nth-child(14n){transition-delay:1.4s}
html.scrollmagic .fadeIn.inView>:nth-child(15n){transition-delay:1.5s}
html.scrollmagic .fadeIn.inView>:nth-child(16n){transition-delay:1.6s}
html.scrollmagic .fadeIn.inView>:nth-child(17n){transition-delay:1.7s}
html.scrollmagic .fadeIn.inView>:nth-child(18n){transition-delay:1.8s}
html.scrollmagic .fadeIn.inView>:nth-child(19n){transition-delay:1.9s}
html.scrollmagic .fadeIn.inView>:nth-child(20n){transition-delay:2s}
html.scrollmagic .parallax{overflow:hidden;background-color:#e0e0e0;background-repeat:no-repeat;background-position:50% 0;background-size:cover}
html.scrollmagic section h2.overline span:after,html.scrollmagic section h2.underline span:after{left:50%;width:0%;transition:all 2.5s ease-out}
html.scrollmagic section.inView h2.overline span:after,html.scrollmagic section.inView h2.underline span:after{left:10%;width:80%}
button.arrowRight{display:inline-block;position:relative;height:30px;padding-right:30px;cursor:pointer}
@-webkit-keyframes arrowFadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes arrowFadeIn{
from{opacity:0}
to{opacity:1}
}
button.arrowRight span{position:relative;top:2px;font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-style:normal;font-size:20px;line-height:20px;font-style:italic;text-transform:uppercase;letter-spacing:.08em;color:#144867;transition:all .25s ease-in-out}
button.arrowRight svg{position:absolute;top:0;right:0;width:30px;height:30px}
button.arrowRight svg path{fill:none;stroke-miterlimit:10;stroke-width:3px}
button.arrowRight svg path:nth-of-type(1){stroke:#144867}
button.arrowRight svg path:nth-of-type(2){opacity:0;stroke:#8da4b3}
button.arrowRight svg path:nth-of-type(3){opacity:0;stroke:#bbc8d2}
html:not(.touch) button.arrowRight:hover path:nth-of-type(1){-webkit-animation:arrowFadeIn .3s ease .2s;animation:arrowFadeIn .3s ease .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}
html:not(.touch) button.arrowRight:hover path:nth-of-type(2){-webkit-animation:arrowFadeIn .3s ease .1s;animation:arrowFadeIn .3s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#8da4b3}
html:not(.touch) button.arrowRight:hover path:nth-of-type(3){-webkit-animation:arrowFadeIn .3s ease 0s;animation:arrowFadeIn .3s ease 0s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#bbc8d2}
button.arrowLeft{display:inline-block;position:relative;height:30px;padding-left:30px;cursor:pointer}
@keyframes arrowFadeIn{
from{opacity:0}
to{opacity:1}
}
button.arrowLeft span{position:relative;top:2px;font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-style:normal;font-size:20px;line-height:20px;font-style:italic;text-transform:uppercase;letter-spacing:.08em;color:#144867;transition:all .25s ease-in-out}
button.arrowLeft svg{position:absolute;top:0;left:0;width:30px;height:30px}
button.arrowLeft svg path{fill:none;stroke-miterlimit:10;stroke-width:3px}
button.arrowLeft svg path:nth-of-type(1){stroke:#144867}
button.arrowLeft svg path:nth-of-type(2){opacity:0;stroke:#8da4b3}
button.arrowLeft svg path:nth-of-type(3){opacity:0;stroke:#bbc8d2}
html:not(.touch) button.arrowLeft:hover path:nth-of-type(1){-webkit-animation:arrowFadeIn .3s ease .2s;animation:arrowFadeIn .3s ease .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}
html:not(.touch) button.arrowLeft:hover path:nth-of-type(2){-webkit-animation:arrowFadeIn .3s ease .1s;animation:arrowFadeIn .3s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#8da4b3}
html:not(.touch) button.arrowLeft:hover path:nth-of-type(3){-webkit-animation:arrowFadeIn .3s ease 0s;animation:arrowFadeIn .3s ease 0s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#bbc8d2}
button.arrowDown{display:block;position:relative;cursor:pointer}
@-webkit-keyframes arrowFadeDown{
0%{opacity:1;transform:none}
70%{opacity:1;transform:none}
80%{opacity:0;transform:translateY(75%)}
90%{opacity:0;transform:translateY(-25%)}
100%{opacity:1;transform:none}
}
@keyframes arrowFadeDown{
0%{opacity:1;transform:none}
70%{opacity:1;transform:none}
80%{opacity:0;transform:translateY(75%)}
90%{opacity:0;transform:translateY(-25%)}
100%{opacity:1;transform:none}
}
button.arrowDown span{display:block;position:absolute;left:0;right:0;top:0;font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-style:normal;font-size:20px;line-height:20px;font-style:italic;text-transform:uppercase;letter-spacing:.08em;color:#144867;text-align:center;transition:all .25s ease-in-out}
button.arrowDown svg{position:absolute;bottom:0;width:40px;height:40px;position:absolute;left:calc((100% - 40px)/ 2);right:auto;width:40px;-webkit-animation:arrowFadeDown 5s linear infinite;animation:arrowFadeDown 5s linear infinite}
button.arrowDown svg path{fill:none;stroke-miterlimit:10;stroke-width:3px}
button.arrowDown svg path:nth-of-type(1){stroke:#144867}
button.arrowDown svg path:nth-of-type(2){opacity:0;stroke:#8da4b3}
button.arrowDown svg path:nth-of-type(3){opacity:0;stroke:#bbc8d2}
html:not(.touch) button.arrowDown:hover path:nth-of-type(1){-webkit-animation:arrowFadeIn .3s ease .2s;animation:arrowFadeIn .3s ease .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}
html:not(.touch) button.arrowDown:hover path:nth-of-type(2){-webkit-animation:arrowFadeIn .3s ease .1s;animation:arrowFadeIn .3s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#8da4b3}
html:not(.touch) button.arrowDown:hover path:nth-of-type(3){-webkit-animation:arrowFadeIn .3s ease 0s;animation:arrowFadeIn .3s ease 0s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke:#bbc8d2}
button.plus{display:block;position:relative;width:50px;height:50px;cursor:pointer}
button.plus:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#9fa98a;opacity:.4;border-radius:50%;z-index:1;transition:all .2s cubic-bezier(.23,1,.32,1)}
button.plus svg{position:absolute;top:17px;left:17px;width:16px;height:16px;fill:#5b5d60;z-index:2}
html:not(.touch) button.plus:hover:before{top:0;left:0;width:50px;height:50px}
html:not(.touch) button.plus:hover svg{fill:#fff}
main{position:relative}
main .video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1;opacity:0}
main .video-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
main .video-wrapper video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;min-width:100%;overflow:hidden;z-index:1}
main .video-wrapper iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;min-width:100%;height:56.25vw;width:177.77777778vh;z-index:1}
@-webkit-keyframes videoFadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes videoFadeIn{
from{opacity:0}
to{opacity:1}
}
main .video-wrapper.loaded{-webkit-animation:videoFadeIn 2s;animation:videoFadeIn 2s;opacity:1}
main section.rain{position:relative;display:block;width:100%;height:0;z-index:5}
main section.rain .container{padding:0!important;height:0;overflow:visible}
main .rain-vector{position:absolute;left:0;width:auto;height:200px;opacity:.5;transform:none;transition:opacity .3s,transform .1s ease-in .3s}
main .rain-vector.rain-vector-right{transform:scaleX(-1);left:auto;right:0}
main .rain-vector path{stroke:#f4cc67;stroke-width:1.6px;transition:stroke-dashoffset .4s}
main .rain-vector.rain-vector-1{height:372px;width:84px}
main .rain-vector.rain-vector-1 path:nth-child(1){stroke-dasharray:208;stroke-dashoffset:208}
main .rain-vector.rain-vector-1 path:nth-child(2){stroke-dasharray:350;stroke-dashoffset:350}
main .rain-vector.rain-vector-1 path:nth-child(3){stroke-dasharray:356;stroke-dashoffset:356}
main .rain-vector.rain-vector-2{height:318px;width:83px}
main .rain-vector.rain-vector-2 path:nth-child(1){stroke-dasharray:172;stroke-dashoffset:172}
main .rain-vector.rain-vector-2 path:nth-child(2){stroke-dasharray:215;stroke-dashoffset:215}
main .rain-vector.rain-vector-2 path:nth-child(3){stroke-dasharray:268;stroke-dashoffset:268}
main .rain-vector.rain-vector-3{height:233px;width:74px}
main .rain-vector.rain-vector-3 path:nth-child(1){stroke-dasharray:189;stroke-dashoffset:189}
main .rain-vector.rain-vector-3 path:nth-child(2){stroke-dasharray:112;stroke-dashoffset:112}
main .rain-vector.rain-vector-3 path:nth-child(3){stroke-dasharray:214;stroke-dashoffset:214}
main .rain-vector.rain-vector-4{height:160px;width:51px}
main .rain-vector.rain-vector-4 path:nth-child(1){stroke-dasharray:115;stroke-dashoffset:115}
main .rain-vector.rain-vector-4 path:nth-child(2){stroke-dasharray:165;stroke-dashoffset:165}
main .rain-vector.rain-vector-4 path:nth-child(3){stroke-dasharray:115;stroke-dashoffset:115}
main .active .rain-vector{opacity:1!important}
main .active .rain-vector path{opacity:1!important;stroke-dashoffset:0!important}
main section#hero{position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}
@-webkit-keyframes drawLine{
0%{width:0;left:50%}
50%{width:0;left:50%}
100%{width:80%;left:10%}
}
@keyframes drawLine{
0%{width:0;left:50%}
50%{width:0;left:50%}
100%{width:80%;left:10%}
}
main section#hero h1{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-style:italic;text-transform:uppercase;text-align:center;color:#fff;position:relative;top:50%;transform:translateY(-50%);letter-spacing:.2em}
main section#hero h1 span{position:relative;display:inline-block;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
main section#hero h1.underline span:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;padding:0!important;background-color:#fff;-webkit-animation:drawLine 2s;animation:drawLine 2s}
body:not(.page-home) main section#hero button.arrowDown{bottom:20px;height:60px;width:30px;position:absolute;left:calc((100% - 30px)/ 2);right:auto;width:30px}
body:not(.page-home) main section#hero button.arrowDown svg{width:30px;height:30px}
body:not(.page-home) main section#hero button.arrowDown svg path{stroke:#f4cc67}
@media screen and (min-width:1024px){
main section#hero .container{height:550px}
main section#hero h1{font-size:48px;line-height:48px}
main section#hero h1 span{padding-bottom:14px}
}
@media screen and (max-width:1023px){
main section#hero .container{height:100vh;height:calc(100vh - var(--vh-offset,0px))}
main section#hero h1{font-size:42px;line-height:42px}
main section#hero h1 span{padding-bottom:12px}
}
main .content{display:block;margin-left:auto;margin-right:auto;text-align:center}
main .content h2{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-style:italic;text-transform:uppercase;text-align:center;color:#144867}
main .content h2 span{position:relative;display:inline-block;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
main .content h2.underline span:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background-color:#dadada}
main .content h2.overline span:after{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background-color:#dadada}
main .content p{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;color:#414442;text-align:center}
@media screen and (min-width:1024px){
main .content h2{font-size:48px;line-height:48px;letter-spacing:.15em;margin-bottom:40px}
main .content h2.underline{margin-bottom:24px}
main .content h2.underline span{padding-bottom:20px}
main .content p{font-size:20px;line-height:30px}
}
@media screen and (min-width:768px) and (max-width:1023px){
main .content h2{font-size:38px;line-height:38px;letter-spacing:.15em;margin-bottom:30px}
main .content h2.underline{margin-bottom:22px}
main .content h2.underline span{padding-bottom:15px}
main .content p{font-size:18px;line-height:28px}
}
@media screen and (max-width:767px){
main .content h2{font-size:30px;line-height:30px;letter-spacing:.15em;margin-bottom:15px}
main .content h2.underline{margin-bottom:18px}
main .content h2.underline span{padding-bottom:12px}
main .content p{font-size:16px;line-height:24px}
}
button.hamburger{display:block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
html:not(.touch) button.hamburger:hover{opacity:.7}
html:not(.touch) button.hamburger.open:hover{opacity:.7}
button.hamburger.open .hamburger-inner,button.hamburger.open .hamburger-inner::after,button.hamburger.open .hamburger-inner::before{background-color:#144867}
button.hamburger .hamburger-box{width:36px;height:24px;display:inline-block;position:relative}
button.hamburger .hamburger-inner{display:block;top:50%;margin-top:-2px}
button.hamburger .hamburger-inner,button.hamburger .hamburger-inner::after,button.hamburger .hamburger-inner::before{width:36px;height:3px;background-color:#144867;border-radius:0;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
button.hamburger .hamburger-inner::after,button.hamburger .hamburger-inner::before{content:"";display:block}
button.hamburger .hamburger-inner::before{top:-10px}
button.hamburger .hamburger-inner::after{bottom:-10px}
button.hamburger .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
button.hamburger .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
button.hamburger .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}
button.hamburger.open .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}
button.hamburger.open .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}
button.hamburger.open .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}
html.mobileNavOpen header a.logo,html.mobileNavOpen header button.hamburger{z-index:20}
html.mobileNavOpen header div.menu{height:calc(100vh - 60px);z-index:10;background:#fff;opacity:1}
html.safari.touch html.mobileNavOpen header div.menu{height:calc(100vh - 60px - var(--vh-offset,0px))}
html.mobileNavOpen header div.menu nav.main a{align-self:flex-start;width:100%}
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .25s ease-in-out}
header .container{transition:height .25s ease-in-out}
header .logo{display:block;position:absolute;left:0;height:44px;width:250px;overflow:hidden;transition:top .25s ease-in-out,width .5s ease-in-out}
header .logo:after,header .logo:before{content:"";position:absolute;top:0;bottom:0;background:url(../images/global/logo-full-white.svg);background-repeat:no-repeat;background-size:auto 44px;opacity:1;z-index:1;overflow:hidden}
header .logo:before{left:0;width:36px;background-position:top left 0;transition:opacity .25s ease-out}
header .logo:after{right:0;width:214px;background-position:top right 0;transition:opacity .5s ease-in-out}
header .logo span{position:absolute;top:0;left:0;bottom:0;display:block;width:36px;background:url(../images/global/logo-full-blue.svg) top left no-repeat;background-size:auto 44px;overflow:hidden;opacity:0;text-indent:-10000px;z-index:2;transition:opacity .25s ease-in-out}
header div.menu{position:absolute;top:0;bottom:0;left:0;right:0;transition:all .25s ease-in-out}
header nav.main{position:absolute;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;transition:all .25s ease-in-out}
header nav.main a{position:relative;color:#fff;font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;font-style:normal}
header nav.main a,header nav.main a:after{transition:all .25s ease-in-out}
header.miniNav{background:#fff}
header.miniNav nav.main a{color:#606c61}
html:not(.touch) header.miniNav nav.main a:hover{color:#577938}
@media screen and (min-width:1024px){
header .container{height:100px}
header .logo{top:30px}
header .hamburger{display:none}
header nav.main{top:40px;left:310px;right:60px;justify-content:flex-end}
header nav.main a{margin-right:40px}
header nav.main a:after{content:"";position:absolute;bottom:-20px;left:50%;background-color:#f4cc67;height:12px;width:0}
header nav.main a:last-of-type{margin-right:0}
html:not(.touch) header nav.main a:hover span{color:#f4cc67}
html:not(.touch) header nav.main a:hover:after{left:15%;width:70%}
header nav.main a span{font-size:18px;line-height:18px}
header nav.main a.active span{color:#f4cc67}
header nav.main a.active:after{transition:none}
header nav.main a.active:hover:after{display:none}
header.miniNav{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}
header.miniNav .container{height:50px}
header.miniNav .logo{width:40px;top:8px}
header.miniNav .logo:before{opacity:0}
header.miniNav .logo:after{opacity:0}
header.miniNav .logo span{opacity:1}
header.miniNav nav.main{top:0;height:50px}
header.miniNav nav.main a:after{bottom:0;height:5px}
html:not(.touch) header.miniNav nav.main a:hover span{color:#577938}
header.miniNav nav.main a span{line-height:50px}
header.miniNav nav.main a.active span,header.miniNav nav.main a.active:hover span{color:#414142!important}
header.miniNav nav.main a.active:after{left:15%;width:70%}
header.miniNav nav.main a.active:hover:after{display:block}
}
@media screen and (min-width:1320px){
header .logo{left:60px}
}
@media screen and (min-width:1024px) and (max-width:1199px){
header nav.main{padding-left:80px}
}
@media screen and (max-width:1023px){
header{background:#fff}
header .container{height:60px;width:100%!important;padding:0!important;overflow:visible;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}
header .logo{width:230px;height:50px;top:10px;left:10px}
header .logo:after,header .logo:before{background-image:url(../images/global/logo-full-blue.svg);background-size:auto 40px}
header .logo:before{opacity:1;width:32px}
header .logo:after{opacity:1;width:194px}
header .logo span{display:none}
header div.menu{position:absolute;width:100%;height:0;top:60px;overflow:hidden;opacity:0}
header div.menu nav.main{flex-direction:column;height:100%;position:relative;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto}
header div.menu nav.main a{text-align:center;color:#144867;height:25%;border-bottom:1px solid #f9fafb}
header div.menu nav.main a:last-of-type{border-bottom:none}
header div.menu nav.main a span{display:block;position:relative;top:50%;transform:translateY(-50%)}
header .hamburger{position:absolute;top:calc((100% - 24px)/ 2);right:10px;width:36px;height:24px}
}
@media screen and (min-width:768px) and (max-width:1023px){
header nav.main{max-height:600px;max-width:500px}
header nav.main a{font-size:36px;line-height:36px}
}
@media screen and (max-width:767px){
header nav.main{max-height:400px;max-width:80%}
header nav.main a{font-size:24px;line-height:24px}
}
footer{background-color:#fafbf9}
footer a.logo{display:block;height:30px;width:172px;overflow:hidden;background:url(../images/global/logo-full-blue.svg) top right 0 no-repeat;background-size:auto 100%}
footer a.logo span{position:absolute;left:-1000px}
footer nav.social{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:space-between}
footer nav.social a svg{width:20px;height:20px;fill:#bbbcc1;transition:all .25s ease-in-out}
html:not(.touch) footer nav.social a:hover svg{fill:#144867}
footer .legal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}
footer .legal p{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-size:14px;line-height:14px;color:#5c5d60}
footer .legal p a,footer .legal p span{font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}
footer .legal p a{text-decoration:underline}
html:not(.touch) footer .legal p a:hover{color:#d56a4a}
footer .legal nav.links{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}
footer .legal nav.links a,footer .legal nav.links button#ot-sdk-btn{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-size:14px;line-height:14px;color:#5c5d60;padding:0 10px}
html:not(.touch) footer .legal nav.links a:hover,html:not(.touch) footer .legal nav.links button#ot-sdk-btn:hover{color:#d56a4a}
footer .legal nav.links a{border-right:1px solid #5c5d60}
footer .legal nav.links button#ot-sdk-btn{border:none;cursor:pointer}
html:not(.touch) footer .legal nav.links button#ot-sdk-btn:hover{background-color:transparent}
@media screen and (min-width:768px){
footer .container{height:150px}
footer a.logo{position:absolute;top:50px;left:5px}
footer nav.social{position:absolute;top:52px;right:60px;width:180px}
footer nav.footer{position:absolute;top:42px;right:5px}
footer nav.footer a.careers{padding-left:30px;margin-right:50px}
footer nav.footer a.contact{padding-left:35px}
footer nav.footer a span{font-size:16px;line-height:16px;margin-top:16px}
footer .legal{padding:110px 5px 0}
}
@media screen and (min-width:1320px) and (max-width:1559px){
footer a.logo{left:60px}
footer nav.footer{right:60px}
footer .legal{padding:110px 60px 0}
}
@media screen and (min-width:768px) and (max-width:1023px){
footer .legal p{text-align:center}
}
@media screen and (max-width:767px){
footer .container{padding:40px 20px 60px}
footer a.logo{height:40px;width:230px;display:block;margin-left:auto;margin-right:auto}
footer nav.social{width:200px;margin:30px auto 20px}
footer nav.footer{justify-content:center;margin-bottom:30px}
footer nav.footer a.careers{padding-left:24px;margin-right:40px}
footer nav.footer a.contact{padding-left:30px}
footer nav.footer a span{font-size:14px;line-height:14px;margin-top:18px}
footer .legal{flex-direction:column}
footer .legal *{text-align:center}
footer .legal nav.links{flex-direction:row;justify-content:center}
footer .legal a,footer .legal button#ot-sdk-btn,footer .legal p{margin-bottom:10px}
footer .legal p{font-size:14px;line-height:18px}
}
html.noScroll body{position:fixed;left:0;right:0;overflow:hidden;-webkit-overflow-scrolling:auto}
html.showModal #modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}
#modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(65,68,66,.75);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;z-index:100}
#modal .modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#modal .modal-box .modal-header{position:relative}
#modal .modal-box .modal-header svg.close{display:block;position:absolute;cursor:pointer}
#modal .modal-box .modal-header svg.close line{stroke:#f4cc67;stroke-width:3}
html:not(.touch) #modal .modal-box .modal-header svg.close:hover line{stroke:#d56a4a}
#modal .modal-box .modal-body{position:relative;background-color:#fff}
#modal.view-video .modal-body{background:0 0}
#modal.view-video .innerVideo,#modal.view-video iframe{width:100%;height:100%}
@media screen and (min-width:1024px){
#modal .modal-box .modal-header{height:0}
#modal .modal-box .modal-header svg.close{height:20px;width:20px;top:-30px;right:-30px}
#modal.view-video .modal-box .modal-body{width:900px;height:calc(360px * 900 / 640)}
}
@media screen and (max-width:1023px){
#modal .modal-box .modal-header{height:30px}
#modal .modal-box .modal-header svg.close{height:20px;width:20px;top:0;right:0}
}
@media screen and (min-width:768px) and (max-width:1023px){
#modal.view-video .modal-box .modal-body{width:700px;height:calc(360px * 700 / 640)}
}
@media screen and (min-width:540px) and (max-width:767px){
#modal.view-video .modal-box .modal-body{width:520px;height:calc(360px * 520 / 640)}
}
@media screen and (max-width:539px){
#modal.view-video .modal-box .modal-body{width:340px;height:calc(360px * 340 / 640)}
}
@media only screen and (orientation:landscape) and (max-width:1023px){
#modal.view-video .modal-box .modal-body{height:320px;width:calc(640px * 320 / 360)}
}
#modal.view-video.customSize .modal-body{width:var(--modal-width,0);height:var(--modal-height,0)}
html.showMessage #modalMessage{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}
#modalMessage{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(65,68,66,.75);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;z-index:100}
#modalMessage .modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#modalMessage .modal-box .inner{background:url(images/global/gradient-yellow-modal.png) center center no-repeat;background-size:cover}
#modalMessage .modal-box .modal-header{position:relative;height:30px}
#modalMessage .modal-box .modal-header svg.close{display:block;position:absolute;cursor:pointer}
#modalMessage .modal-box .modal-header svg.close line{stroke:#fff;stroke-width:3}
html:not(.touch) #modalMessage .modal-box .modal-header svg.close:hover line{stroke:#144867}
#modalMessage .modal-box .modal-body{position:relative}
#modalMessage .modal-box .modal-body button,#modalMessage .modal-box .modal-body h1,#modalMessage .modal-box .modal-body p{display:block;margin-left:auto;margin-right:auto}
#modalMessage .modal-box .modal-body h1{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-style:italic;text-transform:uppercase;text-align:center;color:#fff;letter-spacing:.08em}
#modalMessage .modal-box .modal-body h1 span{position:relative;display:inline-block;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
#modalMessage .modal-box .modal-body h1 span:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background-color:#fff}
#modalMessage .modal-box .modal-body p{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;color:#414442;text-align:center}
#modalMessage .modal-box .modal-body button{height:50px}
#modalMessage .modal-box .modal-body button span{color:#fff;display:block;text-align:right}
#modalMessage .modal-box .modal-body button span.ln1{text-transform:uppercase;font-size:18px!important;line-height:18px!important;letter-spacing:.25em!important;margin-bottom:5px}
#modalMessage .modal-box .modal-body button span.ln2{font-weight:300!important;font-style:italic;text-transform:none;font-size:17px!important;line-height:17px!important;letter-spacing:.05em!important;padding-right:5px}
#modalMessage .modal-box .modal-body button svg{top:12px}
#modalMessage .modal-box .modal-body button svg path{stroke:#fff}
#modalMessage .modal-box .modal-body svg.logo{position:absolute;fill:#fff}
@media screen and (min-width:768px){
#modalMessage .modal-box .modal-header{height:50px}
#modalMessage .modal-box .modal-header svg.close{height:20px;width:20px;top:20px;right:20px}
#modalMessage .modal-box .modal-body{width:920px;min-height:550px;padding:50px}
#modalMessage .modal-box .modal-body h1{font-size:48px;line-height:54px}
#modalMessage .modal-box .modal-body h1 span{padding-bottom:10px;margin-bottom:40px}
#modalMessage .modal-box .modal-body p{font-size:18px;line-height:26px;max-width:500px;margin-bottom:40px}
#modalMessage .modal-box .modal-body svg.logo{bottom:50px;left:50px;width:50px;height:50px}
}
@media screen and (min-width:768px) and (max-width:1023px){
#modalMessage .modal-box .modal-body{width:650px;min-height:auto;padding:20px 40px 70px}
#modalMessage .modal-box .modal-body h1{font-size:42px;line-height:48px}
#modalMessage .modal-box .modal-body h1 span{padding-bottom:10px;margin-bottom:30px}
#modalMessage .modal-box .modal-body p{font-size:18px;line-height:26px;margin-bottom:30px}
#modalMessage .modal-box .modal-body svg.logo{bottom:30px;left:30px;width:30px;height:30px}
}
@media screen and (max-width:767px){
#modalMessage .modal-box{width:90%}
#modalMessage .modal-box .modal-header{height:50px}
#modalMessage .modal-box .modal-header svg.close{height:20px;width:20px;top:20px;right:20px}
#modalMessage .modal-box .modal-body{padding:20px 20px 50px}
#modalMessage .modal-box .modal-body h1{font-size:32px;line-height:36px}
#modalMessage .modal-box .modal-body h1 span{padding-bottom:10px;margin-bottom:30px}
#modalMessage .modal-box .modal-body p{font-size:16px;line-height:22px;margin-bottom:20px}
#modalMessage .modal-box .modal-body button span.ln1{letter-spacing:.1em}
#modalMessage .modal-box .modal-body svg.logo{bottom:20px;left:20px;width:20px;height:20px}
}
.page-home section#hero{background:url(../images/background-hero.jpg) top center no-repeat;background-size:cover}
.page-home section#hero .container{min-height:var(--vh,100vh);height:auto!important}
.page-home section#hero img.logo{display:block;margin-left:auto;margin-right:auto}
.page-home section#hero h1,.page-home section#hero p{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;color:#fff;display:block;margin-left:auto;margin-right:auto;text-align:center}
.page-home section#hero h1{font-style:italic;text-transform:uppercase;top:auto;transform:none;letter-spacing:.08em}
@media screen and (min-width:1200px){
.page-home section#hero .container{padding-top:160px;padding-bottom:100px}
.page-home section#hero img.logo{height:250px;margin-bottom:40px}
.page-home section#hero h1{font-size:84px;line-height:84px;margin-bottom:40px}
.page-home section#hero p{font-size:28px;line-height:40px;max-width:910px;margin-bottom:40px}
}
@media screen and (min-width:1024px) and (max-width:1199px){
.page-home section#hero .container{padding-top:120px;padding-bottom:80px}
.page-home section#hero img.logo{height:200px;margin-bottom:30px}
.page-home section#hero h1{font-size:62px;line-height:62px;margin-bottom:30px}
.page-home section#hero p{font-size:26px;line-height:36px;max-width:800px;margin-bottom:30px}
}
@media screen and (max-width:1023px){
.page-home section#hero .container{min-height:auto}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#hero .container{padding-top:100px;padding-bottom:80px}
.page-home section#hero img.logo{height:300px;margin-bottom:60px}
.page-home section#hero h1{font-size:54px;line-height:60px;margin-bottom:20px}
.page-home section#hero p{font-size:26px;line-height:38px;max-width:540px;margin-bottom:30px}
}
@media screen and (max-width:767px){
.page-home section#hero .container{padding-top:80px;padding-bottom:40px}
.page-home section#hero img.logo{height:140px;margin-bottom:40px}
.page-home section#hero h1{font-size:34px;line-height:38px;margin-bottom:20px}
.page-home section#hero p{font-size:18px;line-height:28px;max-width:480px;margin-bottom:20px}
}
@media screen and (max-width:539px){
.page-home section#hero p{max-width:300px}
}
.page-home section#rain1 .container{width:100%!important;max-width:1200px}
@media screen and (min-width:1024px){
.page-home section#rain1 .rain-vector{width:110px;height:350px;bottom:-180px}
.page-home section#rain1 .rain-vector path{stroke-width:.75px}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#rain1 .container{width:90%!important}
.page-home section#rain1 .rain-vector{width:90px;height:220px;bottom:-110px}
.page-home section#rain1 .rain-vector path{stroke-width:1px}
}
@media screen and (max-width:767px){
.page-home section#rain1 .container{width:80%!important}
.page-home section#rain1 .rain-vector{width:40px;height:130px;bottom:-60px}
}
.page-home section#michelle{background-color:#144867}
.page-home section#michelle .message{display:block}
.page-home section#michelle .message h2{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-style:italic;color:#fff;text-transform:uppercase}
.page-home section#michelle .message p,.page-home section#michelle .message span{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;color:#fff}
@media screen and (min-width:1024px){
.page-home section#michelle .container{padding:110px 0 90px}
.page-home section#michelle .message{width:100%;max-width:870px;margin:0 auto}
.page-home section#michelle .message h2{font-size:48px;line-height:60px;margin-bottom:30px;letter-spacing:.1em}
.page-home section#michelle .message p{font-size:28px;line-height:40px;margin-bottom:60px}
.page-home section#michelle .message img{width:470px;margin-bottom:10px}
.page-home section#michelle .message span{font-size:20px;line-height:20px}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#michelle .container{padding:80px 0}
.page-home section#michelle .message{padding:0 20px}
.page-home section#michelle .message h2{font-size:42px;line-height:50px;margin-bottom:30px}
.page-home section#michelle .message p{font-size:24px;line-height:40px;margin-bottom:40px}
.page-home section#michelle .message p br{display:none}
.page-home section#michelle .message img{width:300px;margin-bottom:10px}
.page-home section#michelle .message span{font-size:20px;line-height:20px}
}
@media screen and (max-width:767px){
.page-home section#michelle .container{padding:40px 0 60px}
.page-home section#michelle .message{padding:0 15px}
.page-home section#michelle .message h2{font-size:26px;line-height:32px;margin-bottom:20px}
.page-home section#michelle .message p{font-size:18px;line-height:28px;margin-bottom:30px}
.page-home section#michelle .message p br{display:none}
.page-home section#michelle .message img{width:240px;margin-bottom:5px}
.page-home section#michelle .message span{font-size:16px;line-height:16px}
}
.page-home section#memories{overflow:hidden}
.page-home section#memories .content h2,.page-home section#memories .content p{display:block;margin-left:auto;margin-right:auto}
.page-home section#memories .content h2 span:after{width:200px;left:calc((100% - 200px)/ 2)}
.page-home section#memories #timelineView{display:block;margin-left:auto;margin-right:auto;position:relative;opacity:0;width:100%;max-width:1100px}
.page-home section#memories #timelineView.slick-initialized{opacity:1}
.page-home section#memories #timelineView .slick-list{overflow:visible!important}
.page-home section#memories #timelineView iframe{display:block;margin-left:auto;margin-right:auto}
.page-home section#memories #timelineView .gallery{display:block;margin-left:auto;margin-right:auto}
.page-home section#memories #timelineView .gallery .slick-list,.page-home section#memories #timelineView .gallery figure.slick-slide iframe,.page-home section#memories #timelineView .gallery figure.slick-slide>img{display:block;margin-left:auto;margin-right:auto}
.page-home section#memories #timelineView .gallery figure{display:flex;flex-direction:row;flex-wrap:no-wrap;justify-content:center}
.page-home section#memories #timelineView .gallery figure .download{position:relative}
.page-home section#memories #timelineView .gallery figure button{position:absolute;bottom:20px;right:20px;background:url(../images/icon-download-white.svg);background-size:100% auto;width:20px;height:28px;cursor:pointer}
.page-home section#memories #timelineView .gallery figure button.blue{background-image:url(../images/icon-download-blue.svg)}
.page-home section#memories #timelineView .gallery button:after,.page-home section#memories #timelineView .gallery button:before{display:none}
.page-home section#memories #timelineView .gallery button.slick-prev{left:0;background:url(../images/icon-arrow-left.svg) top center no-repeat;background-size:100% 100%}
.page-home section#memories #timelineView .gallery button.slick-next{right:0;background:url(../images/icon-arrow-right.svg) top center no-repeat;background-size:100% 100%}
.page-home section#memories #timelineView .galleryCount{position:absolute;bottom:-24px;left:0;right:0;text-align:center}
.page-home section#memories #timelineView .galleryCount span{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-size:16px;line-height:16px;color:#144867;padding:0 2px}
.page-home section#memories #timeline{position:relative}
.page-home section#memories #timeline .slick-slide{position:relative;cursor:-webkit-grab;cursor:grab}
.page-home section#memories #timeline .slick-slide:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#ccc}
.page-home section#memories #timeline .slick-slide:first-of-type:before{left:50%}
.page-home section#memories #timeline .slick-slide:last-of-type:before{right:50%}
.page-home section#memories #timeline .slick-slide span{display:block;width:80px;position:absolute;top:calc(50% + 23px);left:calc((100% - 80px)/ 2);font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-size:20px;line-height:20px;color:#ccc;text-align:center;letter-spacing:.1em;cursor:pointer}
.page-home section#memories #timeline .slick-slide span:before{content:'';width:2px;height:17px;background-color:#ccc;position:absolute;top:-30px;position:absolute;left:calc((100% - 2px)/ 2);right:auto;width:2px}
.page-home section#memories #timeline .slick-slide.slick-current span{font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;font-style:normal;color:#144867}
.page-home section#memories #timeline .slick-slide.slick-current span:before{width:6px;background-color:#144867;position:absolute;left:calc((100% - 6px)/ 2);right:auto;width:6px}
.page-home section#memories #timeline:after{position:absolute;transition:all .2s ease-out;font-family:BrownLLWeb,Helvetica,Arial,sans-serif;font-style:normal;font-weight:300;font-style:normal;font-size:18px;line-height:20px;font-style:italic}
.page-home section#memories #timeline.active:after{opacity:0}
@media screen and (min-width:1024px){
.page-home section#memories{background:url(../images/background-pattern-upper-desktop.png) top right no-repeat;background-size:610px auto}
}
@media screen and (max-width:1023px){
.page-home section#memories{background:url(../images/background-pattern-upper-mobile.png) top right no-repeat;background-size:100% auto}
}
@media screen and (min-width:1560px){
.page-home section#memories{background-position:top -200px right 0}
}
@media screen and (min-width:1320px) and (max-width:1559px){
.page-home section#memories{background-position:top -200px right -190px}
}
@media screen and (min-width:1200px) and (max-width:1319px){
.page-home section#memories{background-position:top -180px right -280px}
}
@media screen and (min-width:1024px) and (max-width:1199px){
.page-home section#memories{background-position:top -240px right -360px}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#memories{background-position:top -100px right}
}
@media screen and (min-width:540px) and (max-width:767px){
.page-home section#memories{background-position:top -60px right}
}
@media screen and (max-width:539px){
.page-home section#memories{background-position:top -40px right}
}
@media screen and (min-width:1024px){
.page-home section#memories .content{padding-top:100px;padding-bottom:60px}
.page-home section#memories #timelineView .gallery img,.page-home section#memories #timelineView iframe{height:calc((970px * 360)/ 640)}
.page-home section#memories #timelineView iframe{width:970px}
.page-home section#memories #timelineView .gallery{max-width:970px}
.page-home section#memories #timelineView .gallery img{max-width:970px}
.page-home section#memories #timelineView .gallery>button{width:30px;height:30px}
.page-home section#memories #timelineView .gallery>button.slick-prev{left:-60px}
.page-home section#memories #timelineView .gallery>button.slick-next{right:-60px}
.page-home section#memories #timeline{margin-bottom:70px}
.page-home section#memories #timeline:after{content:"Click and drag to select a year";top:calc(50% - 10px);left:calc(50% + 60px)}
.page-home section#memories #timeline .slick-slide{height:180px}
}
@media screen and (min-width:1024px) and (max-width:1199px){
.page-home section#memories #timelineView{max-width:1000px}
.page-home section#memories #timelineView .gallery img,.page-home section#memories #timelineView iframe{height:calc((920px * 360)/ 640)}
.page-home section#memories #timelineView .gallery{max-width:920px}
.page-home section#memories #timelineView .gallery img{max-width:920px}
.page-home section#memories #timelineView .gallery>button{width:30px;height:30px}
.page-home section#memories #timelineView .gallery>button.slick-prev{left:-40px}
.page-home section#memories #timelineView .gallery>button.slick-next{right:-40px}
.page-home section#memories #timeline .slick-slide span{font-size:18px;line-height:20px}
}
@media screen and (max-width:1023px){
.page-home section#memories #timeline:after{content:"Swipe to select a year";top:auto!important;bottom:-20px;left:0!important;right:0!important;text-align:center}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#memories .content{padding-top:100px;padding-bottom:60px}
.page-home section#memories .content h2{font-size:42px;line-height:42px}
.page-home section#memories .content p{font-size:26px;line-height:32px;max-width:540px}
.page-home section#memories #timelineView .gallery img,.page-home section#memories #timelineView iframe{height:calc((calc(100vw - 80px) * 360)/ 640)}
.page-home section#memories #timelineView iframe{width:calc(100vw - 80px)}
.page-home section#memories #timelineView .gallery{max-width:calc(100vw - 80px)}
.page-home section#memories #timelineView .gallery img{max-width:calc(100vw - 80px)}
.page-home section#memories #timelineView .gallery>button{width:30px;height:30px}
.page-home section#memories #timelineView .gallery>button.slick-prev{left:-40px}
.page-home section#memories #timelineView .gallery>button.slick-next{right:-40px}
.page-home section#memories #timeline{margin-bottom:40px}
.page-home section#memories #timeline .slick-slide{height:160px}
.page-home section#memories #timeline .slick-slide span{font-size:18px;line-height:20px}
}
@media screen and (max-width:767px){
.page-home section#memories #timeline{margin-bottom:40px}
.page-home section#memories #timeline .slick-slide{height:120px}
.page-home section#memories #timeline .slick-slide span{font-size:16px;line-height:20px;top:calc(50% + 11px)}
.page-home section#memories #timeline .slick-slide span:before{height:9px;top:-15px}
.page-home section#memories #timeline .slick-slide.slick-current span:before{width:3px;background-color:#144867;position:absolute;left:calc((100% - 3px)/ 2);right:auto;width:3px}
}
@media screen and (min-width:540px) and (max-width:767px){
.page-home section#memories .content{padding-top:100px;padding-bottom:40px}
.page-home section#memories .content h2{font-size:36px;line-height:36px}
.page-home section#memories .content p{font-size:22px;line-height:30px;max-width:480px}
.page-home section#memories #timelineView .gallery img,.page-home section#memories #timelineView iframe{height:calc((calc(100vw - 60px) * 360)/ 640)}
.page-home section#memories #timelineView iframe{width:calc(100vw - 60px)}
.page-home section#memories #timelineView .gallery{max-width:calc(100vw - 60px)}
.page-home section#memories #timelineView .gallery img{max-width:calc(100vw - 60px)}
.page-home section#memories #timelineView .gallery>button{width:20px;height:20px}
.page-home section#memories #timelineView .gallery>button.slick-prev{left:-30px}
.page-home section#memories #timelineView .gallery>button.slick-next{right:-30px}
}
@media screen and (max-width:539px){
.page-home section#memories .content{padding-top:60px;padding-bottom:30px}
.page-home section#memories .content h2{font-size:28px;line-height:28px}
.page-home section#memories .content p{font-size:20px;line-height:28px;max-width:280px}
.page-home section#memories #timelineView .gallery img,.page-home section#memories #timelineView iframe{height:calc((calc(100vw - 50px) * 360)/ 640)}
.page-home section#memories #timelineView iframe{width:calc(100vw - 50px)}
.page-home section#memories #timelineView .gallery{max-width:calc(100vw - 50px)}
.page-home section#memories #timelineView .gallery img{max-width:calc(100vw - 50px)}
.page-home section#memories #timelineView .gallery>button{width:20px;height:20px}
.page-home section#memories #timelineView .gallery>button.slick-prev{left:-26px}
.page-home section#memories #timelineView .gallery>button.slick-next{right:-26px}
}
.page-home section#lower .content h2{display:block;margin-left:auto;margin-right:auto}
.page-home section#lower .content h2 span:after{width:200px;left:calc((100% - 200px)/ 2)}
@media screen and (min-width:1024px){
.page-home section#lower h2{font-size:48px;line-height:60px;padding-top:40px;margin:40px 0 120px}
.page-home section#lower h2 span:after{top:-40px}
}
@media screen and (min-width:768px) and (max-width:1023px){
.page-home section#lower h2{font-size:36px;line-height:50px;padding-top:40px;margin:40px 0 60px}
.page-home section#lower h2 span:after{top:-30px}
}
@media screen and (max-width:767px){
.page-home section#lower h2{font-size:24px;line-height:32px;padding-top:30px;margin:30px 0}
.page-home section#lower h2 span:after{top:-30px}
}
/*# sourceMappingURL=main.min.css.map */
