.gm-prevented>.gm-scrollbar,
.gm-scrollbar-container.hidden .gm-scrollbar {
    display: none
}

.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
    content: ''
}

*,
.mfp-container,
:after,
:before,
img.mfp-img,
legend {
    box-sizing: border-box
}

.home__content__timeline__rangeSlider img,
section#library .new-library-content li .box-check .checkbox-button input[type=checkbox] {
    visibility: hidden
}

.parallax {
    position: relative;
    width: 100%;
    padding: 0
}

.parallax__layer {
    width: 100%;
    position: absolute
}

.parallax__layer--1 {
    background: url(images/bg-parallax-1.png) fixed;
    background-size: cover;
    height: 100%;
    z-index: 10
}

.parallax__layer--2 {
    background: url(images/bg-parallax-2.png) fixed;
    background-size: cover;
    height: 100%;
    z-index: 10
}

.parallax__layer--3 {
    background: url(images/bg-parallax-3.png) repeat-y;
    background-size: contain;
    height: 100%;
    z-index: 20;
    top: 0
}

.gm-scrollbar-disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gm-prevented {
    -webkit-overflow-scrolling: touch
}

.gm-scrollbar-container {
    position: relative;
    overflow: hidden !important;
    width: 100%;
    height: 100%
}

.gm-scrollbar {
    position: absolute;
    left: 4px;
    bottom: 2px;
    z-index: 1;
    border-radius: 3px;
    background: #1e1e1e
}

.gm-scrollbar.-vertical {
    width: 7px;
    top: 4px
}

.gm-scrollbar.-horizontal {
    height: 6px;
    left: 2px;
    display: none
}

.gm-scrollbar .thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: #4f4e4e;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.gm-scrollbar .thumb:active,
.gm-scrollbar .thumb:hover {
    background-color: #919191
}

.gm-scrollbar.-vertical .thumb {
    width: 100%
}

.gm-scrollbar.-horizontal .thumb {
    height: 100%
}

.gm-scrollbar-container .gm-scroll-view {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch
}

.gm-scrollbar-container.gm-autoshow .gm-scrollbar {
    opacity: 0;
    transition: opacity 120ms ease-out
}

.gm-scrollbar-container.gm-autoshow:active>.gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:focus>.gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:hover>.gm-scrollbar {
    opacity: 1;
    transition: opacity 340ms ease-out
}

.marquee a,
.mfp-bg,
.mfp-wrap .mfp-content {
    transition: all .5s ease-out
}

.gm-resize-trigger {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    opacity: 0
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #002952
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute;
    left: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img,
legend {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

button,
hr,
input {
    overflow: visible
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-bg {
    opacity: 0
}

.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-bg.mfp-removing,
.mfp-wrap .mfp-content {
    opacity: 0
}

.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.loader-wrapper p {
    font-family: ComicSans, sans-serif;
    text-transform: uppercase;
    color: #00A8E6;
    font-size: 2.8rem;
    margin-bottom: 35px
}

.loader-wrapper span {
    font-size: 2.5rem;
    color: #FFF;
    font-family: ComicSans, sans-serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.loader-wrapper span::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #FFF;
    margin-left: 20px;
    -webkit-animation: 1s flash1 infinite;
    animation: 1s flash1 infinite
}

.info-baner,
.js .loader-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox
}

.col-1,
.rangeslider--horizontal {
    width: 100%
}

.js .loader-wrapper {
    display: flex
}

.rangeslider,
.rangeslider__fill,
figcaption,
figure,
main {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

.rangeslider {
    position: relative
}

.rangeslider__fill {
    position: absolute
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.rangeslider--horizontal .rangeslider__handle {
    top: 0;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    color: inherit;
    display: table;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.col-1-2:after,
.col-1-3:after,
.col-1-4:after,
.col-1-5:after,
.col-1-6:after,
.col-1-8:after,
.col-1:after,
.col-2-3:after,
.col-3-4:after {
    content: "";
    display: table;
    clear: both
}

section {
    clear: both
}

.wrapper {
    max-width: 1223px;
    margin: auto
}

.wrapper-m {
    max-width: 960px;
    margin: auto
}

@media (max-width:991px) {
    .wrapper-m {
        padding: 0 15px
    }
}

.wrapper-xs {
    max-width: 760px;
    margin: auto;
    padding: 0 15px
}

.col-1,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-8,
.col-2-3,
.col-3-4 {
    padding-left: 15px;
    padding-right: 15px
}

.col-1 {
    float: none;
    position: relative;
    min-height: 1px
}

.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-1-8,
.col-2-3,
.col-3-4 {
    float: left;
    min-height: 1px;
    position: relative
}

.col-1-2 {
    width: 50%
}

.col-1-4 {
    width: 25%
}

.col-1-5 {
    width: 20%
}

.col-1-8 {
    width: 80%
}

.col-1-3 {
    width: 33.333333%
}

.col-3-4 {
    width: 75%
}

.col-2-3 {
    width: 66.666666%
}

.no-p-l {
    padding-left: 0 !important
}

.no-p-2 {
    padding-right: 0 !important
}

.col-1-6 {
    width: 16.66666666666667%;
    padding-left: 15px;
    padding-right: 15px
}

.pull-right {
    float: right !important
}

.no-padding {
    padding: 0 !important
}

@media (max-width:991px) {
    .col-1-2-sm {
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .col-1-2-sm:after {
        content: "";
        display: table;
        clear: both
    }
    .col-1-3-sm {
        width: 33.333333%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .col-1-3-sm:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (max-width:767px) {
    .col-1-2-xs {
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .col-1-2-xs:after {
        content: "";
        display: table;
        clear: both
    }
    .col-1-xs {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .col-1-xs:after {
        content: "";
        display: table;
        clear: both
    }
    .hide-xs {
        display: none
    }
}

@media (max-width:550px) {
    .col-1-min {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        min-height: 1px
    }
    .col-1-min:after {
        content: "";
        display: table;
        clear: both
    }
    section#videos .section__videos__container__other__description {
        text-align: center
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: "Avenir Next Regular";
    src: url(fonts/avenir-next-regular) format("ttf")
}

@font-face {
    font-family: HelveticaNeu;
    src: url(fonts/Helvetica_LT_45_Light.ttf)
}

@font-face {
    font-family: din;
    src: url(fonts/din.ttf)
}

html {
    font-size: 62.5%
}

@media (max-width:767px) {
    html {
        font-size: 55.5%
    }
}

img {
    vertical-align: middle
}

.section__top_position {
    position: relative
}

.section__top_position:after {
    content: '';
    display: block;
    width: 100%;
    background: #666;
    height: 1px;
    margin: 20px 0 10px
}

.section {
    background: #262626
}

.site__content {
    background: url(../images/top.jpg) bottom no-repeat;
    background-size: cover;
    width: 100%
}

.site__content h3 {
    text-align: center;
    color: #FFF;
    display: none;
    padding-top: 50px
}

section#videos .section__videos__container__other__title h5 {
    padding-top: 15px;
    font-size: 2.3rem;
    font-weight: 300
}

section#videos .section__videos__container__other__description {
    font-size: 1.6rem;
    font-weight: 300;
    padding-top: 18px
}

section#videos .section__videos__container {
    position: relative;
    padding: 15px 35px;
    overflow: hidden;
    margin-bottom: 25px
}

section#videos .section__videos__container video {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

@media (max-width:550px) {
    section#videos .section__videos__container {
        text-align: center
    }
    section#videos .section__videos__container__title {
        padding-top: 25px
    }
}

section#videos .section__videos__container__title h5 {
    font-size: 2.3rem;
    font-weight: 300
}

section#videos .section__videos__container__published {
    padding-top: 25px
}

section#recommend-videos .section__rss {
    height: 50px
}

.video-popup {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

.video-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#recommend-videos .section {
    overflow: hidden;
    padding: 10px 0 5px
}

.info-baner {
    display: flex;
    height: 50px;
    padding: 0 15px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(269deg, #15D3FE 0, #1187FE 61%, #0F68EE 82%, #0944D9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0944d9', endColorstr='#15d3fe', GradientType=1)
}

.info-baner-title {
    border-right: 1px solid #1857D1;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    font-weight: 700
}

.category-captcha,
.marquee {
    width: 100%;
    overflow: hidden
}

@media (max-width:550px) {
    .info-baner-title {
        display: block;
        height: initial;
        border-right: 0;
        text-align: center;
        width: 100%;
        padding-bottom: 15px
    }
    .info-baner {
        display: block;
        padding: 10px 0;
        height: initial
    }
}

.marquee {
    margin: 0 auto
}

.marquee a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    margin: 0 15px;
    opacity: 1;
    padding: 6px 53px 6px 8px;
    border-right: 1px solid #FFF
}

.marquee a:hover {
    opacity: .7
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

.copyright {
    text-align: center;
    color: #8C8C8C;
    padding: 20px 0;
    font-size: 1.3rem
}

section#library h3 {
    padding: 6px 15px 50px;
    font-size: 3.7rem;
    font-family: HelveticaNeu, sans-serif;
    text-transform: uppercase
}

section#library .categories-library {
    position: relative
}

section#library .categories-library ul li {
    padding-bottom: 25px
}

@media (max-width:767px) {
    section#library .categories-library ul {
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    section#library .categories-library ul li {
        display: inline-block;
        padding-bottom: 0;
        border: 1px solid #FFF;
        min-width: 95px;
        margin: 5px
    }
}

section#library .categories-library ul li a:hover {
    color: #525250
}

section#library .books li {
    margin: 20px 0
}

section#library .books li .book a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

section#library .books li .book a img {
    max-width: 180px;
    height: auto;
    vertical-align: middle
}

section#library .books li .book a .description-book {
    padding-left: 25px;
    color: #FFF
}

section#library .books li .book a .description-book p {
    padding-bottom: 15px
}

.propose {
    max-width: 500px;
    margin: 0 auto
}

.popup-inner,
.propose-popup {
    max-width: 520px
}

.propose-another {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px 0
}

.propose-another a {
    color: #666;
    font-size: 1.4rem;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #666;
    background: 0 0;
    padding: 10px 15px;
    transition: all .5s ease
}

.propose-another a:hover {
    color: #FFF;
    background: #666
}

.category-captcha {
    float: none;
    clear: both;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #D7D7D7;
    border-right: 0;
    vertical-align: middle
}

@media (max-width:1210px) {
    .category-captcha {
        font-size: 10px
    }
}

@media (max-width:991px) {
    section#library .categories-library {
        position: relative
    }
    .propose-another {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .category-captcha {
        width: 100%
    }
}

.captcha-submit {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    margin: 10px 0
}

.captcha-submit input[type=submit] {
    padding: 5px 0;
    width: 120px;
    border: 1px solid #D7D7D7;
    border-left: none;
    cursor: pointer;
    background-color: transparent;
    color: #FFF;
    text-transform: uppercase;
    transition: all .5s ease-in;
    outline: 0;
    font-family: Roboto, sans-serif
}

.captcha-submit input[type=submit]:hover {
    background: 0 0
}

.category-captcha div.captcha-error {
    background-color: #FFF;
    color: #DB0000;
    display: none;
    float: none;
    border: 1px solid #DB0000;
    padding: .5em;
    text-align: center;
    font-weight: 400;
    border-radius: 5px;
    clear: both;
    margin: 10px;
    width: auto;
    font-size: 1em
}

.captcha label.error {
    display: block;
    margin-top: 10px;
    font-size: .7em
}

.category-captcha input {
    display: inline-block !important;
    padding: .5em .3em;
    vertical-align: middle;
    margin: 0;
    background: #F5F5F5;
    border: 1px solid #E2E2E2;
    font-family: Open Sans, sans-serif;
    color: #000
}

.category-captcha>div {
    width: 50%;
    float: left;
    padding: 10px
}

.category-captcha div.captcha {
    text-align: right;
    font-size: 1em
}

@media (max-width:1300px) {
    .category-captcha div.captcha {
        font-size: .9em
    }
    .category-captcha div.captcha .cptch_span input {
        width: 30px !important
    }
}

.category-captcha strong {
    display: block
}

form.propose .form-title {
    font-size: 2.5rem;
    color: #FFF;
    font-family: Roboto, sans-serif;
    padding-bottom: 10px
}

form.propose input[type=text] {
    width: 100%;
    padding: 5px 14px;
    overflow: auto;
    border: 1px solid #BFBFBF;
    font-size: 1.4rem;
    font-family: Roboto, sans-serif;
    margin: 5px 0 15px
}

.propose-popup input {
    color: #000
}

.propose-popup p,
.propose-popup span {
    color: #FFF;
    font-family: Roboto, sans-serif
}

.propose-popup .dashicons {
    font-family: dashicons
}

.info-message {
    text-align: center;
    padding-bottom: 22px;
    font-family: Roboto, sans-serif;
    margin-bottom: 10px;
    font-size: 2rem
}

.info-message.success {
    color: #4CAF50
}

.info-message.error {
    color: red
}

.tax-footer {
    margin-top: 0
}

.preloader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: auto !important;
    min-height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background-image: url(images/load-bg.jpg)
}

.preloader .status {
    height: 100vh
}

.preloader .status img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.add_over {
    overflow: hidden
}

.add_over img {
    transition: all 2s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

img.over_elem {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .75)
}

.popup-inner {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px #000;
    border-radius: 3px;
    background: 0 0
}

.popup-close {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: ease .75s all;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #D0D0D0;
    text-decoration: none
}

@media screen and (max-width:350px) {
    .popup-close {
        top: 0;
        right: 0
    }
}

.popup-close:hover {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    -ms-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
    text-decoration: none
}

.connect-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.connect-popup {
    max-width: 1000px;
    padding: 0
}

.connect-popup .connect-left {
    width: 70%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 330px;
    background: #000
}

.connect-popup .connect-left img {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.connect-popup .connect-left__content {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding-left: 100px;
    padding-top: 90px
}

.connect-popup .connect-left__content p {
    font-size: 1.8rem;
    line-height: 18px
}

.connect-popup .connect-left__content p strong {
    font-size: 3rem;
    font-family: din, sans-serif
}

.connect-popup .connect-left__content p a {
    text-decoration: none;
    color: #EA3C3D
}

.connect-popup .connect-left__content-mail {
    padding-top: 55px
}

.connect-popup .connect-right {
    width: 30%;
    height: 330px;
    background: #0C3BE3;
    padding: 15px
}

.connect-popup .connect-right p {
    font-size: 1.8rem;
    color: #100563;
    text-transform: uppercase;
    position: relative;
    line-height: 22px
}

.connect-popup .connect-footer {
    width: 100%;
    height: 168px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #092EBB;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.connect-popup .connect-footer .connect-footer__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 34px;
    width: 70%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.connect-popup .connect-footer .connect-footer__text p {
    color: #00B0F0;
    font-style: italic;
    font-size: 1.9rem;
    font-family: HelveticaNeu, sans-serif
}

section#about {
    overflow: hidden
}

section#mtbios {
    overflow: hidden;
    background: #000
}

section#mtbios .mtbios__page {
    text-align: center;
    color: #6E6E6E;
    margin-top: 50px
}

section#mtbios .mtbios__page h3 {
    text-transform: uppercase;
    font-family: 'Arial Narrow', sans-serif;
    font-size: 4.2rem;
    letter-spacing: .2rem;
    font-weight: 700
}

section#mtbios .mtbios__page:after {
    content: '';
    height: 2px;
    display: block;
    width: 100%;
    background: #BDBDBD;
    margin-top: 15px;
    margin-bottom: 50px
}

section#mtbios .people {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section#mtbios .people:nth-child(odd) .bios__photo {
    margin: 0 -50px 0 0
}

section#mtbios .people:nth-child(even) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

section#mtbios .people:nth-child(even) .bios__photo {
    margin: 0 0 0 -50px;
    position: relative;
    right: 18px
}

section#mtbios .bios__info {
    background: #262626;
    margin: 0 20px 0 0;
    padding: 50px 80px 105px 55px
}

section#mtbios .bios__info p {
    color: #fff;
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.7rem;
    line-height: 2.3rem
}

section#mtbios .bios__photo img {
    box-shadow: 1px 5px 27px -8px #000;
    transition: all .5s ease;
    z-index: 10;
    width: 100%;
    height: auto;
    position: relative
}

#about .video-general {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -20;
    height: 100vh
}

#about .about-container__title {
    transition: all .7s ease-out;
    overflow: hidden;
    margin-top: 35px
}

#about .about-container__title a {
    position: fixed;
    left: 50%;
    z-index: 20;
    transition: all .7s ease-out;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#about .about-container__title h2 {
    position: fixed;
    left: 50%;
    z-index: 20;
    transition: all .7s ease-out;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 80px;
    text-align: center;
    font-size: 3.8rem;
    color: #C21E68;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: HelveticaNeu, serif;
    font-style: italic
}

#about .about-container__title img {
    max-width: 125px
}

@media (max-width:1066px) {
    #about .about-container__title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 6px 20px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #000;
        width: 100%;
        margin-top: 0
    }
}

#about .about-container__title a {
    display: block;
    margin-bottom: 12px
}

@media (max-width:1066px) {
    #about .about-container__title a {
        padding-right: 15px;
        margin-bottom: 0
    }
    #about .about-container__title h2 {
        font-size: 2.8rem
    }
}

#about .about-container__title a img {
    display: block;
    margin: auto
}

#about .about-content__box_title h4 {
    font-size: 2.9rem;
    color: #b5b5b5;
    font-weight: 400;
    text-align: center;
    font-family: HelveticaNeu, sans-serif
}

#about .about-content__box_title--logo h4 {
    font-size: 2.2rem !important
}

#about .about-content__box--purpose .about-content__box_title--logo h4 {
    font-size: 1.5rem !important
}

#about .about-content__box_content {
    color: #000;
    font-family: HelveticaNeu, sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 1.8rem;
    text-indent: 30px
}

#about .about-content__box_content img {
    display: block;
    margin: 0 auto
}

#about .about-content__box_content .video img {
    border: 1px solid #fff
}

#about .about-content__box_content a {
    color: #000;
    text-decoration: none;
    transition: all .5s ease
}

#about .about-content__box_content a:hover {
    color: #FFF
}

.sticky-about {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    left: 20px !important
}

.sticky-about-right {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    right: 20px !important;
    margin-top: 40px !important;
    left: initial !important
}

.grid-element__popup {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 10px;
    box-shadow: 0 -2px 22px 7px #CBF8FE
}

.expand,
.expand:hover {
    border: 1px solid #005CC2;
    padding: 10px 40px;
    margin: 0 auto;
    font-size: 1.7rem;
    width: 450px;
    text-align: center
}

@media (max-width:762px) {
    .grid-element__popup {
        display: none
    }
}

.rwd-container.rwd-view1 {
    background: #FFF !important
}

video {
    max-width: 100%
}

.expand {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .5s ease-in
}

.expand:hover {
    background-color: #005CC2;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-leaders-txt {
    z-index: 1;
    width: 100%;
    font-size: 3.2rem;
    font-family: DIN, sans-serif;
    position: absolute;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px #000;
    text-align: center;
    padding: 28px 9px
}

.challenges-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:1920px) {
    .challenges-container {
        min-height: calc(100vh - 537px)
    }
}

.challenges-container__button {
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 20px;
    text-decoration: none;
    text-align: center;
    font-family: Roboto, sans-serif;
    margin-top: 30px;
    margin-right: 5px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    transition: .3s all ease;
    border: 1px solid #f42a35
}

.challenges-container__button:focus,
.challenges-container__button:hover {
    background: #f42a35
}

.challenges-container__button span {
    display: block
}

.challenges-container__background {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -20
}

.challenges-container .challenges-boxs {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:600px) {
    .challenges-container .challenges-boxs {
        width: calc(80%)
    }
}

.challenges-container .challenges-button-container {
    width: 100%;
    margin-top: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:480px) {
    .challenges-container .challenges-button-container {
        width: 80%;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .challenges-container .challenges-button {
        margin-left: 5px
    }
}

.challenges-container .challenges-button {
    width: calc(100% - 10px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #FFF;
    text-shadow: 1px 1px #29088A;
    text-transform: uppercase;
    background: 0 0;
    border: 1px solid #FFF;
    font-size: 2.3rem;
    letter-spacing: .5rem;
    font-family: Roboto, sans-serif;
    padding: 25px 0;
    font-weight: 700;
    transition: .3s all ease-in
}

.challenges-container .challenges-button:focus,
.challenges-container .challenges-button:hover {
    border-color: #F52B37;
    background-color: #F52B37;
    color: #FFF
}

@media only screen and (min-width:960px) {
    .challenges-container .challenges-button {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width:1200px) {
    .challenges-container .challenges-button {
        font-size: 3.9rem
    }
}

.challenges-container .challenges-boxs .challenges-box {
    min-height: 180px;
    position: relative;
    width: calc(100%);
    margin: 5px;
    background: linear-gradient(181deg, #F62A36 0, #EC2931 59%, #8D1723 100%);
    transition: all .7s ease;
    opacity: 1
}

@media only screen and (min-width:480px) {
    .challenges-container .challenges-boxs .challenges-box {
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width:960px) {
    .challenges-container .challenges-boxs .challenges-box {
        width: calc(33.33% - 10px)
    }
}

@media only screen and (min-width:1100px) {
    .challenges-container .challenges-boxs .challenges-box {
        width: calc(25% - 10px)
    }
}

.challenges-container .challenges-boxs .challenges-box:hover {
    opacity: .95
}

.challenges-container .challenges-boxs .challenges-box a {
    display: block;
    text-decoration: none;
    color: #FFF;
    padding: 10px
}

.challenges-container .challenges-boxs .challenges-box__title {
    font-family: Roboto, sans-serif;
    font-size: 2.3rem;
    padding-bottom: 6px;
    min-height: 52px
}

.challenges-container .challenges-boxs .challenges-box__desc,
.challenges-container .challenges-boxs .challenges-box__number {
    font-size: 1.4rem;
    font-family: Roboto, sans-serif
}

.challenges-container .challenges-boxs .challenges-box__number {
    position: absolute;
    bottom: 31px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.challenges-container .challenges-boxs .challenges-box__number span {
    font-family: Roboto, sans-serif;
    font-size: 3.9rem;
    padding-right: 5px
}

#about .interactions-container {
    position: fixed;
    z-index: -20;
    width: 100%;
    top: 0;
    left: 0
}

#about .blade-content__rectangle {
    padding-top: 45px;
    padding-bottom: 5px;
    background-color: #fff;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden
}

.wrapper-xxs {
    max-width: 960px;
    margin: auto;
    overflow: hidden;
    padding: 0 15px
}

.img-fan-blade {
    margin-left: 410px;
    max-width: 45%
}

.horizontial-border {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 70px
}

.horizontial-border .blade-title {
    color: #000;
    padding: 0 20px;
    font-size: 2.7rem;
    font-family: 'Times New Roman', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width:640px) {
    .horizontial-border .blade-title {
        font-size: 3.5rem
    }
}

#about .blade-content {
    display: block;
    margin: 35px auto 0;
    position: relative
}

#about .blade-content-close {
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    height: 20px;
    z-index: 5
}

#about .blade-content-close-bottom {
    bottom: 40px;
    top: auto
}

#about .blade-content-close::after,
#about .blade-content-close::before {
    content: "";
    display: block;
    height: 20px;
    width: 1px;
    background: #CCC;
    position: absolute;
    top: 0;
    left: 10px;
    transition: .3s background ease-in;
    z-index: 10
}

#about .blade-content-close:focus::after,
#about .blade-content-close:focus::before,
#about .blade-content-close:hover::after,
#about .blade-content-close:hover::before {
    background: #000
}

#about .blade-content-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#about .blade-content-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#about .blade-content-back {
    color: #CCC;
    font-weight: 600;
    text-decoration: none;
    transition: .3s color ease-in;
    font-size: 1.6rem;
    position: relative;
    top: 45px
}

#about .blade-content-back:focus,
#about .blade-content-back:hover {
    color: #000
}

.blade-content-text {
    margin-bottom: 60px;
    padding: 20px 30px;
    color: #000;
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.8rem;
    line-height: 2.5rem
}

@media only screen and (min-width:960px) {
    .blade-content-text {
        padding: 10px 100px
    }
}

.blade-content-text__note {
    text-indent: 0 !important;
    font-size: 1.4rem
}

.blade-content-text__note::before {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    width: 100px;
    margin-bottom: 10px
}

.blade-content-text--pdf p {
    margin-bottom: 30px
}

.blade-content-text p {
    text-indent: 45px
}

.blade-content__share {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    font-size: 18px
}

.blade-content__share span {
    margin-right: 5px;
    color: #CCC
}

.blade-content__share a {
    color: #CCC;
    margin: 0 5px;
}

.proposal-content {
    display: block;
    margin: 60px auto 0
}

#challenges .proposal-content__box {
    border: 2px solid #CBF8FE;
    border-radius: 2px;
    padding: 0 15px 15px;
    background: #06104e;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

#challenges .proposal-content__box_title h4 {
    font-size: 2.9rem;
    text-transform: uppercase;
    font-family: 'Arial Narrow', sans-serif;
    font-weight: 500;
    color: #06104E;
    padding: 20px 10px
}

#challenges .box-title-white {
    padding: 0;
    border: 1px solid #1137E1;
    background-color: #FFF;
    width: 460px
}

#about .proposal-content__box_content {
    color: #000 !important;
    font-family: HelveticaNeu, sans-serif;
    font-weight: 700;
    line-height: 24px;
    font-size: 1.7rem
}

#about .proposal-content__box_content img {
    display: block;
    margin: 0 auto
}

#about .proposal-content__box_content a {
    color: #000;
    text-decoration: none;
    transition: all .5s ease
}

.marquee2 a,
.marquee3 a {
    text-decoration: none;
    transition: all .5s ease-out
}

#about .proposal-content__box_content a:hover {
    color: #FFF
}

.proposal-content__box_content {
    padding-top: 40px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.7rem
}

.proposal-content__box_content h5 {
    color: #fff
}

.triangle {
    width: 0%;
    height: 0%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0F0
}

.triangle-red {
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    border-style: solid;
    border-width: 0 15px 20px;
    border-color: transparent transparent red
}

.marquee2 {
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

.marquee2 a {
    color: #000;
    display: inline-block;
    margin: 0 15px;
    opacity: 1;
    padding: 6px 53px 6px 8px
}

.info-news,
.info-news-2,
.marquee3 {
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}

.marquee2 a:hover {
    opacity: .7
}

@-webkit-keyframes marquee2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes marquee2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

.info-news {
    height: 30px;
    position: relative;
    padding: 0 15px;
    background: #FFF
}

@media (max-width:550px) {
    .info-news {
        display: block;
        padding: 10px 0;
        height: initial
    }
}

.info-news-2 {
    height: 30px;
    padding: 0 15px;
    background: #116FFD
}

.marquee3 a {
    color: #FFF;
    display: inline-block;
    margin: 0 15px;
    opacity: 1;
    padding: 6px 53px 6px 8px
}

.blades-interaction-front img:hover,
.marquee3 a:hover {
    opacity: .7
}

@-webkit-keyframes marquee3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes marquee3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

.active-category {
    color: #737373 !important;
    text-decoration: underline !important
}

.wrapper-proposal {
    margin: 0 auto;
    width: 100%
}

.proposal-content__box {
    max-width: 650px;
    margin: 0 auto
}

@media (max-width:700px) {
    .proposal-content__box {
        margin: 0 30px
    }
}

.landing-page {
    padding: 180px 0 100px;
    position: relative
}

.landing-page__image {
    height: 190px;
    background-image: url(images/landing-page.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.landing-page__image-title {
    position: relative;
    bottom: 65px;
    font-size: 4.5rem;
    font-family: din, sans-serif;
    line-height: 38px;
    font-weight: 300
}

.landing-page__image-title a {
    text-decoration: none;
    color: #FFF;
    transition: all .5s ease
}

.landing-page__image-title a:hover {
    color: #CACACA
}

.landing-page__image-title span {
    display: block;
    margin-top: 10px;
    font-family: 'Times New Roman', sans-serif;
    font-style: italic;
    font-size: 2.8rem
}

.landing-page__more {
    margin: 55px 0 35px
}

.landing-page__more p {
    min-height: 50px;
    background: linear-gradient(90deg, #FFF 0, #007BFE 25%, #007BFE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#007bfe', GradientType=1);
    margin: 20px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.landing-page__more p a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 2.4rem;
    font-style: italic;
    color: #FFF;
    text-decoration: none
}

.landing-page__wrapper {
    margin: 0 auto;
    max-width: 1230px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.landing-page__wrapper-box {
    width: 50%;
    margin-top: 100px;
    padding: 0 35px
}

.landing-page__wrapper-box p {
    font-size: 1.9rem;
    color: #E2E2E2;
    font-family: 'Times New Roman', sans-serif;
    line-height: 21px
}

@media (max-width:767px) {
    .landing-page__wrapper-box {
        width: 100%;
        margin: 20px 0
    }
}

section#library {
    min-height: 80vh;
    background-image: url(images/new-library.jpg);
    background-repeat: repeat-y;
    background-position: center center;
    background-attachment: fixed;
    overflow: hidden;
    padding: 100px 0 50px
}

section#library .header-library-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    margin: 5px 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section#library .header-library-content_info {
    color: #333;
    width: 70%
}

section#library .categories-library ul li a {
    color: #FFF;
    padding: 15px 10px;
    text-decoration: none;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-family: HelveticaNeu, sans-serif;
    display: block;
    transition: all .6s ease
}

section#library .categories-library ul li a.active-category {
    font-weight: 700
}

section#library .new-library-content {
    background: rgba(255, 255, 255, .7);
    padding: 20px
}

section#library .new-library-content li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    margin: 5px 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section#library .new-library-content li .box-check {
    width: 30%
}

section#library .new-library-content li .box-check .checkbox-button {
    width: 40px;
    height: 40px;
    background: #DDD;
    margin: 20px 65px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

section#library .new-library-content li .box-check .checkbox-button label {
    display: block;
    width: 30px;
    height: 30px;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #FFF;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
}

section#library .new-library-content li .box-check .checkbox-button input[type=checkbox]:checked+label {
    background: #333
}

section#library .new-library-content li .info-about-item {
    width: 70%;
    padding-right: 90px
}

section#library .new-library-content li .info-about-item a {
    text-decoration: none
}

section#library .new-library-content li .info-about-item p {
    color: #333;
    line-height: 25px
}

.blades-interaction-front {
    display: block;
    padding-right: 15px
}

.blades-interaction-front img {
    margin: 5px 0
}

.inform-line {
    border-bottom: 2px solid #8C8C8C;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px
}

.contents {
    background: #FFF;
    min-height: 525px;
    overflow: hidden;
    max-height: 600px;
    border-radius: 2px;
    border: 2px solid transparent;
    color: rgba(0, 0, 0, .8);
    padding: 70px;
    margin: 0
}

.contents .popup-close {
    top: 16px;
    right: 14px
}

.slide-down-box,
.slide-up-box {
    overflow: hidden
}

.slide-up-box {
    height: 0;
    position: absolute;
    bottom: 25px;
    z-index: 999
}

.slide-down-box {
    height: auto
}

.slide-down-box>div,
.slide-up-box>div {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: .4s ease-in-out
}

.slide-down-box>div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.open-slide-box {
    position: relative;
    display: block;
    bottom: 0
}

.text-center {
    text-align: center
}

.more-bluntly {
    display: block;
    text-align: center
}

.no-padding-left {
    padding-left: 0
}

@media (max-width:991px) {
    .no-padding-left {
        padding-left: 15px
    }
}

.flex-about-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.proposal-content-comment {
    border: 3px solid #CBF8FE;
    background-image: url(images/background_proposal_1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 650px;
    margin: 0 auto 80px;
    padding: 0 15px 15px
}

.proposal-content-comment__comment {
    width: 70%
}

.proposal-content-comment__comment div {
    -webkit-transform: rotateX(20deg) rotateY(10deg);
    transform: rotateX(20deg) rotateY(10deg);
    font-size: 2.4rem;
    padding: 25px 5px 0
}

.proposal-content-comment__author {
    width: 30%
}

.proposal-content-comment__author_img {
    padding-top: 25px
}

.proposal-content-comment__author_img img {
    border: 3px solid transparent;
    border-image: url(images/border.png) 1 round;
    padding: 5px;
    margin-bottom: 11px
}

.proposal-content-comment__author_about {
    background: #000;
    padding: 10px
}

.proposal-content-comment__author_about ul li {
    margin-bottom: 7px;
    padding: 8px 5px;
    background: #00208D;
    font-size: 1.4rem;
    font-family: din, sans-serif
}

.proposal-content-comment__author_about ul li span {
    display: block;
    border-left: 5px solid orange;
    padding: 0 10px
}

section#videos .section__videos__container__description {
    font-size: 1.6rem;
    font-weight: 300;
    padding-top: 16px;
    color: #8C8C8C
}

section#videos .section__videos__container__description a {
    color: #8C8C8C;
    transition: all .5s ease;
    text-decoration: none
}

section#videos .section__videos__container__description a:hover {
    color: #fff;
    text-decoration: none
}

section#videos {
    margin-top: 40px
}

.blades-interaction-front img {
    transition: all .5s ease;
    width: 100%;
    max-height: 60px;
    position: relative
}

.open-slide-box {
    color: #8C8C8C;
    text-decoration: none;
    font-size: 18px;
    transition: all .5s ease;
    padding-left: 48px;
    font-weight: 300
}

.open-slide-box:hover {
    color: #FFF
}

.video-container .video a {
    color: #FFF;
    text-decoration: none;
    transition: all .5s ease
}

.video-container .video a span {
    background: #666;
    width: 95%;
    display: block;
    text-align: center;
    padding: 5px;
    position: relative;
    z-index: 5;
    margin: auto;
    bottom: 15px;
    border: 1px solid #000
}

.video-container .video a span:hover {
    background: #666
}

.video-container .video a img {
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .5s ease
}

section#library .header-library-content_checkbox {
    width: 30%;
    text-align: center;
    color: #ECB789
}

section#library .new-library-content li .info-about-item .author-library {
    color: #333;
    line-height: 25px;
    font-weight: 700
}

#about .about-content {
    display: block;
    overflow: hidden;
    margin: 30px auto 0;
    padding: 50px 15px 15px
}

@media only screen and (min-width:640px) {
    #about .about-content {
        padding: 50px 50px 15px
    }
}

@media only screen and (min-width:960px) {
    #about .about-content {
        padding-top: 75px;
        padding-bottom: 15px
    }
}

#about .about-content__box {
    border: 3px solid #CBF8FE;
    border-radius: 4px;
    padding: 45px 0;
    background: linear-gradient(100deg, rgba(76, 137, 208, .68) 1%, rgba(31, 98, 255, .54) 17%, rgba(194, 201, 250, .5) 49%, rgba(168, 246, 255, .5) 60%, rgba(123, 166, 251, .5) 70%, rgba(87, 171, 250, .5) 70.59%, rgba(107, 169, 249, .75) 77%, rgba(112, 168, 236, .5) 91%, rgba(112, 168, 236, .5) 95%, rgba(0, 105, 227, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70a8ec', endColorstr='#0072F5', GradientType=1);
    margin-bottom: 50px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:960px) {
    #about .about-content__box {
        padding: 45px
    }
}

.col-1-2-home {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px
}

.line-leaders {
    border-bottom: 2px solid #8C8C8C;
    width: 100%;
    padding-bottom: 20px
}

.connect-popup .connect-footer .connect-footer__map {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    background-color: #3D4470;
    background-image: url(images/Marty-connect.jpg);
    background-position: center center;
    background-repeat: no-repeat
}

.mail-footer a {
    color: #8C8C8C;
    transition: all .5s ease;
    text-decoration: none
}

.mail-footer a:hover {
    color: #FFF
}

.moveToTop {
    bottom: 35px;
    color: #f3f0f0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .5s ease-out
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.video-figure {
    position: relative;
    overflow: hidden
}

.video-figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.blades-interaction-front:hover .video-figure::before,
.video-figure:hover::before {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

.proposal-container .challenges-container__button {
    border: 1px solid #010832
}

.proposal-container .challenges-container__button:focus,
.proposal-container .challenges-container__button:hover {
    background: #010832
}

.proposal-container .challenges-box {
    background: linear-gradient(180deg, #06104e 0, #06104e 69%, #0D0D0D 165%) !important
}

.proposal-container .challenges-box a {
    height: 100%;
    outline: 0;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.proposal-container .challenges-box__title {
    padding-bottom: 0 !important
}

.proposal-container .challenges-box__connect {
    color: #FFF;
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: Roboto, sans-serif;
    padding-top: 33px
}

.proposal-container .challenges-box__connect li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.proposal-container .challenges-box__connect li::before {
    content: "•";
    margin-right: 4px
}

.proposal-container .challenges-box__connect span {
    display: block;
    text-transform: none;
    color: #FFF;
    font-size: 1.4rem
}

.proposal-container .challenges-box__connect span:first-of-type {
    margin-top: 10px
}

.challenges-popup {
    width: 60%;
    margin: 0 auto;
    position: relative;
    font-family: Roboto, sans-serif;
    color: #FFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: linear-gradient(180deg, #06104e 0, #06104e 69%, #0D0D0D 100%)
}

.challenges-popup .mfp-close {
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    z-index: 5
}

.challenges-popup .mfp-close:focus::after,
.challenges-popup .mfp-close:focus::before,
.challenges-popup .mfp-close:hover::after,
.challenges-popup .mfp-close:hover::before {
    background: #FFF
}

.challenges-popup .mfp-close::after,
.challenges-popup .mfp-close::before {
    content: "";
    display: block;
    height: 20px;
    width: 1px;
    background: #CCC;
    position: absolute;
    top: 0;
    left: 10px;
    transition: .3s background ease-in;
    z-index: 10
}

.challenges-popup .mfp-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.challenges-popup .mfp-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.challenges-popup__header {
    padding: 40px 20px
}

.challenges-popup__header h4 {
    font-size: 2.8rem;
    text-transform: uppercase;
    color: #FFF
}

@media only screen and (min-width:960px) {
    .challenges-popup__header {
        padding: 40px
    }
    .challenges-popup__header h4 {
        font-size: 3.4rem
    }
}

.challenges-popup__content {
    min-height: 350px;
    padding: 0 20px 20px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:960px) {
    .challenges-popup__content {
        padding: 0 40px 40px
    }
}

.challenges-popup__connect {
    color: grey;
    margin-bottom: 30px !important;
    font-size: 3rem !important
}

.challenges-popup__connect span {
    font-size: 2rem
}

.challenges-popup ul {
    list-style: circle;
    padding-left: 20px;
    padding-bottom: 20px
}

.challenges-popup ul li {
    font-size: 2rem;
    margin-bottom: 25px
}

/*.challenges-popup ul li.avoid {
    color: gray
}
*/
.challenges-popup ul li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:960px) {
    .challenges-popup ul li {
        font-size: 2.2rem
    }
}

.challenges-popup p {
    font-size: 2rem;
    margin-bottom: 10px
}

@media only screen and (min-width:960px) {
    .challenges-popup p {
        font-size: 3rem
    }
}

.challenges-popup p span {
    display: block;
    text-transform: none
}

.leaders-indent {
    text-indent: 45px
}

.subtitle-leaders {
    font-family: 'Times New Roman', sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 1.5rem
}

.container {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 12px
}

@media only screen and (min-width:960px) {
    .container {
        padding: 0 72px
    }
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

img,
svg {
    display: block;
    max-width: 100%;
    height: auto
}

*,
:after,
:before {
    margin: 0;
    padding: 0
}

body {
    background: #000
}

@-webkit-keyframes scaleBg {
    0% {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleBg {
    0% {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes flash {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: .1
    }
}

@keyframes flash {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: .1
    }
}

@-webkit-keyframes flash1 {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes flash1 {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@font-face {
    font-family: HelveticaNeue;
    font-weight: 400;
    src: url(fonts/HelveticaNeue.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeue;
    font-weight: 700;
    src: url(fonts/HelveticaNeue-Bold.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaOblique;
    src: url(fonts/HelveticaOblique.ttf) format("truetype")
}

@font-face {
    font-family: DINCondensed;
    font-weight: 700;
    src: url(fonts/din.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(fonts/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 200;
    src: url(fonts/Roboto-Thin.ttf) format("truetype")
}

@font-face {
    font-family: Arial;
    font-weight: 700;
    src: url(fonts/arialbd.ttf) format("truetype")
}

@font-face {
    font-family: CourierNew;
    font-weight: 400;
    src: url(fonts/CourierNew.ttf) format("truetype")
}

@font-face {
    font-family: ComicSans;
    font-weight: 400;
    src: url(fonts/ComicSansMt.ttf) format("truetype")
}

:root {
    font-size: 62.5%
}

.iconFan::after {
    content: "";
    background: url(images/fan-icons.svg) center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-left: 5px
}

.site__header {
    width: 100%;
    background: rgba(0, 0, 0, 0.638);
}

.site__header__cookies {
    border-bottom: 1px solid #ACACAC;
    position: relative;
    display: none
}

.site__header__cookies .container {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.site__header__cookies p {
    color: #ACACAC;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: OpenSans, sans-serif;
    padding: 5px 20px 5px 0
}

.site__header__nav ul li a,
.site__header__signIn {
    font-family: HelveticaNeue, sans-serif;
    text-transform: uppercase
}

.site__header__cookies p a {
    text-decoration: none;
    color: #FFF
}

.site__header__cookies p a:focus,
.site__header__cookies p a:hover {
    text-decoration: underline
}

.site__header__cookies__close {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width:640px) {
    .site__header__cookies__close {
        height: 50px;
        width: 50px
    }
}

.site__header__cookies__close:focus::after,
.site__header__cookies__close:focus::before,
.site__header__cookies__close:hover::after,
.site__header__cookies__close:hover::before {
    background: #FFF
}

.site__header__cookies__close::after,
.site__header__cookies__close::before {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #ACACAC;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    transition: .3s background
}

.site__header__cookies__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.site__header__cookies__close::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.site__header .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95%;
    padding: 0 20px;
    min-height: 67px
}

@media only screen and (min-width:640px) {
    .site__header .container {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:960px) {
    .site__header .container {
        padding: 0 65px
    }
}

@media only screen and (min-width:1600px) {
    .site__header .container {
        width: 85%;
        padding: 0 85px
    }
}

.site__header__logo {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 0
}

@media only screen and (min-width:640px) {
    .site__header__logo {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0
    }
}

.site__header__logo a {
    display: block;
    width: 150px;
    text-indent: -99999px;
    margin: 0 auto
}

.site__footer,
.site__footer__top {
    background: #262626
}

/*@media only screen and (min-width:960px) {
    .site__header__logo a {
        width: 100px;
    }
}*/

.site__header__nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.site__header__nav ul li {
    margin-bottom: 5px
}

@media only screen and (min-width:640px) {
    .site__header__nav ul li {
        margin-bottom: 0
    }
}

.site__header__nav ul li a {
    color: #d4d4d4;
    padding: 0 15px;
    font-size: 1.7rem; /*1.4rem;*/
    text-decoration: none;
    transition: all .2s ease
}

@media only screen and (min-width:1200px) {
    .site__header__nav ul li a {
        padding: 0 35px;
        font-size: 1.6rem;
        letter-spacing: 3px
    }
}

.site__header__nav ul li a:focus,
.site__header__nav ul li a:hover {
    color: #FFF
}

.site__header__signIn {
    color: #d4d4d4;
    font-size: 1.4rem;
    text-decoration: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    transition: all .7s ease;
    display: none
}

.site__footer__top ul li h4 a,
.site__footer__top__title h3 {
    font-size: 1.6rem;
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

@media only screen and (min-width:640px) {
    .site__header__signIn {
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.site__header__signIn:focus,
.site__header__signIn:hover {
    color: #FFF;
    transition: all .5s ease-out
}

.site__header__signIn:focus svg path,
.site__header__signIn:hover svg path {
    fill: #FFF;
    transition: all .5s ease-out
}

.site__header__signIn img,
.site__header__signIn svg {
    margin-left: 12px;
    width: 19px;
    height: 19px
}

.site__header__signIn img path,
.site__header__signIn svg path {
    fill: #d4d4d4;
    transition: all .7s ease
}

@media only screen and (min-width:640px) {
    .site__header__signIn img,
    .site__header__signIn svg {
        height: 26px;
        width: 26px
    }
}

@media only screen and (min-width:1200px) {
    .site__header__signIn {
        font-size: 1.6rem
    }
    .site__header__signIn::after {
        margin-left: 22px
    }
}

.site__footer__top {
    margin: 30px 17px 0;
    padding: 30px 62px 15px
}

@media only screen and (min-width:960px) {
    .site__footer__top {
        margin: 30px 25px 0
    }
}

.site__footer__top.container {
    margin: 0 auto;
    width: 95%;
    padding: 30px 20px 15px
}

@media only screen and (min-width:960px) {
    .site__footer__top.container {
        padding: 30px 65px 15px
    }
}

@media only screen and (min-width:1600px) {
    .site__footer__top.container {
        padding: 30px 85px 15px
    }
}

.site__footer__top__title {
    position: relative;
    text-align: center;
    margin-bottom: 25px
}

.site__footer__top__title::before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    background: #666;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.site__footer__top__title h3 {
    padding: 0 25px;
    letter-spacing: 3px;
    color: #8C8C8C;
    background: #262626;
    display: inline;
    position: relative;
    z-index: 5
}

.site__footer__top ul {
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 35px;
    border-bottom: 1px solid #666
}

.site__footer__top ul li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 65px;
    border-left: 1px solid #666;
    padding: 0 17px 0 12px;
    margin-bottom: 15px
}

@media only screen and (min-width:480px) {
    .site__footer__top ul li {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media only screen and (min-width:960px) {
    .site__footer__top ul li {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media only screen and (min-width:1200px) {
    .site__footer__top ul li {
        padding: 0 40px 0 12px;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1600px) {
    .site__footer__top ul li {
        padding: 0 30px 0 12px
    }
}

.site__footer__top ul li h4 a {
    text-decoration: none;
    color: #C5C5C5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: all .9s ease
}

.site__footer__top ul li h4 a img,
.site__footer__top ul li h4 a svg {
    max-width: 30px;
    height: 20px;
    margin-right: 7px
}

.site__footer__top ul li h4 a img path,
.site__footer__top ul li h4 a svg path {
    transition: all .9s ease
}

.site__footer__top ul li h4 a:focus,
.site__footer__top ul li h4 a:hover {
    color: #FFF;
    transition: all .7s ease-out
}

.site__footer__top ul li h4 a:focus svg path,
.site__footer__top ul li h4 a:hover svg path {
    fill: #FFF;
    transition: all .7s ease-out
}

.site__footer__top ul li p {
    margin-top: 7px;
    margin-left: 5px;
    color: #C5C5C5;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-family: Roboto, sans-serif
}

.site__footer__bottom p,
.site__footer__privacy,
.site__footer__top__text p {
    font-family: HelveticaNeue, sans-serif
}

.site__footer__top__text {
    text-align: center;
    padding-top: 20px
}

.site__footer__top__text p {
    color: #C5C5C5;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 30px
}

.site__footer__top__text p a {
    text-decoration: none;
    color: #C5C5C5
}

.site__footer__top__text img {
    max-width: 200px;
    display: block;
    margin: 0 auto
}

.site__footer__bottom p {
    color: #C5C5C5;
    padding: 20px 0;
    font-size: 1.3rem;
    text-align: center
}

.site__footer__bottom p a {
    text-decoration: none;
    color: #C5C5C5
}

.site__footer__bottom p a:focus,
.site__footer__bottom p a:hover {
    color: #FFF
}

.site__footer__privacy {
    background: #161616;
    padding: 30px 30px 20px;
    color: #666;
    position: relative;
    display: none
}

.site__footer__privacy.active {
    display: block
}

.site__footer__privacy h3 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 15px
}

.site__footer__privacy__close {
    height: 40px;
    width: 40px;
    display: block;
    border: 0;
    background-image: none;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    outline: 0
}

.site__footer__privacy__close span {
    display: none
}

.site__footer__privacy__close::after,
.site__footer__privacy__close::before {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    margin-top: -1px;
    margin-left: -10px;
    background-color: #bbb;
    right: 10px;
    content: ''
}

.site__footer__privacy__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.site__footer__privacy__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.site__footer__privacy__close:focus::after,
.site__footer__privacy__close:hover::after {
    background-color: #fff;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.site__footer__privacy__close:focus::before,
.site__footer__privacy__close:hover::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background-color: #fff
}

.site__footer__privacy p {
    margin-bottom: 10px;
    text-align: center;
    font-weight: 300;
    font-size: 1.2rem
}

.home__content__paragraphs ul li h4,
.home__content__paragraphs ul li p {
    text-align: right;
    font-family: Roboto, sans-serif
}

.home {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 100
}

.home .video-general {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -20
}

.home .site__footer__top {
    padding: 30px 25px 15px;
    width: 100%
}

.discussion__content,
.home__content {
    margin: 0 auto;
    width: 98%;
    max-width: 1400px;
    background: #000;
    padding-bottom: 1px
}

.home__content--viewFinder {
    background: 0 0;
    margin-bottom: -20px
}

.home__content--viewFinder .container {
    position: relative
}

.home__content--title {
    padding-top: 20px;
    margin-top: 30px
}

.home__content--challenges {
    max-width: 100%;
    width: calc(100% - 10px) !important;
    padding-top: 30px
}

.home__content--banners {
    padding-top: 10px !important
}

.home__content--banners .home__content__recommendedVideos__title {
    width: 100%
}

.home__content--banners .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home__content--banners .container .home__content__video {
    width: 100%;
    margin: 0 0 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px 25px;
    text-decoration: none;
    outline: 0
}

@media only screen and (min-width:640px) {
    .home__content--banners .container .home__content__video {
        width: calc(50% - 15px)
    }
}

.home__content--banners .container .home__content__video__thumbnail {
    width: 100%;
    margin-bottom: 10px
}

@media only screen and (min-width:1200px) {
    .home__content--banners .container .home__content__video {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .home__content--banners .container .home__content__video__thumbnail {
        width: calc(60% - 15px);
        margin-bottom: 0
    }
}

.home__content--banners .container .home__content__video__text {
    width: 100%
}

@media only screen and (min-width:1200px) {
    .home__content--banners .container .home__content__video__text {
        width: calc(40% - 15px);
        padding-left: 10px
    }
}

.home__content--banners .container .home__content__video__text p {
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .7;
    color: #FFF
}

.home__content--banners .container .home__content__video__text h3 {
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 10px
}

.home__content--inFew {
    margin-top: 30px;
    padding: 30px 17px 0
}

@media only screen and (min-width:960px) {
    .home__content--inFew {
        padding: 30px 25px 0
    }
}

.home__content--inFew .container {
    width: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home__content__paragraphs,
.home__content__words {
    background: #262626;
    margin-bottom: 30px;
    padding: 10px 25px 0;
    width: 100%
}

@media only screen and (min-width:960px) {
    .home__content__paragraphs,
    .home__content__words {
        width: calc(50% - 15px)
    }
}

.home__content__paragraphs .home__content__recommendedVideos__title,
.home__content__words .home__content__recommendedVideos__title {
    width: 100%
}

.home__content__paragraphs .home__content__recommendedVideos__title h3,
.home__content__words .home__content__recommendedVideos__title h3 {
    background: #262626;
    display: block
}

.home__content__paragraphs__img {
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 250px;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

@media only screen and (min-width:480px) {
    .home__content__paragraphs .home__content__recommendedVideos__title h3,
    .home__content__words .home__content__recommendedVideos__title h3 {
        display: inline
    }
    .home__content__paragraphs__img {
        width: 40%;
        height: auto
    }
}

@media only screen and (min-width:1200px) {
    .home__content__paragraphs__img {
        background-position: center
    }
}

.home__content__paragraphs ul li>article {
    color: #FFF;
    font-family: OpenSans, sans-serif;
    margin-bottom: 20px;
    background: #000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none
}

@media only screen and (min-width:480px) {
    .home__content__paragraphs ul li>article {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.home__content__paragraphs ul li>article:focus .more,
.home__content__paragraphs ul li>article:hover .more {
    opacity: 1
}

.home__content__paragraphs ul li h4 {
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 10px
}

.home__content__paragraphs ul li p {
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .7
}

.home__content__paragraphs ul li p.more {
    margin-top: 5px;
    transition: .3s opacity ease
}

.home__content__paragraphs ul li div {
    padding: 20px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home__content__words {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home__content__words__content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #000;
    margin-bottom: 20px;
    color: #FFF;
    padding: 20px 30px 0
}

.home__content__words__content__list {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home__content__words__content__list div {
    margin-bottom: 30px;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media only screen and (min-width:640px) {
    .home__content__words__content__list div {
        width: calc(50% - 20px)
    }
}

.home__content__words__content__list div h4,
.home__content__words__content__list div p {
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.home__content__words__content__list div h4 {
    font-size: 1.8rem;
    margin-bottom: 10px
}

.home__content__words__content__list div p {
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .7
}

.home__content__baner {
    margin: 0 17px 30px;
    background: #262626;
    padding: 30px 32px;
    position: relative;
    text-align: center
}

.home__content__baner img {
    margin: 0 auto
}

@media only screen and (min-width:960px) {
    .home__content__baner {
        margin: 0 25px 30px
    }
    .home__content__text__lead {
        display: none
    }
}

.home__content__text {
    background: #0a0a0b;
    position: relative;
    min-height: 160px
}

@media only screen and (min-width:1200px) {
    .home__content__text {
        /* top: -160px; */  
        margin-bottom: -140px
    }
}

.home__content__text div {
    overflow: hidden;
    max-height: 0;
    transition: 1s max-height linear;
    position: relative
}

.home__content__text div.active {
    max-height: 1000px;
    padding-top: 30px;
    padding-bottom: 15px
}

.home__content__text div:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 101;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s opacity ease
}

.home__content__text div.almostActive::after {
    opacity: 1
}

.home__content__text h3,
.home__content__text h4,
.home__content__text h5 {
    text-align: center;
    color: #FFF;
    position: relative;
    z-index: 100;
    letter-spacing: .1rem;
    font-weight: 400;
    font-family: 'Times New Roman', sans-serif
}

.home__content__text h3 {
    font-size: 3.5rem
}

@media only screen and (min-width:640px) {
    .home__content__text h3 {
        font-size: 4rem
    }
}

.home__content__text h4 {
    font-size: 2.5rem;
    margin-bottom: 20px
}

.home__content__text h4 span {
    margin-top: 30px;
    display: block;
    font-size: 2.2rem;
    font-style: italic;
    color: #77A4D9
}

.home__content__text h5 {
    font-family: Roboto, sans-serif;
    padding: 0 25px;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #77A4D9;
    margin-top: 40px;
    margin-bottom: 20px
}

.home__content__text p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    max-width: 70%;
    margin: 0 auto 10px;
    display: block;
    letter-spacing: .1rem;
    color: #FFF;
    font-family: HelveticaNeue, sans-serif;
    position: relative;
    z-index: 100
}

.home__content__text__more {
    position: absolute;
    padding-top: 25px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: HelveticaNeue, sans-serif;
    z-index: 105;
    background: 0 0 !important;
    color: #8C8C8C;
    text-decoration: none;
    font-size: 1.4rem;
    transition: .3s color ease-in
}

.home__content__text__more::after,
.home__content__text__more::before {
    width: calc(50% - 27px);
    top: 25px;
    height: 1px;
    background: #1C1C1C;
    position: absolute;
    content: ""
}

.home__content__text__more::before {
    left: 0
}

.home__content__text__more::after {
    right: 0
}

.home__content__text__more:focus,
.home__content__text__more:hover {
    color: #FFF
}

.home__content__text__more span {
    content: "";
    position: absolute;
    margin: auto;
    top: 6px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #1C1C1C;
    border-bottom: 1px solid #1C1C1C
}

.home__content__text__more.hidden {
    display: none
}

.home__content--timeline {
    padding: 70px 0;
    margin: 30px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1920px) {
    .home__content--timeline {
        min-height: calc(100vh - 537px);
        width: 100% !important;
        max-width: 100%;
        background: #000
    }
}

.home__content--timeline .home__content__timeline {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto
}

.home__content--slider {
    padding-top: 50px;
    margin-top: 7px
}

.home__content--slider .home__content__timeline {
    margin-left: 17px;
    margin-right: 17px;
    margin-bottom: 30px
}

@media only screen and (min-width:960px) {
    .home__content--slider .home__content__timeline {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media only screen and (min-width:1600px) {
    .discussion__content,
    .home__content {
        width: 85%
    }
}

.home__content__viewfinder {
    max-height: 1200px;
    position: relative; 
    overflow: hidden
}

/* pagepoint */

@media only screen and (max-width:959px) {
	nav.site__header__nav { z-index: 5; } 
}




/*@media only screen and (max-width:959px) {
    .landing-section { height:50vh!important; }
}
@media only screen and (max-width:812px) {
    .home__content__viewfinder { overflow: visible!important; }
    .home__content__viewfinder--flex { height:154vh!important; }
    .home__content__viewfinder--flex p { width:97%!important; }

    div.fan-landing-logo { margin:0 auto!important;}
    div.fan-landing-logo img { margin-top:251px; }    
    a.scroll-down { display:none!important; }
    .landing-section { height:155vh!important; }
}
@media only screen and (max-width:320px) {
    .landing-section { height:155vh!important; }
    .home__content__viewfinder--flex div.fan-landing-logo { margin-top: 120px!important; }
    body { background-size:contain!important; background-repeat:repeat!important;}
}
*/
/* pagepoint */

.home__content__viewfinder__text {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 50px;
    z-index: 5;
    text-align: center;
    padding-top: 50px;
    display: none
}



@media only screen and (min-width:1200px) {
    .home__content__viewfinder__text {
        display: block
    }
}

.home__content__viewfinder__text h3,
.home__content__viewfinder__text p {
    color: #FFF;
    font-family: HelveticaNeue, sans-serif
}

.home__content__viewfinder__text h3 {
    text-transform: uppercase;
    font-size: 1.9rem;
    margin-bottom: 25px;
    letter-spacing: .5rem;
    color: #AEAEAE
}

.home__content__viewfinder__text div {
    margin: 15px 0
}

.home__content__viewfinder__text div p {
    max-width: 400px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home__content__viewfinder__text div p:nth-child(3) {
    margin-bottom: 10px
}

.home__content__viewfinder__text div p span {
    margin: 0 12px;
    width: 200px
}

.home__content__viewfinder__text div p span:first-child {
    text-align: right
}

.home__content__viewfinder__text div p span:last-child {
    text-align: left
}

.home__content__viewfinder__text p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    max-width: 70%;
    margin: 0 auto;
    display: block
}

.home__content__viewfinder>img {
    -webkit-animation: 5s 0s 1 scaleBg;
    animation: 5s 0s 1 scaleBg;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    z-index: 12;
    pointer-events: none;
    position: relative
}

.home__content__viewfinder::after {
    content: ""
}

@media only screen and (min-width:640px) {

    .home__content__viewfinder__wall {
        background: url(images/viewfinder-wall.png) center top no-repeat;
        width: 100%;
        max-width: 100%;
        height: 950px;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 10px;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
        z-index: 2
    }
}

.home__content__viewfinder__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home__content__viewfinder__content__lead {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    display: none
}

.home__content__viewfinder__content__lead h4 {
    transition: .3s opacity ease;
    text-align: center;
    color: #FFF;
    position: relative;
    z-index: 100;
    letter-spacing: .1rem;
    font-weight: 400;
    font-family: ‘Petersburg’, sans-serif;
    font-size: 2.5rem;
    margin-bottom: 25px;
    opacity: 0
}

@media only screen and (min-width:960px) {
    .home__content__viewfinder__content__lead {
        display: block
    }
    .home__content__viewfinder__content__lead h4 {
        font-size: 3.7rem
    }
}

.home__content__viewfinder__content__lead h4 span {
    margin-top: 30px;
    display: block;
    font-size: 2.2rem;
    font-style: italic;
    color: #77A4D9
}

.home__content__viewfinder__content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 10;
    display: block;
    pointer-events: none;
    opacity: 0;
    transition: .7s ease
}

@media only screen and (min-width:1200px) {
    .home__content__viewfinder>img {
        padding: 0 72px
    }
    .home__content__viewfinder__content__lead {
        bottom: 260px
    }
    .home__content__viewfinder__content::after {
        height: calc(100% - 60px)
    }
}

.home__content__viewfinder__content:focus .home__content__viewfinder__content__lead h4,
.home__content__viewfinder__content:focus::after,
.home__content__viewfinder__content:hover .home__content__viewfinder__content__lead h4,
.home__content__viewfinder__content:hover::after {
    opacity: 1
}

.home__content__viewfinder__content>img {
    height: 42vw;
    max-height: 550px;
    padding-left: 19vw;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: none
}

@media only screen and (min-width:1200px) {
    .home__content__viewfinder__content>img {
        margin-top: 20px;
        height: 48vw;
        max-height: 700px;
        padding-left: 18.5vw;
        bottom: 25px
    }
    .home__content__viewfinder__content__text {
        top: -120px
    }
}

@media only screen and (min-width:1600px) {
    .home__content__viewfinder__content>img {
        margin-top: 100px;
        padding-left: 17vw;
        bottom: 10px
    }
}

.home__content__viewfinder__content__text {
    position: relative;
    z-index: 3;
    text-align: center;
    width: 100%;
    max-width: 60%;
    margin: 0 auto
}

@media only screen and (min-width:640px) {
    .home__content__viewfinder__content>img {
        display: block
    }
    .home__content__viewfinder__content__text {
        max-width: 35%;
        margin-left: 52%
    }
}

.home__content__quote {
    margin: 0 17px 27px;
    padding: 10px 0;
    position: relative
}

.home__content__quote p {
    color: #8C8C8C;
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: 300;
    font-style: italic;
    font-family: 'Times New Roman', sans-serif;
    max-width: 95%;
    margin: 0 auto
}

@media only screen and (min-width:640px) {
    .home__content__quote p {
        max-width: 80%
    }
}

@media only screen and (min-width:960px) {
    .home__content__quote p {
        max-width: 60%
    }
}

@media only screen and (min-width:1200px) {
    .home__content__quote p {
        max-width: 45%
    }
}

.home__content__quote span {
    font-size: 1.8rem;
    font-weight: 300;
    font-style: italic;
    font-family: OpenSans, sans-serif;
    color: #8C8C8C;
    display: block;
    text-align: right;
    margin: 10px auto 0
}

@media only screen and (min-width:640px) {
    .home__content__quote span {
        max-width: 90%
    }
}

@media only screen and (min-width:960px) {
    .home__content__quote span {
        max-width: 75%
    }
}

.home__content__timeline {
    margin: 0 17px 27px;
    background: #262626;
    position: relative
}

.home__content__timeline input[type=range] {
    display: none
}

.home__content__timeline__number {
    display: none;
    position: absolute;
    right: 150px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-bottom: 45px;
    color: #F3F3F3;
    font-size: 100px;
    font-weight: 200;
    font-family: Roboto, sans-serif
}

.home__content__timeline__content {
    position: relative;
    height: 550px
}

@media only screen and (min-width:480px) {
    .home__content__timeline__content {
        height: 400px
    }
}

@media only screen and (min-width:640px) {
    .home__content__timeline__content {
        height: 350px
    }
}

@media only screen and (min-width:960px) {
    .home__content__timeline {
        margin: 0 25px 27px
    }
    .home__content__timeline__content {
        height: 300px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__quote span {
        max-width: 60%
    }
    .home__content__timeline__number.active {
        display: block
    }
    .home__content__timeline__content {
        height: 260px
    }
}

.home__content__timeline__content__step {
    opacity: 0;
    color: #FFF;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home__content__timeline__content__step p {
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #FFF;
    text-align: justify;
    margin-bottom: 16px;
    display: none
}

.home__content__studio h3,
.home__content__studio p {
    font-family: Roboto, sans-serif;
    font-weight: 300
}

.home__content__timeline__content__step p span.quote {
    display: block;
    color: #91D6FF;
    text-align: justify;
    width: calc(100% - 40px);
    margin-top: 20px;
    left: 20px
}

@media only screen and (min-width:960px) {
    .home__content__timeline__content__step p span.quote {
        position: absolute;
        top: 200px;
        margin-top: 0
    }
}

@media only screen and (min-width:1200px) {
    .home__content__timeline__content__step p span.quote {
        top: 180px;
        left: 85px;
        width: calc(65% - 85px)
    }
}

.home__content__timeline__content__step div {
    width: 100%;
    height: 100%
}

.home__content__timeline__content__step div p {
    padding: 20px 20px 0;
    height: 100%;
    background-size: cover !important;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    position: relative
}

.home__content__timeline__content__step img {
    pointer-events: none;
    display: none
}

@media only screen and (min-width:1200px) {
    .home__content__timeline__content__step div p {
        padding: 30px 35% 0 85px
    }
    .home__content__timeline__content__step img {
        display: block;
        max-width: 316px
    }
}

.home__content__timeline__content__step.active {
    opacity: 1;
    pointer-events: auto
}

.home__content__timeline__content__step--left.active[step="10"] p:nth-of-type(1) {
    display: block
}

.home__content__timeline__content__step--mid div {
    text-align: center
}

.home__content__timeline__content__step--mid div p {
    text-align: center;
    font-size: 2.4rem;
    padding: 0 0 60px;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home__content__timeline__content__step--mid.active p {
    display: block
}

.home__content__timeline__content__step--mid>div p span.arrows {
    display: none;
    margin: 25px auto 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2B2B2B;
    position: relative
}

.home__content__timeline__content__step--mid>div p span.arrows::after {
    content: url(images/timeline-arrows.svg);
    display: block;
    width: 70px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 40px;
    position: absolute;
    top: -21px;
    left: 20px
}

.home__content__timeline__content__step--mid>div p span.arrows::before {
    content: url(images/timeline-arrows.svg);
    display: block;
    width: 70px;
    height: 40px;
    position: absolute;
    top: -15px;
    right: 20px
}

.home__content__timeline__content__step[step="10"] p:nth-of-type(1),
.home__content__timeline__content__step[step="0"] p:nth-of-type(10),
.home__content__timeline__content__step[step="1"] p:nth-of-type(9),
.home__content__timeline__content__step[step="2"] p:nth-of-type(8),
.home__content__timeline__content__step[step="3"] p:nth-of-type(7),
.home__content__timeline__content__step[step="4"] p:nth-of-type(6),
.home__content__timeline__content__step[step="5"] p:nth-of-type(5),
.home__content__timeline__content__step[step="6"] p:nth-of-type(4),
.home__content__timeline__content__step[step="7"] p:nth-of-type(3),
.home__content__timeline__content__step[step="8"] p:nth-of-type(2),
.home__content__timeline__content__step[step="9"] p:nth-of-type(1),
.home__content__timeline__content__step[step="11"] p:nth-of-type(1),
.home__content__timeline__content__step[step="12"] p:nth-of-type(2),
.home__content__timeline__content__step[step="13"] p:nth-of-type(3),
.home__content__timeline__content__step[step="14"] p:nth-of-type(4),
.home__content__timeline__content__step[step="15"] p:nth-of-type(5),
.home__content__timeline__content__step[step="16"] p:nth-of-type(6),
.home__content__timeline__content__step[step="17"] p:nth-of-type(7),
.home__content__timeline__content__step[step="18"] p:nth-of-type(8),
.home__content__timeline__content__step[step="19"] p:nth-of-type(9),
.home__content__timeline__content__step[step="20"] p:nth-of-type(10),
.home__content__timeline__content__step[step="21"] p:nth-of-type(11) {
    display: block
}

.home__content__timeline__rangeSlider {
    height: 45px;
    width: 100%;
    background: url(images/range-slider-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0 6vw
}

.home__content__timeline__rangeSlider .rangeslider__handle {
    background: url(images/timeline-playhead.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 50px;
    position: absolute
}

@media only screen and (min-width:960px) {
    .home__content__timeline__rangeSlider {
        padding: 0 6.5vw
    }
}

@media only screen and (min-width:1400px) {
    .home__content__timeline__rangeSlider {
        padding: 0 60px
    }
}

.home__content__mainVideo {
    margin: 0 5px 25px;
    padding: 35px 15px;
    position: relative;
    background: #262626
}

@media only screen and (min-width:960px) {
    .home__content__mainVideo {
        margin: 0 8px 25px;
        padding: 35px 45px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__mainVideo {
        padding: 25px 75px;
        margin: 0 12px 30px
    }
}

@media only screen and (min-width:1600px) {
    .home__content__mainVideo {
        margin: 0 14px 30px
    }
}

.home__content__mainVideo__play {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home__content__mainVideo__play.active img {
    display: none
}

.home__content__mainVideo__play img {
    max-width: 75px
}

.home__content__mainVideo video {
    width: 100%;
    height: auto
}

.home__content__studio {
    margin: 25px 5px;
    padding: 35px 15px;
    background: #262626
}

@media only screen and (min-width:960px) {
    .home__content__studio {
        margin: 25px 8px;
        padding: 35px 45px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__studio {
        padding: 25px 75px;
        margin: 30px 12px
    }
}

@media only screen and (min-width:1600px) {
    .home__content__studio {
        margin: 30px 14px
    }
}

.home__content__studio__img {
    overflow: hidden
}

.home__content__studio__img img {
    transition: all 3s ease
}

.home__content__studio__img img.active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.home__content__studio h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    color: #FFF;
    font-size: 2.3rem
}

.home__content__studio p {
    font-size: 1.6rem;
    color: #8c8c8c
}

.home__content__leaders {
    padding: 26px 15px;
    margin: 0 5px 30px;
    background: #262626;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:960px) {
    .home__content__leaders {
        margin: 0 8px 30px;
        padding: 26px 45px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__leaders {
        margin: 0 12px 30px;
        padding: 26px 75px
    }
}

@media only screen and (min-width:1600px) {
    .home__content__leaders {
        margin: 0 14px 30px
    }
}

.home__content__leaders h3,
.home__content__leaders>p {
    font-family: Roboto, sans-serif;
    margin-bottom: 13px
}

.home__content__leaders>p {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #8C8C8C;
    position: relative;
    font-weight: 700
}

.home__content__leaders>p span {
    background: #262626;
    position: relative;
    padding: 0 25px
}

.home__content__leaders>p::before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    background: #8C8C8C;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home__content__leaders h3 {
    color: #FFF;
    font-size: 2.3rem;
    font-weight: 300;
    text-transform: capitalize;
    width: calc(50% - 30px);
    display: none
}

@media only screen and (min-width:640px) {
    .home__content__leaders>p {
        width: calc(50% - 30px)
    }
    .home__content__leaders h3 {
        display: block
    }
}

.home__content__leaders ul {
    width: 100%;
    list-style: none;
    margin-bottom: -10px
}

.home__content__leaders ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.home__content__leaders ul li>a {
    background: url(images/home-leaders-button-bg.png) no-repeat;
    background-size: cover;
    height: 64px;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-family: DINCondensed, sans-serif;
    font-size: 2rem;
    text-shadow: 1px 2px 4px #000;
    width: 100%;
    transition: .3s font-size ease-in
}

.home__content__leaders ul li>a:focus,
.home__content__leaders ul li>a:hover {
    font-size: 2.2rem
}

@media only screen and (min-width:640px) {
    .home__content__leaders ul li>a {
        width: calc(50% - 30px)
    }
}

@media only screen and (min-width:1200px) {
    .home__content__leaders ul li>a {
        font-size: 3rem
    }
    .home__content__leaders ul li>a:focus,
    .home__content__leaders ul li>a:hover {
        font-size: 3.2rem
    }
}

.home__content__leaders ul li p {
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    color: #8C8C8C;
    width: 100%;
    margin: 10px 0
}

.home__content__leaders ul li p a {
    color: #8C8C8C;
    text-decoration: none;
    transition: .3s color ease-in
}

.home__content__leaders ul li p a:focus,
.home__content__leaders ul li p a:hover {
    color: #FFF
}

@media only screen and (min-width:640px) {
    .home__content__leaders ul li p {
        width: calc(50% - 30px);
        margin: 0
    }
}

.home__content__video {
    padding: 22px 15px;
    background: #262626;
    margin: 0 5px 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:960px) {
    .home__content__video {
        padding: 22px 45px;
        margin: 0 8px 50px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__video {
        padding: 22px 75px;
        margin: 0 12px 50px
    }
}

@media only screen and (min-width:1600px) {
    .home__content__video {
        margin: 0 14px 50px
    }
}

.home__content__video div {
    width: 100%
}

@media only screen and (min-width:640px) {
    .home__content__video {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .home__content__video div {
        width: calc(50% - 30px)
    }
}

.home__content__video__thumbnail img,
.home__content__video__thumbnail video {
    width: 100%
}

.home__content__video__text {
    margin-top: 20px
}

@media only screen and (min-width:640px) {
    .home__content__video__thumbnail {
        width: calc(50% - 30px)
    }
    .home__content__video__text {
        margin-top: 0
    }
}

.home__content__video__text h3 {
    font-family: Roboto, sans-serif;
    color: #FFF;
    font-size: 2.3rem;
    font-weight: 300;
    margin-bottom: 13px;
    text-transform: capitalize
}

.home__content__recommendedVideos__title h3,
.home__content__video__text p {
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    color: #8C8C8C
}

.home__content__recommendedVideos {
    margin: 10px 17px 30px;
    background: #262626;
    padding: 20px 32px 25px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home__content__recommendedVideos .home__content__recommendedVideos__title h3 {
    background: #262626
}

.home__content__recommendedVideos.displayed::after {
    content: none !important
}

@media only screen and (min-width:640px) {
    .home__content__recommendedVideos {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 62px 25px
    }
}

@media only screen and (min-width:960px) {
    .home__content__recommendedVideos {
        margin: 10px 25px 50px
    }
}

@media only screen and (min-width:1200px) {
    .home__content__recommendedVideos::after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: 25px;
        left: 0;
        height: 199px;
        background: rgba(0, 0, 0, .6)
    }
}

.home__content__recommendedVideos__title {
    position: relative;
    text-align: center;
    width: calc(100% - 50px);
    max-height: 100px !important;
    display: block !important;
    margin: 20px auto 30px
}

.home__content__recommendedVideos__title::before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    background: #666;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home__content__recommendedVideos__title h3 {
    padding: 0 25px;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: #000;
    display: inline;
    position: relative;
    z-index: 5
}

.home__content__recommendedVideos__more,
.home__content__recommendedVideos__video::before {
    font-family: HelveticaNeue, sans-serif;
    transition: .3s color ease-in;
    position: absolute
}

.home__content__recommendedVideos div {
    max-height: 0;
    overflow: hidden;
    transition: 2s max-height ease-in;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home__content__recommendedVideos div.active {
    max-height: 3000px
}

.home__content__recommendedVideos__video {
    margin-bottom: 40px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    outline: 0;
    overflow: hidden;
    position: relative
}

.home__content__recommendedVideos__video::before {
    content: "Play";
    text-transform: uppercase;
    top: 12px;
    left: 12px;
    font-size: .9rem;
    color: #7b7b7b;
    font-weight: 700
}

.home__content__recommendedVideos__video:focus::before,
.home__content__recommendedVideos__video:hover::before {
    color: #FFF
}

.home__content__recommendedVideos__video img {
    margin: 0 auto
}

@media only screen and (min-width:640px) {
    .home__content__recommendedVideos__video {
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
}

@media only screen and (min-width:960px) {
    .home__content__recommendedVideos div.active {
        max-height: 1000px
    }
    .home__content__recommendedVideos__video {
        -webkit-flex-basis: 24%;
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
        max-width: 265px
    }
}

.home__content__recommendedVideos__more {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #1C1C1C;
    color: #8C8C8C;
    text-decoration: none;
    font-size: 1.4rem
}

.home__content__recommendedVideos__more.hidden {
    display: none
}

.home__content__recommendedVideos__more:focus,
.home__content__recommendedVideos__more:hover {
    color: #FFF
}

.home__content__recommendedVideos__more::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 27.5px 0;
    border-color: #1c1c1c transparent transparent;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.home__content__discussion {
    margin: 10px 17px 30px;
    padding: 10px 32px 50px;
    background: #262626
}

.home__content__discussion .home__content__recommendedVideos__title {
    width: 100%
}

.home__content__discussion .home__content__recommendedVideos__title h3 {
    background: #262626;
    width: 100%;
    display: block
}

@media only screen and (min-width:480px) {
    .home__content__discussion .home__content__recommendedVideos__title h3 {
        width: auto;
        display: inline
    }
}

.home__content__discussion a {
    background: url(images/open-discussion-bg.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 195px;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #555;
    font-size: 5rem;
    font-family: OpenSans, sans-serif;
    transition: .3s all ease;
    text-align: center
}

.home__content__discussion a img {
    display: none
}

@media only screen and (min-width:960px) {
    .home__content__discussion {
        margin: 10px 25px 30px
    }
    .home__content__discussion a {
        background: 0 0;
        min-height: 0
    }
    .home__content__discussion a img {
        display: block;
        width: 100%
    }
    .home__content__discussion a p {
        position: absolute
    }
}

@media only screen and (min-width:1400px) {
    .home__content__discussion a {
        background-size: cover
    }
}

.home__content__discussion a:focus p,
.home__content__discussion a:hover p {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.home__content__discussion a p {
    font-weight: 300;
    font-size: 3rem;
    transition: .3s all ease;
    line-height: 4rem
}

.home__content__discussion a p span {
    font-weight: 600;
    font-size: 3rem;
    display: block;
    font-style: normal;
    letter-spacing: .4rem;
    text-transform: uppercase
}

@media only screen and (min-width:480px) {
    .home__content__discussion a p span {
        font-size: 4rem
    }
}

@media only screen and (min-width:640px) {
    .home__content__discussion {
        padding: 10px 62px 50px
    }
    .home__content__discussion a p {
        line-height: 5.5rem
    }
    .home__content__discussion a p span {
        font-size: 5.8rem
    }
}

@media only screen and (min-width:960px) {
    .home__content__discussion a p span {
        font-size: 4rem
    }
}

.home__content__move {
    margin: 0 17px 30px;
    background: #262626;
    padding: 30px 32px;
    position: relative;
    display: none
}

@media only screen and (min-width:640px) {
    .home__content__move {
        display: block
    }
}

.home__content__move__rangeSlider {
    height: 30px;
    width: 100%;
    background: 0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 144px
}

.home__content__move__rangeSlider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    height: 3px;
    background: #7F7F7F;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home__content__move__rangeSlider .rangeslider__handle {
    background: url(images/grot.svg) right no-repeat;
    background-size: 23px;
    height: 30px;
    width: 33px;
    position: absolute;
    z-index: 10;
    cursor: pointer
}

.home__content__move__rangeSlider .rangeslider__handle::before {
    content: "";
    display: block;
    width: 1500px;
    left: -1480px;
    background: red;
    height: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home__content__move__slider {
    min-height: 300px;
    position: relative;
    background: url(images/move-img-1.jpg) center top no-repeat;
    overflow: hidden
}

@media only screen and (min-width:960px) {
    .home__content__move__rangeSlider {
        bottom: 74px
    }
    .home__content__move {
        margin: 0 25px 30px
    }
    .home__content__move__slider {
        min-height: 230px;
        background-repeat: repeat
    }
}

.home__content__move__slider__overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(calc(-100% + 33px));
    -ms-transform: translateX(calc(-100% + 33px));
    transform: translateX(calc(-100% + 33px));
    background: #000;
    opacity: .4
}

.home__content__move__slider.start .home__content__move__slider__columns div:nth-child(1) {
    background: #000 !important
}

.home__content__move__slider[step='0'] .home__content__move__slider__columns div:nth-child(1),
.home__content__move__slider[step='1'] .home__content__move__slider__columns div:nth-child(1),
.home__content__move__slider[step='2'] .home__content__move__slider__columns div:nth-child(2),
.home__content__move__slider[step='3'] .home__content__move__slider__columns div:nth-child(2),
.home__content__move__slider[step='4'] .home__content__move__slider__columns div:nth-child(3),
.home__content__move__slider[step='5'] .home__content__move__slider__columns div:nth-child(3),
.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(1),
.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(3) {
    background: linear-gradient(40deg, #091A50 11.76%, #1235D3 51.26%, #0026BC 61.34%, #000)
}

.home__content__move__slider.start .home__content__move__slider__columns div:nth-child(1) h3 {
    display: block !important
}

.home__content__move__slider.start .home__content__move__slider__columns div:nth-child(1) p {
    display: none !important
}

.home__content__move__slider[step='0'] .home__content__move__slider__columns div:nth-child(1) h3,
.home__content__move__slider[step='1'] .home__content__move__slider__columns div:nth-child(1) h3 {
    display: none
}

.home__content__move__slider[step='0'] .home__content__move__slider__columns div:nth-child(1) p,
.home__content__move__slider[step='1'] .home__content__move__slider__columns div:nth-child(1) p {
    display: block
}

.home__content__move__slider[step='2'] .home__content__move__slider__columns div:nth-child(2) h3,
.home__content__move__slider[step='3'] .home__content__move__slider__columns div:nth-child(2) h3 {
    display: none
}

.home__content__move__slider[step='2'] .home__content__move__slider__columns div:nth-child(2) p,
.home__content__move__slider[step='3'] .home__content__move__slider__columns div:nth-child(2) p,
.home__content__move__slider[step='4'] .home__content__move__slider__columns div:nth-child(3)::after,
.home__content__move__slider[step='5'] .home__content__move__slider__columns div:nth-child(3)::after {
    display: block
}

.home__content__move__slider[step='4'] .home__content__move__slider__columns div:nth-child(3) h3,
.home__content__move__slider[step='5'] .home__content__move__slider__columns div:nth-child(3) h3 {
    display: none
}

.home__content__move__slider[step='4'] .home__content__move__slider__columns div:nth-child(3) p,
.home__content__move__slider[step='5'] .home__content__move__slider__columns div:nth-child(3) p {
    display: block
}

.home__content__move__slider[step='6'] .home__content__move__slider__columns p {
    display: none
}

.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(1)::after,
.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(3)::after {
    display: block
}

.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(1) h3,
.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(3) h3 {
    display: none
}

.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(1) .final,
.home__content__move__slider[step='6'] .home__content__move__slider__columns div:nth-child(3) .final {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.home__content__move__slider[value='0'] span:nth-child(1),
.home__content__move__slider[value='1'] span:nth-child(1),
.home__content__move__slider[value='1'] span:nth-child(2),
.home__content__move__slider[value='2'] span:nth-child(1),
.home__content__move__slider[value='2'] span:nth-child(2),
.home__content__move__slider[value='2'] span:nth-child(3),
.home__content__move__slider[value='3'] span:nth-child(1),
.home__content__move__slider[value='3'] span:nth-child(2),
.home__content__move__slider[value='3'] span:nth-child(3),
.home__content__move__slider[value='3'] span:nth-child(4),
.home__content__move__slider[value='4'] span:nth-child(1),
.home__content__move__slider[value='4'] span:nth-child(2),
.home__content__move__slider[value='4'] span:nth-child(3),
.home__content__move__slider[value='4'] span:nth-child(4),
.home__content__move__slider[value='4'] span:nth-child(5),
.home__content__move__slider[value='5'] span:nth-child(1),
.home__content__move__slider[value='5'] span:nth-child(2),
.home__content__move__slider[value='5'] span:nth-child(3),
.home__content__move__slider[value='5'] span:nth-child(4),
.home__content__move__slider[value='5'] span:nth-child(5),
.home__content__move__slider[value='5'] span:nth-child(6),
.home__content__move__slider[value='6'] span:nth-child(1),
.home__content__move__slider[value='6'] span:nth-child(2),
.home__content__move__slider[value='6'] span:nth-child(3),
.home__content__move__slider[value='6'] span:nth-child(4),
.home__content__move__slider[value='6'] span:nth-child(5),
.home__content__move__slider[value='6'] span:nth-child(6),
.home__content__move__slider[value='6'] span:nth-child(7),
.home__content__move__slider[value='7'] span:nth-child(1),
.home__content__move__slider[value='7'] span:nth-child(2),
.home__content__move__slider[value='7'] span:nth-child(3),
.home__content__move__slider[value='7'] span:nth-child(4),
.home__content__move__slider[value='7'] span:nth-child(5),
.home__content__move__slider[value='7'] span:nth-child(6),
.home__content__move__slider[value='7'] span:nth-child(7),
.home__content__move__slider[value='7'] span:nth-child(8),
.home__content__move__slider[value='8'] span:nth-child(1),
.home__content__move__slider[value='8'] span:nth-child(2),
.home__content__move__slider[value='8'] span:nth-child(3),
.home__content__move__slider[value='8'] span:nth-child(4),
.home__content__move__slider[value='8'] span:nth-child(5),
.home__content__move__slider[value='8'] span:nth-child(6),
.home__content__move__slider[value='8'] span:nth-child(7),
.home__content__move__slider[value='8'] span:nth-child(8),
.home__content__move__slider[value='8'] span:nth-child(9),
.home__content__move__slider[value='9'] span:nth-child(1),
.home__content__move__slider[value='9'] span:nth-child(10),
.home__content__move__slider[value='9'] span:nth-child(2),
.home__content__move__slider[value='9'] span:nth-child(3),
.home__content__move__slider[value='9'] span:nth-child(4),
.home__content__move__slider[value='9'] span:nth-child(5),
.home__content__move__slider[value='9'] span:nth-child(6),
.home__content__move__slider[value='9'] span:nth-child(7),
.home__content__move__slider[value='9'] span:nth-child(8),
.home__content__move__slider[value='9'] span:nth-child(9),
.home__content__move__slider[value='10'] span:nth-child(1),
.home__content__move__slider[value='10'] span:nth-child(10),
.home__content__move__slider[value='10'] span:nth-child(11),
.home__content__move__slider[value='10'] span:nth-child(2),
.home__content__move__slider[value='10'] span:nth-child(3),
.home__content__move__slider[value='10'] span:nth-child(4),
.home__content__move__slider[value='10'] span:nth-child(5),
.home__content__move__slider[value='10'] span:nth-child(6),
.home__content__move__slider[value='10'] span:nth-child(7),
.home__content__move__slider[value='10'] span:nth-child(8),
.home__content__move__slider[value='10'] span:nth-child(9),
.home__content__move__slider[value='11'] span:nth-child(1),
.home__content__move__slider[value='11'] span:nth-child(10),
.home__content__move__slider[value='11'] span:nth-child(11),
.home__content__move__slider[value='11'] span:nth-child(12),
.home__content__move__slider[value='11'] span:nth-child(2),
.home__content__move__slider[value='11'] span:nth-child(3),
.home__content__move__slider[value='11'] span:nth-child(4),
.home__content__move__slider[value='11'] span:nth-child(5),
.home__content__move__slider[value='11'] span:nth-child(6),
.home__content__move__slider[value='11'] span:nth-child(7),
.home__content__move__slider[value='11'] span:nth-child(8),
.home__content__move__slider[value='11'] span:nth-child(9),
.home__content__move__slider[value='12'] span:nth-child(1),
.home__content__move__slider[value='12'] span:nth-child(10),
.home__content__move__slider[value='12'] span:nth-child(11),
.home__content__move__slider[value='12'] span:nth-child(12),
.home__content__move__slider[value='12'] span:nth-child(13),
.home__content__move__slider[value='12'] span:nth-child(2),
.home__content__move__slider[value='12'] span:nth-child(3),
.home__content__move__slider[value='12'] span:nth-child(4),
.home__content__move__slider[value='12'] span:nth-child(5),
.home__content__move__slider[value='12'] span:nth-child(6),
.home__content__move__slider[value='12'] span:nth-child(7),
.home__content__move__slider[value='12'] span:nth-child(8),
.home__content__move__slider[value='12'] span:nth-child(9),
.home__content__move__slider[value='13'] span:nth-child(1),
.home__content__move__slider[value='13'] span:nth-child(10),
.home__content__move__slider[value='13'] span:nth-child(11),
.home__content__move__slider[value='13'] span:nth-child(12),
.home__content__move__slider[value='13'] span:nth-child(13),
.home__content__move__slider[value='13'] span:nth-child(14),
.home__content__move__slider[value='13'] span:nth-child(2),
.home__content__move__slider[value='13'] span:nth-child(3),
.home__content__move__slider[value='13'] span:nth-child(4),
.home__content__move__slider[value='13'] span:nth-child(5),
.home__content__move__slider[value='13'] span:nth-child(6),
.home__content__move__slider[value='13'] span:nth-child(7),
.home__content__move__slider[value='13'] span:nth-child(8),
.home__content__move__slider[value='13'] span:nth-child(9),
.home__content__move__slider[value='14'] span:nth-child(1),
.home__content__move__slider[value='14'] span:nth-child(10),
.home__content__move__slider[value='14'] span:nth-child(11),
.home__content__move__slider[value='14'] span:nth-child(12),
.home__content__move__slider[value='14'] span:nth-child(13),
.home__content__move__slider[value='14'] span:nth-child(14),
.home__content__move__slider[value='14'] span:nth-child(15),
.home__content__move__slider[value='14'] span:nth-child(2),
.home__content__move__slider[value='14'] span:nth-child(3),
.home__content__move__slider[value='14'] span:nth-child(4),
.home__content__move__slider[value='14'] span:nth-child(5),
.home__content__move__slider[value='14'] span:nth-child(6),
.home__content__move__slider[value='14'] span:nth-child(7),
.home__content__move__slider[value='14'] span:nth-child(8),
.home__content__move__slider[value='14'] span:nth-child(9),
.home__content__move__slider[value='15'] span:nth-child(1),
.home__content__move__slider[value='15'] span:nth-child(10),
.home__content__move__slider[value='15'] span:nth-child(11),
.home__content__move__slider[value='15'] span:nth-child(12),
.home__content__move__slider[value='15'] span:nth-child(13),
.home__content__move__slider[value='15'] span:nth-child(14),
.home__content__move__slider[value='15'] span:nth-child(15),
.home__content__move__slider[value='15'] span:nth-child(16),
.home__content__move__slider[value='15'] span:nth-child(2),
.home__content__move__slider[value='15'] span:nth-child(3),
.home__content__move__slider[value='15'] span:nth-child(4),
.home__content__move__slider[value='15'] span:nth-child(5),
.home__content__move__slider[value='15'] span:nth-child(6),
.home__content__move__slider[value='15'] span:nth-child(7),
.home__content__move__slider[value='15'] span:nth-child(8),
.home__content__move__slider[value='15'] span:nth-child(9),
.home__content__move__slider[value='16'] span:nth-child(1),
.home__content__move__slider[value='16'] span:nth-child(10),
.home__content__move__slider[value='16'] span:nth-child(11),
.home__content__move__slider[value='16'] span:nth-child(12),
.home__content__move__slider[value='16'] span:nth-child(13),
.home__content__move__slider[value='16'] span:nth-child(14),
.home__content__move__slider[value='16'] span:nth-child(15),
.home__content__move__slider[value='16'] span:nth-child(16),
.home__content__move__slider[value='16'] span:nth-child(17),
.home__content__move__slider[value='16'] span:nth-child(2),
.home__content__move__slider[value='16'] span:nth-child(3),
.home__content__move__slider[value='16'] span:nth-child(4),
.home__content__move__slider[value='16'] span:nth-child(5),
.home__content__move__slider[value='16'] span:nth-child(6),
.home__content__move__slider[value='16'] span:nth-child(7),
.home__content__move__slider[value='16'] span:nth-child(8),
.home__content__move__slider[value='16'] span:nth-child(9),
.home__content__move__slider[value='17'] span:nth-child(1),
.home__content__move__slider[value='17'] span:nth-child(10),
.home__content__move__slider[value='17'] span:nth-child(11),
.home__content__move__slider[value='17'] span:nth-child(12),
.home__content__move__slider[value='17'] span:nth-child(13),
.home__content__move__slider[value='17'] span:nth-child(14),
.home__content__move__slider[value='17'] span:nth-child(15),
.home__content__move__slider[value='17'] span:nth-child(16),
.home__content__move__slider[value='17'] span:nth-child(17),
.home__content__move__slider[value='17'] span:nth-child(18),
.home__content__move__slider[value='17'] span:nth-child(2),
.home__content__move__slider[value='17'] span:nth-child(3),
.home__content__move__slider[value='17'] span:nth-child(4),
.home__content__move__slider[value='17'] span:nth-child(5),
.home__content__move__slider[value='17'] span:nth-child(6),
.home__content__move__slider[value='17'] span:nth-child(7),
.home__content__move__slider[value='17'] span:nth-child(8),
.home__content__move__slider[value='17'] span:nth-child(9),
.home__content__move__slider[value='18'] span:nth-child(1),
.home__content__move__slider[value='18'] span:nth-child(10),
.home__content__move__slider[value='18'] span:nth-child(11),
.home__content__move__slider[value='18'] span:nth-child(12),
.home__content__move__slider[value='18'] span:nth-child(13),
.home__content__move__slider[value='18'] span:nth-child(14),
.home__content__move__slider[value='18'] span:nth-child(15),
.home__content__move__slider[value='18'] span:nth-child(16),
.home__content__move__slider[value='18'] span:nth-child(17),
.home__content__move__slider[value='18'] span:nth-child(18),
.home__content__move__slider[value='18'] span:nth-child(19),
.home__content__move__slider[value='18'] span:nth-child(2),
.home__content__move__slider[value='18'] span:nth-child(3),
.home__content__move__slider[value='18'] span:nth-child(4),
.home__content__move__slider[value='18'] span:nth-child(5),
.home__content__move__slider[value='18'] span:nth-child(6),
.home__content__move__slider[value='18'] span:nth-child(7),
.home__content__move__slider[value='18'] span:nth-child(8),
.home__content__move__slider[value='18'] span:nth-child(9),
.home__content__move__slider[value='19'] span:nth-child(1),
.home__content__move__slider[value='19'] span:nth-child(10),
.home__content__move__slider[value='19'] span:nth-child(11),
.home__content__move__slider[value='19'] span:nth-child(12),
.home__content__move__slider[value='19'] span:nth-child(13),
.home__content__move__slider[value='19'] span:nth-child(14),
.home__content__move__slider[value='19'] span:nth-child(15),
.home__content__move__slider[value='19'] span:nth-child(16),
.home__content__move__slider[value='19'] span:nth-child(17),
.home__content__move__slider[value='19'] span:nth-child(18),
.home__content__move__slider[value='19'] span:nth-child(19),
.home__content__move__slider[value='19'] span:nth-child(2),
.home__content__move__slider[value='19'] span:nth-child(20),
.home__content__move__slider[value='19'] span:nth-child(3),
.home__content__move__slider[value='19'] span:nth-child(4),
.home__content__move__slider[value='19'] span:nth-child(5),
.home__content__move__slider[value='19'] span:nth-child(6),
.home__content__move__slider[value='19'] span:nth-child(7),
.home__content__move__slider[value='19'] span:nth-child(8),
.home__content__move__slider[value='19'] span:nth-child(9),
.home__content__move__slider[value='20'] span:nth-child(1),
.home__content__move__slider[value='20'] span:nth-child(10),
.home__content__move__slider[value='20'] span:nth-child(11),
.home__content__move__slider[value='20'] span:nth-child(12),
.home__content__move__slider[value='20'] span:nth-child(13),
.home__content__move__slider[value='20'] span:nth-child(14),
.home__content__move__slider[value='20'] span:nth-child(15),
.home__content__move__slider[value='20'] span:nth-child(16),
.home__content__move__slider[value='20'] span:nth-child(17),
.home__content__move__slider[value='20'] span:nth-child(18),
.home__content__move__slider[value='20'] span:nth-child(19),
.home__content__move__slider[value='20'] span:nth-child(2),
.home__content__move__slider[value='20'] span:nth-child(20),
.home__content__move__slider[value='20'] span:nth-child(21),
.home__content__move__slider[value='20'] span:nth-child(3),
.home__content__move__slider[value='20'] span:nth-child(4),
.home__content__move__slider[value='20'] span:nth-child(5),
.home__content__move__slider[value='20'] span:nth-child(6),
.home__content__move__slider[value='20'] span:nth-child(7),
.home__content__move__slider[value='20'] span:nth-child(8),
.home__content__move__slider[value='20'] span:nth-child(9),
.home__content__move__slider[value='21'] span:nth-child(1),
.home__content__move__slider[value='21'] span:nth-child(10),
.home__content__move__slider[value='21'] span:nth-child(11),
.home__content__move__slider[value='21'] span:nth-child(12),
.home__content__move__slider[value='21'] span:nth-child(13),
.home__content__move__slider[value='21'] span:nth-child(14),
.home__content__move__slider[value='21'] span:nth-child(15),
.home__content__move__slider[value='21'] span:nth-child(16),
.home__content__move__slider[value='21'] span:nth-child(17),
.home__content__move__slider[value='21'] span:nth-child(18),
.home__content__move__slider[value='21'] span:nth-child(19),
.home__content__move__slider[value='21'] span:nth-child(2),
.home__content__move__slider[value='21'] span:nth-child(20),
.home__content__move__slider[value='21'] span:nth-child(21),
.home__content__move__slider[value='21'] span:nth-child(22),
.home__content__move__slider[value='21'] span:nth-child(3),
.home__content__move__slider[value='21'] span:nth-child(4),
.home__content__move__slider[value='21'] span:nth-child(5),
.home__content__move__slider[value='21'] span:nth-child(6),
.home__content__move__slider[value='21'] span:nth-child(7),
.home__content__move__slider[value='21'] span:nth-child(8),
.home__content__move__slider[value='21'] span:nth-child(9),
.home__content__move__slider[value='22'] span:nth-child(1),
.home__content__move__slider[value='22'] span:nth-child(10),
.home__content__move__slider[value='22'] span:nth-child(11),
.home__content__move__slider[value='22'] span:nth-child(12),
.home__content__move__slider[value='22'] span:nth-child(13),
.home__content__move__slider[value='22'] span:nth-child(14),
.home__content__move__slider[value='22'] span:nth-child(15),
.home__content__move__slider[value='22'] span:nth-child(16),
.home__content__move__slider[value='22'] span:nth-child(17),
.home__content__move__slider[value='22'] span:nth-child(18),
.home__content__move__slider[value='22'] span:nth-child(19),
.home__content__move__slider[value='22'] span:nth-child(2),
.home__content__move__slider[value='22'] span:nth-child(20),
.home__content__move__slider[value='22'] span:nth-child(21),
.home__content__move__slider[value='22'] span:nth-child(22),
.home__content__move__slider[value='22'] span:nth-child(23),
.home__content__move__slider[value='22'] span:nth-child(3),
.home__content__move__slider[value='22'] span:nth-child(4),
.home__content__move__slider[value='22'] span:nth-child(5),
.home__content__move__slider[value='22'] span:nth-child(6),
.home__content__move__slider[value='22'] span:nth-child(7),
.home__content__move__slider[value='22'] span:nth-child(8),
.home__content__move__slider[value='22'] span:nth-child(9),
.home__content__move__slider[value='23'] span:nth-child(1),
.home__content__move__slider[value='23'] span:nth-child(10),
.home__content__move__slider[value='23'] span:nth-child(11),
.home__content__move__slider[value='23'] span:nth-child(12),
.home__content__move__slider[value='23'] span:nth-child(13),
.home__content__move__slider[value='23'] span:nth-child(14),
.home__content__move__slider[value='23'] span:nth-child(15),
.home__content__move__slider[value='23'] span:nth-child(16),
.home__content__move__slider[value='23'] span:nth-child(17),
.home__content__move__slider[value='23'] span:nth-child(18),
.home__content__move__slider[value='23'] span:nth-child(19),
.home__content__move__slider[value='23'] span:nth-child(2),
.home__content__move__slider[value='23'] span:nth-child(20),
.home__content__move__slider[value='23'] span:nth-child(21),
.home__content__move__slider[value='23'] span:nth-child(22),
.home__content__move__slider[value='23'] span:nth-child(23),
.home__content__move__slider[value='23'] span:nth-child(24),
.home__content__move__slider[value='23'] span:nth-child(3),
.home__content__move__slider[value='23'] span:nth-child(4),
.home__content__move__slider[value='23'] span:nth-child(5),
.home__content__move__slider[value='23'] span:nth-child(6),
.home__content__move__slider[value='23'] span:nth-child(7),
.home__content__move__slider[value='23'] span:nth-child(8),
.home__content__move__slider[value='23'] span:nth-child(9),
.home__content__move__slider[value='24'] span:nth-child(1),
.home__content__move__slider[value='24'] span:nth-child(10),
.home__content__move__slider[value='24'] span:nth-child(11),
.home__content__move__slider[value='24'] span:nth-child(12),
.home__content__move__slider[value='24'] span:nth-child(13),
.home__content__move__slider[value='24'] span:nth-child(14),
.home__content__move__slider[value='24'] span:nth-child(15),
.home__content__move__slider[value='24'] span:nth-child(16),
.home__content__move__slider[value='24'] span:nth-child(17),
.home__content__move__slider[value='24'] span:nth-child(18),
.home__content__move__slider[value='24'] span:nth-child(19),
.home__content__move__slider[value='24'] span:nth-child(2),
.home__content__move__slider[value='24'] span:nth-child(20),
.home__content__move__slider[value='24'] span:nth-child(21),
.home__content__move__slider[value='24'] span:nth-child(22),
.home__content__move__slider[value='24'] span:nth-child(23),
.home__content__move__slider[value='24'] span:nth-child(24),
.home__content__move__slider[value='24'] span:nth-child(25),
.home__content__move__slider[value='24'] span:nth-child(3),
.home__content__move__slider[value='24'] span:nth-child(4),
.home__content__move__slider[value='24'] span:nth-child(5),
.home__content__move__slider[value='24'] span:nth-child(6),
.home__content__move__slider[value='24'] span:nth-child(7),
.home__content__move__slider[value='24'] span:nth-child(8),
.home__content__move__slider[value='24'] span:nth-child(9),
.home__content__move__slider[value='25'] span:nth-child(1),
.home__content__move__slider[value='25'] span:nth-child(10),
.home__content__move__slider[value='25'] span:nth-child(11),
.home__content__move__slider[value='25'] span:nth-child(12),
.home__content__move__slider[value='25'] span:nth-child(13),
.home__content__move__slider[value='25'] span:nth-child(14),
.home__content__move__slider[value='25'] span:nth-child(15),
.home__content__move__slider[value='25'] span:nth-child(16),
.home__content__move__slider[value='25'] span:nth-child(17),
.home__content__move__slider[value='25'] span:nth-child(18),
.home__content__move__slider[value='25'] span:nth-child(19),
.home__content__move__slider[value='25'] span:nth-child(2),
.home__content__move__slider[value='25'] span:nth-child(20),
.home__content__move__slider[value='25'] span:nth-child(21),
.home__content__move__slider[value='25'] span:nth-child(22),
.home__content__move__slider[value='25'] span:nth-child(23),
.home__content__move__slider[value='25'] span:nth-child(24),
.home__content__move__slider[value='25'] span:nth-child(25),
.home__content__move__slider[value='25'] span:nth-child(26),
.home__content__move__slider[value='25'] span:nth-child(3),
.home__content__move__slider[value='25'] span:nth-child(4),
.home__content__move__slider[value='25'] span:nth-child(5),
.home__content__move__slider[value='25'] span:nth-child(6),
.home__content__move__slider[value='25'] span:nth-child(7),
.home__content__move__slider[value='25'] span:nth-child(8),
.home__content__move__slider[value='25'] span:nth-child(9),
.home__content__move__slider[value='26'] span:nth-child(1),
.home__content__move__slider[value='26'] span:nth-child(10),
.home__content__move__slider[value='26'] span:nth-child(11),
.home__content__move__slider[value='26'] span:nth-child(12),
.home__content__move__slider[value='26'] span:nth-child(13),
.home__content__move__slider[value='26'] span:nth-child(14),
.home__content__move__slider[value='26'] span:nth-child(15),
.home__content__move__slider[value='26'] span:nth-child(16),
.home__content__move__slider[value='26'] span:nth-child(17),
.home__content__move__slider[value='26'] span:nth-child(18),
.home__content__move__slider[value='26'] span:nth-child(19),
.home__content__move__slider[value='26'] span:nth-child(2),
.home__content__move__slider[value='26'] span:nth-child(20),
.home__content__move__slider[value='26'] span:nth-child(21),
.home__content__move__slider[value='26'] span:nth-child(22),
.home__content__move__slider[value='26'] span:nth-child(23),
.home__content__move__slider[value='26'] span:nth-child(24),
.home__content__move__slider[value='26'] span:nth-child(25),
.home__content__move__slider[value='26'] span:nth-child(26),
.home__content__move__slider[value='26'] span:nth-child(27),
.home__content__move__slider[value='26'] span:nth-child(3),
.home__content__move__slider[value='26'] span:nth-child(4),
.home__content__move__slider[value='26'] span:nth-child(5),
.home__content__move__slider[value='26'] span:nth-child(6),
.home__content__move__slider[value='26'] span:nth-child(7),
.home__content__move__slider[value='26'] span:nth-child(8),
.home__content__move__slider[value='26'] span:nth-child(9),
.home__content__move__slider[value='27'] span:nth-child(1),
.home__content__move__slider[value='27'] span:nth-child(10),
.home__content__move__slider[value='27'] span:nth-child(11),
.home__content__move__slider[value='27'] span:nth-child(12),
.home__content__move__slider[value='27'] span:nth-child(13),
.home__content__move__slider[value='27'] span:nth-child(14),
.home__content__move__slider[value='27'] span:nth-child(15),
.home__content__move__slider[value='27'] span:nth-child(16),
.home__content__move__slider[value='27'] span:nth-child(17),
.home__content__move__slider[value='27'] span:nth-child(18),
.home__content__move__slider[value='27'] span:nth-child(19),
.home__content__move__slider[value='27'] span:nth-child(2),
.home__content__move__slider[value='27'] span:nth-child(20),
.home__content__move__slider[value='27'] span:nth-child(21),
.home__content__move__slider[value='27'] span:nth-child(22),
.home__content__move__slider[value='27'] span:nth-child(23),
.home__content__move__slider[value='27'] span:nth-child(24),
.home__content__move__slider[value='27'] span:nth-child(25),
.home__content__move__slider[value='27'] span:nth-child(26),
.home__content__move__slider[value='27'] span:nth-child(27),
.home__content__move__slider[value='27'] span:nth-child(28),
.home__content__move__slider[value='27'] span:nth-child(3),
.home__content__move__slider[value='27'] span:nth-child(4),
.home__content__move__slider[value='27'] span:nth-child(5),
.home__content__move__slider[value='27'] span:nth-child(6),
.home__content__move__slider[value='27'] span:nth-child(7),
.home__content__move__slider[value='27'] span:nth-child(8),
.home__content__move__slider[value='27'] span:nth-child(9),
.home__content__move__slider[value='28'] span:nth-child(1),
.home__content__move__slider[value='28'] span:nth-child(10),
.home__content__move__slider[value='28'] span:nth-child(11),
.home__content__move__slider[value='28'] span:nth-child(12),
.home__content__move__slider[value='28'] span:nth-child(13),
.home__content__move__slider[value='28'] span:nth-child(14),
.home__content__move__slider[value='28'] span:nth-child(15),
.home__content__move__slider[value='28'] span:nth-child(16),
.home__content__move__slider[value='28'] span:nth-child(17),
.home__content__move__slider[value='28'] span:nth-child(18),
.home__content__move__slider[value='28'] span:nth-child(19),
.home__content__move__slider[value='28'] span:nth-child(2),
.home__content__move__slider[value='28'] span:nth-child(20),
.home__content__move__slider[value='28'] span:nth-child(21),
.home__content__move__slider[value='28'] span:nth-child(22),
.home__content__move__slider[value='28'] span:nth-child(23),
.home__content__move__slider[value='28'] span:nth-child(24),
.home__content__move__slider[value='28'] span:nth-child(25),
.home__content__move__slider[value='28'] span:nth-child(26),
.home__content__move__slider[value='28'] span:nth-child(27),
.home__content__move__slider[value='28'] span:nth-child(28),
.home__content__move__slider[value='28'] span:nth-child(29),
.home__content__move__slider[value='28'] span:nth-child(3),
.home__content__move__slider[value='28'] span:nth-child(4),
.home__content__move__slider[value='28'] span:nth-child(5),
.home__content__move__slider[value='28'] span:nth-child(6),
.home__content__move__slider[value='28'] span:nth-child(7),
.home__content__move__slider[value='28'] span:nth-child(8),
.home__content__move__slider[value='28'] span:nth-child(9),
.home__content__move__slider[value='29'] span:nth-child(1),
.home__content__move__slider[value='29'] span:nth-child(10),
.home__content__move__slider[value='29'] span:nth-child(11),
.home__content__move__slider[value='29'] span:nth-child(12),
.home__content__move__slider[value='29'] span:nth-child(13),
.home__content__move__slider[value='29'] span:nth-child(14),
.home__content__move__slider[value='29'] span:nth-child(15),
.home__content__move__slider[value='29'] span:nth-child(16),
.home__content__move__slider[value='29'] span:nth-child(17),
.home__content__move__slider[value='29'] span:nth-child(18),
.home__content__move__slider[value='29'] span:nth-child(19),
.home__content__move__slider[value='29'] span:nth-child(2),
.home__content__move__slider[value='29'] span:nth-child(20),
.home__content__move__slider[value='29'] span:nth-child(21),
.home__content__move__slider[value='29'] span:nth-child(22),
.home__content__move__slider[value='29'] span:nth-child(23),
.home__content__move__slider[value='29'] span:nth-child(24),
.home__content__move__slider[value='29'] span:nth-child(25),
.home__content__move__slider[value='29'] span:nth-child(26),
.home__content__move__slider[value='29'] span:nth-child(27),
.home__content__move__slider[value='29'] span:nth-child(28),
.home__content__move__slider[value='29'] span:nth-child(29),
.home__content__move__slider[value='29'] span:nth-child(3),
.home__content__move__slider[value='29'] span:nth-child(30),
.home__content__move__slider[value='29'] span:nth-child(4),
.home__content__move__slider[value='29'] span:nth-child(5),
.home__content__move__slider[value='29'] span:nth-child(6),
.home__content__move__slider[value='29'] span:nth-child(7),
.home__content__move__slider[value='29'] span:nth-child(8),
.home__content__move__slider[value='29'] span:nth-child(9) {
    opacity: 1
}

.home__content__move__slider .home__content__move__slider__columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 5
}

.home__content__move__slider .home__content__move__slider__columns div {
    height: 148px;
    width: 33.3%;
    background: #000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer
}

@media only screen and (min-width:960px) {
    .home__content__move__slider .home__content__move__slider__columns div {
        height: 78px
    }
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(1) {
    border-right: 1px solid #666;
    width: calc(33% + 30px)
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(2) {
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 0
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(3) {
    border-left: 1px solid #666
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(3)::after {
    content: "";
    display: none;
    width: 20px;
    height: 20px;
    background: #00A8E6;
    position: absolute;
    right: 0;
    top: -10px;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
    z-index: 1555
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(3) .final {
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home__content__move__slider .home__content__move__slider__columns div:nth-child(3) .final::after {
    content: url(images/repeat.svg);
    display: block;
    right: 10px;
    width: 45px;
    height: 45px;
    position: relative;
    left: 15px;
    margin-top: 10px
}

@media only screen and (min-width:1200px) {
    .home__content__discussion a p span {
        font-size: 5.8rem
    }
    .home__content__move__slider .home__content__move__slider__columns div:nth-child(3) .final::after {
        left: 35px
    }
}

.home__content__move__slider .home__content__move__slider__columns div h3 {
    font-family: HelveticaNeue, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #FFF;
    font-size: 2.2rem;
    text-transform: uppercase
}

@media only screen and (min-width:960px) {
    .home__content__move__slider .home__content__move__slider__columns div:nth-child(3) .final {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .home__content__move__slider .home__content__move__slider__columns div:nth-child(3) .final::after {
        margin-top: 0
    }
    .home__content__move__slider .home__content__move__slider__columns div h3 {
        font-size: 2.4rem
    }
}

.home__content__move__slider .home__content__move__slider__columns div p {
    font-family: HelveticaNeue, sans-serif;
    font-weight: 400;
    color: #FFF;
    font-size: 1.4rem;
    display: none
}

@media only screen and (min-width:960px) {
    .home__content__move__slider .home__content__move__slider__columns div p {
        font-size: 1.6rem
    }
}

.home__content__move__slider .home__content__move__slider__columns div p span {
    opacity: 0;
    transition: opacity .3s
}

.home__content__move__slider .home__content__move__slider__columns div .final {
    display: none !important
}

.library__main {
    background: url(images/library-bg.jpg) no-repeat fixed;
    background-size: cover;
    padding-bottom: 50px;
    min-height: 90vh
}

.library__main form {
    display:none;
    text-align: center;
    margin-bottom: 40px
}

.library__main form label {
    display: inline
}

.library__main form input {
    outline: 0;
    border: 1px solid #FFF;
    padding: 5px 10px;
    font-size: 1.5rem;
    display: block;
    margin: 0 auto;
    width: 300px;
    text-align: center;
    color: #757575
}

.library__main form input::-webkit-input-placeholder {
    color: #757575
}

.library__main form input:-moz-placeholder {
    color: #757575
}

.library__main form input::-moz-placeholder {
    color: #757575
}

.library__main form input:-ms-input-placeholder {
    color: #757575
}

.library__main form select {
    display: none !important
}

.library__main form .select {
    width: 300px;
    height: 30px;
    background: 0 0;
    margin: 10px auto;
    font-size: 1.5rem;
    font-family: HelveticaNeue, sans-serif;
    cursor: pointer;
    color: #FFF;
    position: relative
}

.library__main form .select .styledSelect {
    width: 300px;
    height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid #FFF
}

.library__main form .select .styledSelect.active {
    border-bottom: 1px solid #FFF
}

.library__main form .select .options {
    display: none;
    position: absolute;
    top: 30px;
    width: 100%;
    color: #000;
    background: #FFF;
    left: 0;
    border-bottom: 1px solid transparent
}

.library__main form .select .options li {
    border-bottom: 1px solid #757575;
    border-left: 1px solid #757575;
    border-right: 1px solid #757575;
    padding: 3px 0
}

.library__main form .select .options li:hover {
    background: #ebebeb
}

.library__main form .select option {
    cursor: pointer
}

.library__main .container {
    padding: 0 20px;
    width: 95%
}

@media only screen and (min-width:960px) {
    .library__main .container {
        padding: 0 65px
    }
}

@media only screen and (min-width:1600px) {
    .library__main .container {
        width: 85%;
        padding: 0 85px
    }
}

.library__main__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 80px
}

.library__main__nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 542px;
    width: 100%;
    list-style: none
}

.library__main__nav ul li {
    margin: 5px
}

@media only screen and (min-width:960px) {
    .library__main__nav ul li {
        margin: 0
    }
}

.library__main__nav ul li a {
    font-family: HelveticaNeue, sans-serif;
    font-size: 2.2rem;
    color: #FFF;
    text-decoration: none
}

.library__main__list ul li a, .library__main__list ul li article,
.library__main__list__description {
    color: #000;
    font-family: HelveticaNeue, sans-serif
}

.library__main__nav ul li a::after {
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 1px;
    background: #FFF
}

.library__main__nav ul li a.current::after,
.library__main__nav ul li a:focus::after,
.library__main__nav ul li a:hover::after {
    opacity: 1
}

.library__main__list {
    max-width: 542px;
    margin: 0 auto;
    background: #FFF;
    padding: 30px 25px
}

@media only screen and (min-width:960px) {
    .library__main__list {
        padding: 30px 40px
    }
}

.library__main__list__description {
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 15px
}

.library__main__list ul {
    list-style: none
}

.library__main__list ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px
}

.library__main__list ul li::before {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #000;
    margin-right: 25px;
    margin-top: 4px
}

.library__main__list ul li a, .library__main__list ul li article {
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.library__main__list ul li a h3, .library__main__list ul li article h3,
.library__main__list ul li a p, .library__main__list ul li article p {
    font-weight: 400;
    font-size: 1.5rem
}

.library__main__list__button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 70px
}

.library__main__list__button a {
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #111;
    text-decoration: none;
    background: 0 0;
    border: 1px solid #111;
    width: 220px;
    height: 44px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.library__main__list__button a:focus,
.library__main__list__button a:hover {
    color: #FFF;
    background: #111
}

.radar {
    position: relative;
    min-height: 100vh;
    background: #000
}

.radar__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:640px) {
    .radar__content {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: calc(100vh - 67px)
    }
}

.radar__content.container {
    width: 95%;
    padding: 50px 20px
}

@media only screen and (min-width:960px) {
    .radar__content.container {
        padding: 50px 65px
    }
}

@media only screen and (min-width:1600px) {
    .radar__content.container {
        width: 85%;
        padding: 50px 85px
    }
}

.radar__content__video {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.radar__content__video__title {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    font-family: HelveticaNeue, sans-serif;
    font-weight: 300;
    font-size: 2.3rem;
    padding: 0 15px
}

@media only screen and (min-width:640px) {
    .radar__content__video__title {
        font-size: 3.3rem;
        top: 20px
    }
    .radar__content__video {
        width: 60%;
        height: 100%
    }
}

@media only screen and (min-width:960px) {
    .radar__content__video__title {
        font-size: 4.3rem
    }
}

@media only screen and (min-width:1200px) {
    .radar__content__video__title {
        font-size: 6.6rem;
        top: 50px
    }
}

.radar__content__video video {
    max-width: 100%;
    display: block;
    height: auto;
    max-height: calc(100% - 64px)
}

.radar__content__video a {
    color: #FFF;
    text-decoration: none;
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.4rem;
    width: 320px;
    height: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #FFF;
    margin-top: 15px
}

.radar__content__video a:focus,
.radar__content__video a:hover {
    background: #FFF;
    color: #000
}

.radar__content__text {
    border: 1px solid #333F50;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 50px
}

.radar__content__text__content {
    position: relative;
    padding: 15px 0
}

.radar__content__text__content::after,
.radar__content__text__content::before {
    display: block;
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
    background: url(images/radar-line.png);
    content: ""
}

.radar__content__text__content::after {
    right: 0
}

.radar__content__text__content::before {
    left: 0
}

@media only screen and (min-width:640px) {
    .radar__content__text {
        margin-right: 20px;
        width: 40%;
        max-height: 100%;
        margin-bottom: 0
    }
}

.radar__content__text p {
    color: #CACACA;
    font-family: HelveticaNeue, sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 0 30px;
    margin-bottom: 15px
}

.discussion__content,
.discussion__popup {
    font-family: OpenSans, sans-serif
}

@media only screen and (min-width:640px) {
    .radar__content__text p {
        padding: 5px 60px
    }
}

.discussion__content {
    background: #000;
    margin: 30px auto;
    max-width: 1350px;
    padding-top: 40px
}

.discussion__content>div {
    margin: 0 25px -1px
}

.discussion__content__header {
    background: #000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0
}

.discussion__content__header p {
    color: #404040;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.6rem;
    width: 33.33%;
    text-align: center;
    display: none
}

@media only screen and (min-width:960px) {
    .discussion__content__header p {
        display: block
    }
}

.discussion__content__header h2 {
    color: #8C8C8C
}

.discussion__content__lists {
    width: 100%;
    padding-bottom: 40px
}

.discussion__content__lists__discussion {
    padding: 40px 40px 20px;
    width: 100%;
    margin-bottom: 30px;
    background: #404040;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.discussion__content__lists__discussion>div {
    width: 100%;
    margin-bottom: 20px
}

.discussion__content__lists__discussion__img {
    position: relative;
    text-align: center
}

.discussion__content__lists__discussion__img img {
    margin: 0 auto
}

@media only screen and (min-width:960px) {
    .discussion__content__lists__discussion>div {
        width: 30%
    }
    .discussion__content__lists__discussion__img {
        padding-right: 40px
    }
    .discussion__content__lists__discussion__img img {
        width: 100%
    }
}

.discussion__content__lists__discussion__img p {
    position: absolute;
    top: 50%;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    color: #484848 !important;
    font-size: 22px;
    line-height: 2.9rem !important
}

@media only screen and (min-width:1200px) {
    .discussion__content__lists__discussion__img p {
        font-size: 22px !important
    }
}

@media only screen and (min-width:960px) {
    .discussion__content__lists__discussion__img p {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 70px 0 30px
    }
    .discussion__content__lists__discussion__text {
        position: relative;
        width: 35% !important;
        padding: 0 2.5%
    }
    .discussion__content__lists__discussion__text::before,
    .discussion__content__lists__discussion__text:after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: rgba(255, 255, 255, .6);
        position: absolute;
        top: 81px
    }
    .discussion__content__lists__discussion__text::before {
        left: -20px
    }
    .discussion__content__lists__discussion__text::after {
        right: -10px
    }
}

.discussion__content__lists__discussion__text .toShow {
    overflow: hidden;
    max-height: 0;
    transition: .4s max-height
}

.discussion__content__lists__discussion__text .toShow.active {
    max-height: 700px
}

.discussion__content__lists__discussion__text a {
    display: inline;
    color: #FFF;
    text-decoration: none;
    opacity: .6
}

.discussion__content__lists__discussion__text a:focus,
.discussion__content__lists__discussion__text a:hover {
    text-decoration: underline
}

.discussion__content__lists__discussion__text a.hidden {
    display: none
}

.discussion__content__lists__discussion__text p {
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.1rem
}

@media only screen and (min-width:960px) {
    .discussion__content__lists__discussion__text p:first-child::after,
    .discussion__content__lists__discussion__text p:first-child::before {
        content: "";
        display: block;
        width: 1px;
        height: 163px;
        background: rgba(255, 255, 255, .6);
        position: absolute;
        top: 0
    }
    .discussion__content__lists__discussion__text p:first-child::before {
        left: 0
    }
    .discussion__content__lists__discussion__text p:first-child::after {
        right: 0
    }
}

.discussion__content__topic {
    padding-top: 15px;
    padding-bottom: 40px
}

.discussion__content__topic--single .discussion__content__topic__people__text {
    width: 75%
}

.discussion__content__topic--single .discussion__content__topic__people__person {
    cursor: default
}

.discussion__content__topic__content {
    max-width: 80%;
    margin: 0 auto
}

.discussion__content__topic h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.6rem;
    letter-spacing: 2px;
    color: #77A4D9;
    margin-bottom: 20px
}

.discussion__content__topic h4 {
    font-size: 2.8rem;
    font-weight: 300;
    color: #e6e5e5;
    margin-bottom: 40px
}

.discussion__content__topic__people {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.discussion__content__topic__people__person {
    position: relative;
    min-width: 50%;
    margin-bottom: 10px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.discussion__content__topic__people__person:nth-of-type(2) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 20px
}

@media only screen and (min-width:640px) {
    .discussion__content__topic__people__person {
        width: 38%;
        min-width: 0;
        margin-bottom: 30px
    }
    .discussion__content__topic__people__person:nth-of-type(2) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-top: 0
    }
}

@media only screen and (min-width:960px) {
    .discussion__content__topic__people__person {
        width: 20%;
        margin-bottom: 0
    }
}

.discussion__content__topic__people__person p {
    background: rgba(0, 0, 0, .7);
    font-size: 1.6rem;
    font-weight: 300;
    color: #e6e5e5;
    padding: 7px;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.discussion__content__topic__people__text {
    width: 100%;
    margin-bottom: 10px
}

.discussion__content__topic__people__text:nth-of-type(2) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width:640px) {
    .discussion__content__topic__people__text {
        width: 60%
    }
    .discussion__content__topic__people__text:nth-of-type(2) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media only screen and (min-width:960px) {
    .discussion__content__topic__people__text {
        display: none;
        width: 50%;
        margin-bottom: 0
    }
}

.discussion__content__topic__people__text.active {
    display: block
}

.discussion__content__topic__people__text h5 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.6rem;
    letter-spacing: 2px;
    color: #77A4D9;
    margin-bottom: 20px
}

.discussion__content__topic__people__text p {
    font-size: 1.6rem;
    font-weight: 300;
    color: #e6e5e5
}

.discussion__content__topic__people__text p a {
    color: #e6e5e5;
    outline: 0
}

.discussion__popup {
    width: 40%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .7);
    min-height: 200px;
    padding: 50px 30px;
    position: relative
}

.discussion__popup .mfp-close {
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    z-index: 5
}

.discussion__popup .mfp-close:focus::after,
.discussion__popup .mfp-close:focus::before,
.discussion__popup .mfp-close:hover::after,
.discussion__popup .mfp-close:hover::before {
    background: #000
}

.discussion__popup .mfp-close::after,
.discussion__popup .mfp-close::before {
    content: "";
    display: block;
    height: 20px;
    width: 1px;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 10px;
    transition: .3s background ease-in;
    z-index: 10
}

.discussion__popup .mfp-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.discussion__popup .mfp-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.discussion__popup h3 {
    color: #FFF;
    font-weight: 300;
    font-size: 2.5rem;
    margin-bottom: 20px
}

.discussion__popup p {
    color: #000;
    font-weight: 300;
    font-size: 1.7rem
}

.about__logo {
    margin: 0 auto 40px;
    max-width: 190px
}

.about__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px !important;
    padding-top: 50px;
    padding-bottom: 10px;
    margin-top: 30px
}

.about__wrapper .about-content {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.about__art {
    margin: 30px 0 0;
    width: 100%;
    background: #000;
    font-family: HelveticaNeue, sans-serif;
    text-align: center;
    padding: 70px 0 10px
}

.about__art h2 {
    font-size: 2rem;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 25px;
    font-family: 'Times New Roman', sans-serif;
    font-style: italic
}

.about__credits,
.about__find a,
.about__find h3 {
    font-family: HelveticaNeue, sans-serif
}

.about__art h3 {
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #404040;
    letter-spacing: 4px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about__art h3 span {
    margin: 0 10px
}

@media only screen and (min-width:1200px) {
    .about__art h3 {
        font-size: 4.5rem
    }
    .about__art h3 span {
        margin: 0 20px
    }
}

.about__art__videos {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about__art__videos li {
    min-width: 180px;
    width: calc(20% - 30px);
    margin-bottom: 80px;
    position: relative;
}

@media only screen and (min-width:960px) {
    .about__art__videos {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .about__art__videos li {
        margin-bottom: 90px
    }
}

.about__art__videos li:hover img {
    opacity: 0
}

@media only screen and (min-width:1300px) {
    .about__art__videos li {
        min-width: 220px;
        width: calc(20% - 30px)
    }
    .about__art__videos li video {
        width: 180px;
        height: 180px
    }
}

.about__art__videos li video {
    object-fit: fill;
    width: 180px;
    height: 180px;
    border: 1px solid #FFF
}

.about__art__videos li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 170px;
    width: 170px;
    border: 1px solid #FFF;
    opacity: 1;
    transition: .5s opacity ease
}

.about__art__videos li p {
    margin-top: 10px;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    text-transform: uppercase
}

.about__art__videos li p span {
    display: block
}

@media only screen and (min-width:1300px) {
    .about__art__videos li img {
        height: 220px;
        width: 220px
    }
    .about__art__videos li p {
        font-size: 1.9rem
    }
}

.about__find {
    width: 100%;
    margin: 30px auto;
    padding: 30px 0 25px;
    background: rgba(60, 80, 200, .7);
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.about__find h3 {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 3.6rem;
    font-weight: 800;
    text-align: center
}

.about__credits ul,
.about__find a {
    display: -webkit-flex;
    display: -ms-flexbox
}

.about__find a {
    margin-top: 23px;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #FFF;
    width: 130px;
    height: 46px;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about__credits {
    background: #000;
    color: #FFF;
    padding: 70px 0 60px
}

.about__credits .container {
    max-width: 1000px;
    padding: 0 20px
}

.about__credits h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.9rem;
    margin-bottom: 25px;
    letter-spacing: .5rem;
    color: #AEAEAE
}

.about__credits p {
    font-size: 1.4rem;
    max-width: 90%;
    margin: 0 auto;
    display: block
}

.about__credits__intro {
    text-align: center;
    padding-bottom: 15px
}

.about__credits h4 {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 15px
}

.about__credits ul {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:640px) {
    .about__credits ul {
        max-width: 50%;
        margin: 0 auto 15px
    }
}

.about__credits ul li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 1.4rem;
    text-align: center
}

@media only screen and (min-width:480px) {
    .about__credits ul li {
        -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        text-align: left;
        margin: 0 12px
    }
    .about__credits ul li:nth-child(2n+1) {
        text-align: right
    }
}

.about__credits__team {
    margin-bottom: 15px
}

.about__credits__team a {
    text-decoration: none;
    color: #FFF
}

.about__credits__team p {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about__credits__team p span {
    width: 50%;
    margin: 0 12px
}

.about__credits__team p span:first-child {
    text-align: right
}

.about__credits__team p span:last-child {
    text-align: left
}

.about__credits__end {
    text-align: center
}

.toOpen {
    padding: 0 !important
}

.toOpen .about-content__box_title h4 {
    padding: 25px !important;
    position: relative;
    cursor: pointer;
    transition: .3s color ease-in
}

.toOpen .about-content__box_title h4:focus,
.toOpen .about-content__box_title h4:hover {
    color: #8c8c8c !important
}

.toOpen.active>.about-content__box_content {
    max-height: 2500px
}

@media only screen and (min-width:960px) {
    .toOpen.active>.about-content__box_content {
        max-height: 1500px
    }
}

.toOpen .about-content__box_content {
    max-height: 0;
    overflow: hidden;
    transition: .7s max-height ease;
    max-width: 1000px;
    margin: 0 auto;
    padding: 4px 0
}

.toOpen .about-content__box_content p,
.toOpen .about-content__box_content ul {
    margin: 0 auto;
    font-size: 1.6rem
}

@media only screen and (min-width:640px) {
    .toOpen .about-content__box_content {
        padding: 4px 45px
    }
    .toOpen .about-content__box_content p,
    .toOpen .about-content__box_content ul {
        max-width: 90%
    }
}

.toOpen .about-content__box_content div {
    margin-bottom: 20px
}

.toOpen p:last-child {
    margin-bottom: 45px
}

.about-content__box--hover {
    padding: 15px !important
}

.about-content__box--hover ul li {
    color: #FFF
}

.about-content__box--hover ul li.active p {
    max-height: 1500px !important
}

.about-content__box--hover ul li span {
    cursor: pointer;
    display: block;
    padding: 10px 15px 0;
    font-weight: 400;
    position: relative;
    text-align: center;
    transition: .3s color ease-in
}

.about-content__box--hover ul li span:focus,
.about-content__box--hover ul li span:hover {
    color: #8c8c8c
}

.about-content__box--hover ul li p {
    max-height: 0;
    overflow: hidden;
    transition: .7s max-height ease-in;
    font-size: 1.6rem;
    margin-top: 5px;
    background: #000;
    color: #FFF;
    padding: 0 15px
}

.about-content__box--hover ul li p::after,
.about-content__box--hover ul li p::before {
    content: "";
    display: block;
    height: 10px
}

@media only screen and (min-width:640px) {
    .about-content__box--hover ul li p {
        max-height: 0
    }
}

.about-container .wrapper-xs {
    background: #000;
    width: calc(95% - 40px);
    max-width: 1030px
}

.about-container .wrapper-xs .about-content__box {
    background: 0 0 !important;
    border: 0 !important;
    margin-bottom: 0 !important
}

.about-container .wrapper-xs .about-content__box .about-content__box_content,
.about-container .wrapper-xs .about-content__box a {
    color: #FFF !important
}

.about-content__legal h4 {
    padding: 25px;
    transition: .3s color ease-in;
    font-size: 2.9rem;
    color: #b5b5b5;
    font-weight: 400;
    text-align: center;
    font-family: HelveticaNeu, sans-serif
}

.about-content__legal .about-content__box_content {
    padding: 4px 45px;
    max-width: 1000px;
    margin: 0 auto;
    color: #FFF !important;
    font-family: HelveticaNeu, sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 1.8rem;
    text-indent: 30px;
    text-align: justify
}

.about-content__legal .about-content__box_content p {
    max-width: 90%;
    margin: 0 auto;
    font-size: 1.6rem
}

.about-content__box--purpose ul {
    max-width: 90%;
    margin: -20px auto 0;
    font-size: 1.6rem;
    list-style: circle;
    padding-left: 15px
}

.about-content__box--purpose p {
    margin-bottom: 20px !important
}

.about-content__box--legal.active>.about-content__box_content {
    max-height: 5000px !important
}

.about-content__box--legal.active>.about-content__box_content .about-content__box {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.about-content__box--legal.active>.about-content__box_content .about-content__box_content {
    max-width: 100%;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-height: none !important
}

.about-content__box--legal.active>.about-content__box_content .about-content__box_content p {
    max-width: 100%
}

.about-content__box--legal.active>.about-content__box_content .toOpen p:last-child {
    margin-bottom: 0
}

.about-content__box--legal .about-content__box_content {
    margin: 0 auto;
    max-width: 90%
}

@media only screen and (min-width:960px) {
    .about-container .wrapper-xs {
        width: calc(95% - 330px)
    }
    .about-content__box--legal .about-content__box_content {
        max-width: 70%
    }
}

.about-content__box--legal .about-content__box_title--logo {
    margin-bottom: 0 !important;
    padding-top: 0
}

.about-content__box--legal .about-content__box_title--logo h4 {
    cursor: default;
    font-size: 2.2rem !important
}

.about-content__box--legal p {
    text-indent: 30px
}

.about-container--legal .wrapper-xs.about__wrapper {
    padding-bottom: 60px
}

.about-content__box--center p {
    text-indent: 0 !important;
    text-align: center
}

.light-description {
    color: #b3b5b4 !important;
    font-size: 1em !important;
    margin-left: 0 !important;
}

.card__panel {
    text-align: right !important;
    margin-top: 10px;
}

.card__panel a {
    font-family: Roboto, sans-serif;
    color: white;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 600;
    font-size: 1.3em;
    opacity: 0.7;
    transition: 0.5s
}

.card__panel a:hover {
    opacity: 1;
}

.cropped ul {
    margin-top: 25px !important;
    text-indent: 0;
    padding-left: 40px;
    list-style-type: disc;
}

.circle-icons {
    display: inline-block;
    border: 2px solid #b3b5b4 !important;
    transition: 0.5s ease-in-out;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    vertical-align: middle;
    padding: 8px 0;
}

.circle-icons__icon {
    font-size: 19px;
    transition: 0.5s ease-in;
}

.circle-icons:hover {
    border: 2px solid #929393 !important;
    transition: 0.5s ease-in
}

.circle-icons:hover>.circle-icons__icon {
    color: #929393 !important;
    transition: 0.5s ease-in
}

.single-art {
    text-align: center;
}

.about-content__modern h2 {
    font-size: 2rem;
    color: white;
    text-align: center;
    font-weight: 400;
    font-family: 'Times New Roman', sans-serif;
    font-style: italic
}

.about-content__videos {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.about-header img {
    height: 5.5rem;
}

.video-link {
    margin: 0 27px;
}

.video-section {
    text-align: center;
    position: relative;
    transition: 0.7s;
    border: 1px solid #8C8C8C;
}

.video-section img {
    height: 150px;
    margin: 0 auto;
}

@media screen and (max-width:550px) {
    .about-content__videos {
        flex-flow: column;
        align-items: center;
    }
    .video-link {
        margin: 17px 0;
    }
    .video-section {
        width: 250px;
    }
    .video-section img {
        height: 200px;
        margin: 0 auto;
    }
}

.single-article {
    position: relative;
    color: white;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 65px;
}

.almost-display p {
    color: #8C8C8C;
}

.single-article .about__content__text {
    position: relative;
    padding-top: 25px;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: HelveticaNeue, sans-serif;
    z-index: 105;
    background: 0 0 !important;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 1.6rem;
    transition: .3s color ease-in
}

.single-article .about__content__text::after,
.about__content__text::before {
    width: calc(50% - 27px);
    top: 25px;
    height: 1px;
    background: #1C1C1C;
    position: absolute;
    content: ""
}

.single-article .about__content__text::before {
    left: 0
}

.single-article .about__content__text::after {
    right: 0
}

.single-article .about__content__text:focus,
.about__content__text:hover {
    color: #fff !important
}

.single-article .about__content__text span {
    content: "";
    position: absolute;
    margin: auto;
    top: 6px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #1C1C1C;
    border-bottom: 1px solid #1C1C1C;
    z-index: 104
}

.single-article .about__content__text.hidden {
    display: none
}

.almost-display {
    color: white;
    padding: 0 10px;
    padding-top: 45px;
    text-align: center;
}

.dont-display {
    color: white;
    display: none;
    margin-top: 20px;
    padding: 0 10px;
    text-align: center;
    font-size: 1.3em;
}

.dont-display ul {
    list-style-type: disc;
    width: 70%;
    margin: 0 auto;
}

@media only screen and (max-width: 70px) {
    .dont-display ul {
        width: 85%;
    }
}

.dont-display ul li {
    text-align: left;
}

.almost-display,
.dont-display {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    letter-spacing: .03rem;
    line-height: 2.4rem;
}

@media only screen and (max-width: 700px) {
    .almost-display,
    .dont-display {
        width: 55%;
    }
    .dont-display ul {
        width: 85%;
    }
}

@media only screen and (min-width: 960px) {
    .almost-display,
    .dont-display {
        width: 55%;
    }
    #about .about-content {
        padding-top: 75px;
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 750px) {
    .almost-display,
    .dont-display {
        width: 55%;
    }
    .dont-display ul {
        width: 85%;
    }
}

@media only screen and (max-width: 500px) {
    .almost-display,
    .dont-display {
        width: 98%;
    }
}

.about__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px !important;
    padding-top: 70px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.video-header {
    text-align: center;
    margin: 20px 0;
}

.about-content__modern {
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home__content__text__more {
    position: absolute;
    padding-top: 25px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: HelveticaNeue, sans-serif;
    z-index: 105;
    background: 0 0 !important;
    color: #8C8C8C;
    text-decoration: none;
    font-size: 1.4rem;
    transition: .3s color ease-in
}

.home__content__text__more::after,
.home__content__text__more::before {
    width: calc(50% - 27px);
    top: 25px;
    height: 1px;
    background: #1C1C1C;
    position: absolute;
    content: ""
}

.home__content__text__more::before {
    left: 0
}

.home__content__text__more::after {
    right: 0
}

.home__content__text__more:focus,
.home__content__text__more:hover {
    color: #FFF
}

.home__content__text__more span {
    content: "";
    position: absolute;
    margin: auto;
    top: 6px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #1C1C1C;
    border-bottom: 1px solid #1C1C1C
}

.home__content__text__more.hidden {
    display: none
}

.home__content__viewfinder {
    height: 100vh;
}

.home__content__text--opacity{
    background: #0a0a0ba4;
}

.home__content__viewfinder--flex{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
    color: white;
    width: 100%;
}

.home__content__viewfinder--flex div:first-child{
    text-align: justify; /*right ; */
    max-width: 600px; 
    margin: 0 10px;
    font-family: 'DIN Condensed';
    font-size: 2.5rem;
    letter-spacing: .03rem;
    line-height: 3.5rem;
    font-weight: 600;
}

.home__content__viewfinder--flex div:first-child h3{
    margin-bottom: 15px;
}

.home__content__viewfinder--flex div.fan-landing-logo{
    margin-top: 55px;
    width: 300px;
    position: relative;
}

@media screen and (max-width: 1000px){
    .home__content__viewfinder--flex div.fan-landing-logo{
        margin-top: 55px;
    }
}

#toScroll{
    padding-top: 50px;
}

.landing-section{
    /*height: 100vh; */
    /*margin-bottom: 100px;*/
    box-sizing: border-box;
}

@media screen and (max-width: 1000px){
    .landing-section{
        /*margin-bottom: 100px;*/   
    }
}

.home__content__viewfinder--flex div.fan-landing-logo:before,
.home__content__viewfinder--flex div.fan-landing-logo:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 3px solid white;

  top: 50%;
  width: 120px;
}
.home__content__viewfinder--flex div.fan-landing-logo:before {
  right: 100%;
  margin-right: 15px;
}
.home__content__viewfinder--flex div.fan-landing-logo:after {
  left: 100%;
  margin-left: 15px;
}


@media screen and (max-width: 640px){
    .home__content__viewfinder--flex div.fan-landing-logo:before,
.home__content__viewfinder--flex div.fan-landing-logo:after{
    display: none;
}
}

.scroll-down {

  bottom: 0;
  margin-top: 100px;
  color: white;
  position: relative;
  background: rgba(0, 0, 0, .6);
  width: 70px;
  height: 65px;
  border-radius: 50%;
  padding-top: 20px;
}

.scroll-down p{
        position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -15px;
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
}

.scroll-down span{
    position: absolute;
  top: 24px;
  left: 60%;
  width: 15px;
  height: 15px;
  margin-left: -13px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}

.scroll-down span:nth-of-type(1) {
      -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll-down span:nth-of-type(2) {
      top: 28px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scroll-down span:nth-of-type(3) {
      top: 33px;
  -webkit-animation-delay: .20s;
  animation-delay: .20s;
}

@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.share-page h4{
    margin-bottom: 10px;
}

.share-page a{
    color: #898989;
    transition: all .9s ease;
    text-decoration: none;
    font-size: 2rem;
    margin: 0 3px;


}

.share-page a:first-child{
    margin-left: 0;
}

.share-page a:hover{
    color: white;
}

.manifest-section h2{
    
font-size: 2rem;
    color: white;
    text-align: center;
    font-weight: 400;
    font-family: 'Times New Roman', sans-serif;
    font-style: italic;

}


.manifest-section h3{
    margin: 10px 0;
        font-size: 8rem;
    color: #00A8E6;
    text-align: center;
    font-weight: 600;
    font-family: 'DIN Condensed';
    letter-spacing: .2rem;
}


.manifest-section__paragraph{
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .7;
}

.manifest-section__list{
    margin-top: 35px;
    list-style: none;
}

.manifest-section__list li{
    
    display: inline-block;
        font-size: 1.4rem;
    line-height: 2.3rem;
    opacity: .9;
    margin-top: 15px;
    
    
}

.manifest-section__list li:hover{
    opacity: 1;
}

.manifest-section__list li a{
color: white;
text-decoration: none;
}


.about__wrapper{
    margin: 100px 0;
    margin-bottom: 100px !important;
    padding: 20px;
    background: rgba(0, 0, 0, .9);

}

.about__art{
    margin-top: 100px;
    background: rgba(0, 0, 0, .9);
}

.about-container .wrapper-xs{
    background: rgba(0, 0, 0, .9);
}

.about__credits{
        background: rgba(0, 0, 0, .9);
}

.home__content__video__thumbnail--library{
    width: 100%;
    margin-top: 15px;
}

.home__content__video__thumbnail--library img{
    width: 100%;
    height: 240px;
}

.manifest-section{
    margin-top: 35px;
}


#toScroll {

    padding-top: 10px;
    
    }

    .home__content__text div.active {

        max-height: 1000px;
        
        padding-top: 30px;
        
        padding-bottom: 15px;
        
        }
        .about__wrapper{

            margin: 100px 0;
            
            margin-bottom: 100px !important;
            
            padding: 70px;
        }


        /* 12.06 fixes */

        #toScroll {

            padding-top: 10px;
            
            }
            

            .home__content__text div.active {

                max-height: 1000px;
                
                padding-top: 30px;
                
                padding-bottom: 15px;
                
                }
/* PAGEPOINT */

div.challenges-box-modal.modal-hidden { display:none; }

div#challenges-box-modal-background {
    opacity:0;
    width:1000%;
    background: rgba(0,0,0, 0.7);
    display:none;
    width:1000%;
    height:100%;
    position: absolute; 
    top:0;
    left:-100%;
    z-index: 89999;
}

div#challenges-box-modal {
    width:100%;
    height:100%;
    position: absolute; 
 
    top:2050px;
    right: 0;
    bottom: 0;
    left: 0;
    margin:0 auto;
    z-index: 99999;
    opacity:0;
    display:none;
    font-family: "Roboto", sans-serif;
}


div.challenges-box-modal-content {
    background: #ffffff!important;
    position:relative;
    margin:5% auto;
    padding:15px 20px 13px 20px;
    border-radius:10px;
    background: #fff;
    /*min-height:700px;*/
    min-width:900px;
    display:block;
    border:3px solid #005aa9;
    font-family: "Roboto", sans-serif;
    font-size:12pt;
    color: #000000;
    width:600px;
}


div.challenges-box-modal-title {
    font-size:18pt;
    font-weight:bold;
    font-family: "Roboto", sans-serif;
}


div.challenges-box-modal-content p {
    padding: 8px 0px;
    font-family: "Roboto", sans-serif;
}

a.modal-close   { color:white!important;}

.modal-close {
    font-family: "Roboto", sans-serif;
    z-index:3;
    position:relative;
    margin-top:-28px;
    margin-right:-32px;
    float:right;
    background: #005aa9;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.modal-close:hover { background: #005aa9; }

/* challenges box modal for mobile */

@media only screen and (max-width:960px) {
    .challenges-box-modal-content { margin-left:0px!important; max-width:80%!important; min-width:80%!important; margin-left:10%!important; }
}
                
/* stories */


.stories-container .stories-boxs .stories-box__title {
    font-family: Roboto, sans-serif;
    color:#ffffff;
    font-size: 2.0rem;
    padding-bottom: 6px;
    min-height: 52px;
    margin-bottom:10px;
    margin-top:20px;
    text-transform: uppercase;
}
a.stories-box-link  {
    text-decoration: none;
}
.stories-container .stories-boxs h4#1921.stories-box__title{
    padding-top:11%!important;
}

/* june 17 */
/* PagePoint Stories */
.stories-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:1000px) {
    /*.landing-section { margin-bottom:100px; }*/
}
@media screen and (max-width:568px) {
    /* .landing-section { margin-bottom:550px; }  */
    #toScroll  { padding-top:0px!important;}
}
@media screen and (max-width:410px) {
    /* .landing-section { margin-bottom:500px; } */
    #toScroll  { padding-top:0px!important;}
}
.stories-container .stories-boxs .stories-box {
    min-height: 40px!important;
    position: relative;
    /*width: calc(100%);*/
    /*width:80%;*/
    margin: 5px;
    /*background: linear-gradient(181deg, #F62A36 0, #EC2931 59%, #8D1723 100%);*/
    /*background: linear-gradient(180deg, #06104e 0, #06104e 69%, #0D0D0D 100%) !important;*/
    background: linear-gradient(180deg, #77a4d9 0, #77a4d9 69%, #0D0D0D 100%) !important;

    


    transition: all .7s ease;
    opacity: 1
}
@media only screen and (min-width:480px) {
    /*.stories-boxs { width:80%;}*/
    .stories-container { width: 80%;}
    .stories-container .stories-boxs .stories-box {
        margin:0 auto;
        text-align:center;
    }
}

@media only screen and (min-width:960px) {
    .stories-container .stories-boxs .stories-box {
        /*width: calc(33.33% - 10px)*/
        width: 100%;
        display:block;
    }
    .stories-container { display:block;}
    .stories-boxs { margin:0 auto!important;}
}

@media only screen and (min-width:1100px) {
    .stories-container .stories-boxs .stories-box {
        /*width: calc(33.333% - 10px);*/
        width:100%
    }
}

@media only screen and (max-width:960px) {
   section#stories { margin-bottom: 145px; padding-top:280px; width:;}
    .stories-container .stories-boxs .stories-box {
       width:  calc(33.33% - 10px) ;
 
    }

}


@media only screen and (min-width:1920px) {
    .stories-container {
        min-height: calc(100vh - 537px)
    }
}

.stories-container__button {
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 20px;
    text-decoration: none;
    text-align: center;
    font-family: Roboto, sans-serif;
    margin-top: 30px;
    margin-right: 5px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    transition: .3s all ease;
    border: 1px solid #f42a35
}

.stories-container__button:focus,
.stories-container__button:hover {
    background: #f42a35
}

.stories-container__button span {
    display: block
}

.stories-container__background {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -20
}


/* june 17 */



div.stories-box-modal.modal-hidden { display:none; }

div#stories-box-modal-background {
    opacity:0;
    width:1000%;
    background: rgba(0,0,0, 0.7);
    display:none;
    width:1000%;
    height:100%;
    position: absolute; 
    top:0;
    left:-100%;
    z-index: 89999;
}

div#stories-box-modal {
    width:100%;
    height:100%;
    position: absolute; 
 
    top:2050px;
    right: 0;
    bottom: 0;
    left: 0;
    margin:0 auto;
    z-index: 99999;
    opacity:0;
    display:none;
    font-family: "Roboto", sans-serif;
}


div.stories-box-modal-content {
    background: #ffffff!important;
    position:relative;
    margin:5% auto;
    padding:15px 20px 13px 20px;
    border-radius:10px;
    background: #fff;
    /*min-height:700px;*/
    min-width:90%; /* 900px; */
    display:block;
    border:3px solid #005aa9;
    font-family: "Roboto", sans-serif;
    font-size:12pt;
    color: #000000;
    width:600px;
}


div.stories-box-modal-title {
    font-size:3.0rem;
}


div.stories-box-modal-content p {
    padding: 8px 0px;
    /*max-width: 600px; */
    margin: 0 10px;
    font-family: 'DIN Condensed';
    font-size: 2.2rem;
    letter-spacing: .03rem;
    line-height: 3.0rem;
}

/* mobile for story box modal */

@media only screen and (min-width:961px) {
    div.modal-contents { margin:0 auto!important; } /* { margin-left: 5%!important; } */
}

@media only screen and (max-width:736px) {
    div.modal-contents { margin:0 auto!important; } /* { margin-left: 5%!important; } */
    .stories-container { height:500px!important;}
}

@media only screen and (max-width:812px) {
    div.modal-contents { margin:0 auto!important; } /* { margin-left: 5%!important; } */
    .stories-container { height:600px!important;}
}


@media only screen and (max-width:600px) {
    div.stories-box-modal-content { margin-left:5%!important; margin-right:5%!important;width:90%;} /* max-width:320px!important; min-width:320px!important; } */
    div.modal-contents {  margin-left: 5%!important; }
    div.stories-box { width:100px; border:1px solid transparent ;}
    .stories-container .stories-boxs .stories-box__title { display:block; border:1px solid transparent; }
    .stories-box { width:320px!important; margin-left:0px!important;}
    #toScroll { padding-top:150px!important;}
}
@media only screen and (max-width:320px) {
    div.stories-box-modal-content { margin-left:0px!important; max-width:293px!important; min-width:286px!important; }
    .stories-box { width:320px!important; margin-left:0px!important;}    
}
/* */

@media only screen and (max-width:414px) {
    section#stories { margin:0px 68%!important; padding-top:0px!important;}
    a.stories-box-link { text-align:center; }
}



/* Pagepoint Aug 25, 2019 */


div.fan-landing-logo { margin:20px auto!important; }
div.fan-landing-logo img { margin:0 auto; height:250px;}
/*.home__content__viewfinder--flex { height:120vh!important; }*/

/* for the white lines to the left and right of the main title */
/*
div.fan-landing-logo:before,
div.fan-landing-logo:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 3px solid white;
    top: 50%;
    width: 120px;
}
div.fan-landing-logo:before {
  right: 100%;
  margin-right: 15px;
}
div.fan-landing-logo:after {
  left: 100%;
  margin-left: 15px;
}
*/

div.fan-landing-text {
    display:block;
    width:60%;
    margin:40px auto;
    text-align:left;
}
div.fan-landing-text h3 { 
    color: #FFF;
    font-family: 'DIN Condensed', sans-serif;
    font-size: 32px;
    letter-spacing:0.3px;
    margin-bottom:20px;
}
div.fan-landing-text p {
    color: #FFF;
    font-family: 'DIN Condensed', sans-serif;
    font-size: 23.25px;
    letter-spacing:0.5px;
    line-height:30px;
}

.stories-container2 {
    /*border:1px solid pink;*/
    padding:5px 20%;
}

.stories-container2 .stories-boxs .stories-box__title {
    padding-top:8px;
    font-family: Roboto, sans-serif;
    color:#ffffff;
    font-size: 2.0rem;
    padding-bottom: 6px;
    min-height: 52px;
    margin-bottom:10px;
    margin-top:20px;
    text-transform: uppercase;
}

@media screen and (max-width:960px) {
    .stories-container2 {
         padding:0px 10%;
    }
    .stories-container2 .stories-boxs .stories-box__title {
        padding-top:0px;
        min-height:70px;
    }
    .stories-container2 .stories-boxs .stories-box__title {    
        padding-top:15px;
    }
}
@media screen and (max-width:414px) {
    .stories-container2 {
         padding:0px 10%;
    }
    .stories-container2 .stories-boxs .stories-box__title {
        padding-top:0px;
        min-height:70px;
    }
}
@media screen and (max-width:375px) {
    .stories-container2 {
         padding:0px 8%;
    }
    .stories-container2 .stories-boxs .stories-box__title {
        padding-top:0px;
        min-height:70px;
    }
}

@media screen and (max-width:320px) {
    .stories-container2 {
         padding:0px 0%;
    }
    .stories-container2 .stories-boxs .stories-box__title {
        padding-top:0px;
        min-height:70px;
    }
}

a.stories-box-link  {
    text-decoration: none;
}
.stories-container2 .stories-boxs h4#1921.stories-box__title{
    padding-top:11%!important;
}

.stories-container2 .stories-boxs .stories-box {
    min-height: 40px!important;
    position: relative;
    /*width: calc(100%);*/
    width:100%;
    margin: 5px;
    /*background: linear-gradient(181deg, #F62A36 0, #EC2931 59%, #8D1723 100%);*/
    /*background: linear-gradient(180deg, #06104e 0, #06104e 69%, #0D0D0D 100%) !important;*/
    background: linear-gradient(180deg, #77a4d9 0, #77a4d9 69%, #0D0D0D 100%) !important;
}
.stories-container2 .stories-boxs h4#1921.stories-box__title{
    padding-top:11%!important;
}

.stories-container2 .stories-boxs .stories-box {
    text-align:center;
}

/* contact form in footer */
#footer-contact-form input,
#footer-contact-form textarea { 
    height: 22px;
    width: 200px;
    border: 1px solid #5a5a5a;
    font-size: 0.9em;
    padding: 6px 8px;
    color: #b3b5b4;
    box-shadow: none;
    background: none;
}
/*
    border:1px solid #aaa; 
    background-color:#262626; 
    color:#eee; 
    font-size:8pt;
    font-family:'Roboto',sans-serif;
    letter-spacing:0.2em; 
    width:200px; 
    margin-bottom:2px;
    padding:2px 5px;
*/
/*#footer-contact-form textarea { height: 27px; }*/
#footer-contact-form input[type=submit] { width: auto; text-align:left; background-color:#eee; color:#111111; font-weight:bold;}

#footer-contact-form input::placeholder  { color: #ffffff; opacity:.7; }
#footer-contact-form textarea::placeholder  { color: #ffffff; opacity:.7; }
#footer-contact-form input::-ms-input-placeholder { color:#ffffff; opacity:.7; }
#footer-contact-form textarea::-ms-input-placeholder { color:#ffffff; opacity:.7; }


div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {color: white; font-size:9pt; font-family:'Roboto',sans-serif;}
div.wpcf7-validation-errors { border-color:#FAF276;}
div.wpcf7-mail-sent-ok {color: white; border-color:white; letter-spacing:.25em;}

span .wpcf7-not-valid { border: 1px solid #FA7676 !important; }
span .wpcf7-not-valid-tip { display:none; } 

.grecaptcha-badge { visibility: collapse !important; }