/* CSS Reset */
*, *::before, *::after { box-sizing: border-box; padding: 0; border: 0; border-radius: 0; margin: 0; background: none; text-align: inherit; text-decoration: none; font: inherit; color: inherit; list-style: none; outline: none;}
input, button, select, textarea { -webkit-appearance: none; -moz-appearance: none;}
a, button { overflow: visible; cursor: pointer;}

body {
    display: block;
    width: 100%;

    border-bottom: 40px solid #ED662B;

    font-family: 'Neo Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

/* Slider */
.slick-list,
.slick-track {
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.slick-list {
    width: 100%;
}

.slick-dots {
    display: flex;

    margin: -2.5px;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.slick-dots li {
    display: block;
    width: 10px;
    height: 10px;

    border-radius: 100%;
    margin: 2.5px;

    background-color: #FFF;

    opacity: .5;
    transition: opacity .2s ease;
}

.slick-dots .slick-active {
    opacity: 1;
}

.slick-dots button {
    display: block;
    width: 15px;
    height: 15px;

    border-radius: 100%;
    margin: -2.5px;

    font-size: 0;
    line-height: 1;
    color: transparent;
}

/* Text */
.title {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
}

b,
strong {
    font-weight: 700;
}

.formatted h1:not(:last-child),
.formatted h2:not(:last-child),
.formatted blockquote:not(:last-child),
.formatted p:not(:last-child),
.formatted ul:not(:last-child),
.formatted ol:not(:last-child) {
    margin-bottom: 30px;
}

.formatted h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 300;
}

.formatted h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.formatted ul,
.formatted ol {
    display: block;
    width: calc(100% - 20px);

    position: relative;
    left: 20px;
}

.formatted li:not(:last-child) {
    margin-bottom: 10px;
}

.formatted ul li {
    list-style: disc;
}

.formatted ol li {
    list-style: decimal;
}

.formatted blockquote {
    display: block;
    width: 100%;

    padding: 0 50px;

    clear: both;
}

.formatted blockquote p {
    display: inline;

    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.25;
}

.formatted blockquote p:not(:last-child) {
    margin-bottom: 0;
}

.formatted blockquote p::before {
    content: '« ';
}

.formatted blockquote p::after {
    content: ' » ';
}

.formatted blockquote cite {
    text-transform: uppercase;
    font-size: 1.5625rem;
    line-height: 1.25;
    color: #ED662B;
}

.formatted figure {
    display: block;
    width: 50%;

    background-color: #F8F8F8;
}

.formatted figure:not(:last-child) {
    margin-bottom: 20px;
}

.formatted figure img {
    display: block;
    width: 100%;
    height: auto;
}

.formatted figure.align-left {
    margin-left: -75px;
    margin-right: 50px;
    float: left;
}

.formatted figure.align-right {
    margin-left: 50px;
    margin-right: -75px;
    float: right;
}

.formatted figcaption {
    display: block;
    width: 100%;

    padding: 0 30px;
    margin: 7.5px 0 10px 0;

    text-align: center;
    font-style: italic;
}

.text--orange {
    color: #ED662B;
}

.container {
    display: block;
    width: 100%;
    max-width: 1000px;

    padding: 0 50px;
    margin: 0 auto;
}

/* Images */
.media--contain,
.media--cover {
    position: relative;

    overflow: hidden;
}

.media--contain img,
.media--contain video,
.media--cover img,
.media--cover video {
    display: block;
    width: auto;
    height: auto;

    position: absolute;
    top: -10000%;
    left: -10000%;
    bottom: -10000%;
    right: -10000%;

    margin: auto;
}

.media--contain img,
.media--contain video {
    max-width: 100%;
    max-height: 100%;
}

.media--cover img,
.media--cover video {
    min-width: 1000%;
	min-height: 1000%;
	
	-moz-transform: scale(.1);
	-webkit-transform: scale(.1);
	-o-transform: scale(.1);
	-ms-transform: scale(.1);
	transform: scale(.1);
}

/* Header */
.header {
    display: block;
    width: 100%;

    position: relative;
    position: sticky;
    top: 0;
    z-index: 1;

    padding: 50px;
}

.header-slider {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.header-slider .slick-list,
.header-slider .slick-track {
    height: 100%;
}

.header-slider-item {
    display: block;
    width: 100%;
    height: 100%;
}

.header-logo {
    display: block;

    margin: 0 0 50px 0;
}

.header-title {
    display: block;

    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    color: #FFF;
}

.wrapper {
    display: block;
    width: 100%;

    position: relative;
    z-index: 1;

    background-color: #FFF;

    overflow: hidden;
}

.tagline {
    display: block;
    width: 100%;

    padding: 20px 50px;

    background-color: #ED662B;

    text-align: center;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.1;
    color: #FFF;
}

.tagline::before {
    content: '« ';
}

.tagline::after {
    content: ' »';
}

.section {
    display: block;
    width: 100%;

    padding: 0 50px;
    margin: 80px 0;
}

.section-row {
    display: flex;
    width: calc(100% + 100px);

    margin: 0 -50px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.section-col {
    margin: 0 50px;
}

.section-col--4 {
    width: calc(100% / 3 - 100px);
}

.section-col--8 {
    width: calc(100% / 1.5 - 100px);
}

.sidebar-wrapper {
    display: flex;
    width: 100%;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.sidebar {
    display: flex;
    width: 25%;
    max-width: 350px;

    padding: 80px 50px;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: #F8F8F8;
}

.sidebar-wrapper--top .sidebar {
    justify-content: flex-start;
}

.sidebar-content {
    display: block;
    
    align-self: center;
    flex: 1 1 auto;
}

.sidebar-wrapper--top .sidebar-content {
    justify-content: flex-start;
}

.sidebar-header {
    display: block;
    width: calc(100% + 100px);

    padding: 0 50px 50px 50px;
    border-bottom: 1px solid #E2E2E2;
    margin: -20px -50px 50px -50px;
}

.sidebar-logo {
    display: block;
    width: 100%;

    margin: 0 0 50px 0;
}

.sidebar-logo-image {
    display: block;
    width: 100%;
    height: auto;
}

.sidebar-title {
    display: block;

    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
}

.menu {
    display: block;
    width: 100%;
}

.menu-header {
    display: none;
}

.menu-wrapper {
    display: flex;
    width: 100%;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.nav {
    display: block;
    width: 100%;

    margin: 0 0 60px 0;
}

.nav-item {
    display: block;
    width: 100%;

    border-bottom: 1px solid #BCC6D6;
}

.nav-link {
    display: block;
    width: 100%;

    padding: 20px 0;
    margin: 0 0 -1px 0;

    text-align: center;
}

.nav-link--current {
    background-color: #535353;
    color: #FFF;
}

.nav-link--green {
    background-color: #7ABA28;
    color: #FFF;
}

.sidebar-poster {
    display: block;
    width: 100%;
    max-width: 272px;

    margin: 0 0 20px 0;
}

.sidebar-poster-title {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;

    text-align: center;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25;
}

.sidebar-poster-image {
    display: block;
    width: 100%;
    height: auto;
}

.sidebar-buttons {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;
}

.sidebar-link {
    margin: 0 0 20px 0;

    font-size: 1.125rem;
    font-weight: 500;
    color: #ED662B;
}

.buttons {
    display: flex;
    max-width: calc(100% + 10px);

    margin: -5px;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.buttons--vertical {
    flex-direction: column;
}

.buttons-item {
    display: block;

    margin: 5px;
}

.button {
    display: block;
    width: calc(2rem + 20px);
    min-width: calc(2rem + 20px);
    height: calc(2rem + 20px);

    position: relative;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.button-wrapper {
    display: inline-flex;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    border: 1px solid #ED662B;
    border-radius: 9999px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    color: #ED662B;

    overflow: hidden;
    transition: width .2s ease, background-color .2s ease, color .2s ease;
}

.button--right .button-wrapper {
    left: auto;
    right: 0;

    flex-direction: row-reverse;
}

.button--white .button-wrapper {
    border-color: #FFF;
    color: #FFF;
}

.button:hover .button-wrapper {
    width: var(--width);
    
    z-index: 1;

    background-color: #ED662B;

    color: #FFF;
}

.button--white:hover .button-wrapper {
    background-color: #FFF;

    color: #ED662B;
}

.button-icon {
    display: flex;
    width: calc(2rem + 18px);
    min-width: calc(2rem + 18px);
    height: calc(2rem + 18px);

    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-size: 1.25rem;
}

.button-label {
    display: block;

    padding: 10px 25px 10px 1px;

    text-align: left;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1rem;
    white-space: nowrap;

    opacity: 0;
    transition: opacity .2s ease;
}

.button--right .button-label {
    padding: 10px 1px 10px 25px;

    text-align: right;
}

.button:hover .button-label {
    opacity: 1;
}

.social-networks {
    display: flex;
    max-width: calc(100% + 10px);

    margin: -5px;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.social-networks-item {
    display: block;

    margin: 5px;
}

.social-networks-link {
    display: flex;
    width: calc(1em + 20px);
    height: calc(1em + 20px);

    border-radius: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: #BCC6D6;

    font-size: 1.375rem;
    color: #FFF;
}

.interview {
    display: flex;
    width: 100%;

    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    text-align: center;
}

.interview-title {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;
}

.interview-wrapper {
    display: flex;
    width: 100%;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.interview-item {
    display: flex;

    position: relative;
    z-index: 1;

    padding: 60px;
    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 1;
}

.interview-item::before {
    display: block;
    width: 0;

    padding: 150% 0 0 0;

    content: '';
}

.interview-item-image {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.interview-item-quote {
    display: block;
    width: 100%;
    max-width: 500px;

    margin: 0 auto;
}

.interview-item-quote-author {
    display: block;

    margin: 0 0 15px 0;

    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.25;
    color: #ED662B;
}

.interview-item-quote-text {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 1.375rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.25;
    color: #FFF;
}

.interview-item-quote-text::before {
    content: '« ';
}

.interview-item-quote-text::after {
    content: ' »';
}

.interview-link {
    margin: 30px 0 0 0;
    
    align-self: flex-end;

    text-align: right;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    font-style: italic;
    color: #ED662B;
}

.message {
    display: flex;
    width: 100%;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.message:not(:last-child) {
    margin: 0 0 80px 0;
}

.message-image {
    display: block;
    width: 50%;

    background-color: #F8F8F8;
}

.message-content {
    display: flex;
    width: 50%;

    padding: 60px 50px 20px 50px;
    border-top: 1px solid #BCC6D6;
    border-bottom: 1px solid #BCC6D6;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
}

.message-title {
    display: block;
    width: 100%;

    font-size: 1.5625rem;
    line-height: 1.25;
}

.message-quote {
    display: block;
    width: 100%;
    max-width: 500px;

    margin: 80px 0 60px 0;
}

.message-quote-text {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.25;
}

.message-quote-text::before {
    content: '« ';
}

.message-quote-text::after {
    content: ' »';
}

.message-quote-author {
    display: block;

    margin: 30px 0 0 0;

    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.25;
    color: #ED662B;
}

.message-link {
    margin: 0 -60px 0 0;
    
    align-self: flex-end;

    text-align: right;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    font-style: italic;
    color: #ED662B;
}

/* Commissions */
.commissions {
    display: flex;
    width: 100%;

    padding: 60px 50px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    background-color: #7ABA28;
    background-image: url(../img/commissions-background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;

    color: #FFF;
}

.commissions-content {
    display: block;
    width: calc(65% - 25px);
    max-width: 920px;

    margin: 0 auto;

    text-align: center;
}

.commissions-title {
    margin: 0 0 60px 0;
}

.commissions-slider {
    display: block;
    width: 100%;

    position: relative;
}

.commissions-slider-track {
    display: block;
    width: 100%;

    position: relative;

    overflow: hidden;
}

.commissions-slider-item {
    display: block;
    width: 100%;
}

.commissions-slider-track:not(.slick-initialized) .commissions-slider-item:not(:first-child) {
    display: none;
}

.commissions-slider-media {
    display: block;
    width: 100%;

    margin: 0 0 calc(2rem + 60px) 0;
}

.commissions-slider-media::before {
    display: block;
    width: 0;

    padding: 56.25% 0 0 0;

    content: '';
}

.commissions-slider-title {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;

    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.25;
}

.commissions-slider-text {
    display: block;
    width: 100%;
    max-width: 600px;

    margin: 0 auto;

    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 1.3;
}

.commissions-slider-link {
    display: none;
}

.commissions-slider-controls {
    display: flex;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;

    padding: 0 20px;
    margin: calc(56.25% + 20px) 0 0 0;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.commissions-slider-button {
    display: flex;
    width: calc(2rem + 20px);
    height: calc(2rem + 20px);

    border: 1px solid #FFF;
    border-radius: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.commissions-slider-dots {
    display: flex;

    margin: 0 20px;
    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
}

.commissions-sidebar {
    display: block;
    width: calc(35% - 25px);
    max-width: 350px;

    margin: 0 0 0 50px;
}

.commissions-list {
    display: block;
    width: 100%;

    margin: 0 0 50px 0;
}

.commissions-list-item {
    display: flex;
    width: 100%;

    position: relative;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.commissions-list-item:not(:last-child) {
    margin-bottom: 30px;
}

.commissions-list-item::before {
    display: block;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.35rem;

    content: '';

    background-image: url(../img/commissions-dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    opacity: .5;
    transform: scale(.65);
    transform-origin: center;
    transition: transform .2s ease, opacity .2s ease;
}

.commissions-list-item--current::before {
    opacity: 1;
    transform: scale(1);
}

.commissions-list-item:not(:last-child)::after {
    display: block;
    width: 1px;
    height: 20px;

    position: absolute;
    top: calc(100% + 5px);
    left: calc(1.175rem + 1px);

    background-color: #FFF;

    content: '';
}

.commissions-list-title {
    display: block;

    margin: 0 10px;

    flex: 1 1 auto;
}

.commissions-list-button {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    font-style: italic;

    opacity: .75;
    transform: scale(.75);
    transform-origin: center left;
    transition: transform .2s ease, opacity .2s ease;
}

.commissions-list-item--current .commissions-list-button {
    opacity: 1;
    transform: scale(1);
}

.commissions-list-link {
    display: flex;
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-size: 2.35rem;
    line-height: 1;

    opacity: .5;
    transform: scale(.75);
    transform-origin: center;
    transition: transform .2s ease, opacity .2s ease;
}

.commissions-list-item--current .commissions-list-link {
    opacity: 1;
    transform: scale(1);
}

.commissions-poster {
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.commissions-poster-image {
    display: block;
    width: calc(100% - 2rem - 40px);
    height: auto;

    margin: 0 auto 0 0;
}

/* Highlights */
.highlights {
    display: flex;
    width: 100%;

    padding: 60px 50px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    background-color: #FCC42D;
    background-image: url(../img/highlights-background.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;

    color: #000;
}

.highlights-poster {
    display: block;
    width: 20%;
    max-width: 312px;
    height: auto;

    margin: 0 50px 0 0;
}

.highlights-poster-image {
    display: block;
    width: 100%;
}

.highlights-content {
    display: block;
    max-width: 420px;

    margin: 0 auto;

    flex: 1 1 auto;

    text-align: center;
}

.highlights-title {
    margin: 0 0 30px 0;
}

.highlights-dates {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;

    font-size: 1.875rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.25;
}

.highlights-text {
    display: block;
    width: 100%;

    font-size: 1.5625rem;
    font-weight: 300;
    font-style: italic;
}

.highlights-buttons {
    display: block;
    width: 100%;

    margin: 30px 0 0 0;
}

.highlights-media {
    display: block;
    width: 40%;

    margin: 0 0 0 50px;
}

.highlights-media::before {
    display: block;
    width: 0;

    padding: 56.25% 0 0 0;

    content: '';
}

.highlights-media-controls {
    display: flex;
    width: 35%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

[controls] + .highlights-media-controls {
    display: none;
}

.highlights-media-play {
    display: flex;
    width: 80px;
    height: 80px;

    border: 3px solid #FCC42D;
    border-radius: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: #FFEBBE;

    font-size: 32px;
    color: #FCC42D;
}

.highlights-media-play i {
    margin-bottom: -5px;
}

.icon-youtube-play {
    margin-bottom: -2px;
}

/* Board */
.board {
    display: block;
    width: 100%;

    padding: 80px 50px 60px 50px;
    border-top: 1px solid #BCC6D6;
    border-bottom: 1px solid #BCC6D6;

    background-color: #F8F8F8;

    text-align: center;
}

.board-container {
    display: block;
    width: 100%;
    max-width: 800px;

    margin: 0 auto;
}

.board-title {
    margin: 0 0 30px 0;
}

.board-text {
    display: block;
    width: 100%;

    font-size: 1.5625rem;
    font-weight: 300;
    font-style: italic;
}

.board-buttons {
    display: block;
    width: 100%;

    margin: 30px 0 0 0;
}

/* Numbers */
.numbers {
    display: flex;
    width: calc(100% + 100px);

    margin: 0 -50px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.numbers-item {
    display: block;
    width: 25%;

    position: relative;

    padding: 0 50px;

    text-align: center;
}

.numbers-item:not(:last-child)::after {
    display: block;
    width: 0;
    height: 100%;

    position: absolute;
    top: 0;
    right: 0;

    border-right: 1px solid #BCC6D6;

    content: '';

    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform .35s ease;
}

.numbers-item--displayed:not(:last-child)::after {
    transform: scaleY(1);
}

.numbers-icon {
    display: block;

    margin: 0 0 20px 0;

    font-size: 70px;
    color: #ED662B;

    opacity: 0;
    transition: opacity .35s ease;
}

.numbers-item--displayed .numbers-icon {
    opacity: 1;
}

.numbers-figure {
    display: block;
    width: 100%;

    margin: 0 0 20px 0;

    font-size: 4vw;
    font-weight: 300;
    line-height: 1;
    color: transparent;

    transition: color .2s ease;
}

.numbers-item--displayed .numbers-figure {
    color: #000;
}

.numbers-animation {
    display: inline-block;

    position: relative;

    color: transparent;
}

.numbers-animation::before {
    display: block;
    width: 100%;

    position: absolute;
    top: 0;
    right: 0;

    content: attr(data-counter);
    text-align: right;
}

.numbers-item--displayed .numbers-animation::before {
    color: #000;
}

.numbers-description {
    display: block;
    width: 100%;

    font-size: 1.5625rem;
    font-weight: 300;
    font-style: italic;

    opacity: 0;
    transform: translateY(25px);
    transition: opacity .35s ease .15s, transform .35s ease .15s;
}

.numbers-item--displayed .numbers-description {
    opacity: 1;
    transform: translateY(0);
}

/* Team */
.team {
    display: flex;

    border-top: 1px solid #BCC6D6;
    border-bottom: 1px solid #BCC6D6;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    background-color: #F8F8F8;
}

.team-media {
    display: block;
    width: 100%;
}

.team-media::before {
    display: block;
    width: 0;

    padding: 68% 0 0 0;

    content: '';
}

.team-content {
    display: block;
    width: 100%;
    
    padding: 60px 50px 50px 50px;
    margin: auto 0;

    text-align: center;
}

.team-title {
    margin: 0 0 50px 0;
}

/* Results */
.results {
    display: flex;

    padding: 60px 50px;
    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    background-color: #BCC6D6;
    background-image: url(../img/results-background.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

.results-poster {
    display: block;
    width: 30%;
    max-width: 267px;

    margin: 0 50px 0 0;
}

.results-poster-image {
    display: block;
    width: 100%;
    height: auto;
}

.results-buttons {
    display: block;
    width: 100%;

    margin: 50px 0 0 0;
}

.results-content {
    display: block;
    max-width: 410px;

    margin: 0 auto;
    
    flex: 1 1 auto;

    text-align: center;
}

.results-title {
    margin: 0 0 30px 0;
}

.results-text {
    display: block;
    width: 100%;

    font-size: 1.5625rem;
    font-weight: 300;
    font-style: italic;
}

/* Page */
.page-header {
    display: flex;
    width: 100%;
    min-height: 100vh;

    position: relative;
    z-index: 1;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;

    background-color: #BCC6D6;

    color: #FFF;
}

.page-header-background {
    display: block;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-header-quote {
    display: block;
    width: 50%;
    max-width: 580px;

    margin: 50px 50px 50px auto;

    text-align: center;
}

.page-header-quote-text {
    display: block;
    width: 100%;

    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
}

.page-header-quote-text::before {
    content: '« ';
}

.page-header-quote-text::after {
    content: ' »';
}

.page-header-quote-author {
    display: block;

    margin: 30px 0 0 0;

    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.25;
    color: #ED662B;
}

.page-wrapper {
    display: flex;
    width: 100%;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.page-title {
    display: block;
    width: 100%;

    margin: 0 0 30px 0;

    text-transform: uppercase;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.25;
}

.page-content {
    display: block;
    width: calc(75% - 50px);
}

.page-container {
    display: block;
    width: 100%;
    max-width: 660px;

    margin: 0 auto;
}

.page-aside {
    display: block;
    width: calc(25% + 50px);

    position: relative;
    z-index: 1;

    padding: 0 50px;
    border-left: 1px solid #E2E2E2;
    margin: 0 -50px 0 50px;

    text-align: center;
    font-weight: 500;
}

.page-aside::before {
    display: block;
    width: 95px;
    height: 80px;

    position: absolute;
    bottom: calc(100% + 40px);
    left: calc(50% - 47.5px);

    background-image: url(../img/dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    content: '';
}

.page-back {
    display: flex;
    width: calc(37.5% + 50px);

    padding: 0 0 15px 50px;
    border-bottom: 1px solid #707070;
    margin: 50px auto 0 -50px;

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;

    text-align: right;
}

.page-back-link {
    display: block;

    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    color: #ED662B;
}

@media (max-width: 1440px) {
    .section-row {
        width: calc(100% + 50px);

        margin: 0 -25px;
    }

    .section-col {
        margin: 0 25px;
    }

    .section-col--4 {
        width: calc(100% / 3 - 50px);
    }

    .section-col--8 {
        width: calc(100% / 1.5 - 50px);
    }
}