/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

img,
legend {
    border: 0;
}

#menu li,
#mobile-menu li,
.left-menu li,
.right-menu li,
br {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menu.free a:first-child,
#menu.free a:nth-last-child(2),
#mobile-menu,
#mobile-menu-toggler,
.dropper,
[hidden],
template {
    display: none;
}

#menu,
.social {
    list-style-type: none;
}

html {
    -ms-text-size-adjust: 100%;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

a {
    background: 0 0;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
optgroup,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

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

figure {
    margin: 1em 40px;
}

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

pre,
textarea {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
}

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

.god,
body,
html {
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.god,
body,
html,
legend,
td,
th {
    padding: 0;
}

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

@font-face {
    font-family: duru_sans_bold;
    src: url(durusans-bold-webfont.eot);
    src: url(durusans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-bold-webfont.woff2) format('woff2'), url(durusans-bold-webfont.woff) format('woff'), url(durusans-bold-webfont.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_book;
    src: url(durusans-book-webfont.eot);
    src: url(durusans-book-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-book-webfont.woff2) format('woff2'), url(durusans-book-webfont.woff) format('woff'), url(durusans-book-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_xlite;
    src: url(durusans-extralight-webfont.eot);
    src: url(durusans-extralight-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-extralight-webfont.woff2) format('woff2'), url(durusans-extralight-webfont.woff) format('woff'), url(durusans-extralight-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_hairline;
    src: url(durusans-hairline-webfont.eot);
    src: url(durusans-hairline-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-hairline-webfont.woff2) format('woff2'), url(durusans-hairline-webfont.woff) format('woff'), url(durusans-hairline-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_lite;
    src: url(durusans-light-webfont.eot);
    src: url(durusans-light-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-light-webfont.woff2) format('woff2'), url(durusans-light-webfont.woff) format('woff'), url(durusans-light-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_medium;
    src: url(durusans-medium-webfont.eot);
    src: url(durusans-medium-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-medium-webfont.woff2) format('woff2'), url(durusans-medium-webfont.woff) format('woff'), url(durusans-medium-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_semibold;
    src: url(durusans-semibold-webfont.eot);
    src: url(durusans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-semibold-webfont.woff2) format('woff2'), url(durusans-semibold-webfont.woff) format('woff'), url(durusans-semibold-webfont.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_semilight;
    src: url(durusans-semilight-webfont.eot);
    src: url(durusans-semilight-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-semilight-webfont.woff2) format('woff2'), url(durusans-semilight-webfont.woff) format('woff'), url(durusans-semilight-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_ultralight;
    src: url(durusans-ultralight-webfont.eot);
    src: url(durusans-ultralight-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-ultralight-webfont.woff2) format('woff2'), url(durusans-ultralight-webfont.woff) format('woff'), url(durusans-ultralight-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_ultralight_italic;
    src: url(duru_ul_italic-webfont.eot);
    src: url(duru_ul_italic-webfont.eot?#iefix) format('embedded-opentype'), url(duru_ul_italic-webfont.woff2) format('woff2'), url(duru_ul_italic-webfont.woff) format('woff'), url(duru_ul_italic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_bold_italic;
    src: url(durusans-bolditalic-webfont.eot);
    src: url(durusans-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-bolditalic-webfont.woff2) format('woff2'), url(durusans-bolditalic-webfont.woff) format('woff'), url(durusans-bolditalic-webfont.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_book_italic;
    src: url(durusans-bookitalic-webfont.eot);
    src: url(durusans-bookitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-bookitalic-webfont.woff2) format('woff2'), url(durusans-bookitalic-webfont.woff) format('woff'), url(durusans-bookitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_hairline_italic;
    src: url(durusans-hairlineitalic-webfont.eot);
    src: url(durusans-hairlineitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-hairlineitalic-webfont.woff2) format('woff2'), url(durusans-hairlineitalic-webfont.woff) format('woff'), url(durusans-hairlineitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: duru_sans_lite_italic;
    src: url(durusans-lightitalic-webfont.eot);
    src: url(durusans-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-lightitalic-webfont.woff2) format('woff2'), url(durusans-lightitalic-webfont.woff) format('woff'), url(durusans-lightitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_medium_italic;
    src: url(durusans-mediumitalic-webfont.eot);
    src: url(durusans-mediumitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-mediumitalic-webfont.woff2) format('woff2'), url(durusans-mediumitalic-webfont.woff) format('woff'), url(durusans-mediumitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_semibold_italic;
    src: url(durusans-semibolditalic-webfont.eot);
    src: url(durusans-semibolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-semibolditalic-webfont.woff2) format('woff2'), url(durusans-semibolditalic-webfont.woff) format('woff'), url(durusans-semibolditalic-webfont.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_semilight_italic;
    src: url(durusans-semilightitalic-webfont.eot);
    src: url(durusans-semilightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-semilightitalic-webfont.woff2) format('woff2'), url(durusans-semilightitalic-webfont.woff) format('woff'), url(durusans-semilightitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: duru_sans_xlite_italic;
    src: url(durusans-xlightitalic-webfont.eot);
    src: url(durusans-xlightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(durusans-xlightitalic-webfont.woff2) format('woff2'), url(durusans-xlightitalic-webfont.woff) format('woff'), url(durusans-xlightitalic-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

* {
    box-sizing: border-box;
}

body,
html {
    font-family: karmina, serif;
    font-size: 16px;
    -webkit-text-size-adjust: none;
}

.god {
    -webkit-overflow-scrolling: touch;
}

    .god.padded .inner {
        padding: 0 80px;
    }

section.header {
    width: 100%;
    height: 100px;
    background: #000;
    color: #fff;
    position: relative;
}

    section.header.light {
        background: #fff;
        color: #000;
        height: 60px;
        -webkit-transition: opacity 1s ease-in;
        transition: opacity 1s ease-in;
    }

    section.header .logo {
        font-family: duru_sans_bold_italic, sans-serif;
        font-weight: 700;
        font-style: italic;
        font-size: 34px;
        line-height: 1;
        position: absolute;
        top: 32px;
        left: 60px;
        cursor: pointer;
        -webkit-transition: color .2s ease-in;
        transition: color .2s ease-in;
    }

        section.header .logo.middle-fixed {
            left: 50%;
            margin-left: -16.5px;
            top: 14px;
            color: #009fb0;
            cursor: default;
        }

            section.header .logo.middle-fixed:hover,
            section.header .logo:hover {
                color: #009fb0;
            }

#menu {
    position: absolute;
    right: 60px;
    top: 43px;
    padding: 0;
    margin: 0;
}

    #menu.left-side {
        left: 60px;
        top: 21px;
        right: inherit;
    }

        #menu.left-side li:before {
            content: "20";
            float: left;
        }

    #menu li {
        float: left;
        font-size: 16px;
        font-weight: bolder;
        padding: 0;
        margin: 0 40px 0 0;
        cursor: pointer;
        color: #fff;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

#mobile-menu-toggler span,
#mobile-menu-toggler span:after,
#mobile-menu-toggler span:before {
    width: 20px;
    height: 3px;
    position: absolute;
    left: 0;
    background: #fff;
    transition: all .3s ease;
}

#menu.free a:last-child li {
    margin-right: 0;
    color: #bf2b40;
}

#menu li:hover {
    color: #009fb0;
}

#mobile-menu-toggler {
    float: right;
    width: 20px;
    height: 20px;
    background: 0 0;
    border: none;
    position: relative;
    outline: 0;
    margin-top: 40px;
    margin-right: 60px;
    z-index: 9999;
}

    #mobile-menu-toggler span {
        top: 9px;
    }

        #mobile-menu-toggler span:before {
            margin-top: -7px;
            content: '';
        }

        #mobile-menu-toggler span:after {
            margin-top: 7px;
            content: '';
        }

    #mobile-menu-toggler.open span {
        background: #151d29;
        width: 16px;
        left: 2.8px;
    }

        #mobile-menu-toggler.open span:after,
        #mobile-menu-toggler.open span:before {
            margin-top: 0;
            width: 16px;
        }

        #mobile-menu-toggler.open span:before {
            -webkit-animation: menuOpen .6s forwards;
            -moz-animation: menuOpen .6s forwards;
            -o-animation: menuOpen .6s forwards;
            animation: menuOpen .6s forwards;
        }

        #mobile-menu-toggler.open span:after {
            -webkit-animation: menuOpen2 .6s forwards;
            -moz-animation: menuOpen2 .6s forwards;
            -o-animation: menuOpen2 .6s forwards;
            animation: menuOpen2 .6s forwards;
        }

    #mobile-menu-toggler.open.closed span:before {
        -webkit-animation: menuOpen3 .6s forwards;
        -moz-animation: menuOpen3 .6s forwards;
        -o-animation: menuOpen3 .6s forwards;
        animation: menuOpen3 .6s forwards;
    }

    #mobile-menu-toggler.open.closed span:after {
        -webkit-animation: menuOpen4 .6s forwards;
        -moz-animation: menuOpen4 .6s forwards;
        -o-animation: menuOpen4 .6s forwards;
        animation: menuOpen4 .6s forwards;
    }

@-webkit-keyframes menuOpen {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
}

@-moz-keyframes menuOpen {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
}

@-o-keyframes menuOpen {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
}

@keyframes menuOpen {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
}

@-webkit-keyframes menuOpen2 {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
}

@-moz-keyframes menuOpen2 {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
}

@-o-keyframes menuOpen2 {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
}

@keyframes menuOpen2 {
    0%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
}

@-webkit-keyframes menuOpen3 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-moz-keyframes menuOpen3 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-o-keyframes menuOpen3 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes menuOpen3 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-webkit-keyframes menuOpen4 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-moz-keyframes menuOpen4 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-o-keyframes menuOpen4 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes menuOpen4 {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    100%, 50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

section.hero {
    width: 100%;
    height: calc(100% - 100px);
    position: relative;
    opacity: 0;
    transition: opacity 1s ease-in;
}

    section.hero .slider-item .footnote a:hover,
    section.hero .slider-item .subtitle a:hover {
        opacity: .8;
    }

    section.hero.light {
        height: calc(100% - 60px);
    }

    section.hero .slider-item {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        section.hero .slider-item .overlay {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .4);
            text-align: center;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            -webkit-justify-content: center;
            -webkit-align-items: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        section.hero .slider-item .mono-hairline {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            color: #009fb0;
            font-family: duru_sans_hairline_italic, sans-serif;
            font-weight: 100;
            text-align: left;
            font-size: 51vw;
            display: inline-block;
            line-height: .4;
            letter-spacing: -4vw;
        }

        section.hero .slider-item .footnote br,
        section.hero .slider-item .title br {
            display: none;
        }

        section.hero .slider-item .text {
            position: relative;
        }

        section.hero .slider-item .title {
            font-family: karmina;
            color: #fff;
            font-size: 60px;
            width: 100%;
            margin-top: 30%;
            text-align: center;
        }

        section.hero .slider-item .subtitle a,
        section.hero .slider-item .subtitle a:active,
        section.hero .slider-item .subtitle a:hover,
        section.hero .slider-item .subtitle a:visited {
            text-decoration: none;
            color: #fff;
        }

        section.hero .slider-item .title b {
            font-weight: 700;
        }

        section.hero .slider-item .subtitle {
            font-size: 24px;
            width: 100%;
            text-align: center;
            cursor: pointer;
            color: #fff;
            -webkit-transition: color .2s ease-in;
            transition: color .2s ease-in;
        }

            section.hero .slider-item .subtitle .smaller {
                font-family: karmina, sans-serif;
                font-weight: 300;
                letter-spacing: 1px;
                font-style: italic;
                font-size: 20px;
                color: #fff;
                margin-bottom: 23px;
                line-height: 1.6;
            }

        section.hero .slider-item .footnote {
            width: 100%;
            font-family: karmina, sans-serif;
            letter-spacing: 1px;
            font-style: italic;
            font-size: 30px;
            color: #fff;
            position: absolute;
            left: 0;
            bottom: 60px;
            line-height: 1.6;
        }

            section.hero .slider-item .footnote a,
            section.hero .slider-item .footnote a:active,
            section.hero .slider-item .footnote a:visited {
                text-decoration: none;
                color: #fff;
            }

section.footer {
    width: 100%;
    height: 105px;
    padding: 40px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

.social {
    width: 200px;
    height: 25px;
    padding: 0;
    margin: 0 0 25px;
    float: left;
}

section.footer .subscribe {
    float: right;
    padding-top: 5px;
}

    section.footer .subscribe .text {
        font-family: karmina;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
        color: #009fb0;
        float: left;
    }

    section.footer .subscribe input {
        width: 240px;
        border: none;
        border-bottom: 1px solid #dedede;
        font-family: karmina;
        font-style: italic;
        font-size: 14px;
        color: #000;
        float: left;
        margin-left: 10px;
        padding-left: 5px;
        -webkit-appearance: none !important;
        border-radius: 0 !important;
        outline: 0;
    }

    section.footer .subscribe form {
        float: left;
        position: relative;
    }

    section.footer .subscribe .subscription-check {
        width: 15px;
        height: 24px;
        float: left;
        margin-left: 10px;
        margin-top: -5px;
        cursor: pointer;
    }

    section.footer .subscribe input:focus {
        border-bottom: 1px solid #cff;
    }

        section.footer .subscribe input:focus + .subscription-check path {
            fill: #009faf;
        }

    section.footer .subscribe input.success {
        border-bottom: 1px solid #d0e8dd;
        color: #138b54;
    }

        section.footer .subscribe input.success + .subscription-check path {
            fill: #138b54;
        }

    section.footer .subscribe input.fail {
        border-bottom: 1px solid #f2d5d9;
        color: #be2b40;
    }

        section.footer .subscribe input.fail + .subscription-check path {
            fill: #be2b40;
        }

/*section.footer .subscribe form:after{
    content: 'Invalid e-mail address.';
    color: red;
    font-family: 'karmina';
    font-style: italic;
    font-size: 14px;
    position: absolute;
    width: 100%;
    top: 25px;
    left: 5px;
}*/

.social.right-fixed {
    top: 17.5px;
    right: 60px;
    position: absolute;
}

.social a {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

    .social a:last-child {
        margin-right: 0;
    }

.social li svg {
    width: 25px;
    height: 25px;
}

.social li .bg {
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.social li:hover .bg {
    fill: #009fb0;
}

section.footer .copyright {
    width: 100%;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    color: #000;
}

    section.footer .copyright a {
        width: 105.8px;
        height: 10px;
        display: block;
        margin: 0 auto;
        background: url(../Images/kooter.svg) center center no-repeat;
    }

        section.footer .copyright a:hover {
            opacity: .5;
        }

.copyright-overlay {
    font-family: karmina;
    font-style: italic;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    position: absolute;
    top: 40px;
}

    .copyright-overlay.left {
        left: 60px;
        text-align: left;
    }

        .copyright-overlay.left img {
            width: 160px;
            height: 80px;
            margin-top: 10px;
            display: block;
        }

    .copyright-overlay.right {
        right: 60px;
        text-align: right;
    }

        .copyright-overlay.right img {
            width: 100px;
            height: 50px;
            margin-top: 10px;
            margin-left: 114px;
            display: block;
        }

@media screen and (max-width:1100px) {
    section.footer .subscribe:after,
    section.footer:after {
        content: " ";
        display: block;
        clear: both;
    }

    section.footer {
        height: auto;
    }

        section.footer:after {
            height: 0;
        }

    .social {
        width: 200px;
        height: 25px;
        padding: 0;
        margin: 0 auto 25px;
        float: none;
    }

    section.footer .subscribe {
        width: 465px;
        float: none;
        margin: 9px auto 0;
    }

        section.footer .subscribe:after {
            height: 0;
        }
}

@media screen and (max-width:900px) {
    .copyright-overlay {
        font-size: 12px;
    }
}

@media screen and (max-width:800px) {
    .copyright-overlay.left img {
        width: 80px;
        height: 40px;
    }
}

@media screen and (max-width:768px) {
    #menu.free,
    #mobile-menu {
        position: fixed;
        width: 100%;
    }

    section.header {
        z-index: 9999;
    }

    body.menu-open .god.overflow {
        overflow: hidden;
    }

    #menu.free {
        height: calc(100% - 60px);
        background: #000;
        left: 0;
        z-index: -1;
        -webkit-transition: transform .3s ease-in;
        transition: transform .3s ease-in;
        top: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    #menu.left-side {
        display: block;
        left: 20px;
    }

        #menu.left-side li {
            margin-right: 0;
        }

        #menu.left-side a li:before {
            content: "/";
            float: left;
            margin-right: 3px;
            margin-left: 3px;
        }

        #menu.left-side a:first-child li:before {
            content: "20";
            margin-right: 0;
            margin-left: 0;
        }

    .logo.middle-fixed {
        display: none;
    }

    .social.right-fixed {
        right: 20px;
    }

    #menu.free a:first-child,
    #menu.free a:first-child li,
    #menu.free a:nth-last-child(2),
    #menu.free a:nth-last-child(2) li {
        display: flex !important;
    }

    #menu.free a {
        width: 100%;
        height: calc(100% / 6);
        display: block;
    }

    #menu.free li {
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }

    body.menu-open #menu.free {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    section.hero {
        height: calc(100% - 60px);
    }

    section.header {
        height: 60px;
    }

        section.header .logo {
            font-size: 28px;
            top: 16px;
        }

    #mobile-menu {
        left: 0;
        background: #151d29;
        height: calc(100vh - 60px);
        z-index: 9998;
        margin-top: -200%;
        transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        padding: 0;
        display: block;
    }

        #mobile-menu li {
            width: 100%;
            height: calc(100% / 6);
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            -webkit-justify-content: center;
            -webkit-align-items: center;
            color: #748693;
            font-weight: 400;
            font-size: 1.5em;
        }

    body.menu-open #mobile-menu {
        margin-top: 60px;
    }

    #mobile-menu-toggler {
        display: block;
        margin-right: 40px;
        margin-top: 20px;
    }

    section.header .logo {
        left: 40px;
    }

    section.hero .slider-item.right-aligned {
        background-position: right center;
    }

    section.hero .slider-item .title {
        margin-top: 100%;
    }

        section.hero .slider-item .title br {
            display: block;
        }

        section.hero .slider-item .title span {
            display: none;
        }

    section.hero .slider-item .subtitle .smaller {
        font-size: 14px;
    }

    section.hero .slider-item .footnote {
        bottom: 30px;
    }

        .dropper,
        section.hero .slider-item .footnote br {
            display: block;
        }

    section.footer {
        display: none;
    }

    .copyright-overlay.left {
        left: 40px;
        top: 40px;
    }

    .copyright-overlay.right {
        right: 40px;
        top: 40px;
    }
}

@media screen and (max-width:768px) and (min-width:600px) {
    .god.padded .inner {
        padding: 0 40px;
    }
}

@media screen and (max-width:600px) {
    .copyright-overlay.left {
        left: 20px;
        top: 20px;
    }

    .copyright-overlay.right {
        right: 20px;
        top: 20px;
    }
}

@media screen and (max-width:560px) {
    .copyright-overlay.left,
    .copyright-overlay.right {
        left: auto;
        right: 20px;
        font-size: 10px;
        text-align: right;
    }

        .copyright-overlay.left.sponsor {
            top: 60px;
        }
}

@media screen and (max-width:768px) and (max-height:1023px) {
    section.hero .slider-item .title {
        margin-top: 30%;
    }
}

@media screen and (max-height:430px) and (orientation:landscape) {
    section.hero .slider-item .footnote {
        font-size: 13px;
        width: calc(100% - 40px);
        margin-left: 20px;
        bottom: 20px;
    }

    section.hero.light .slider-item .subtitle {
        font-size: 14px;
        width: 100%;
        margin-left: 0;
        bottom: 80px;
    }

    .dropper {
        display: none;
    }
}

@media screen and (max-width:520px) {
    section.footer .subscribe {
        width: 275px;
        float: left;
    }

        section.footer .subscribe .text,
        section.footer .subscribe input {
            float: none;
        }

        section.footer .subscribe input {
            margin-left: 0;
        }

        section.footer .subscribe .subscription-check {
            float: right;
        }
}

@media screen and (max-width:430px) {
    #mobile-menu-toggler {
        display: block;
        margin-right: 20px;
    }

    section.header .logo {
        left: 20px;
    }

    section.hero .slider-item .title {
        font-size: 30px;
        margin-top: 60%;
    }

    section.hero .slider-item .subtitle {
        font-size: 18px;
    }

    section.hero .slider-item .footnote {
        font-size: 20px;
    }

    .social {
        width: 190px;
    }

        .social a {
            margin-right: 8px;
        }
}

@media screen and (min-width:1920px) {
    section.hero .slider-item .title {
        font-size: 80px;
        margin-top: 60%;
    }

    section.hero .slider-item .subtitle {
        font-size: 32px;
    }

    section.hero .slider-item .footnote {
        font-size: 40px;
    }
}

@media screen and (max-width:668px) and (max-height:430px) {
    section.hero .slider-item .title {
        font-size: 30px;
        margin-top: 10%;
    }

    section.hero .slider-item .subtitle {
        font-size: 18px;
    }
}

#menu a.active li {
    color: #009fb0;
}

@media(-webkit-max-device-pixel-ratio:2), (max-resolution:192dpi) {
    * {
        -webkit-font-smoothing: antialiased;
    }

    section.content .inner .text p {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

.colophon-link {
    display: inherit !important;
    font-family: karmina !important;
    font-size: inherit !important;
    color: inherit !important;
}

    .colophon-link:hover {
        color: #009fb0 !important;
    }

.landing-overlay .mono-hairline {
    bottom: -40px !important;
}

.landing-overlay .text .title {
    font-family: karmina !important;
    font-style: italic !important;
    font-size: 60px !important;
    text-align: center !important;
    margin-top: 0 !important;
}

.landing-overlay .text .subtitle {
    margin-top: 20px !important;
}

    .landing-overlay .text .subtitle a {
        font-family: karmina !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        margin-top: 60px !important;
        text-align: center !important;
    }

br.above-480 {
    display: none;
}

@media (max-width:480px) {
    br.above-480 {
        display: block;
    }

    .landing-overlay .mono-hairline {
        bottom: 0 !important;
    }
}

@media (max-width:768px) {
    .landing-item {
        background-position: 75% !important;
    }
}