/*!
Theme Name: AM2 Theme (Expa Modified)
Theme URI:
Author: AM2 Studio
Author URI: http://am2studio.hr/
Description: AM2 Studio starter theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
!*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent
}
* {
    box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.group:after {
    content: "";
    display: table;
    clear: both
}
@font-face {
    font-family: Akkurat;
    src: url("fonts/lineto-akkurat-regular-9de713f5.eot");
    src: url("fonts/lineto-akkurat-regular-9de713f5.eot?#") format("eot"), url("fonts/lineto-akkurat-regular-7c9c15a9.woff") format("woff"), url("fonts/lineto-akkurat-regular-6c2c5294.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: Akkurat;
    src: url("fonts/lineto-akkurat-light-ff0a2bfe.eot");
    src: url("fonts/lineto-akkurat-light?#") format("eot"), url("fonts/lineto-akkurat-light-afc12962.woff") format("woff"), url("fonts/lineto-akkurat-light-73ba8d6f.svg") format("svg");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Akkurat;
    src: url("fonts/lineto-akkurat-bold-becb999a.eot");
    src: url("fonts/lineto-akkurat-bold?#") format("eot"), url("fonts/lineto-akkurat-bold-321056bc.woff") format("woff"), url("fonts/lineto-akkurat-bold-92eb70e7.svg") format("svg");
    font-weight: 700;
    font-style: normal
}
button,
a.btn,
input[type=text],
input[type=email],
textarea {
    border-radius: 0;
    color: white;
    font-family: "Akkurat", "colfax-web", Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    -webkit-appearance: none
}
button,
a.btn {
    background-color: #d1c171;
    color: #333;
    cursor: pointer;
    padding: 10px 10px 10px 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 20px 0 0 0;
    clear: both;
    border-radius: 4px;
    border: none
}
button:hover,
a.btn:hover {
    color: #333;
    background-color: white
}
button:active,
button:focus,
a.btn:active,
a.btn:focus {
    outline: none;
    background-color: #d1c171
}
input[type=text],
input[type=email],
textarea {
    width: 100%;
    max-width: 500px;
    background: none;
    border: none;
    border-bottom: 1px solid #575757;
    padding: 16px 0;
    margin: 0;
    display: block;
    clear: both
}
input[type=text].error,
input[type=email].error,
textarea.error {
    border-bottom-color: #be5b5b
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    border: none;
    border-bottom: 1px solid #d1c171;
    outline: none
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999
}
.nav {
    position: fixed;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0;
    width: 100%;
    z-index: 999999;
    background-color: #3a3a3a;
    transition: box-shadow 0.5s;
    min-height: 52px;
    -moz-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s
}
@media (min-width: 1024px) {
    .nav {
        background-color: #3a3a3a
    }
}
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}
@media (min-width: 1024px) {
    .nav ul {
        width: 80%
    }
}
@media (min-width: 1024px) {
    .nav ul li {
        float: left
    }
}
.nav ul li a {
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 2px
}
@media (min-width: 1024px) {
    .nav ul li a {
        padding: 20px 25px
    }
}
.nav .menu-btn:hover {
    background-color: #f4f4f4
}
.nav .logo {
    display: block;
    float: left;
    padding: 20px 20px 20px 20px;
    text-decoration: none
}
@media (min-width: 1024px) {
    .nav .logo {
        width: 20%
    }
}
.nav .menu {
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out
}
@media (min-width: 1024px) {
    .nav .menu {
        clear: none;
        float: left;
        max-height: none
    }
}
.nav .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 25px 20px;
    position: relative;
    user-select: none
}
@media (min-width: 1024px) {
    .nav .menu-icon {
        display: none
    }
}
.nav .menu-icon .navicon {
    background: #d1c171;
    display: block;
    height: 1px;
    border-radius: 5px;
    position: relative;
    transition: background 0.2s ease-out;
    width: 18px
}
.nav .menu-icon .navicon:before,
.nav .menu-icon .navicon:after {
    background: #d1c171;
    border-radius: 5px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%
}
.nav .menu-icon .navicon:before {
    top: 5px
}
.nav .menu-icon .navicon:after {
    top: -5px
}
.nav .menu-btn {
    display: none
}
.nav .menu-btn:checked ~ .menu {
    max-height: 380px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}
.nav .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent
}
.nav .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg)
}
.nav .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg)
}
.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0
}
@media (min-width: 1024px) {
    .nav ul li.back {
        float: right
    }
}
a.logo span.png {
    line-height: 0.8;
    display: none
}
a.logo span.png img {
    width: auto;
    height: 11px
}
a.logo span.svg {
    display: block;
    line-height: 0.8
}
a.logo span.svg img {
    width: auto;
    height: 11px
}
.nav a.logo span.png img {
    background-color: #fff
}
.nav a.logo.selected span.png img,
.nav a.logo:hover span.png img {
    background-color: #fff
}
@media screen and (-webkit-device-pixel-ratio: 1) and (min-width: 1024px) {
    .nav a.logo span.png {
        display: block
    }
    .nav a.logo span.svg {
        display: none
    }
}
@media screen and (-moz-device-pixel-ratio: 1) and (min-width: 1024px) {
    .nav a.logo span.png {
        display: block
    }
    .nav a.logo span.svg {
        display: none
    }
}
.nav a.selected {
    color: #f6f7f2
}
@media (min-width: 1024px) {
    .nav a.logo.selected span {
        border-bottom: none;
        padding-bottom: 0
    }
}
@media (min-width: 641px) {
    .nav a.home {
        display: none
    }
}
.nav.shadow {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15)
}
.footer {
    position: relative
}
.footer .twitter {
    position: absolute;
    right: 20px;
    top: 22px
}
.invisible {
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -moz-transition: all 1s opacity;
    -o-transition: all 1s opacity;
    -webkit-transition: all 1s opacity;
    transition: all 1s opacity
}
.visible,
.invisible.visible {
    opacity: 1 !important;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
    -moz-transition: all 1s opacity;
    -o-transition: all 1s opacity;
    -webkit-transition: all 1s opacity;
    transition: all 1s opacity
}
html {
    -webkit-text-size-adjust: none
}
body,
html {
    font-family: "Akkurat", "colfax-web", Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    height: 100%;
    text-rendering: optimizeLegibility
}
body {
    background-color: #3a3a3a;
    color: #aaaaaa;
    -webkit-overflow-scrolling: touch;
    height: calc(100% + 1px)
}
@media (max-width: 768px) {
    body,
    html {
        font-size: 16px;
        line-height: 1.3
    }
}
@media (max-width: 640px) {
    body,
    html {
        overflow: auto;
        font-size: 14px;
        line-height: 1.2
    }
}
.document {
    min-height: 100%;
    margin-bottom: -60px;
    padding-bottom: 60px
}
.document:after {
    content: "";
    display: block
}
.footer,
.document:after {
    height: 60px
}
.border-top {
    border-top: 1px solid rgba(94, 94, 94, 0.35)
}
.footer p {
    margin: 0;
    padding: 20px;
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}
@media (min-width: 1024px) {
    .footer p {
        margin: 0 0 0 20%
    }
}
.wrapper {
    color: #aaaaaa
}
.content {
    padding: 40px 20px 0px 20px
}
@media (min-width: 640px) {
    .content {
        padding: 40px 20px 20px 20px
    }
}
@media (min-width: 1024px) {
    .content {
        width: 60%;
        margin: 0 20%;
        padding: 80px 20px 20px 20px
    }
}
a {
    color: #d1c171;
    text-decoration: none
}
a:hover {
    color: white
}
strong {
    color: #fff
}
p,
ul,
ul li,
.logos span {
    font-size: 16px;
    line-height: 1.5
}
@media (max-width: 1024px) {
    p,
    ul,
    ul li,
    .logos span {
        font-size: 14px;
        line-height: 1.6
    }
}
.content p {
    margin-bottom: 20px
}
p span {
    color: #f6f7f2
}
header {
    display: block;
    line-height: 1;
    padding: 16px 20px 16px;
    font-size: 14px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(94, 94, 94, 0.35);
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #999
}
h3,
.date {
    color: #999;
    font-size: 12px;
    text-transform: uppercase
}
h3 {
    margin-bottom: 16px
}
@media (max-width: 640px) {
    h3 {
        margin-top: 16px
    }
}
@media (max-width: 640px) {
    h3 {
        color: #f6f7f2
    }
}
h2 {
    color: #f6f7f2;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 0 8px -1px
}
@media (max-width: 640px) {
    h2 {
        margin-bottom: 0;
        font-size: 24px
    }
}
blockquote {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding-left: 20px
}
blockquote ul {
    padding: 0 0 20px 20px
}
blockquote ul li {
    list-style: disc outside;
    margin: 0 0 4px
}
hr {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: transparent;
    height: 1px;
    margin: 30px 0
}
.caps {
    text-transform: uppercase;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 2px
}
::-moz-selection {
    background: #d1c171;
    color: #333;
    text-shadow: none
}
::selection {
    background: #d1c171;
    color: #333;
    text-shadow: none
}
h1 {
    font-size: 28px;
    color: #f6f7f2;
    margin: 0 0 15px -1px;
    position: relative;
    letter-spacing: -1px;
    line-height: 1.1;
    font-weight: normal
}
@media (min-width: 767px) {
    h1 {
        font-size: 50px;
        margin-left: -1px;
        font-weight: 300
    }
}
h1 span {
    color: #d1c171
}
h1.large {
    font-size: 45px;
    font-weight: 300;
    margin-left: -3px;
    letter-spacing: -1px
}
@media (min-width: 767px) {
    h1.large {
        font-size: 60px;
        line-height: 1;
        letter-spacing: -1px
    }
}
@media (min-width: 1024px) {
    h1.large {
        font-size: 75px;
        line-height: 1;
        letter-spacing: -2px
    }
}
.group {
    padding: 0 20px
}
.heading {
    text-align: left
}
.heading p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    border-top: 1px solid rgba(94, 94, 94, 0.35);
    padding: 16px 0
}
.heading p span {
    letter-spacing: 0;
    color: #999;
    display: block;
    clear: both;
    margin-bottom: 0 !important;
    padding: 0;
    line-height: 1.3;
    font-size: 10px;
    text-transform: normal;
    max-width: 80%
}
@media (min-width: 641px) {
    .heading {
        float: left;
        width: 40%
    }
    .heading p {
        padding: 16px 10px;
        margin: 0;
        font-size: 14px;
        letter-spacing: 2px
    }
    .heading p span {
        font-size: 12px
    }
}
@media (min-width: 1024px) {
    .heading p {
        margin: 0 0 0 50%
    }
}
.heading p strong.border-top {
    border-top: 1px solid #d1c171;
    display: inline-block;
    padding-top: 16px;
    margin-top: -17px
}
.lead p {
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 20px
}
@media (min-width: 768px) {
    .lead p {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px
    }
}
@media (min-width: 1024px) {
    .lead p {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
        font-weight: 300
    }
}
.group {
    margin-top: 45px
}
.caps {
    text-transform: uppercase
}
ul.list li {
    border-top: 1px solid rgba(94, 94, 94, 0.35);
    padding: 12px 0;
    position: relative;
    line-height: 1.3
}
@media (min-width: 1024px) {
    ul.list li {
        padding: 16px 0
    }
}
ul.list li span.published {
    position: absolute;
    left: 0;
    color: #999
}
ul.list li p {
    margin: 0
}
@media (min-width: 641px) {
    ul.list,
    div.list {
        float: left;
        width: 60%;
        clear: right
    }
}
div.list ul.list,
ul.list.wide {
    width: 100%;
    float: none
}
ul.news li {
    padding-left: 100px
}
@media (max-width: 640px) {
    ul.news li {
        padding-left: 70px
    }
}
.twitter svg {
    width: 34px
}
@media (max-width: 640px) {
    .twitter svg {
        width: 24px;
        margin-top: 0px
    }
}
.twitter:hover svg path {
    fill: #f6f7f2
}
.tweet {
    cursor: pointer
}
@media (max-width: 640px) {
    .tweet {
        display: none
    }
}
.tweet img {
    width: 24px;
    height: 19px
}
.flow {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px
}
@media (max-width: 640px) {
    .flow {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px
    }
}
.table {
    margin: 40px 0
}
@media (max-width: 767px) {
    .hide-mobile {
        display: none
    }
}
@media (min-width: 768px) {
    .hide-desktop {
        display: none !important
    }
}
@media (min-width: 768px) {
    .show-desktop {
        display: block !important
    }
}
.small-display {
    display: none
}
@media (max-width: 640px) {
    .small-display {
        display: block
    }
}
.medium-display {
    display: block
}
@media (max-width: 640px) {
    .medium-display {
        display: none
    }
}
@media (max-width: 1024px) {
    div.large-display,
    .large-display {
        display: none
    }
}
@media (max-width: 768px) {
    .desktop-only {
        display: none !important
    }
}
@media (max-width: 640px) {
    .no-mobile {
        display: none
    }
}
.mobile-single {
    display: none
}
@media (max-width: 640px) {
    .mobile-single {
        display: block
    }
}
#news .content .post h3 {
    color: white;
    font-size: 18px;
    margin: 2em 0 1em;
    text-transform: none
}
#news .content .post h3.date {
    color: #999;
    font-size: 12px;
    text-transform: uppercase
}
#news .content .post img {
    max-width: 100%
}
#news .content .post ul {
    list-style: disc outside
}
#news .content .post ul li ul {
    margin-left: 2em
}
#body-news img[alt="Metabase"],
#body-news img[alt="Kit"] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.job_page header span {
    color: #fff
}
#job_tabs {
    display: block;
    margin: 0;
    border-top: 1px solid rgba(94, 94, 94, 0.35);
    border-bottom: 1px solid rgba(94, 94, 94, 0.35);
    font-size: 0
}
#job_tabs li {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    width: 50%
}
#job_tabs li span {
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 16px 0;
    text-transform: uppercase
}
#job_tabs li span:hover {
    color: white
}
#job_tabs li.active span {
    color: #fff
}
#job_tabs li.hidden {
    display: none
}
.job_list h3 {
    color: white;
    font-size: 20px;
    text-transform: none
}
.job_list h3 a {
    font-size: 14px;
    padding: 0 5px;
    position: relative;
    top: -2px
}
.job_list ul {
    list-style-type: none
}
.job_list ul li a {
    display: block
}
.job_list ul li a span {
    color: #999;
    display: block;
    font-size: 12px;
    text-transform: uppercase
}
.job_detail {
    padding-bottom: 32px
}
.job_detail p {
    margin-top: 20px;
    margin-bottom: 0
}
.job_detail p span {
    color: #aaa
}
.job_detail p.department {
    color: #fff
}
.job_detail p.location {
    margin-top: 0
}
.job_detail h3 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 20px;
    color: #fff
}
.job_detail ul {
    list-style-type: disc;
    margin-top: 20px
}
.job_detail ul li {
    margin-bottom: 0
}
.job_detail ul li p {
    margin: 0
}
@media (max-width: 640px) {
    .job_detail h3.location {
        color: #aaa;
        margin-top: 2px
    }
    .job_detail ul {
        margin-left: 20px
    }
    .job_list h3 {
        font-size: 16px
    }
    .job_list ul li {
        font-size: 14px;
        line-height: 16px
    }
    .job_list ul li a span {
        font-size: 10px
    }
}
#apply {
    margin-bottom: 30px
}
body.labs {
    position: relative;
    height: 100%;
    background: #fff
}
body.labs .wrapper {
    color: #777
}
body.labs h1 {
    color: #333
}
body.labs a:hover {
    color: #333
}
body.labs .logos ul.list a span em {
    color: #999
}
body.labs .background {
    background: url("/images/labs-5b7ced8c.jpg");
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 0;
    padding: 0 0 60% 0;
    margin-top: 50px;
    margin-bottom: -120px
}
@media (min-width: 768px) {
    body.labs .background {
        margin-top: 90px
    }
}
body.labs .centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}
body.labs .nav {
    background: #fff;
    border-color: #ddd
}
body.labs .nav .menu-btn:checked ~ .menu {
    border-bottom: 1px solid #ddd
}
body.labs .nav .selected {
    color: #999
}
body.labs ul.list li,
body.labs .heading p {
    border-color: #eee
}
body.labs .heading p strong {
    color: #333
}
body.labs .link-next {
    clear: both;
    display: block;
    padding-top: 20px
}
body.labs a.btn {
    color: #fff
}
body.labs a.btn:hover {
    background-color: #d1c171
}
body.labs .nav.shadow {
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.15)
}
body.labs iframe#wufooFormzq3qput0tptjdz.wufoo-form-container {
    max-width: 80vw !important;
    width: 100% !important
}
body.labs .twitter svg path {
    fill: #d1c171
}
body.labs .twitter:hover svg path {
    fill: #000
}
body.labs .accent {
    color: #d1c171
}
body.labs b {
    font-weight: bold
}
.intro {
    padding: 100px 0
}
@media (max-width: 640px) {
    .intro {
        padding-top: 60px;
        padding-bottom: 60px
    }
}
@media (max-width: 321px) {
    .intro {
        height: 240px
    }
}
.intro h1 {
    color: #f6f7f2
}
img.x {
    opacity: 1;
    height: 30px;
    margin-left: 3px;
    margin-right: 4px
}
img.x path {
    fill: #f6f7f2
}
@media (max-width: 640px) {
    .about ul {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px
    }
    .about h3.contact {
        margin-top: 30px
    }
    .about a.twitter {
        position: relative;
        top: -15px
    }
}
.about ul li {
    font-size: 14px
}
@media (max-width: 640px) {
    .about ul li {
        font-size: 12px
    }
}
.investors {
    overflow: hidden;
    border-top: 1px solid rgba(94, 94, 94, 0.35)
}
.investors ul.list {
    float: none;
    width: 67%;
    column-count: 3;
    column-gap: 20px;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    margin: 0;
    padding: 0
}
.investors ul.list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}
@media (max-width: 1200px) {
    .investors ul.list {
        width: 100%;
        column-count: 2;
        column-gap: 20px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px
    }
    .investors ul.list li:nth-child(8) {
        border-top: none
    }
    .investors ul.list li:nth-child(1) {
        border-top: none
    }
}
@media (min-width: 1200px) {
    .investors ul.list li:nth-child(1) {
        border-top: none
    }
    .investors ul.list li:nth-child(6) {
        border-top: none
    }
    .investors ul.list li:nth-child(11) {
        border-top: none
    }
}
.investors ul.list li:nth-child(1) {
    border-top: none
}
.access form {
    border-top: 1px solid rgba(94, 94, 94, 0.35)
}
.access .content p {
    margin-bottom: 1em;
    max-width: 31em
}
.access label span {
    display: none
}
.access p.confirmation {
    display: none;
    border-top: 1px solid rgba(94, 94, 94, 0.35);
    width: 100%;
    padding: 12px 0 0px 0
}
.legal {
    max-width: 500px
}
.legal a {
    margin: 40px 0 0px 0;
    display: block;
    outline: none
}
.legal p {
    margin: 0;
    font-size: 11px
}
.logos ul.list img {
    display: block;
    width: 50px;
    margin: 0;
    opacity: 0.15;
    position: absolute;
    left: 0;
    top: 10px
}
.logos ul.list li {
    padding-left: 65px;
    position: relative;
    min-height: 70px
}
.logos ul.list a {
    display: block
}
.logos ul.list a span {
    line-height: 1.1
}
.logos ul.list a span em {
    display: block;
    clear: both;
    color: #999
}
.logos ul.list a img {
    opacity: 1
}
@media (max-width: 640px) {
    .logos .row a,
    .logos .row div {
        padding-bottom: 1em
    }
    .logos .row a img,
    .logos .row div img {
        height: 80px;
        width: 80px
    }
    .logos .row a span,
    .logos .row div span {
        margin-top: 0.25em
    }
}
.button,
.button:focus,
.button:active {
    outline: none
}
.button {
    background: #d1c171;
    border: 0;
    border: 2px solid transparent;
    color: #444;
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 20px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
@media (max-width: 640px) {
    .button {
        padding: 8px 18px
    }
}
.button:hover {
    background: #c5b04b;
    color: #444
}
.button:active {
    opacity: 0.5
}
body {
    overflow: visible;
}
ul.menu {
    width: 100%;
}
.menu--main-menu {
    width: 80%;
}
.menu-btn:checked ~ .menu {
    width: 100%;
}
.menu-btn:checked ~ .menu > .menu {
    max-height: 380px
}
;
.menu-item a {
    transition: 0.2s ease-in-out;
}
.current-menu-item a {
    color: #f9f9f9;
}
.post img {
    max-width: 100%;
    height: auto;
}
.lead span {
    color: #f6f7f2;
}
.access-page form {
    border-top: 1px solid rgba(94, 94, 94, 0.35);
}
.content {
    padding-top: 80px;
}
.wpcf7-submit {
    background-color: #d1c171;
    color: #333;
    cursor: pointer;
    padding: 10px 10px 10px 12px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 20px 0 0 0;
    clear: both;
    border-radius: 4px;
    border: none;
}
.wpcf7-submit:hover {
    background: #f7f7f7;
}
.wpcf7-not-valid {
    border-bottom: 1px solid #FF2626 !important;
}
.wpcf7-response-output {
    display: block;
    margin: 25px 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #D1C171;
}
.screen-reader-response,
.wpcf7-not-valid-tip {
    display: none;
}
body.labs .current-menu-item a {
    color: #999;
}
.labs strong {
    font-weight: 700;
    color: currentColor;
}
p.lead {
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    p.lead {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
        font-weight: 300;
    }
}
.page-404 {
    text-align: center;
}
.page-404 .error-number {
    color: #d1c171;
    font-size: 150px;
    font-size: 15vmin;
    font-weight: 400;
    margin: 0;
    line-height: 1;
}
.page-404 .expa-logo-big {
    margin-top: 10vw;
    margin-bottom: 120px;
}
.page-404 .error-title {
    color: #d1c171;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 7px;
    font-weight: 400;
    margin-bottom: 11vmin;
    margin-bottom: 110px;
}
body.labs .wrapper {
    color: #777;
}
body.labs .wrapper span {
    color: #777;
}
body.labs .wrapper a span {
    color: #d1c171;
}
body.labs .wrapper a:hover span {
    color: #333;
}
.back {
    position: absolute;
    right: 20px;
    top: 20px;
    text-transform: uppercase;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 2px;
}
@media screen and (max-width: 1024px) {
    .back {
        display: none;
    }
}