/*
Author: Tim Hereijgers
Author URI: http://timhereijgers.nl
Description: Basic theme for stripped down responsive Wordpress site. Based on BassCss
Version: 1.0
*/



/* Reset */

img,
video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}


/*! Basscss core | http://basscss.com | MIT License */

h1 {
    font-weight: 700;
    margin-bottom: 1rem;
}
h2, h3 {
    font-weight: 600;
    margin-bottom: 1rem;
}
h4, h5, h6 {
    margin-bottom: 1rem;
}

h1, .h1 { font-size: 1.75rem; line-height: 1.2; color: #fff; }
@media (min-width: 52em) {
    h1, .h1 { font-size: 2.5rem }
}
h2, .h2{ font-size: 1.25rem; line-height: 1.2; color: #fff; }
h3, .h3{ font-size: 1.125rem; line-height: 1.4; color: #fff; }

h4, .h4{ font-size: 1rem }
h5, .h5{ font-size: .875rem }
h6, .h6{ font-size: .8125rem }
.h7    { font-size: .75rem }

.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none, .text-decoration-none:hover{ text-decoration:none }


.bold{ font-weight: 700 }
.semi-bold{ font-weight: 600 }
.regular{ font-weight: 400 }
.italic{ font-style:italic }
.uppercase{ text-transform: uppercase }
.caps{ text-transform:uppercase; letter-spacing: .1em; }

.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }

@media (min-width: 40rem) {
    .sm-left-align   { text-align: left }
    .sm-center       { text-align: center }
    .sm-right-align  { text-align: right }
    .sm-justify      { text-align: justify }
}

@media (min-width: 52rem) {
    .md-left-align   { text-align: left }
    .md-center       { text-align: center }
    .md-right-align  { text-align: right }
    .md-justify      { text-align: justify }
}

@media (min-width: 64rem) {
    .lg-left-align   { text-align: left }
    .lg-center       { text-align: center }
    .lg-right-align  { text-align: right }
    .lg-justify      { text-align: justify }
}

.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }

.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.25 }
.line-height-3{ line-height: 1.5 }
.line-height-4{ line-height: 2 }

.list-style-none{ list-style:none }
.underline{ text-decoration:underline }

.truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

ul, ol {
    margin-left: 0;
    padding-left: 1.25rem;
}

.list-reset, .list-reset {
    list-style: none;
    padding-left: 0;
}

.list-inline {
    letter-spacing: -.31em;
}
.list-inline li {
    letter-spacing: normal;
    display: inline-block;
}

.display-none{ display:none }
.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table; border-spacing: 0 }
.table-cell{ display:table-cell }

.overflow-hidden{ overflow:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-auto{ overflow:auto }

.clearfix:before,
.clearfix:after{
    content:" ";
    display:table
}
.clearfix:after{ clear:both }

.left{ float:left }
.right{ float:right }

.fit{ max-width:100% }

.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }

.border-box{ box-sizing:border-box }
.content-box{ box-sizing:content-box }

.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }
.align-text-top{ vertical-align:text-top }
.align-text-bottom{ vertical-align:text-bottom }
.align-center{ vertical-align:baseline }

.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }

/* Minified margins, paddings & cols */
.ml0,.mx0{margin-left:0}.mr0,.mx0{margin-right:0}.mt0,.my0{margin-top:0}.mb0,.my0{margin-bottom:0}.pl0,.px0{padding-left:0}.pr0,.px0{padding-right:0}.pt0,.py0{padding-top:0}.pb0,.py0{padding-bottom:0}.col,.col-right{box-sizing:border-box}.m0{margin:0}.ml1,.mx1{margin-left:.5rem}.mr1,.mx1{margin-right:.5rem}.mt1,.my1{margin-top:.5rem}.mb1,.my1{margin-bottom:.5rem}.m1{margin:.5rem}.ml2,.mx2{margin-left:1rem}.mr2,.mx2{margin-right:1rem}.mt2,.my2{margin-top:1rem}.mb2,.my2{margin-bottom:1rem}.m2{margin:1rem}.ml3,.mx3{margin-left:2rem}.mr3,.mx3{margin-right:2rem}.mt3,.my3{margin-top:2rem}.mb3,.my3{margin-bottom:2rem}.m3{margin:2rem}.ml4,.mx4{margin-left:4rem}.mr4,.mx4{margin-right:4rem}.mt4,.my4{margin-top:4rem}.mb4,.my4{margin-bottom:4rem}.m4{margin:4rem}.ml-auto,.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.p0{padding:0}.pl1,.px1{padding-left:.5rem}.pr1,.px1{padding-right:.5rem}.pt1,.py1{padding-top:.5rem}.pb1,.py1{padding-bottom:.5rem}.p1{padding:.5rem}.pt2,.py2{padding-top:1rem}.pb2,.py2{padding-bottom:1rem}.pl2,.px2{padding-left:1rem}.pr2,.px2{padding-right:1rem}.p2{padding:1rem}.pt3,.py3{padding-top:2rem}.pb3,.py3{padding-bottom:2rem}.pl3,.px3{padding-left:2rem}.pr3,.px3{padding-right:2rem}.p3{padding:2rem}.pt4,.py4{padding-top:4rem}.pb4,.py4{padding-bottom:4rem}.pl4,.px4{padding-left:4rem}.pr4,.px4{padding-right:4rem}.p4{padding:4rem}.col{float:left}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.col-auto{width:auto}@media (min-width:40em){.sm-mt0,.sm-my0{margin-top:0}.sm-mb0,.sm-my0{margin-bottom:0}.sm-mxn1{margin-left:-.5rem;margin-right:-.5rem}.sm-mxn2{margin-left:-1rem;margin-right:-1rem}.sm-mxn3{margin-left:-2rem;margin-right:-2rem}.sm-mxn4{margin-left:-4rem;margin-right:-4rem}.sm-ml0,.sm-mx0{margin-left:0}.sm-mr0,.sm-mx0{margin-right:0}.sm-m0{margin:0}.sm-ml1,.sm-mx1{margin-left:.5rem}.sm-mr1,.sm-mx1{margin-right:.5rem}.sm-mt1,.sm-my1{margin-top:.5rem}.sm-mb1,.sm-my1{margin-bottom:.5rem}.sm-m1{margin:.5rem}.sm-ml2,.sm-mx2{margin-left:1rem}.sm-mr2,.sm-mx2{margin-right:1rem}.sm-mt2,.sm-my2{margin-top:1rem}.sm-mb2,.sm-my2{margin-bottom:1rem}.sm-m2{margin:1rem}.sm-ml3,.sm-mx3{margin-left:2rem}.sm-mr3,.sm-mx3{margin-right:2rem}.sm-mt3,.sm-my3{margin-top:2rem}.sm-mb3,.sm-my3{margin-bottom:2rem}.sm-m3{margin:2rem}.sm-ml4,.sm-mx4{margin-left:4rem}.sm-mr4,.sm-mx4{margin-right:4rem}.sm-mt4,.sm-my4{margin-top:4rem}.sm-mb4,.sm-my4{margin-bottom:4rem}.sm-m4{margin:4rem}.sm-ml-auto,.sm-mx-auto{margin-left:auto}.sm-mr-auto,.sm-mx-auto{margin-right:auto}.sm-pl0,.sm-px0{padding-left:0}.sm-pr0,.sm-px0{padding-right:0}.sm-pt0,.sm-py0{padding-top:0}.sm-pb0,.sm-py0{padding-bottom:0}.sm-p0{padding:0}.sm-pl1,.sm-px1{padding-left:.5rem}.sm-pr1,.sm-px1{padding-right:.5rem}.sm-pt1,.sm-py1{padding-top:.5rem}.sm-pb1,.sm-py1{padding-bottom:.5rem}.sm-p1{padding:.5rem}.sm-pl2,.sm-px2{padding-left:1rem}.sm-pr2,.sm-px2{padding-right:1rem}.sm-pt2,.sm-py2{padding-top:1rem}.sm-pb2,.sm-py2{padding-bottom:1rem}.sm-p2{padding:1rem}.sm-pl3,.sm-px3{padding-left:2rem}.sm-pr3,.sm-px3{padding-right:2rem}.sm-pt3,.sm-py3{padding-top:2rem}.sm-pb3,.sm-py3{padding-bottom:2rem}.sm-p3{padding:2rem}.sm-pl4,.sm-px4{padding-left:4rem}.sm-pr4,.sm-px4{padding-right:4rem}.sm-pt4,.sm-py4{padding-top:4rem}.sm-pb4,.sm-py4{padding-bottom:4rem}.sm-p4{padding:4rem}.sm-col,.sm-col-right{box-sizing:border-box}.sm-col{float:left}.sm-col-right{float:right}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}.sm-col-auto{width:auto}}@media (min-width:52em){.md-mt0,.md-my0{margin-top:0}.md-mb0,.md-my0{margin-bottom:0}.md-mxn1{margin-left:-.5rem;margin-right:-.5rem}.md-mxn2{margin-left:-1rem;margin-right:-1rem}.md-mxn3{margin-left:-2rem;margin-right:-2rem}.md-mxn4{margin-left:-4rem;margin-right:-4rem}.md-ml0,.md-mx0{margin-left:0}.md-mr0,.md-mx0{margin-right:0}.md-m0{margin:0}.md-ml1,.md-mx1{margin-left:.5rem}.md-mr1,.md-mx1{margin-right:.5rem}.md-mt1,.md-my1{margin-top:.5rem}.md-mb1,.md-my1{margin-bottom:.5rem}.md-m1{margin:.5rem}.md-ml2,.md-mx2{margin-left:1rem}.md-mr2,.md-mx2{margin-right:1rem}.md-mt2,.md-my2{margin-top:1rem}.md-mb2,.md-my2{margin-bottom:1rem}.md-m2{margin:1rem}.md-ml3,.md-mx3{margin-left:2rem}.md-mr3,.md-mx3{margin-right:2rem}.md-mt3,.md-my3{margin-top:2rem}.md-mb3,.md-my3{margin-bottom:2rem}.md-m3{margin:2rem}.md-ml4,.md-mx4{margin-left:4rem}.md-mr4,.md-mx4{margin-right:4rem}.md-mt4,.md-my4{margin-top:4rem}.md-mb4,.md-my4{margin-bottom:4rem}.md-m4{margin:4rem}.md-ml-auto,.md-mx-auto{margin-left:auto}.md-mr-auto,.md-mx-auto{margin-right:auto}.md-pl0,.md-px0{padding-left:0}.md-pr0,.md-px0{padding-right:0}.md-pt0,.md-py0{padding-top:0}.md-pb0,.md-py0{padding-bottom:0}.md-p0{padding:0}.md-pl1,.md-px1{padding-left:.5rem}.md-pr1,.md-px1{padding-right:.5rem}.md-pt1,.md-py1{padding-top:.5rem}.md-pb1,.md-py1{padding-bottom:.5rem}.md-p1{padding:.5rem}.md-pl2,.md-px2{padding-left:1rem}.md-pr2,.md-px2{padding-right:1rem}.md-pt2,.md-py2{padding-top:1rem}.md-pb2,.md-py2{padding-bottom:1rem}.md-p2{padding:1rem}.md-pl3,.md-px3{padding-left:2rem}.md-pr3,.md-px3{padding-right:2rem}.md-pt3,.md-py3{padding-top:2rem}.md-pb3,.md-py3{padding-bottom:2rem}.md-p3{padding:2rem}.md-pl4,.md-px4{padding-left:4rem}.md-pr4,.md-px4{padding-right:4rem}.md-pt4,.md-py4{padding-top:4rem}.md-pb4,.md-py4{padding-bottom:4rem}.md-p4{padding:4rem}.md-col,.md-col-right{box-sizing:border-box}.md-col{float:left}.md-col-right{float:right}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}.md-col-auto{width:auto}}@media (min-width:64em){.lg-mt0,.lg-my0{margin-top:0}.lg-mb0,.lg-my0{margin-bottom:0}.lg-mxn1{margin-left:-.5rem;margin-right:-.5rem}.lg-mxn2{margin-left:-1rem;margin-right:-1rem}.lg-mxn3{margin-left:-2rem;margin-right:-2rem}.lg-mxn4{margin-left:-4rem;margin-right:-4rem}.lg-ml0,.lg-mx0{margin-left:0}.lg-mr0,.lg-mx0{margin-right:0}.lg-m0{margin:0}.lg-ml1,.lg-mx1{margin-left:.5rem}.lg-mr1,.lg-mx1{margin-right:.5rem}.lg-mt1,.lg-my1{margin-top:.5rem}.lg-mb1,.lg-my1{margin-bottom:.5rem}.lg-m1{margin:.5rem}.lg-ml2,.lg-mx2{margin-left:1rem}.lg-mr2,.lg-mx2{margin-right:1rem}.lg-mt2,.lg-my2{margin-top:1rem}.lg-mb2,.lg-my2{margin-bottom:1rem}.lg-m2{margin:1rem}.lg-ml3,.lg-mx3{margin-left:2rem}.lg-mr3,.lg-mx3{margin-right:2rem}.lg-mt3,.lg-my3{margin-top:2rem}.lg-mb3,.lg-my3{margin-bottom:2rem}.lg-m3{margin:2rem}.lg-ml4,.lg-mx4{margin-left:4rem}.lg-mr4,.lg-mx4{margin-right:4rem}.lg-mt4,.lg-my4{margin-top:4rem}.lg-mb4,.lg-my4{margin-bottom:4rem}.lg-m4{margin:4rem}.lg-ml-auto,.lg-mx-auto{margin-left:auto}.lg-mr-auto,.lg-mx-auto{margin-right:auto}.lg-pl0,.lg-px0{padding-left:0}.lg-pr0,.lg-px0{padding-right:0}.lg-pt0,.lg-py0{padding-top:0}.lg-pb0,.lg-py0{padding-bottom:0}.lg-p0{padding:0}.lg-pl1,.lg-px1{padding-left:.5rem}.lg-pr1,.lg-px1{padding-right:.5rem}.lg-pt1,.lg-py1{padding-top:.5rem}.lg-pb1,.lg-py1{padding-bottom:.5rem}.lg-p1{padding:.5rem}.lg-pl2,.lg-px2{padding-left:1rem}.lg-pr2,.lg-px2{padding-right:1rem}.lg-pt2,.lg-py2{padding-top:1rem}.lg-pb2,.lg-py2{padding-bottom:1rem}.lg-p2{padding:1rem}.lg-pl3,.lg-px3{padding-left:2rem}.lg-pr3,.lg-px3{padding-right:2rem}.lg-pt3,.lg-py3{padding-top:2rem}.lg-pb3,.lg-py3{padding-bottom:2rem}.lg-p3{padding:2rem}.lg-pl4,.lg-px4{padding-left:4rem}.lg-pr4,.lg-px4{padding-right:4rem}.lg-pt4,.lg-py4{padding-top:4rem}.lg-pb4,.lg-py4{padding-bottom:4rem}.lg-p4{padding:4rem}.lg-col,.lg-col-right{box-sizing:border-box}.lg-col{float:left}.lg-col-right{float:right}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}.lg-col-auto{width:auto}}


.mt5 { margin-top: 8rem; }
.mb5 { margin-bottom: 8rem; }
.ml5 { margin-right: 8rem; }
.mr5 { margin-left: 8rem; }

@media (min-width: 52em) {
    .md-mt5 { margin-top: 8rem; }
    .md-mb5 { margin-bottom: 8rem; }
    .md-ml5 { margin-right: 8rem; }
    .md-mr5 { margin-left: 8rem; }
}
@media (min-width: 64em) {
    .lg-mt5 { margin-top: 8rem; }
    .lg-mb5 { margin-bottom: 8rem; }
    .lg-ml5 { margin-right: 8rem; }
    .lg-mr5 { margin-left: 8rem; }
}


.flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

@media (min-width: 40em){
    .sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
    .md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
    .lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
}
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }


@media (min-width: 40em) {
    .sm-inline       { display: inline }
    .sm-block        { display: block }
    .sm-inline-block { display: inline-block }
    .sm-table        { display: table }
    .sm-table-cell   { display: table-cell }

    .sm-overflow-hidden { overflow: hidden }
    .sm-overflow-scroll { overflow: scroll }
    .sm-overflow-auto   { overflow: auto }

    .sm-left  { float: left }
    .sm-right { float: right }
}

@media (min-width: 52em) {
    .md-inline       { display: inline }
    .md-block        { display: block }
    .md-inline-block { display: inline-block }
    .md-table        { display: table }
    .md-table-cell   { display: table-cell }

    .md-overflow-hidden { overflow: hidden }
    .md-overflow-scroll { overflow: scroll }
    .md-overflow-auto   { overflow: auto }

    .md-left  { float: left }
    .md-right { float: right }
}

@media (min-width: 64em) {
    .lg-inline       { display: inline }
    .lg-block        { display: block }
    .lg-inline-block { display: inline-block }
    .lg-table        { display: table }
    .lg-table-cell   { display: table-cell }

    .lg-overflow-hidden { overflow: hidden }
    .lg-overflow-scroll { overflow: scroll }
    .lg-overflow-auto   { overflow: auto }

    .lg-left  { float: left }
    .lg-right { float: right }
}


.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }

.top-0{ top:0 }
.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }

@media (min-width: 40em) {
    .sm-relative { position: relative }
    .sm-absolute { position: absolute }
    .sm-fixed    { position: fixed }

    .sm-top-0    { top: 0 }
    .sm-right-0  { right: 0 }
    .sm-bottom-0 { bottom: 0 }
    .sm-left-0   { left: 0 }
}

@media (min-width: 52em) {
    .md-relative { position: relative }
    .md-absolute { position: absolute }
    .md-fixed    { position: fixed }

    .md-top-0    { top: 0 }
    .md-right-0  { right: 0 }
    .md-bottom-0 { bottom: 0 }
    .md-left-0   { left: 0 }
}

@media (min-width: 64em) {
    .lg-relative { position: relative }
    .lg-absolute { position: absolute }
    .lg-fixed    { position: fixed }

    .lg-top-0    { top: 0 }
    .lg-right-0  { right: 0 }
    .lg-bottom-0 { bottom: 0 }
    .lg-left-0   { left: 0 }
}

.z1{ z-index: 1 }
.z2{ z-index: 2 }
.z3{ z-index: 3 }
.z4{ z-index: 4 }
.z100 { z-index: 100 }
.z101 { z-index: 101 }
.z102 { z-index: 102 }
.z103 { z-index: 103 }

.border{
    border-style:solid;
    border-width: 1px;
}

.border-top{
    border-top-style:solid;
    border-top-width: 1px;
}

.border-right{
    border-right-style:solid;
    border-right-width: 1px;
}

.border-bottom{
    border-bottom-style:solid;
    border-bottom-width: 1px;
}

.border-left{
    border-left-style:solid;
    border-left-width: 1px;
}

hr {
    border: 0;
    height: 0;
    margin: 0;
    border-top: 1px solid currentColor;
}

.border-none{ border:0 }

.rounded{ border-radius: 4px }
.circle{ border-radius:50% }

.rounded-top{ border-radius: 3px 3px 0 0 }
.rounded-right{ border-radius: 0 3px 3px 0 }
.rounded-bottom{ border-radius: 0 0 3px 3px }
.rounded-left{ border-radius: 3px 0 0 3px }

.not-rounded{ border-radius:0 }

.hide{
    position:absolute !important;
    height:1px !important;
    width:1px !important;
    overflow:hidden;
    clip:rect(1px, 1px, 1px, 1px);
}

/* End Basscss core */


/* Basscss Responsive Show / Hide */

.lg-show,
.md-show,
.sm-show,
.lg-show-inline,
.md-show-inline,
.sm-show-inline,
.lg-show-flex,
.md-show-flex,
.sm-show-flex {
    display: none!important
}

@media (min-width:40em) {
    .sm-show {
        display: block!important
    }

    .sm-show-inline {
        display: inline-block!important
    }

    .sm-show-flex {
        display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important
    }
}

@media (min-width:52em) {
    .md-show {
        display: block!important
    }

    .md-show-inline {
        display: inline-block!important
    }

    .md-show-flex {
        display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important
    }
}

@media (min-width:64em) {
    .lg-show {
        display: block!important
    }

    .lg-show-inline {
        display: inline-block!important
    }

    .lg-show-flex {
        display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important
    }
}

@media (min-width:40em) {
    .sm-hide {
        display: none!important
    }
}

@media (min-width:52em) {
    .md-hide {
        display: none!important
    }
}

@media (min-width:64em) {
    .lg-hide {
        display: none!important
    }
}

/* End Basscss Responsive Show / Hide */


/* Btns */

.btn {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1rem;
    padding: .5rem 1rem;
    text-align: center;
    border: none;
    vertical-align: middle;
    -webkit-appearance: none;
    color: inherit;
    background-color: transparent;
    box-sizing: border-box;
}

.btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: none;
}

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

/* Btn Primary */

.btn-primary {
    color: #fff;
    background-color: #066ee3;
    font-weight: 600;
    padding: .75rem 1rem;
    border-radius: .5rem;
    -webkit-box-shadow: inset 0 -3px 0 #055ec1;
    box-shadow: inset 0 -3px 0 #055ec1;
}

.btn-primary:hover {
    color: #fff;
}

.btn-primary:active {
    -webkit-box-shadow: inset 0 -2px 0 #055ec1;
    box-shadow: inset 0 -2px 0 #055ec1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}


/* Btn Outline */

.btn-outline {
    color: #fff;
    font-weight: 600;
    padding: .75rem 1rem;
    border-radius: .5rem;
    -webkit-box-shadow: inset 0 0 0 1px #505050;
    box-shadow: inset 0 0 0 1px #505050;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}

.btn-outline:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #888;
    box-shadow: inset 0 0 0 1px #888;
}

.btn-outline:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.btn-invert {
    color: #141517;
    -webkit-box-shadow: inset 0 0 0 1px #ccc;
    box-shadow: inset 0 0 0 1px #ccc;
}

.btn-invert:hover {
    color: #141517;
    -webkit-box-shadow: inset 0 0 0 1px #888;
    box-shadow: inset 0 0 0 1px #888;
}


/* Btn Box */

.btn-box {
    color: #fff;
    font-weight: 600;
    padding: .75rem;
    -webkit-box-shadow: inset 0 0 0 1px #505050;
    box-shadow: inset 0 0 0 1px #505050;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}

.btn-box:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #888;
    box-shadow: inset 0 0 0 1px #888;

}

.btn-box:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}


/* Btn Icon */

.btn-icon:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-icon:active {
    opacity: .5;
}


.btn-lg {
    min-width: 9rem;
    padding: 1rem 1rem;
}

.btn-sm {
    padding: .675rem .75rem;
    -webkit-border-radius: 0;
    border-radius: 0;
}

@media (max-width: 40em) {
    .btn-mobile {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

/* End Btns */


/* Background Images */

.bg-cover   { background-size: cover }
.bg-contain { background-size: contain }

.bg-center  { background-position: center }
.bg-top     { background-position: top }
.bg-right   { background-position: right }
.bg-bottom  { background-position: bottom }
.bg-left    { background-position: left }

.bg-no-repeat { background-repeat: no-repeat }
.bg-repeat-x { background-repeat: repeat-x }
.bg-repeat-y { background-repeat: repeat-y }

/* End Background Images */



/* Colors */

.white              { color: #fff }
.black              { color: #141517 }
.gray               { color: #b2b2b2 }
.light-gray         { color: #999 }
.dark-gray          { color: #727272 }
.darker-gray        { color: #383a3d }
.red                { color: #df070c }
.orange             { color: #fd8424 }
.blue               { color: #066ee3 }
.green              { color: #06e33f }
.yellow             { color: #f7ca15 }

.bg-white           { background-color: #fff }
.bg-deep-black      { background-color: #000 }
.bg-black           { background-color: #141517 }
.bg-dark-gray       { background-color: #202123 }
.bg-gray            { background-color: #727272 }
.bg-red             { background-color: #df070c }
.bg-orange          { background-color: #fd8424 }
.bg-blue            { background-color: #066ee3 }
.bg-green           { background-color: #06e33f }
.bg-yellow          { background-color: #f7ca15 }

.border-white       { border-color: #fff }
.border-black       { border-color: #141517 }
.border-gray        { border-color: #383a3d }
.border-light-gray  { border-color: #484a4d }
.border-red         { border-color: #df070c }
.border-blue        { border-color: #066ee3 }
.border-black-10    { border-color: rgba(0,0,0,.1) }

.fill-white         { fill: #fff }
.fill-black         { fill: #141517 }
.fill-gray          { fill: #b0b0b0 }
.fill-dark-gray     { fill: #828282 }
.fill-red           { fill: #df070c }
.fill-orange        { fill: #fd8424 }
.fill-blue          { fill: #066ee3 }
.fill-green         { fill: #06e33f }
.fill-yellow        { fill: #f7ca15 }

.fill-current       { fill: currentColor }

/* End Colors */



/* Global */

html {
    margin: 0;
    overflow-x: hidden;
    font-size: 14px;
}

@media (min-width: 832px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 1024px) {
    html {
        font-size: 16px;
    }
}

body {
    margin: 0;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
    line-height: 1.4375;
    color: #b0b0b0;
    overflow-x: hidden;
    background-color: #141517;
}

p {
    margin-top: 0;
    margin-bottom: 2rem;
}

a {
    color: #fff;
    text-decoration: underline;
    -webkit-transition: color 200ms, background-color 400ms;
    transition: color 200ms, background-color 400ms;
}

a:hover {
    color: #777;
    text-decoration: underline;
}

a.gray {
    color: #b2b2b2;
    text-decoration: none;
}

a.gray:hover {
    color: #fff;
    text-decoration: underline;
}

::-moz-selection {
    color: #d2d2d2;
    background: rgba(255,255,255,.25);
}

::selection {
    color: #d2d2d2;
    background: rgba(255,255,255,.25);
}


header, main, section, article {
    display: block;
}

.opac-0 { opacity: 0 }
.opac-25 {  opacity: .25 }
.opac-50 {  opacity: .5 }
.opac-75 {  opacity: .75 }
.opac-100 { opacity: 1 }

.pointer { cursor: pointer }



/* Custom Typography */

.letter-spacing-25 {    letter-spacing: 0.025em }
.letter-spacing-50 {    letter-spacing: 0.05em }
.letter-spacing-100 {   letter-spacing: 0.1em }

/* End Custom Typography */



/* Containers */

.container {
    box-sizing: border-box;
    width: 100%;
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 40em) {
    .container-sm {
        max-width: 26rem;
    }
}

@media (min-width: 52em) {
    .container-md {
        max-width: 40rem;
    }
}

@media (min-width: 64em) {
    .container-lg {
        max-width: 60rem;
    }

    .lg-container-sm {
        max-width: 24rem;
    }
}

.container-max {
    box-sizing: border-box;
    width: 100%;
    max-width: 92rem;
    margin-left: auto;
    margin-right: auto;
}


/* End Containers */



/* Icons */

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.icon svg {
    vertical-align: top;
}

.icon-md {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.icon-lg {
    display: inline-block;
    width: 2rem;
    height: 2rem;
}

.icon-xl {
    display: inline-block;
    width: 3rem;
    height: 3rem;
}

.icon-text {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-top: .15rem;
}

.flag {
    display: inline-block;
    width: 2rem;
}

.flag-sm {
    display: inline-block;
    width: 1.5rem;
}

.logo {
    display: inline-block;
    height: 2.5rem;
}

@media (min-width: 52em) {
    .logo {
        height: 2.75rem;
    }
}

.logo-lg {
    display: inline-block;
    height: 3.5rem;
}

.icon-mt1 {
    margin-top: .125rem;
}

.icon-mr1 {
    margin-right: .25rem;
}

/* End Icons */


/* Responsive Images */

.cover-img-parent {
    max-height: 100%;
    overflow: hidden;
    position: relative;
}

.cover-img-parent img.cover-img {
    position: relative;
    z-index: 1;
    height: auto;
    left: 50%;
    max-width: 150%;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    vertical-align: top;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cover-img-parent img.cover-img.small {
    max-width: 150%;
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
    .cover-img-parent img.cover-img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }
}

.img-loader {
    opacity: .75;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.placeholder {
    min-height: 6rem;
}

.photo {
    position: relative;
    z-index: 1;
    vertical-align: top;
}

.profile-img {
    max-width: 6rem;
}

/* End Responsive Images */


/* Heights */

.vh-100 { min-height: 100vh }

.full-height { height: 100% }

.h-5    { height: 5rem; }
.h-10   { height: 10rem; }
.h-13   { height: 13rem; }
.h-15   { height: 15rem; }
.h-18   { height: 18rem; }
.h-20   { height: 20rem; }
.h-25   { height: 25rem; }
.h-30   { height: 30rem; }
.h-35   { height: 35rem; }
.h-40   { height: 40rem; }
.h-50   { height: 50rem; }

@media (min-width: 40em) {
    .sm-h-10   { height: 10rem; }
    .sm-h-13   { height: 13rem; }
    .sm-h-15   { height: 15rem; }
    .sm-h-20   { height: 20rem; }
    .sm-h-18   { height: 18rem; }
    .sm-h-25   { height: 25rem; }
    .sm-h-30   { height: 30rem; }
    .sm-h-35   { height: 35rem; }
    .sm-h-40   { height: 40rem; }
    .sm-h-50   { height: 50rem; }
}

@media (min-width: 52em) {
    .md-h-10   { height: 10rem; }
    .md-h-13   { height: 13rem; }
    .md-h-15   { height: 15rem; }
    .md-h-20   { height: 20rem; }
    .md-h-18   { height: 18rem; }
    .md-h-25   { height: 25rem; }
    .md-h-30   { height: 30rem; }
    .md-h-35   { height: 35rem; }
    .md-h-40   { height: 40rem; }
    .md-h-50   { height: 50rem; }
}

@media (min-width: 64em) {
    .lg-h-10   { height: 10rem; }
    .lg-h-13   { height: 13rem; }
    .lg-h-15   { height: 15rem; }
    .lg-h-18   { height: 18rem; }
    .lg-h-20   { height: 20rem; }
    .lg-h-25   { height: 25rem; }
    .lg-h-30   { height: 30rem; }
    .lg-h-35   { height: 35rem; }
    .lg-h-40   { height: 40rem; }
    .lg-h-50   { height: 50rem; }
}

@media (min-width: 76em) {
    .xl-h-10   { height: 10rem; }
    .xl-h-13   { height: 13rem; }
    .xl-h-15   { height: 15rem; }
    .xl-h-18   { height: 18rem; }
    .xl-h-20   { height: 20rem; }
    .xl-h-25   { height: 25rem; }
    .xl-h-30   { height: 30rem; }
    .xl-h-35   { height: 35rem; }
    .xl-h-40   { height: 40rem; }
    .xl-h-50   { height: 50rem; }
}

.center-all {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 52em) {
    .md-center-y {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .md-center-x {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* End Heights */



/* Lazyload / visible animations */

.no-js .lazyload {
    display: none;
}


.js .fade-in {
    opacity: 0;
}

.fade-in.lazyloaded,
.fade-in.anim {
    -webkit-animation: fadein 400ms ease-in forwards;
    animation: fadein 400ms ease-in forwards;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* End Lazyload / visible animations */



/* Navigation */

@media (min-width: 52em) {
    .main-nav {
        letter-spacing: -.31em;
    }

    .main-nav li {
        letter-spacing: normal;
        display: inline-block;
    }

    .main-nav > li {
        margin-right: 1.75rem;
        position: relative;
    }

    .main-nav > li:last-child {
        margin-right: 0;
    }
}

.main-nav > li > a,
.main-nav > li > div > a{
    display: block;
    position: relative;
    text-decoration: none;
    letter-spacing: .1em;
    padding-top: 1rem; padding-bottom: 1rem;
}

.main-nav > li > a:hover,
.main-nav > li > div > a:hover {
    color: #888;
}

.main-nav > li a::after,
.main-nav > li > div > a::after {
    display: block;
    content: '';
    height: 1px;
    position: absolute;
    left: 0; bottom: .5rem;
    width: 0;
    margin-left: -.25rem;
    background: currentColor;
    -webkit-transition: width 250ms cubic-bezier(.84,.4,.61,.95);
    transition: width 250ms cubic-bezier(.84,.4,.61,.95);
}

@media (min-width: 52em) {
    .main-nav > li > a:hover::after,
    .main-nav > li > div > a:hover::after {
        width: 100%;
        padding-right: .5rem;
    }
}

.main-nav > li.active > a::after,
.main-nav > li.active > div > a::after {
    width: 100%;
    padding-right: .5rem;
}

.main-nav > li.active > a::after,
.main-nav > li.active > div > a::after {
    -webkit-transition: none;
    transition: none;
}

.main-nav > li.active > a:hover,
.main-nav > li.active > div > a:hover {
    color: #fff;
}


/* Nav submenu */

.dd-nav {
    margin-left: -1.625rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: normal;
    width: 28rem;
}

.dd-nav ul:first-child {
    -webkit-box-shadow: inset -1px 0 0 #383a3d;
    box-shadow: inset -1px 0 0 #383a3d;
}

.dd-nav li {
    display: block;
}

.dd-nav li a {
    display: block;
    text-transform: none;
    padding: .5rem 1.5rem;
    text-decoration: none;
    color: #aaa;
}

.dd-nav li a:hover, .dd-nav a.active, .dd-nav .active a {
    color: #fff;
}

.dd-nav li a:hover {
    background-color: rgba(255,255,255,.1);
}

.dd-nav a.btn {
    font-weight: 600;
    text-transform: none;
}



/* Flags submenu */

.dd-flags {
    margin-right: -1.125rem;
}

.dd-flags > li {
    margin-left: .5rem;
    margin-right: .5rem;
}

.dd-flags > li > a {
    display: block;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.dd-flags > li > a:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.dropdown .dd-lang {
    min-width: 6rem !important;
    border: 1px solid #555;
    padding: .5rem 1rem;
    right: 0;
    margin-right: -1rem;
}

.dd-lang li {
    display: block;
}

.dd-lang a {
    display: block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-transform: none;
    font-weight: 400;
    text-decoration: none;
}

.dd-lang:after, .dd-lang:before {
    bottom: 100%;
    left: 77%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dd-lang:after {
    border-color: rgba(32, 33, 35, 0);
    border-bottom-color: #202123;
    border-width: 6px;
    margin-left: -6px;
}
.dd-lang:before {
    border-color: rgba(85, 85, 85, 0);
    border-bottom-color: #555;
    border-width: 7px;
    margin-left: -7px;
}


/* Filters / mobile side nav */

input[type="checkbox"].nav-check {
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -1 !important;
    opacity: 0 !important;
}


.side-nav {
    background-color: #000;
    z-index: 102;
    position: fixed;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    right: 0;
    width: 87.5%;
    max-width: 22rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.15);
    box-shadow: inset 1px 0 0 0 rgba(255,255,255,.15);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

input[type="checkbox"].nav-check:checked + .toggle-side {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

html.menu-open, html.menu-open body {
    overflow: hidden;
}

.nav-overlay {
    display: none;
    background: rgba(0,0,0,.85);
}

.nav-overlay.show {
    display: block;
}

@media (max-width: 52em) {
    .mobile-nav {
        background-color: #000;
        z-index: 102;
        position: fixed;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        top: 0;
        bottom: 0;
        right: 0;
        width: 87.5%;
        max-width: 22rem;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,.15);
        box-shadow: inset 1px 0 0 0 rgba(255,255,255,.15);
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .main-nav {
        font-size: .9125rem;
    }

    .main-nav > li > a {
        padding-top: .75rem;
        padding-bottom: .75rem;
        display: inline-block;
    }

    .footer-nav {
        letter-spacing: -.31em;
    }

    .footer-nav li {
        letter-spacing: normal;
        display: inline-block;
    }

    .footer-nav > li {
        margin-right: 1.75rem;
        position: relative;
    }

    .footer-nav > li:last-child {
        margin-right: 0;
    }
}


/* End Navigation */



/* Global layout */

.sticky-header.stick {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
}

@media (max-width: 52em) {
    body {
        padding-top: 2.75rem;
    }
}

@media (min-width: 52em) {
    .header-padding {
        padding-top: 4rem;
    }

    .sticky-header {
        -webkit-transition: all 200ms;
        transition: all 200ms;
    }

    .sticky-header.stick {
        padding-top: 0;
        padding-bottom: 0;
    }
}


@media (min-width: 64em) {
    .sidebar {
        width: 18.75rem;
    }

    .sidebar-lg {
        width: 24rem;
    }
}

/* End Global layout */



/* Helpers */

.box-shadow {
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.4);
    box-shadow: 0 0 2rem rgba(0,0,0,.4);
}

.inset-shadow-75 {
    background-color: rgba(0,0,0,.75);
    -webkit-box-shadow: inset 0 0 4rem 1rem rgba(0,0,0,.75);
    box-shadow: inset 0 0 4rem 1rem rgba(0,0,0,.75);
}

.inset-bottom-shadow {
    background: -moz-linear-gradient(bottom,  rgba(0,0,0,.5) 14%, rgba(0,0,0,0) 30%);
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,.5) 14%,rgba(0,0,0,0) 30%);
    background: linear-gradient(to top,  rgba(0,0,0,.5) 14%,rgba(0,0,0,0) 30%);
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,.25);
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label, a.label {
    display: inline-block;
    font-size: 0.75em;
    text-transform: uppercase;
    padding: .375rem .675rem;
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.075em;
    -webkit-transition: -webkit-box-shadow 100ms;
    transition: box-shadow 100ms;
}

a.label:hover {
    -webkit-box-shadow: inset 0 0 0 10rem rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 10rem rgba(0,0,0,.2);
}

/* End Helpers */



/* Layout elements */

table, tr, th, td {
    margin:0;
    padding:0;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
}

td {
    padding-bottom: .5rem;
    padding-right: .5rem;
    vertical-align: top;
}

td:last-child {
    padding-right: 0;
}


.link-list a {
    color: #b0b0b0;
    text-decoration: none;
}

.link-list a:hover {
    color: #fff;
}


.dropdown {
    position: relative;
}

.dropdown .dd-content {
    display: none;
}

.dropdown .dd-content.expand {
    display: block;
}

@media (min-width: 52em) {
    .dropdown .dd-content {
        display: none;
        position: absolute;
        z-index: 10;
        min-width: 15rem;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .dropdown:hover > .dd-content, .dropdown.show > .dd-content {
        display: block;
    }
}


.tabs {
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.tabs li {
    cursor: pointer;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: rgba(255,255,255,.5);
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.2);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.2);
    border-top: 1px solid rgba(255,255,255,.2);
    background: #000;
    background: -moz-linear-gradient(top,  #222, #000 100%);
    background: -webkit-linear-gradient(top,  #222 0%,#000 100%);
    background: linear-gradient(to bottom,  #222 0%,#000 100%);
}

.tabs li:last-child {
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.2), inset -1px 0 0 rgba(255,255,255,.2);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.2), inset -1px 0 0 rgba(255,255,255,.2);
}

.tabs li.active {
    color: rgba(255,255,255,1);
    background: #000;
    background: -moz-linear-gradient(top,  #000, #222 100%);
    background: -webkit-linear-gradient(top,  #000 0%,#222 100%);
    background: linear-gradient(to bottom,  #000 0%,#222 100%);
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.2), 0 1px 0 #222;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.2), 0 1px 0 #222;
}
.tabs li:last-child.active {
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.2), inset -1px 0 0 rgba(255,255,255,.2), 0 1px 0 #222;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.2), inset -1px 0 0 rgba(255,255,255,.2), 0 1px 0 #222;
}


.tabs li:hover {
    color: rgba(255,255,255,1);
}


.pagination {
    line-height: 2rem;
}

.pagination a, .pagination span {
    display: block;
    min-width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    padding-left: .5rem;
    padding-right: .5rem;
    text-decoration: none;
    text-align: center;
    border-radius: 1rem;
}

.pagination a.active {
    color: #b2b2b2;
    -webkit-box-shadow: inset 0 0 0 1px #535353;
    box-shadow: inset 0 0 0 1px #535353;
    margin-left: .5rem;
    margin-right: .5rem;
}

.pagination li:first-child a.active { margin-left: 0 }
.pagination li:last-child a.active { margin-right: 0 }


.number {
    border-radius: .25rem;
    background-color: #202123;
    -webkit-box-shadow: inset 0 0 0 1px #3b3d40;
    box-shadow: inset 0 0 0 1px #3b3d40;
    padding: .5rem;
    position: relative;
}

.number:before {
    content: '';
    display: block;
    position: absolute;
    height: 50%;
    top: 1px; right: 1px; left: 1px;
    background-color: rgba(0,0,0,.33);
}

.number .num {
    font-weight: 700;
    font-size: 1.875rem;
    letter-spacing: .25em;
    color: #fff;
}

.number .lbl {
    color: #b2b2b2;
    font-size: 600;
    font-size: .875rem;
    letter-spacing: .075em;
    text-transform: uppercase;
    margin-left: .375rem;
    margin-right: .25rem;
}


.block-link {
    color: #b0b0b0;
    text-decoration: none;
    background-color: rgba(255,255,255,.05);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.block-link:hover {
    text-decoration: none;
    color: #b0b0b0;
    background-color: rgba(255,255,255,.1);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
}


[data-tooltip], .tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(-50%, 12px, 0);
    transform: translate3d(-50%, 12px, 0);
    pointer-events: none;
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip:before, [data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
    margin-top: -6px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

[data-tooltip]:after, .tooltip:after {
    z-index: 1000;
    padding: 8px;
    width: 150px;
    margin-top: 6px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after,
.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.small-tooltip:after {
    width: 70px;
}

.big-tooltip:after {
    width: 300px;
}


.spotter-list {
    width: 100%;
}

.spotter-list tr {
    border-bottom: 1px solid #141517;
    background: rgba(255,255,255,.05);
    -webkit-transition: background 200ms;
    transition: background 200ms;
}

.spotter-list tr:hover {
    background: rgba(255,255,255,.08);
    -webkit-transition: none;
    transition: none;
}

.spotter-list th {
    font-weight: 400;
    font-size: 1rem;
    width: 3rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-align: center;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);
}

.spotter-list td {
    vertical-align: middle;
    text-align: left;
    padding-left: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
}

.spotter-list tr td:last-child {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);
}

.spotter-list a {
    text-decoration: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: block;
    text-align: left;
}

.spotter-list td.center,
.spotter-list td.center a {
    text-align: center;
}


.spotter-top-5 th {
    font-size: 1.5rem;
}

.spotter-top-5 th,
.spotter-top-5 td {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.04) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 100%);
}

.spotter-top-5 tr:first-child {
    border: 1px solid #f7ca15;
}


.svdd-popup {
    border-bottom: 2px solid #055ec1;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: slideIn 300ms ease-out forwards;
    animation: slideIn 300ms ease-out forwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}


@-webkit-keyframes slideIn {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}



input[type="checkbox"].popup-check {
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -1 !important;
    opacity: 0 !important;
}

.popup {
    display: none;
    position: fixed;
    z-index: 200;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: rgba(0,0,0,.66);
}

.popup .modal {
    position: absolute;
    z-index: 2;
    min-width: 15rem;
    max-width: 22rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 12px 32px rgba(0,0,0,.5);
    box-shadow: 0 12px 32px rgba(0,0,0,.5);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

input[type="checkbox"].popup-check:checked + .popup {
    display: block;
}

input[type="checkbox"].popup-check:checked + .popup .modal {
    display: block;
    -webkit-animation: popup 300ms cubic-bezier(.1, 1.45, .35, 1) forwards;
    animation: popup 300ms cubic-bezier(.1, 1.45, .35, 1) forwards;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}


@-webkit-keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.6);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1.02);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes popup {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.6);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* End Layout elements */



/* Spots */

.spots-small li {
    width: 14.5rem;
    margin-right: 2rem;
}

.spots-small a {
    text-decoration: none;
    -webkit-transition: -webkit-transform 100ms cubic-bezier(.74,.17,.96,.61);
    transition: transform 100ms cubic-bezier(.74,.17,.96,.61);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.spots-small a:hover {
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
}


.spots .spot {
    margin-bottom: 2rem;
}

@media (min-width: 40em) {
    .spots li:nth-child(odd) .spot {
        margin-right: 1rem;
    }
    .spots li:nth-child(even) .spot {
        margin-left: 1rem;
    }
}

@media (min-width: 76em) {
    .spots .spot {
        margin-bottom: 3rem;
    }

    .spots li:nth-child(odd) .spot {
        margin-right: 1.5rem;
    }
    .spots li:nth-child(even) .spot {
        margin-left: 1.5rem;
    }
}


@media (min-width: 64em) {
    .three-col-spots li:nth-child(1) .spot,
    .three-col-spots li:nth-child(1n+3) .spot {
        margin-right: 1rem;
    }
    .three-col-spots li:nth-child(2) .spot,
    .three-col-spots li:nth-child(2n+3) .spot {
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .three-col-spots li:nth-child(3n+3) .spot {
        margin-left: 1rem;
    }
}

@media (min-width: 76em) {
    .three-col-spots li:nth-child(1) .spot,
    .three-col-spots li:nth-child(1n+3) .spot {
        margin-right: 1.5rem;
    }
    .three-col-spots li:nth-child(2) .spot,
    .three-col-spots li:nth-child(2n+3) .spot {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
    .three-col-spots li:nth-child(3n+3) .spot {
        margin-left: 1.5rem;
    }
}

.spots .svdd {
    -webkit-box-shadow: 0 0 6px 3px #ffdd67, 0 0 0 6px #f7a900;
    box-shadow: 0 0 6px 3px #ffdd67, 0 0 0 6px #f7a900;
}


.spot a {
    color: inherit;
    text-decoration: none;
}

.spot a:hover {
    text-decoration: underline;
}

.spot a.btn:hover {
    text-decoration: none;
}

.spot-hover .spot-hover-content,
.spot-hover .spot-hover-shadow {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}

.spot-hover:hover .spot-hover-content,
.spot-hover:hover .spot-hover-shadow {
    opacity: 1;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.spot-hover:hover .spot-hover-content {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

@supports ( object-fit: cover ) {
    .spot-hover img {
        -webkit-transition: -webkit-transform 400ms cubic-bezier(.6,.13,.53,.95);
        transition: transform 400ms cubic-bezier(.6,.13,.53,.95);
    }

    .spot-hover:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.spot-border {
    -webkit-box-shadow: 0 0 0 .5em #fff;
    box-shadow: 0 0 0 .5em #fff;
}

.dd-svvd {
    margin-top: -1px;
    line-height: 1.5rem;
}

.dd-svvd li {
    padding: .25rem .5rem;
    cursor: pointer;
    -webkit-transition: color 200ms, background-color 400ms;
    transition: color 200ms, background-color 400ms;
}

.dd-svvd li:hover {
    background-color: rgba(255,255,255,.15);
    color: #fff;
}

.dd-svvd li:active {
    background-color: rgba(255,255,255,.075);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-transition: none;
    transition: none;
}


.login-wall {
    position: relative;
    min-height: 35rem;
}

.login-wall:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #141517;
    opacity: .50;
}

.login-wall .placeholder {
    overflow: hidden;
}

.login-wall .placeholder .photo {
    -webkit-filter: blur(16px);
    filter: blur(16px);
}

.login-wall .login-form {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50, 25%);
    transform: translate(-50%, 25%);
}

.login-wall .is-sticky {
    position: fixed !important;
}

.login-wall .is-bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(-50, -25%);
    transform: translate(-50%, -25%);
}

/* End Spots */



/* News */

.news li {
    margin-bottom: 3rem;
}

@media (min-width: 40em) {
    .news li:nth-child(odd) .item {
        margin-right: 1rem;
    }
    .news li:nth-child(even) .item {
        margin-left: 1rem;
    }
}

@media (min-width: 76em) {
    .news li:nth-child(odd) .item {
        margin-right: 1.5rem;
    }
    .news li:nth-child(even) .item {
        margin-left: 1.5rem;
    }
}

.news .title {
    margin: 0;
    padding-top: 1.25rem;
    padding-bottom: .25rem;
    text-decoration: none;
}

.news .title a {
    text-decoration: none;
}

.featured a {
    text-decoration: none;
}
.featured a:hover {
    color: rgba(255,255,255,.75);
}

@supports ( object-fit: cover ) {
    .item-hover img.cover-img {
        -webkit-transition: -webkit-transform 400ms cubic-bezier(.6,.13,.53,.95);
        transition: transform 400ms cubic-bezier(.6,.13,.53,.95);
    }

    .item-hover:hover img.cover-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }


    .featured img.cover-img.lazyloaded {
        -webkit-animation: showcase 12s cubic-bezier(.59,.22,.56,.84) forwards;
        animation: showcase 12s cubic-bezier(.59,.22,.56,.84) forwards;
    }


    @media (max-width: 64em) {
        @-webkit-keyframes showcase {
            0% {
                opacity: 0;
                -webkit-transform: translateX(1em) scale(1.15);
            }
            5% {
                opacity: 1;
                -webkit-transform: translateX(1em) scale(1.15);
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0) scale(1);
            }
        }

        @keyframes showcase {
            0% {
                opacity: 0;
                transform: translateX(1em) scale(1.15);
            }
            5% {
                opacity: 1;
                transform: translateX(1em) scale(1.15);
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }
        s    }

    @media (min-width: 64em) {
        @-webkit-keyframes showcase {
            0% {
                opacity: 0;
                -webkit-transform: translateX(5em) scale(1.15);
            }
            5% {
                opacity: 1;
                -webkit-transform: translateX(5em) scale(1.15);
            }
            100% {
                opacity: 1;
                -webkit-transform: translateX(0) scale(1);
            }
        }

        @keyframes showcase {
            0% {
                opacity: 0;
                transform: translateX(4em) scale(1.15);
            }
            5% {
                opacity: 1;
                transform: translateX(4em) scale(1.15);
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }
    }
}

.article-stats li {
    margin-bottom: 1rem;
    line-height: 1;
}

@media (max-width: 52em) {
    .article-stats {
        letter-spacing: -.31em;
    }
    .article-stats li {
        letter-spacing: normal;
        display: inline-block;
        margin-bottom: .5rem;
        margin-right: 1rem;
    }
}

.body-text {
    line-height: 1.65;
}


.full {
    width: 100%;
}

.half {
    max-width: 50%;
    display: inline-block;;
}

.third {
    max-width: 33.33%;
    display: inline-block;
}

.quarter {
    max-width: 25%;
    display: inline-block;
}

img.full, img.half, img.third, img.quarter {
    width: 100%;
    max-width: none;
    vertical-align: top;
}


/* End News */



/* Filters */

.filters li {
    position: relative;
    margin-bottom: .75rem;
}

.filters li.mb1 { margin-bottom: .5rem }
.filters li.mb2 { margin-bottom: 1rem }
.filters li.mb3 { margin-bottom: 2rem }


.fade-me-in {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}
.fade-me-in.show {
    opacity: 1;
}


.colors {
    max-width: 30rem;
}

.colors label {
    position: relative;
    display: block;
    width: 100%;
}

.colors input[type="radio"] {
    height: 1px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-25%, -75%);
    transform: translate(-25%, -75%);
    z-index: -1;
    opacity: 0;
}

.colors label .box {
    position: relative;
    z-index: 1;
    display: block;
    height: 1.5rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform 100ms;
    transition: transform 100ms;
    background-color: currentColor;
}

.colors label .box:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.33);
    box-shadow: 0 1px 1px rgba(0,0,0,.33);
    z-index: 2;
}

.colors label input[type="radio"]:checked + .box {
    z-index: 3;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1), 0 1px 3px 1px rgba(0,0,0,.33);
    box-shadow: 0 0 0 1px rgba(255,255,255,1), 0 1px 3px 1px rgba(0,0,0,.33);
}

.colors label.red       { color: #f01620 }
.colors label.purple    { color: #a51dc1 }
.colors label.pink      { color: #fc28fc }
.colors label.blue      { color: #1ca4fc }
.colors label.green     { color: #2ecf24 }
.colors label.yellow    { color: #fef250 }
.colors label.orange    { color: #fd8424 }
.colors label.brown     { color: #725335 }
.colors label.white     { color: #f0f0f0 }
.colors label.gray      { color: #545454 }
.colors label.black     { color: #000000 }
.colors label.gold      { color: #ffef91 }
.colors label.gold .box {
    background: #ffef91;
    background: -moz-linear-gradient(top, #ffef91 0%, #ffd24a 50%, #f4b60b 51%, #d98200 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffef91), color-stop(50%, #ffd24a), color-stop(51%, #f4b60b), color-stop(100%, #d98200));
    background: -webkit-linear-gradient(top, #ffef91 0%, #ffd24a 50%, #f4b60b 51%, #d98200 100%);
    background: linear-gradient(to bottom, #ffef91 0%, #ffd24a 50%, #f4b60b 51%, #d98200 100%);
}
.colors label.silver    { color: #ccc }
.colors label.silver .box {
    background: #ccc;
    background: -moz-linear-gradient(top, #fff 0%, #ccc 50%, #a9a9a9 51%, #6c6c6c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(50%, #ccc), color-stop(51%, #a9a9a9), color-stop(100%, #6c6c6c));
    background: -webkit-linear-gradient(top, #fff 0%, #ccc 50%, #a9a9a9 51%, #6c6c6c 100%);
    background: linear-gradient(to bottom, #fff 0%, #ccc 50%, #a9a9a9 51%, #6c6c6c 100%);
}

/* End Filters */




/* Flickity - http://flickity.metafizzy.co */

.carousel:after {
    content: 'flickity';
    display: none; /* hide :after */
}

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -1.125rem;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 -.31em 0 0;
    border-radius: 50%;
    cursor: pointer;
    background: #444;
    border: 8px solid #141517;
}

.flickity-page-dots .dot.is-selected {
    background: #bbb;
}

@media (min-width: 52em) {
    .flickity-page-dots {
        display: none;
    }
}

/* ---- arrows ---- */

.flickity-prev-next-button {
    position: absolute;
    bottom: -1.25rem;
    right: 0;
    -webkit-appearance: none;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    border: .25rem solid #141517;
    background: #141517;
    -webkit-box-shadow: inset 0 0 0 1px #505050;
    box-shadow: inset 0 0 0 1px #505050;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    cursor: pointer;
}

.flickity-prev-next-button.previous {
    right: 2.5rem;
}

.flickity-prev-next-button svg {
    fill: #fff;
    vertical-align: top;
}

.flickity-prev-next-button:hover {
    -webkit-box-shadow: inset 0 0 0 1px #888;
    box-shadow: inset 0 0 0 1px #888;

}

.flickity-prev-next-button:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

@media (max-width: 52em) {
    .flickity-prev-next-button {
        display: none;
    }
}


/* End Flickity */



/* Forms */

label {
    vertical-align: middle;
}

input,
select,
textarea,
fieldset {
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
}

input,
select,
textarea {
    background-color: rgba(0,0,0,.35);
    color: #fff;
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1px #404347;
    box-shadow: inset 0 0 0 1px #404347;
    -webkit-transition: -webkit-box-shadow 300ms;
    transition: box-shadow 300ms;
}

input:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: inset 0 0 0 1px #aaa;
    box-shadow: inset 0 0 0 1px #aaa;
    outline: none;
}


.invert-form {
    color: #666;
}

.invert-form input, .invert-form select, .invert-form textarea {
    background-color: transparent;
    color: #141517;
    -webkit-box-shadow: inset 0 0 0 1px #ccc;
    box-shadow: inset 0 0 0 1px #ccc;
}

.invert-form input:focus, .invert-form select:focus, .invert-form textarea:focus {
    -webkit-box-shadow: inset 0 0 0 1px #777;
    box-shadow: inset 0 0 0 1px #777;
}


input[type=text], input[type=date], input[type=datetime], input[type=datetime-local],
input[type=email], input[type=month], input[type=number], input[type=password],
input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week],
input[type=file],
select {
    padding: .5em .75em;
    vertical-align: middle;
    -webkit-appearance: none;
    max-width: 26rem;
}

input {
    height: 3.25em;
}

input[type=radio]{
    height: 1em;
}

select {
    height: 3.25em;
    border-radius: 0;
    background-image: linear-gradient(45deg, transparent 50%, #727272 50%), linear-gradient(135deg, #727272 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1.125em + 3px), calc(100% - 14px) calc(1.125em + 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

select:focus {
    background-image: linear-gradient(45deg, transparent 50%, #ddd 50%), linear-gradient(135deg, #ddd 50%, transparent 50%);
}

input.small, select.small {
    height: 2.5em;
}

select.small {
    background-position: calc(100% - 20px) calc(.875em + 3px), calc(100% - 14px) calc(.875em + 3px);
}

.input-sm {
    max-width: 9rem !important;
}

.input-md {
    max-width: 11rem !important;
}

.input-lg {
    max-width: 15rem !important;
}

textarea {
    line-height: 1.75;
    padding: .5em .75em;
    min-height: 9em;
    display: block;
}

button {
    font-family: inherit;
    font-size: 1rem;
}

::-webkit-input-placeholder {
    color: rgba(255,255,255,.5);
}
::-moz-placeholder {
    color: rgba(255,255,255,.5);
}
:-ms-input-placeholder {
    color: rgba(255,255,255,.5);
}
:-moz-placeholder {
    color: rgba(255,255,255,.5);
}

.invert-form ::-webkit-input-placeholder {
    color: rgba(0,0,0,.4);
}
.invert-form ::-moz-placeholder {
    color: rgba(0,0,0,.4);
}
.invert-form :-ms-input-placeholder {
    color: rgba(0,0,0,.4);
}
.invert-form :-moz-placeholder {
    color: rgba(0,0,0,.4);
}


/* Switch */

label.mute {
    opacity: .33;
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.25rem;
    height: 1.125rem;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    -webkit-box-shadow: 0 0 0 1px #56595e;
    box-shadow: 0 0 0 1px #56595e;
    border-radius: 0.5625rem;
}

.slider:before {
    position: absolute;
    content: "";
    height: .875rem;
    width: .875rem;
    left: .125rem;
    bottom: .125rem;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider:before {
    -webkit-transform: translateX(1.125rem);
    -ms-transform: translateX(1.125rem);
    transform: translateX(1.125rem);
}


/* Checkbox */

label.checkbox {
    cursor: pointer;
    position: relative;
    line-height: 1.5;
}

label.checkbox input[type="checkbox"] {
    height: 1px;
    width: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-25%, -75%);
    transform: translate(-25%, -75%);
    z-index: -1;
    opacity: 0;
}

label.checkbox .box {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height: 1.5rem;
    width: 1.5rem;
    padding: .375rem;
    margin-right: .25rem;
    -webkit-box-shadow: inset 0 0 0 1px #3e4146;
    box-shadow: inset 0 0 0 1px #3e4146;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}

label.checkbox .box .icon {
    fill: #fff;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

label.checkbox .lbl {
    color: rgba(255,255,255,.5);
    -webkit-transition: color 100ms;
    transition: color 100ms;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

label.checkbox input[type="checkbox"]:checked + .box {
    -webkit-box-shadow: inset 0 0 0 1px #6f7278;
    box-shadow: inset 0 0 0 1px #6f7278;
}

label.checkbox input[type="checkbox"]:checked + .box .icon {
    opacity: 1;
}

label.checkbox input[type="checkbox"]:checked ~ .lbl {
    color: rgba(255,255,255,1);
}



.invert-form label.checkbox .box {
    -webkit-box-shadow: inset 0 0 0 1px #ccc;
    box-shadow: inset 0 0 0 1px #ccc;
}

.invert-form label.checkbox .box .icon {
    fill: #141517;
}

.invert-form label.checkbox .lbl {
    color: rgba(0,0,0,.4);
}

label.checkbox input[type="checkbox"]:checked + .box {
    -webkit-box-shadow: inset 0 0 0 1px #777;
    box-shadow: inset 0 0 0 1px #777;
}

.invert-form label.checkbox input[type="checkbox"]:checked ~ .lbl {
    color: rgba(0,0,0,1);
}




/* Messages */
.errormsg {
    font-size: .875rem;
    color: #ffcf46;
    display: block;
    text-align: left;
    padding-top: .5rem;
    padding-bottom: 1rem;
}

/* End Form */