.clearfix { *zoom:1; } .clearfix:before,.clearfix:after { display:table; content:""; line-height:0; } .clearfix:after { clear:both; } .hide { display:none; } * { position:relative; } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .bg-black { background-color:#000; } .bg-teal { background-color:#12bf9c; } .bg-blue { background-color:#00a7cf; } .bg-orange { background-color:#f2744d; } .bg-grey { background-color:#eaeaea; } .bg-red { background-color:#ec3f3f; } .bg-dark-grey { background-color:#3a3a3a; } .merriweather { font-family:Merriweather,serif; } .georgia { font-family:Georgia,'Times New Roman',serif; } .josefin-slab { font-family:'Josefin Slab',serif; } .times-new-roman { font-family:'Times New Roman',serif; } .playfair-display { font-family:'Playfair Display',serif; } .arial { font-family:Arial,sans-serif; } .josefin-sans { font-family:'Josefin Sans',sans-serif; } .open-sans { font-family:'Open Sans',sans-serif; } .ubuntu { font-family:Ubuntu,sans-serif; } .verdana { font-family:Verdana,sans-serif; } .helvetica { font-family:Helvetica,Arial,sans-serif; } .proxima-nova { font-family:'proxima-nova',Helvetica,sans-serif; } .futura { font-family:'futura',Helvetica,sans-serif; } .text-light { font-weight:300; } .text-strong { font-weight:700; } html,body { font-family:'proxima-nova',Helvetica,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } ::selection { background:#00a7cf; color:#fff; } a { text-decoration:none; color:#00a7cf; } h1 .sub-heading,h2 .sub-heading,h3 .sub-heading { display:block; font-size:70%; } h1 { text-transform:uppercase; } h1 .sub-heading { text-transform:none; } h3 { font-size:250%; line-height:1.2; margin:30px 0; } h4 { font-weight:300; font-size:20px; } small { font-size:70%; } .ui-label { font-family:'proxima-nova',Helvetica,sans-serif; font-weight:700; text-transform:uppercase; } hr { margin:40px auto; border:none; height:1px; background-color:#ccc; } textarea { color:inherit; font:inherit; font-family:inherit; } .main-column { width:100%; max-width:620px; padding:20px 30px; background:#fff; background:rgba(255,255,255,0.8); font-size:20px; line-height:1.5; } .main-column img { max-width:100%; } .main-column { margin:0 30px; } .secondary-column { padding:0 30px; } .margin-right { margin-right:720px; } .margin-left { margin-left:720px; } .column-left { float:left; } .column-right { float:right; } .small-inline { display:none; } .quote-block { border-top:1px solid #999; border-bottom:1px solid #999; font-style:italic; margin:30px 0; } .quote-block blockquote { margin:30px 0; color:#666; font-size:27px; line-height:1.3333; } .quote-block .quote-cite { margin-top:-15px; margin-bottom:15px; color:#999; font-size:15px; } .quote-block .quote-cite:before { content:"– "; } @media(max-width:1100px) { .main-column { font-size:16px; } .hide-small { display:none; } } @media(max-width:755px) { .main-column { width:100%; font-size:16px; padding-left:0; padding-right:0; } .column-left { float:none; margin:0; } .column-right { float:none; margin:0; } .quote-block blockquote { margin:15px 0; font-size:18px; } .quote-block .quote-cite { margin-top:-10px; margin-bottom:10px; font-size:12px; } } .section { color:#333; font-family:'Open Sans',sans-serif; } .text-over-media-inner { color:#fff; font-family:'Open Sans',sans-serif; } .custom-html-section { background:#fff; background-image:linear-gradient(to bottom,#fff 0,#f0f0f0 100%); overflow:auto; } body.prevent-menu-scrolling { overflow:hidden; } .navigation { z-index:1000; } .navigation .section-navigation { position:absolute; top:60px; z-index:1100; width:100%; background-color:#2c2c2c; background-color:rgba(44,44,44,0.9); text-align:center; counter-reset:nav-chapters; } .navigation .section-navigation.stick { position:fixed; top:0; } .navigation .section-navigation a,.navigation .section-navigation a:visited { position:relative; z-index:2; display:inline-block; padding:0 30px; line-height:30px; color:#FFF; text-decoration:none; font-size:15px; font-weight:600; border-bottom:0; zoom:1; -moz-opacity:.5; -khtml-opacity:.5; -webkit-opacity:.5; opacity:.5; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); } .navigation .section-navigation a.active,.navigation .section-navigation a:visited.active { zoom:1; -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .navigation .menu-overlay { display:none; position:fixed; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); } .navigation .menu-overlay.show-with-menu { display:initial; } @media(max-width:755px) { .navigation { height:1px; } .navigation .section-navigation { position:fixed; top:50px; z-index:4; width:100%; max-height:80%; overflow-y:scroll; padding:10px 0; text-align:left; } .navigation .section-navigation a,.navigation .section-navigation a:visited { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:9px 30px; line-height:inherit; font-size:16px; } .navigation .section-navigation .section-navigator { display:block; z-index:3; } .navigation .section-navigation.hide-when-small { display:none; } } @media(min-width:755px) and (max-width:1100px) { .navigation .section-navigation a.section-navigator { line-height:42px; } } .story .two-column-grid { margin:0 auto; max-width:1400px; overflow:hidden; } @media(max-width:1100px) { .story .two-column-grid { padding:0 15px; min-width:initial; } .section-scrollmation .main-column { float:none; margin:0 auto; } .section-scrollmation .main-column .scrollmation-slide { width:100%; } .section-scrollmation .main-column .scrollmation-inline { display:block; padding:30px 0; } .section-scrollmation .main-column .scrollmation-inline .inline-image { width:100%; } } .scrollmation-background { overflow-x:hidden; } .scrollmation-background .background-overlay { position:absolute; opacity:0; top:0; right:0; bottom:0; left:0; z-index:1; background-color:#fff; } .scrollmation-background .scrollmation-slides { width:100%; z-index:1; overflow:hidden; } .scrollmation-background .scrollmation-slide { position:absolute; top:50%; left:50%; overflow:hidden; } .scrollmation-background .scrollmation-text { z-index:2; } .scrollmation-background .hiding { display:none; } .scrollmation-background.tablet-only { overflow-x:visible; *zoom:1; } .scrollmation-background.tablet-only:before,.scrollmation-background.tablet-only:after { display:table; content:""; line-height:0; } .scrollmation-background.tablet-only:after { clear:both; } .scrollmation-background.tablet-only .background-overlay { opacity:1; } .scrollmation-background .tablet-image { top:0; position:absolute; width:100%; background-size:cover; } .scrollmation-background .scrollmation-background-image { width:100%; height:100%; } .scrollmation-background .scrollmation-background-container { position:absolute; height:100%; width:100%; } .scrollmation-background .scrollmation-background-container .scrollmation-background-video-fallback { z-index:-2; } .scrollmation-background .scrollmation-background-caption { z-index:2; text-align:left; position:absolute; display:none; width:400px; margin:auto; padding:15px 30px; bottom:0; opacity:.8; visibility:visible; color:#fff; background-color:#000; } .scrollmation-background .scrollmation-background-caption.text-right { left:30px; } .scrollmation-background .scrollmation-background-caption.text-left { right:30px; } .scrollmation-background [data-scrollmation-slide].active+.scrollmation-background-caption { display:block; } @media(max-width:1100px) { .scrollmation-background .scrollmation-background-container [data-scrollmation-slide].active+.scrollmation-background-caption { display:none; } } @media(max-width:755px) { .scrollmation-background .scrollmation-slides { display:none; } .scrollmation-background .scrollmation-text { background:transparent; } .scrollmation-background .main-column { padding-top:0; } .scrollmation-background .main-column .text-block>p:first-child { margin-top:0; } .tiny-scrollmation { position:relative; width:100%; max-height:500px; background-repeat:no-repeat; background-size:cover; } .tiny-scrollmation:before { content:''; position:absolute; left:0; bottom:0; right:0; height:50%; background:linear-gradient(to bottom,rgba(255,255,255,0),#fff) repeat left top; } } @media(min-width:755px) { .scrollmation-background .tiny-scrollmation { display:none; } } .scrollmation-two-column { background:#fff; *zoom:1; } .scrollmation-two-column:before,.scrollmation-two-column:after { display:table; content:""; line-height:0; } .scrollmation-two-column:after { clear:both; } .scrollmation-two-column .position-static { position:static; } .scrollmation-two-column .scrollmation-slide { position:absolute; width:280px; } .scrollmation-two-column .scrollmation-slide img { width:100%; } .scrollmation-two-column .main-column { background:none; width:100%; } .scrollmation-two-column .main-column .scrollmation-inline { display:none; } .scrollmation-two-column .scrollmation-slide { display:none; } .scrollmation-two-column .active.scrollmation-slide { display:block; } .scrollmation-two-column .scrollmation-slide { width:100%; padding-top:40px; padding-bottom:40px; position:absolute; } .scrollmation-two-column .scrollmation-slides { width:620px; max-width:510px; } .scrollmation-two-column .portrait-image { width:80%; left:10%; } .scrollmation-two-column .caption { margin-top:5px; color:#666; } @media(max-width:1100px) { .section-scrollmation.scrollmation-two-column .main-column .scrollmation-inline { display:block; padding:30px 0; } .section-scrollmation.scrollmation-two-column .main-column .scrollmation-inline .inline-image { width:100%; } .section-scrollmation.scrollmation-two-column .main-column .scrollmation-inline.portrait-image { width:60%; left:20%; } .section-scrollmation.scrollmation-two-column .main-column .scrollmation-inline.hide-small { display:none; } .section-scrollmation.scrollmation-two-column .secondary-column { display:none; } .small-inline { display:block; } } @media(max-width:755px) { .section-scrollmation.scrollmation-two-column { margin:0; } } @media(min-width:1400px) { .scrollmation-two-column .secondary-column.margin-left { margin-left:720px; } } @media(min-width:1900px) { .scrollmation-two-column .scrollmation-slides { max-width:620px; } } .section-text { margin:0 auto; background:#fff; } @media(max-width:1100px) { .section-text { padding:0 15px; } } .section-text-over-media { position:relative; overflow:hidden; background:#333 no-repeat center center; background-size:cover; } .section-text-over-media .text { position:absolute; z-index:3; width:80%; margin:0 auto; } .lt-ie9 .section-text-over-media .text { width:100%; } .section-text-over-media .text.center { top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; } .lt-ie9 .section-text-over-media .text.center { position:relative; top:40%; left:auto; } .section-text-over-media .text.center.top { top:0; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); } .lt-ie9 .section-text-over-media .text.center.top { top:0; } .section-text-over-media .text.center.bottom { top:auto; bottom:0; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); } .lt-ie9 .section-text-over-media .text.center.bottom { position:absolute; } .section-text-over-media .text.center.left { left:0; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); } .lt-ie9 .section-text-over-media .text.center.left { position:absolute; } .section-text-over-media .text.center.right { left:auto; right:0; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); } .lt-ie9 .section-text-over-media .text.center.right { position:absolute; } .section-text-over-media .text.left { left:0; text-align:left; } .section-text-over-media .text.right { right:0; text-align:right; } .section-text-over-media .text.top { top:0; } .section-text-over-media .text.bottom { bottom:0; } .section-text-over-media .text p { margin:0 auto; } .section-text-over-media .text-inner { display:block; padding:5%; font-size:100%; font-weight:400; margin:0; } .section-text-over-media .background-overlay { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } .lt-ie9 .section-text-over-media .background-overlay { background-color:transparent; } .section-text-over-media .background-overlay video { display:none; } .section-text-over-media .text-over-media-inner { font-size:84px; text-align:center; line-height:1.05em; } .section-text-over-media .text-over-media-inner .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:84px; } .section-text-over-media .text-over-media-inner.xx-small { font-size:33.6px; } .section-text-over-media .text-over-media-inner.xx-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:33.6px; } .section-text-over-media .text-over-media-inner.x-small { font-size:46.2px; } .section-text-over-media .text-over-media-inner.x-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:46.2px; } .section-text-over-media .text-over-media-inner.small { font-size:58.8px; } .section-text-over-media .text-over-media-inner.small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:58.8px; } .section-text-over-media .text-over-media-inner.large { font-size:108.36px; } .section-text-over-media .text-over-media-inner.large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:108.36px; } .section-text-over-media .text-over-media-inner.x-large { font-size:131.88px; } .section-text-over-media .text-over-media-inner.x-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:131.88px; } .section-text-over-media .text-over-media-inner.xx-large { font-size:172.2px; } .section-text-over-media .text-over-media-inner.xx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:172.2px; } .section-text-over-media .text-over-media-inner.xxx-large { font-size:294px; } .section-text-over-media .text-over-media-inner.xxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:294px; } .section-text-over-media .text-over-media-inner.xxxx-large { font-size:504px; } .section-text-over-media .text-over-media-inner.xxxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:504px; } .section-text-over-media .text-over-media-caption { z-index:2; text-align:left; position:absolute; display:block; width:620px; margin:auto; padding:15px 30px; left:0; right:0; opacity:.8; visibility:visible; color:#fff; background-color:#000; } .section-text-over-media .text-over-media-caption.main-text-is-bottom { top:0; } .section-text-over-media .text-over-media-caption.main-text-is-top,.section-text-over-media .text-over-media-caption.main-text-is-center { bottom:0; } .section-text-over-image { background-attachment:fixed; } @media(max-width:1100px) and (min-height:700px) { .section-text-over-media .text-over-media-inner { font-size:84px; } .section-text-over-media .text-over-media-inner.xx-small { font-size:33.6px; } .section-text-over-media .text-over-media-inner.x-small { font-size:46.2px; } .section-text-over-media .text-over-media-inner.small { font-size:58.8px; } .section-text-over-media .text-over-media-inner.large { font-size:108.36px; } .section-text-over-media .text-over-media-inner.x-large { font-size:131.88px; } .section-text-over-media .text-over-media-inner.xx-large { font-size:172.2px; } .section-text-over-media .text-over-media-inner.xxx-large { font-size:294px; } .section-text-over-media .text-over-media-inner.xxxx-large { font-size:504px; } } @media(max-width:755px) { .section-text-over-media { min-height:268px; } .section-text-over-media .text-over-media-inner { width:96%; font-size:35px; } .section-text-over-media .text-over-media-inner.xx-small { font-size:14px; } .section-text-over-media .text-over-media-inner.x-small { font-size:19.25px; } .section-text-over-media .text-over-media-inner.small { font-size:24.5px; } .section-text-over-media .text-over-media-inner.large { font-size:45.15px; } .section-text-over-media .text-over-media-inner.x-large { font-size:54.95px; } .section-text-over-media .text-over-media-inner.xx-large { font-size:71.75px; } .section-text-over-media .text-over-media-inner.xxx-large { font-size:122.5px; } .section-text-over-media .text-over-media-inner.xxxx-large { font-size:210px; } .section-text-over-media .text-over-media-caption { width:320px; padding:15px; } } @media(min-width:1400px) { .section-text-over-media { min-height:600px; } .section-text-over-media .text-over-media-inner { font-size:105px; } .section-text-over-media .text-over-media-inner.xx-small { font-size:42px; } .section-text-over-media .text-over-media-inner.x-small { font-size:57.75px; } .section-text-over-media .text-over-media-inner.small { font-size:73.5px; } .section-text-over-media .text-over-media-inner.large { font-size:135.45px; } .section-text-over-media .text-over-media-inner.x-large { font-size:164.85px; } .section-text-over-media .text-over-media-inner.xx-large { font-size:215.25px; } .section-text-over-media .text-over-media-inner.xxx-large { font-size:367.5px; } .section-text-over-media .text-over-media-inner.xxxx-large { font-size:630px; } } @media(min-width:1900px) { .section-text-over-media .text-over-media-inner { font-size:120px; } .section-text-over-media .text-over-media-inner.xx-small { font-size:48px; } .section-text-over-media .text-over-media-inner.x-small { font-size:66px; } .section-text-over-media .text-over-media-inner.small { font-size:84px; } .section-text-over-media .text-over-media-inner.large { font-size:154.8px; } .section-text-over-media .text-over-media-inner.x-large { font-size:188.4px; } .section-text-over-media .text-over-media-inner.xx-large { font-size:246px; } .section-text-over-media .text-over-media-inner.xxx-large { font-size:420px; } .section-text-over-media .text-over-media-inner.xxxx-large { font-size:720px; } } .section-media { position:relative; overflow:hidden; background:#000 no-repeat center center; background-size:cover; z-index:2; } .section-media .background-overlay { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } .lt-ie9 .section-media .background-overlay { background-color:transparent; } .section-media .section-media-details { display:none; } .section-media .vjs-poster img { height:100%; } .section-media .vjs-paused .vjs-big-play-button { display:none; } .section-media .vjs-fullscreen-control { display:none; } .section-media .media-caption { z-index:3; text-align:left; position:absolute; display:block; width:620px; margin:auto; padding:15px 30px; bottom:30px; left:0; right:0; opacity:.8; visibility:visible; -webkit-transition:visibility .1s,opacity .1s; -moz-transition:visibility .1s,opacity .1s; -o-transition:visibility .1s,opacity .1s; transition:visibility .1s,opacity .1s; color:#fff; background-color:#000; } .section-media iframe { width:100%; } .scrollmation-inline .vjs-paused .vjs-big-play-button { display:none; } .is-inactive .media-caption { visibility:hidden; -webkit-transition:visibility 1s,opacity 1s; -moz-transition:visibility 1s,opacity 1s; -o-transition:visibility 1s,opacity 1s; transition:visibility 1s,opacity 1s; opacity:0; } .is-not-playing.is-inactive .media-caption { visibility:visible; opacity:.8; } @media(max-width:755px) { .section-media .media-caption { width:320px; padding:15px; bottom:35px; } } @media(max-width:755px) { .section-media { min-height:268px; } .section-media .media-caption { width:320px; padding:15px; } } @media(min-width:1400px) { .section-media { min-height:600px; } } /*!Video.js Default Styles(http://videojs.com) Version GENERATED_AT_BUILD Create your own skin at http://designer.videojs.com */ .vjs-current-time,.vjs-time-divider,.vjs-captions-button,.vjs-volume-control,.vjs-fullscreen-control { display:none; width:0; height:0; } body .vjs-default-skin .vjs-duration { position:absolute; right:3em; } body .vjs-default-skin .vjs-progress-control { top:13px; left:15em; right:25em; } body .vjs-default-skin:hover .vjs-progress-control { font-size:.3em; height:1em; } body .vjs-default-skin:hover .vjs-slider-handle:before { font-size:4em; top:-160%; text-shadow:none; color:#fff; } .vjs-default-skin { color:#ccc; } @font-face { font-family:'VideoJS'; src:url(../fonts/vjs.X.eot); src:url(../fonts/vjs.X.eot?#iefix) format("embedded-opentype)","url(../fonts/vjs.X.woff") format("woff)","url(../fonts/vjs.X.ttf") format("truetype"); font-weight:400; font-style:normal; } .vjs-default-skin .vjs-slider { outline:0; position:relative; cursor:pointer; padding:0; background-color:#fff; background-color:rgba(255,255,255,0.2); } .vjs-default-skin .vjs-slider:focus { -webkit-box-shadow:0 0 2em #fff; -moz-box-shadow:0 0 2em #fff; box-shadow:0 0 2em #fff; } .vjs-default-skin .vjs-slider-handle { position:absolute; left:0; top:0; } .vjs-default-skin .vjs-slider-handle:before { content:"\e009"; font-family:VideoJS; font-size:1em; line-height:1; text-align:center; text-shadow:0 0 1em #fff; position:absolute; top:0; left:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .vjs-default-skin .vjs-control-bar { position:absolute; bottom:0; width:100%; margin:0 auto; height:3em; background-color:#000; background-color:rgba(0,0,0,0.8); } .vjs-default-skin.vjs-has-started .vjs-control-bar { display:block; visibility:visible; opacity:1; -webkit-transition:visibility .1s,opacity .1s; -moz-transition:visibility .1s,opacity .1s; -o-transition:visibility .1s,opacity .1s; transition:visibility .1s,opacity .1s; } .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display:block; visibility:hidden; opacity:0; -webkit-transition:visibility 1s,opacity 1s; -moz-transition:visibility 1s,opacity 1s; -o-transition:visibility 1s,opacity 1s; transition:visibility 1s,opacity 1s; } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar { display:none; } .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display:none; } @media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before { content:""; } } .vjs-default-skin .vjs-control { outline:none; position:relative; float:left; text-align:center; margin:0; padding:0; height:3em; width:4em; } .vjs-default-skin .vjs-control:before { font-family:VideoJS; font-size:1.5em; line-height:2; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.5); } .vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before { text-shadow:0 0 1em #fff; } .vjs-default-skin .vjs-control:focus { } .vjs-default-skin .vjs-control-text { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .vjs-default-skin .vjs-play-control { width:5em; cursor:pointer; } .vjs-default-skin .vjs-play-control:before { content:"\e001"; } .vjs-default-skin.vjs-playing .vjs-play-control:before { content:"\e002"; } .vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button { cursor:pointer; float:right; } .vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before { content:"\e006"; } .vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content:"\e003"; } .vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content:"\e004"; } .vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content:"\e005"; } .vjs-default-skin .vjs-volume-control { width:5em; float:right; } .vjs-default-skin .vjs-volume-bar { width:5em; height:.6em; margin:1.1em auto 0; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { height:2.9em; } .vjs-default-skin .vjs-volume-level { position:absolute; top:0; left:0; height:.5em; background:rgba(255,255,255,0.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width:.5em; height:.5em; } .vjs-default-skin .vjs-volume-handle:before { font-size:.9em; top:-.2em; left:-.2em; width:1em; height:1em; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { width:6em; left:-4em; } .vjs-default-skin .vjs-progress-control { position:absolute; left:0; right:0; width:auto; font-size:.3em; height:1em; top:-1em; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .vjs-default-skin:hover .vjs-progress-control { font-size:.9em; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; } .vjs-default-skin .vjs-progress-holder { height:100%; } .vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress { position:absolute; display:block; height:100%; margin:0; padding:0; left:0; top:0; } .vjs-default-skin .vjs-play-progress { background:rgba(255,255,255,0.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-load-progress { background:#646464; background:rgba(255,255,255,0.4); } .vjs-default-skin .vjs-seek-handle { width:1.5em; height:100%; } .vjs-default-skin .vjs-seek-handle:before { padding-top:.1em; } .vjs-default-skin .vjs-time-controls { font-size:1em; line-height:3em; } .vjs-default-skin .vjs-current-time { float:left; } .vjs-default-skin .vjs-duration { float:left; } .vjs-default-skin .vjs-remaining-time { display:none; float:left; } .vjs-time-divider { float:left; line-height:3em; } .vjs-default-skin .vjs-fullscreen-control { width:3.8em; cursor:pointer; float:right; } .vjs-default-skin .vjs-fullscreen-control:before { content:"\e000"; } .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content:"\e00b"; } .vjs-default-skin .vjs-big-play-button { left:.5em; top:.5em; font-size:3em; display:block; z-index:3; position:absolute; width:4em; height:2.6em; text-align:center; vertical-align:middle; cursor:pointer; opacity:1; background-color:#000; background-color:rgba(0,0,0,0.8); border:.1em solid #3b4249; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; -webkit-border-radius:.8em; -moz-border-radius:.8em; border-radius:.8em; -webkit-box-shadow:0 0 1em rgba(255,255,255,0.25); -moz-box-shadow:0 0 1em rgba(255,255,255,0.25); box-shadow:0 0 1em rgba(255,255,255,0.25); -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { left:50%; margin-left:-2.1em; top:50%; margin-top:-1.4em; } .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { display:none; } .vjs-default-skin.vjs-has-started .vjs-big-play-button { display:none; } .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display:none; } .vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus { outline:0; border-color:#fff; background-color:#505050; background-color:rgba(50,50,50,0.75); -webkit-box-shadow:0 0 3em #fff; -moz-box-shadow:0 0 3em #fff; box-shadow:0 0 3em #fff; -webkit-transition:all 0; -moz-transition:all 0; -o-transition:all 0; transition:all 0; } .vjs-default-skin .vjs-big-play-button:before { content:"\e001"; font-family:VideoJS; line-height:2.6em; text-shadow:.05em .05em .1em #000; text-align:center; position:absolute; left:0; width:100%; height:100%; } .vjs-loading-spinner { display:none; position:absolute; top:50%; left:50%; font-size:4em; line-height:1; width:1em; height:1em; margin-left:-.5em; margin-top:-.5em; opacity:.75; -webkit-animation:spin 1.5s infinite linear; -moz-animation:spin 1.5s infinite linear; -o-animation:spin 1.5s infinite linear; animation:spin 1.5s infinite linear; } .vjs-default-skin .vjs-loading-spinner:before { content:"\e01e"; font-family:VideoJS; position:absolute; top:0; left:0; width:1em; height:1em; text-align:center; text-shadow:0 0 .1em #000; } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(359deg); } } @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg); } } .vjs-default-skin .vjs-menu-button { float:right; cursor:pointer; } .vjs-default-skin .vjs-menu { display:none; position:absolute; bottom:0; left:0; width:0; height:0; margin-bottom:3em; border-left:2em solid transparent; border-right:2em solid transparent; border-top:1.55em solid #000; border-top-color:rgba(7,40,50,0.5); } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display:block; padding:0; margin:0; position:absolute; width:10em; bottom:1.5em; max-height:15em; overflow:auto; left:-5em; background-color:#000; background-color:rgba(0,0,0,0.8); -webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2); -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2); box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2); } .vjs-default-skin .vjs-menu-button:hover .vjs-menu { display:block; } .vjs-default-skin .vjs-menu-button ul li { list-style:none; margin:0; padding:.3em 0; line-height:1.4em; font-size:1.2em; text-align:center; text-transform:lowercase; } .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color:#000; } .vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { outline:0; color:#111; background-color:#fff; background-color:rgba(255,255,255,0.75); -webkit-box-shadow:0 0 1em #fff; -moz-box-shadow:0 0 1em #fff; box-shadow:0 0 1em #fff; } .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align:center; text-transform:uppercase; font-size:1em; line-height:2em; padding:0; margin:0 0 .3em; font-weight:700; cursor:default; } .vjs-default-skin .vjs-subtitles-button:before { content:"\e00c"; } .vjs-default-skin .vjs-captions-button:before { content:"\e008"; } .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow:0 0 1em #fff; -moz-box-shadow:0 0 1em #fff; box-shadow:0 0 1em #fff; } .video-js { background-color:#000; position:relative; padding:0; font-size:10px; vertical-align:middle; font-weight:400; font-style:normal; font-family:Arial,sans-serif; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .video-js .vjs-tech { position:absolute; top:0; left:0; width:100%; height:100%; } .video-js:-moz-full-screen { position:absolute; } body.vjs-full-window { padding:0; margin:0; height:100%; overflow-y:auto; } .video-js.vjs-fullscreen { position:fixed; overflow:hidden; z-index:1000; left:0; top:0; bottom:0; right:0; width:100%!important; height:100%!important; _position:absolute; } .video-js:-webkit-full-screen { width:100%!important; height:100%!important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor:none; } .vjs-poster { background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-color:#000; cursor:pointer; height:100%; margin:0; padding:0; position:relative; width:100%; } .vjs-poster img { display:block; margin:0 auto; max-height:100%; padding:0; width:100%; } .video-js.vjs-using-native-controls .vjs-poster { display:none; } .video-js .vjs-text-track-display { text-align:center; position:absolute; bottom:4em; left:1em; right:1em; } .video-js .vjs-text-track { display:none; font-size:1.4em; text-align:center; margin-bottom:.1em; background-color:#000; background-color:rgba(0,0,0,0.5); } .video-js .vjs-subtitles { color:#fff; } .video-js .vjs-captions { color:#fc6; } .vjs-tt-cue { display:block; } .vjs-default-skin .vjs-hidden { display:none; } .vjs-lock-showing { display:block!important; opacity:1; visibility:visible; } .section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6 { margin:0; padding:0; font-size:1em; text-transform:none; } .section-title h2 { font-weight:400; } .section-title .text.bottom { bottom:100px!important; } .section-title .default-title { color:#fff; font-family:'Open Sans',sans-serif; } .section-title .story-title { max-width:100%; margin-left:0; margin-right:0; color:#fff; font-size:100px; font-weight:700; line-height:1.05em; padding:5% 0 0; font-family:Merriweather,serif; } .section-title .story-title .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:1.05em; } .section-title .story-heading { max-width:100%; margin-left:0; margin-right:0; margin:0; padding:10px 5% 16px; font-size:27px; line-height:1.3em; color:#fff; font-family:'Open Sans',sans-serif; } .section-title .story-heading .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:1.3em; } .section-title .story-title .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:100px; } .section-title .story-title.xx-small { font-size:40px; } .section-title .story-title.xx-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:40px; } .section-title .story-title.x-small { font-size:55px; } .section-title .story-title.x-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:55px; } .section-title .story-title.small { font-size:70px; } .section-title .story-title.small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:70px; } .section-title .story-title.large { font-size:129px; } .section-title .story-title.large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:129px; } .section-title .story-title.x-large { font-size:157px; } .section-title .story-title.x-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:157px; } .section-title .story-title.xx-large { font-size:205px; } .section-title .story-title.xx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:205px; } .section-title .story-title.xxx-large { font-size:260px; } .section-title .story-title.xxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:260px; } .section-title .story-title.xxxx-large { font-size:350px; } .section-title .story-title.xxxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:350px; } .section-title .story-heading .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:27px; } .section-title .story-heading.xx-small { font-size:20.25px; } .section-title .story-heading.xx-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:20.25px; } .section-title .story-heading.x-small { font-size:22.41px; } .section-title .story-heading.x-small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:22.41px; } .section-title .story-heading.small { font-size:24.84px; } .section-title .story-heading.small .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:24.84px; } .section-title .story-heading.large { font-size:34.83px; } .section-title .story-heading.large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:34.83px; } .section-title .story-heading.x-large { font-size:42.39px; } .section-title .story-heading.x-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:42.39px; } .section-title .story-heading.xx-large { font-size:49.95px; } .section-title .story-heading.xx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:49.95px; } .section-title .story-heading.xxx-large { font-size:59.4px; } .section-title .story-heading.xxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:59.4px; } .section-title .story-heading.xxxx-large { font-size:67.5px; } .section-title .story-heading.xxxx-large .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:67.5px; } .section-title .story-metadata { display:block; position:absolute; right:30px; bottom:60px; text-align:right; font-size:15px; line-height:1.5em; z-index:3; color:#fff; font-family:'Open Sans',sans-serif; } .section-title .story-metadata p { margin:0; } .section-title .story-metadata .st-outer .st-blocks .st-block .st-block__inner .st-text-block { min-height:1.5em; } .section-title .background-overlay { position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; } .lt-ie9 .section-title .background-overlay { background-color:transparent; } .section-title .background-overlay video { display:none; opacity:0; } .section-title .background-overlay video.autoscale { opacity:1; } @media(max-width:1100px) { .section-title .text.bottom { bottom:70px!important; } .section-title .story-title { font-size:80px; width: 75%; padding: 5% 5% 0; } .section-title .story-title.xx-small { font-size:32px; } .section-title .story-title.x-small { font-size:44px; } .section-title .story-title.small { font-size:56px; } .section-title .story-title.large { font-size:103.2px; } .section-title .story-title.x-large { font-size:125.6px; } .section-title .story-title.xx-large { font-size:164px; } .section-title .story-title.xxx-large { font-size:208px; } .section-title .story-title.xxxx-large { font-size:280px; } .section-title .story-heading { font-size:20px; } .section-title .story-heading.xx-small { font-size:15px; } .section-title .story-heading.x-small { font-size:16.6px; } .section-title .story-heading.small { font-size:18.4px; } .section-title .story-heading.large { font-size:25.8px; } .section-title .story-heading.x-large { font-size:31.4px; } .section-title .story-heading.xx-large { font-size:37px; } .section-title .story-heading.xxx-large { font-size:44px; } .section-title .story-heading.xxxx-large { font-size:50px; } .section-title .story-metadata { font-size:12px; line-height:1.5em; } } @media(max-width:755px) { .section-title { margin-top:50px; } .section-title .text { width:auto; } .section-title .text.bottom { bottom:40px!important; } .section-title .story-title { font-size:35px; padding-right:15px; padding-left:15px; } .section-title .story-title.xx-small { font-size:14px; } .section-title .story-title.x-small { font-size:19.25px; } .section-title .story-title.small { font-size:24.5px; } .section-title .story-title.large { font-size:45.15px; } .section-title .story-title.x-large { font-size:54.95px; } .section-title .story-title.xx-large { font-size:71.75px; } .section-title .story-title.xxx-large { font-size:91px; } .section-title .story-title.xxxx-large { font-size:122.5px; } .section-title .story-heading { font-size:16px; padding-right:15px; padding-left:15px; } .section-title .story-heading.xx-small { font-size:12px; } .section-title .story-heading.x-small { font-size:13.28px; } .section-title .story-heading.small { font-size:14.72px; } .section-title .story-heading.large { font-size:20.64px; } .section-title .story-heading.x-large { font-size:25.12px; } .section-title .story-heading.xx-large { font-size:29.6px; } .section-title .story-heading.xxx-large { font-size:35.2px; } .section-title .story-heading.xxxx-large { font-size:40px; } .section-title .story-metadata { font-size:12px; right:15px; bottom:15px; } } @media(min-width:1400px) { .section-title .text.bottom { bottom:150px!important; } .section-title .story-title { font-size:120px; } .section-title .story-title.xx-small { font-size:48px; } .section-title .story-title.x-small { font-size:66px; } .section-title .story-title.small { font-size:84px; } .section-title .story-title.large { font-size:154.8px; } .section-title .story-title.x-large { font-size:188.4px; } .section-title .story-title.xx-large { font-size:246px; } .section-title .story-title.xxx-large { font-size:312px; } .section-title .story-title.xxxx-large { font-size:420px; } .section-title .story-heading { margin-top:10px; font-size:30px; } .section-title .story-heading.xx-small { font-size:22.5px; } .section-title .story-heading.x-small { font-size:24.9px; } .section-title .story-heading.small { font-size:27.6px; } .section-title .story-heading.large { font-size:38.7px; } .section-title .story-heading.x-large { font-size:47.1px; } .section-title .story-heading.xx-large { font-size:55.5px; } .section-title .story-heading.xxx-large { font-size:66px; } .section-title .story-heading.xxxx-large { font-size:75px; } } @media only screen and (device-aspect-ratio:23) and (orientation:landscape),only screen and (device-aspect-ratio:4071) and (orientation:landscape) { .section-title { margin-top:0; } } .section-header { position:relative; height:60px; width:100%; margin:0; padding:0; border:0; border-bottom:1px solid #999; -webkit-box-shadow:inset 1px 1px 1px #999; -moz-box-shadow:inset 1px 1px 1px #999; box-shadow:inset 1px 1px 1px #999; background:#fff; } .section-header .small-menu { display:none; z-index:2; height:30px; float:right; padding-top:4px; } .section-header .small-menu img { height:23px; } .section-header a:hover { border:none; } .section-header a:active { border:none; } .header-panel { margin:0; padding:0; height:32px; border:1px solid transparent; } .header-panel a,.header-panel a:hover,.header-panel a:active,.header-panel a:focus { display:inline-block; height:22px; margin:0; padding:0; background:0; border:0; text-shadow:none; box-shadow:none; border-radius:0; color:transparent; outline:0; -webkit-transition:background 120ms ease-in-out; -moz-transition:background 120ms ease-in-out; -o-transition:background 120ms ease-in-out; transition:background 120ms ease-in-out; } .header-panel.header-logo-panel { position:absolute; top:15px; left:30px; width:259px; } .header-panel.header-logo-panel .header-logo { width:auto; height:30px; } .header-panel.header-social-panel { position:absolute; top:15px; right:15px; width:300px; } .header-panel.header-social-panel ul.header-social-list { position:absolute; right:15px; margin:0; list-style:none; } .header-panel.header-social-panel ul.header-social-list li { display:inline-block; margin:0; padding:4px 0 4px 12px; } .header-panel.header-social-panel ul.header-social-list li .fb-share-button span { vertical-align:inherit!important; } .header-panel.header-social-panel ul.header-social-list li .fb_reset>div>div>iframe { max-width:1px; } .header-panel.header-social-panel .header-facebook.active { background:transparent; } .header-panel.header-social-panel .header-facebook.active img { height:20px; } .header-panel.header-social-panel .header-twitter.active { background:transparent; } @media(max-width:755px) { .section-header { z-index:1000; position:fixed; top:0; height:50px; padding:10px 15px; border-bottom:none; -webkit-box-shadow:0 1px rgba(55,55,55,0.1); -moz-box-shadow:0 1px rgba(55,55,55,0.1); box-shadow:0 1px rgba(55,55,55,0.1); background-color:#fff; } .section-header.menu-active { background-color:#fff; } .section-header .header-logo-panel { top:initial; left:initial; } .section-header .header-social-panel { display:none; } .section-header .small-menu { display:none; } .section-header .nav-required { display:block; } } @media only screen and (device-aspect-ratio:23) and (orientation:landscape),only screen and (device-aspect-ratio:4071) and (orientation:landscape) { .section-header { position:initial; } } .story-footer { color:#3a3a3a; width:100%; height:60px; box-shadow:inset 0 3px 0 #d9d9d9; position:relative; float:left; background:#fff; } .story-footer .return-to-top { cursor:pointer; font-size:15px; width:30px; padding-top:7px; margin:0 auto; } .story-footer .return-to-top .up-arrow { height:9px; margin:8px auto; padding:0 6px; } .story-footer .return-to-top .up a { color:inherit; text-decoration:none; } .story-footer .return-to-top .section-navigator img { width:15px; height:9px; } .story-footer .image-container { position:absolute; right:30px; top:0; } .story-footer .image-container a img { width:122px; top:4px; height:56px; } .lt-ie9 .story-footer { border-top:3px solid #d9d9d9; } .story-footer a:hover { border:none; } .story-footer a:active { border:none; } @media(max-width:755px) { .story-footer { height:90px; } .story-footer .return-to-top { padding-top:0; width:80px; margin-left:15px; margin-top:35px; } .story-footer .return-to-top .up-arrow { display:inline-block; vertical-align:top; margin:0; padding:0; } .story-footer .return-to-top .up { font-size:20px; display:inline-block; } .story-footer .image-container { right:15px; } .story-footer .image-container a img { top:8px; width:162px; height:75px; } } html,body { margin:0; padding:0; z-index:0; } .story { margin:0 auto; }