@font-face {
    font-family: Gotham-Book;
    src: url(../fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'), url(../fonts/Gotham-Book.otf) format('opentype'), url(../fonts/Gotham-Book.woff) format('woff'), url(../fonts/Gotham-Book.ttf) format('truetype'), url(../fonts/Gotham-Book.svg#Gotham-Book) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham-Medium;
    src: url(../fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Gotham-Medium.otf) format('opentype'), url(../fonts/Gotham-Medium.woff) format('woff'), url(../fonts/Gotham-Medium.ttf) format('truetype'), url(../fonts/Gotham-Medium.svg#Gotham-Medium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham-Bold;
    src: url(../fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Gotham-Bold.otf) format('opentype'), url(../fonts/Gotham-Bold.woff) format('woff'), url(../fonts/Gotham-Bold.ttf) format('truetype'), url(../fonts/Gotham-Bold.svg#Gotham-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype'), url(../fonts/icons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

html {
    background: #090909;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: Gotham-Book, sans-serif;
    font-weight: 400;
    position: relative;
    font-size: 1em;
    line-height: 180%;
    background: #f9f9f9;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    color: #222
}

body.modal-open {
    overflow: hidden
}

a,
button {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-decoration: none;
    color: #222
}

a:hover {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:focus {
    outline: 0
}

ul {
    list-style-position: inside;
    list-style-type: disc
}

ul.padded li {
    padding: .4em 0
}

table {
    width: 100%
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.container {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 0 1.5em
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.align-right {
    text-align: right!important
}

.align-left {
    text-align: left!important
}

.align-center {
    text-align: center!important
}

.overlay {
    margin-top: -2.8em;
    color: #fff;
    z-index: 1;
    position: relative;
    padding: 0 2em
}

p {
    padding: 0 0 1.5em 0
}

header {
    width: 100%;
    height: 600px;
    background-image: url(../images/header.jpg);
    background-color: #f9f9f9;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 2
}

header.small {
    height: 180px;
    overflow: inherit
}

header .line {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: -1px;
    width: auto;
    height: 10em;
    z-index: 3;
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

header .max {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -550px;
    top: 0;
	width: 450px;
    height: 100%;
    background-image: url(../images/max.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
    z-index: 1
}

header .nextrace {
    position: relative;
    z-index: 10;
    display: block;
    float: right;
    width: 34em;
    height: auto;
    margin-top: 4em;
    background: #fff;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    padding: 1.5em 2.5em 1.5em 2em;
    border-radius: 5px;
    box-sizing: border-box;
    border-right: 2.5em solid #d6261b
}

header .nextrace,
header .nextrace a,
header .nextrace img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

header .nextrace a:hover img,
header .nextrace:hover img {
    -webkit-transform: rotate(2deg) scale3d(1.1, 1.1, 1);
    -moz-transform: rotate(2deg) scale3d(1.1, 1.1, 1);
    -ms-transform: rotate(2deg) scale3d(1.1, 1.1, 1);
    -o-transform: rotate(2deg) scale3d(1.1, 1.1, 1);
    transform: rotate(2deg) scale3d(1.1, 1.1, 1)
}

header .nextrace a#more:hover,
header .nextrace:hover a#more {
    color: rgba(255, 255, 255, 1)
}

header .nextrace:hover {
    border-right: 2.5em solid #f14237
}

header a#more {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    color: rgba(255, 255, 255, .6);
    right: -2.5em;
    line-height: 2.5em;
    top: 0;
    bottom: 0;
    text-align: center;
    font-weight: 700;
    display: inline;
    text-transform: uppercase;
    font-size: .9em;
    white-space: nowrap;
    display: block;
    cursor: pointer
}

header .nextrace img {
    margin-top: .5em;
    width: 11em;
    margin-left: 1em
}

header .nextrace h2 {
    color: #d31411;
    margin: 0 0 .5em 0;
    font-size: .8em
}

header .nextrace p {
    font-size: 1.5em;
    margin: 0 0 .5em 0;
    padding: 0;
    font-family: Gotham-Medium, sans-serif
}

header .nextrace h4 {
    font-weight: 400;
    margin-bottom: 1.75em;
    font-size: .9em
}

header .nextrace .nextrace_counter {
    position: absolute;
    bottom: 0;
    left: 2rem;
    margin-bottom: -3em;
    display: block;
    width: 24em;
    padding: 1em 1.5em;
    line-height: 180%;
    border-radius: 5px;
    background: #222;
    letter-spacing: .05em;
    font-size: .65em;
    line-height: 1em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    z-index: 11
}

header .nextrace .nextrace_counter p {
    margin-bottom: .1em;
    line-height: 1.4em;
    font-size: 2em;
    letter-spacing: 0
}

header .stats {
    position: relative;
    z-index: 10;
    display: block;
    float: right;
    width: 34em;
    height: auto;
    margin-top: 1em;
    background: #fff;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    padding: 2em;
    border-radius: 5px;
    box-sizing: border-box
}

header .stats .cell p {
    padding-bottom: 1em
}

header .stats .cell p:last-of-type {
    padding-bottom: 0
}

header nav {
    position: relative;
    z-index: 10;
    display: block;
    padding: 2em 0
}

header nav ul li {
    display: inline-block
}

header nav ul li+li {
    margin-left: 1em
}

header ul.extra {
    float: right;
    right: 0;
    top: -.8em;
    position: absolute;
    padding-right: 1.5em;
    -webkit-animation: .5s logoFadeIn ease;
    animation: .5s logoFadeIn ease
}

header ul.extra #button_search {
    width: 30px;
    height: 24px;
    line-height: 2em;
    background-image: url(../images/icSearch.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px
}

header ul.extra li {
    display: inline-block;
    color: #aaa
}

header ul.extra li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Gotham-Book, sans-serif;
    font-size: .85em;
    line-height: 1em;
    margin: 0;
    letter-spacing: .1em;
    display: inline-block
}

header ul.extra li a {
    color: #aaa
}

header ul.extra li a:hover {
    color: #fff
}

header ul.extra li a.bold {
    font-family: Gotham-Medium, sans-serif;
    font-style: normal;
    color: #fff
}

header nav ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Gotham-Medium, sans-serif;
    margin: 2.5em 0 1em 0;
    padding: 0 .5em;
    line-height: 2em;
    letter-spacing: .1em;
    background: 0 0;
    border-radius: 4px;
    font-size: 80%
}

header nav ul li a.current {
    background: #d6261b
}

header nav #logo {
    position: relative;
    z-index: 10;
    display: block;
    width: 11.5em;
    height: 6em;
    background-image: url(../images/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px
}

header nav ul li.home {
    display: none
}

article {
    display: block;
    padding: 3em 0
}

article:first-of-type {
    padding: 4em 0
}

.row.grey,
article.grey {
    background: #f9f9f9
}

.row.grey {
    text-align: center;
    padding-top: 1.5em
}

.row.grey h4,
.row.grey p {
    padding: 0 1em
}

article.white {
    background: #fff
}

article.related h2 {
    font-size: 1.1em
}

form {
    display: block
}

form label {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Gotham-Medium, sans-serif;
    font-size: .8em;
    color: #999;
    margin: 0
}

form input[type=email],
form input[type=password],
form input[type=text],
form select,
form textarea,
input[type=number] {
    display: block;
    appearance: none;
    -webkit-appearance: none;
    padding: 1em;
    background-color: #fff;
    outline: 0;
    text-align: left;
    font-weight: 400;
    font-family: Gotham-Book, sans-serif;
    font-size: .9em;
    color: #000;
    border: 1px solid #eee;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 1em
}

form#contest input {
    display: inline;
    width: 70px
}

form#contest input:last-child {
    display: inline;
    width: 90px
}

form#contest span {
    padding: .5em;
    display: inline-block
}

form select {
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center right;
    cursor: pointer
}

form textarea {
    resize: vertical;
    min-height: 12em
}

#comment-compose textarea {
    min-height: 5em
}

#search-form .button {
    margin-top: 1em;
    margin-bottom: 0
}

#search-form #search-input {
    font-size: 1.2em
}

.article_block {
    max-width: 640px;
    margin: 0 auto
}

.article_block img {
    display: block;
    position: relative;
    margin: 1em auto
}

.article_block h2 {
    text-transform: inherit;
    line-height: 125%;
    font-size: 2em
}

.article_block em {
    display: block;
    text-align: center
}

.article_block li>a,
.article_block p>a,
a.link {
    display: inline;
    position: relative;
    background-image: -webkit-linear-gradient(top, #d31411 0, #d31411 100%);
    background-image: linear-gradient(to bottom, #d31411 0, #d31411 100%);
    background-position: 0 94%;
    background-repeat: repeat-x;
    background-size: 1px 1px;
    border-bottom: 0;
    text-decoration: none
}

.article_block li>a:hover,
.article_block p>a:hover,
a.link:hover {
    color: #d31411
}

.article_block>table,
.article_block>ul {
    padding: 0 0 1.5em 0
}

h2 {
    display: block;
    text-transform: uppercase;
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400;
    font-size: 1.8em;
    line-height: 120%;
    margin: 1.5em auto
}

h2+p,
h2+table,
h2+ul.padded {
    margin-top: -2em
}

h2.small {
    font-size: 1.1em;
    margin: 2.5em auto
}

h2+h3 {
    margin-top: -.5em
}

h3 {
    font-family: Gotham-Bold, sans-serif;
    display: block;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 140%
}

h4 {
    display: block;
    color: #222;
    text-transform: uppercase;
    font-family: Gotham-Normal, sans-serif;
    font-weight: 400;
    font-size: .8em;
    line-height: 140%;
    letter-spacing: -.02em
}

.button_block {
    display: block;
    text-align: center
}

.button {
    display: inline-block;
    width: 100%;
    max-width: 14em;
    appearance: none;
    -webkit-appearance: none;
    margin: 2em auto;
    padding: .65em .75em .5em;
    background: 0 0;
    border: 2px solid #222;
    font-size: .9em;
    line-height: 2em;
    letter-spacing: .1em;
    text-align: center;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400;
    color: #222
}

.button-small {
    border: 0
}

.button:active,
.button:focus,
.button:hover {
    color: #fff;
    background: #000;
    cursor: pointer
}

.button-small:active,
.button-small:focus,
.button-small:hover {
    background-color: transparent;
    color: #222
}

.button:active {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.button+.button {
    margin-left: 1.25em
}

.img-wrap img {
    max-width: 100%;
    width: 100%;
    position: relative
}

.banner-wrap {
    padding-right: 10px
}

iframe,
img {
    max-width: 100%
}

.row {
    display: table;
    width: 100%
}

.row.align-center {
    text-align: center
}

.row .cell {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.row .cell.center {
    text-align: center
}

.row .cell.center img {
    margin: 0 auto
}

.row.logos {
    vertical-align: middle;
    text-align: center;
    margin-bottom: 2em
}

.row.logos .cell img {
    display: inline-block;
    max-width: 90%;
    max-height: 100px;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .4s ease-in;
    transition: filter .4s ease-in
}

.row.logos .cell img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: -webkit-filter .4s ease-out;
    transition: filter .4s ease-out
}

.row .cell.cell-4 {
    width: 4%
}

.row .cell.cell-5 {
    width: 5%
}

.row .cell.cell-10 {
    width: 10%
}

.row .cell.cell-16 {
    width: 16.6666%
}

.row .cell.cell-20 {
    width: 20%
}

.row .cell.cell-25 {
    width: 25%
}

.row .cell.cell-30 {
    width: 30%
}

.row .cell.cell-33 {
    width: 33.3333%
}

.row .cell.cell-40 {
    width: 40%
}

.row .cell.cell-45 {
    width: 45%
}

.row .cell.cell-48 {
    width: 48%
}

.row .cell.cell-50 {
    width: 50%
}

.row .cell.cell-60 {
    width: 60%
}

.row .cell.cell-66 {
    width: 66.6666%
}

.row .cell.cell-70 {
    width: 70%
}

.row .cell.cell-75 {
    width: 75%
}

.row .cell.cell-80 {
    width: 80%
}

.row .cell.cell-90 {
    width: 90%
}

.row .cell.cell-100 {
    width: 100%
}

#burger {
    display: none;
    background-image: url(../images/burger.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2em auto;
    height: 2em;
    width: 2em;
    text-indent: -9999px;
    position: absolute;
    left: 2em;
    top: 3em;
    z-index: 30
}

#extraShop {
    display: none;
    color: #fff;
    float: right;
    padding: 1em;
    right: 1em;
    top: 2em;
    position: absolute;
    z-index: 29;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Gotham-Bold, sans-serif;
    line-height: 2em;
    letter-spacing: .1em
}

.gallery_items {
    display: block;
    width: 100%;
    margin: 1em auto
}

.gallery_items li {
    display: block;
    float: left;
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 1.4%
}

.gallery_items li:first-child {
    width: 48%
}

.gallery_items li:first-child a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%)
}

.gallery_items li:nth-child(2n+3) {
    margin-right: 0
}

.gallery_items li a .content {
    z-index: 10;
    position: absolute;
    left: 1.5em;
    bottom: 1.5em;
    right: 1.5em;
    text-decoration: none;
    color: #fff;
    padding: 0;
    vertical-align: bottom
}

.gallery_items li a h3 {
    color: #fff;
    margin-bottom: .25em
}

.gallery_items li .label {
    z-index: 10;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    font-size: .8em;
    display: inline-block;
    color: #fff;
    padding: .6em 1em .4rem;
    line-height: 1rem;
    border-radius: 5px;
    margin: 0;
    font-weight: 400;
    font-family: Gotham-Medium, sans-serif;
    text-transform: uppercase;
    background: rgba(211, 20, 17, .9)
}

.gallery_items li a p {
    color: #fff;
    line-height: 1.5em;
    padding: 0
}

.gallery_items li a {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none
}

.gallery_items li a img {
    display: block;
    float: left;
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all .5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.gallery_items li a:hover img {
    -webkit-transform: scale3d(1.25, 1.25, 1);
    -moz-transform: scale3d(1.25, 1.25, 1);
    -ms-transform: scale3d(1.25, 1.25, 1);
    -o-transform: scale3d(1.25, 1.25, 1);
    transform: scale3d(1.25, 1.25, 1);
    -webkit-transition: all 5s linear;
    -moz-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -o-transition: all 5s linear;
    transition: all 5s linear
}

.gallery_items li.adv a:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.news_items {
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-around
}

.news_items li {
    display: block;
    float: left;
    width: 23%;
    margin-right: 2.5%;
    flex-grow: 1
}

.news_items li.large+li.large {
    margin-right: 0
}

.news_items li.large {
    width: 48.5%;
    margin-right: 2.5%;
    overflow: hidden
}

.news_items li a {
    position: relative;
    display: block;
    overflow: hidden;
    clear: both;
    text-decoration: none;
    margin-bottom: 6%
}

.news_items li a .image {
    position: relative;
    background-color: #dfdfdf;
    overflow: hidden;
    white-space: nowrap
}

.news_items li a .image.video:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 4em;
    width: 4em;
    margin: -2em;
    z-index: 99;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/play.png);
    background-position: center center
}

.news_items li a img {
    display: block;
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.news_items li a:hover img {
    -webkit-transform: scale3d(1.25, 1.25, 1);
    -moz-transform: scale3d(1.25, 1.25, 1);
    -ms-transform: scale3d(1.25, 1.25, 1);
    -o-transform: scale3d(1.25, 1.25, 1);
    transform: scale3d(1.25, 1.25, 1);
    -webkit-transition: all 5s linear;
    -moz-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -o-transition: all 5s linear;
    transition: all 5s linear
}

.news_items li.large a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 1) 100%)
}

.news_items li .label {
    z-index: 10;
    position: absolute;
    right: .5rem;
    top: .5rem;
    font-size: .8em;
    display: inline-block;
    color: #fff;
    padding: .6em .75em .4rem;
    line-height: 1rem;
    border-radius: 5px;
    background: rgba(34, 34, 34, .9)
}

.news_items li h3 {
    position: static;
    margin-top: .5em;
    font-size: .9em;
    color: #222;
    font-family: Gotham-Medium, sans-serif;
    font-weight: 400
}

.news_items li a p {
    line-height: 1.5em;
    color: #222;
    padding: 0
}

.news_items li.large .content {
    z-index: 10;
    position: absolute;
    left: 1em;
    bottom: 1em;
    right: 1em
}

.news_items li.large .content h3 {
    display: block;
    font-size: 1.5em;
    text-decoration: none;
    color: #fff;
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400
}

.news_items li.large a p {
    color: #fff;
    margin-top: .25em
}

.news_items li.small.last {
    margin-right: 0
}

.news_items li.medium {
    width: 48.5%
}

.news_items li.medium:nth-of-type(2n) {
    margin-right: 0
}

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

.gallery_list .slick-track {
    margin-left: 4.5em
}


.gallery_list li {
    position: relative;
    display: block;
    width: 8em;
    background: #fff;
    margin: 0 .75em;
    cursor: pointer;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

.gallery_list li img {
    width: 100%
}

.gallery_list li.slick-current {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.02, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.gallery_list li.slick-current:after {
    display: block;
    content: '';
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #d31411
}

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

.gallery_detail li img {
    width: 85%;
    margin: 2em auto
}

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

.calendar_list li {
    position: relative;
    display: block;
    width: 18em;
    height: 24em;
    background: #fff;
    margin: 0 .75em;
    cursor: pointer;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

.calendar_list li .calendar_list_image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 12em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #dfdfdf
}

.calendar_list li .calendar_list_image img {
    display: block;
    margin: 0 auto;
    height: 80%;
    margin-top: 10%
}

.calendar_list li .calendar_list_content {
    position: absolute;
    top: 12em;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    padding: 1em
}

.calendar_list li .calendar_list_content h3 {
    font-weight: 400;
    margin-bottom: 1em
}

.calendar_list li .calendar_list_content h4 {
    position: absolute;
    left: 1em;
    bottom: 1em;
    font-size: .9em;
    font-weight: 400;
    color: #888
}

.calendar_list li.passed {
    opacity: .8;
    background: #222;
    color: #fff
}

.calendar_list li.upcoming {
    opacity: .8
}

.calendar_list li.slick-center {
    opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    -o-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .25);
    cursor: default;
    overflow: hidden;
    border-bottom: .2em solid #d31411;
    height: 23.5em
}

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

.about_list li {
    position: relative;
    display: block;
    width: 13em;
    margin: 0 .75em;
    cursor: pointer;
    padding: 2em 0
}

.about_list li h2 {
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400;
    font-size: 1.75em;
    margin: .25em 0
}

.about_list li h3 {
    font-weight: 400;
    font-family: Gotham-Medium, sans-serif;
    font-size: 1em
}

.about_list li .dot {
    position: relative;
    z-index: 9;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #434343;
    border: 4px solid #f9f9f9;
    margin-left: 1.8em;
    margin: 1.5em
}

.about_list li:after {
    content: '';
    display: block;
    position: absolute;
    left: 2em;
    top: 4.1em;
    right: -4em;
    height: 2px;
    background: #ddd
}

.about_list li.slick-current .dot {
    background: #d31411
}

.about_list li.slick-current h2 {
    color: #d31411
}

.about_list .slick-track {
    margin-left: 5em
}

.about_list .slick-slide:last-of-type:after {
    display: none
}

.about_list .slick-arrow {
    margin-top: -6em
}

.calendar_item.slick-slider {
    display: block;
    width: 100%;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit;
    -webkit-touch-callout: inherit;
    -khtml-user-select: inherit;
    -ms-touch-action: inherit;
    touch-action: inherit
}

.calendar_item h2 {
    font-size: 2em;
    margin-bottom: .5em
}

.calendar_item h3 {
    font-size: 1.5em;
    font-family: Gotham-Medium, sans-serif;
    font-weight: 400;
    margin-bottom: 1em
}

.calendar_item img {
    margin: 0 auto
}

.calendar_item .calendar_track .row {
    margin-top: 3em
}

.calendar_item .row {
    margin: 1em 0
}

.calendar_item h4 {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0
}

.calendar_item .max_icon {
    margin-right: 1em;
    margin-bottom: 1em;
    height: 25%;
    width: 25%
}

.calendar_item em {
    text-align: left;
    font-style: italic;
    float: left;
    width: 70%
}

.calendar_item p {
    font-weight: 400;
    padding: 0;
    margin: .1em 0 1em
}

.calendar_item hr {
    display: block;
    height: 1px;
    border: none;
    margin: 4em auto;
    background: #ddd
}

.pager-wrap {
    margin: 2em 0;
    text-align: center
}

.pager,
.pager-extra {
    list-style: none;
    display: inline-block;
    zoom: 1
}

.pager li {
    float: left;
    display: inline-block;
    margin: 1em .2em
}

.pager li a {
    padding: .8em 1em;
    border: 2px solid #000
}

.pager li a:hover {
    background: #000;
    color: #fff
}

.pager li.active a {
    color: #fff;
    background: #000;
    cursor: default
}

.pager li.inactive a {
    color: #888;
    cursor: default;
    border: 2px solid transparent
}

.pager li.inactive a:hover {
    border: 2px solid #fff;
    background: #fff
}

.archive {
    list-style: none;
    display: block;
    clear: both;
    overflow: hidden
}

.archive-months {
    margin-bottom: 2em
}

.archive li,
.pager-extra li {
    float: left;
    display: inline-block
}

.archive-years li {
    width: 12%
}

.archive-months li {
    width: 8.33%
}

.archive li a,
.pager-extra li a {
    display: block;
    letter-spacing: .1em;
    text-align: center;
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400;
    color: #222
}

.archive-years li a {
    border: 2px solid #222;
    padding: .6em .75em .5em;
    margin: .5em;
    font-size: .9em
}

.archive-months li a,
.pager-extra li a {
    font-size: 1em;
    padding: .5em .2em;
    margin: .5em .2em;
    border-bottom: 3px solid transparent
}

.pager-extra li a {
    padding: .5em 1.5em
}

.archive-years li a:hover,
.archive-years li.active a {
    background: #222;
    color: #fff
}

.archive-months li a:hover,
.archive-months li.active a,
.pager-extra li a:hover,
.pager-extra li.active a {
    border-bottom: 3px solid #d31411;
    color: #d31411
}

.archive-months li.active a:hover,
.archive-years li.active a:hover,
.pager-extra li.active a:hover {
    cursor: default
}

.archive-months li.disabled a,
.archive-months li.disabled a:hover {
    color: #ccc;
    cursor: default;
    border-bottom: 0
}

span.red {
    color: #d31411
}

span.place,
td.place {
    background-color: #d31411;
    color: #fff;
    display: inline-block;
    height: 2em;
    width: 2em;
    line-height: 2.2em;
    text-align: center;
    vertical-align: middle;
    margin-right: .5em;
    border-radius: 1em;
    font-family: Gotham-Bold, sans-serif;
    font-weight: 400;
    text-shadow: 0 -1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .2), inset 0 -1px 0 0 rgba(0, 0, 0, .2)
}

span.place.first,
tr:first-child td.place {
    background-color: #ffbc00
}

span.place.second,
tr:nth-child(2) td.place {
    background-color: #989898
}

span.place.third,
tr:nth-child(3) td.place {
    background-color: #893c00
}

span.place.max {
    background-color: #555
}

#reading_progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 1
}

#reading_progress progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4px;
    display: block;
    width: 100%;
    border: none;
    background: 0 0;
    color: #d31411
}

#reading_progress progress::-webkit-progress-bar {
    background-color: #dbdbdb
}

#reading_progress progress::-webkit-progress-value {
    background-color: #d31411
}

#reading_progress progress::-moz-progress-bar {
    background-color: #d31411
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-apple:before {
    content: '\eabe'
}

.icon-android:before {
    content: '\eac0'
}

.icon-shop:before {
    content: '\e901'
}

.icon-travel:before {
    content: '\e900'
}

footer {
    padding: 4em 0 2em 0;
    height: auto;
    background-color: #090909;
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center bottom;
    background-image: url(../images/footer.png)
}

footer ul.left {
    text-align: left
}

footer ul.right {
    text-align: right;
    margin-bottom: 3em
}

footer ul {
    display: block;
    width: auto
}

footer ul li {
    display: block
}

footer ul li a {
    display: block;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1em;
    padding: .8em 0;
    font-size: .8em;
    text-decoration: none
}

footer ul.subnav li {
    display: inline-block;
    margin-right: 1em
}

footer ul.subnav li a {
    color: #666;
    font-weight: 400;
    font-family: Gotham-Medium, sans-serif
}

footer ul li a:hover {
    font-weight: 400;
    color: #fff;
    font-family: Gotham-Medium, sans-serif
}

footer ul.socialmedia li {
    display: inline-block
}

footer ul.socialmedia li+li {
    margin-left: 1.5em
}

footer ul.socialmedia li a {
    text-indent: -9999px;
    overflow: hidden;
    height: 2em;
    padding: 0;
    font-size: 1em;
    width: 2em;
    background-image: url(../images/socialmedia.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 200%;
    opacity: .4;
    transition: none
}

footer ul.socialmedia li a:hover {
    opacity: 1
}

footer ul.socialmedia li a.instagram {
    background-position: 0 0
}

footer ul.socialmedia li a.instagram:hover {
    background-position: 0 100%
}

footer ul.socialmedia li a.twitter {
    background-position: 33.33% 0
}

footer ul.socialmedia li a.twitter:hover {
    background-position: 33.33% 100%
}

footer ul.socialmedia li a.facebook {
    background-position: 66.66% 0
}

footer ul.socialmedia li a.facebook:hover {
    background-position: 66.66% 100%
}

footer ul.socialmedia li a.youtube {
    background-position: 100% 0
}

footer ul.socialmedia li a.youtube:hover {
    background-position: 100% 100%
}

footer p {
    font-size: .8em;
    text-transform: uppercase;
    color: #666;
    letter-spacing: .1em;
    padding: 0
}

.visible-s {
    display: none
}

.results-table {
    width: 100%;
    margin-bottom: 1em
}

.results-table th {
    text-align: left;
    padding: 0 0 .3em 0
}

.results-table td.place {
    font-size: .9em;
    margin: 1px 0 5px 0;
    background-color: #ccc
}

.results-list {
    list-style: none;
    font-weight: 600
}

.results-list li {
    padding: .5em 0
}

.results-list a {
    padding: 0 .5em;
    display: block
}

.results-list .active a {
    cursor: default;
    border-bottom: 3px solid #d31411;
    color: #d31411
}

.small-filter {
    display: none
}

#comment_block {
    text-align: center;
    padding: 2em 0
}

#comment_block h3 {
    margin: 2em 0 1em 0;
    font-size: 120%;
    text-transform: uppercase
}

.comment-list {
    list-style: none
}

.comment-list li span:nth-child(1) {
    font-weight: 700
}

.comment-list li span:nth-child(2) {
    float: right;
    color: #888;
    font-size: .8em
}

.items-text-list {
    list-style: none
}

.items-text-list li a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: .5em 1em;
    margin-bottom: 1em;
    border-radius: 2px
}

.items-text-list li a:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}

.items-text-list li a p {
    padding: 0;
    margin-top: -4px
}

.items-text-list li a span {
    color: #888;
    font-size: .8em
}

#mc-embedded-subscribe-form .button {
    max-width: 100%
}

#mc-embedded-subscribe-form div.mce_inline_error {
    background: #d31411;
    color: #fff;
    font-size: .9em;
    padding: .2em 1em;
    margin: -1em 0 1em 0
}

#mc-embedded-subscribe-form input.mce_inline_error {
    color: #d31411
}

.mediatable label {
    display: block;
    margin: .3em;
    border: 2px solid transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 0;
    text-align: center;
    background: #fff
}

.mediatable label:hover {
    cursor: pointer;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}

.travelbanner {
    background: #222
}

@media (max-width:1024px) {
    header .max {
        margin-left: -50%
    }
    header nav ul li+li {
        margin-left: 1em
    }
	
	article {
    overflow:hidden;
	}
	
}

@media (max-width:900px) {
    body {
        font-size: .8em
    }
    header nav #logo {
        height: 4em;
        width: 8em;
        margin: 1em 0
    }
    header ul.extra #button_search {
        width: 26px;
        height: 20px
    }
}

/* BRAM 
@media screen and (min-width: 901px) and (max-width: 947px) {
article.grey {
overflow: unset;
}
header nav .right {
    float:unset;
}
header nav ul li + li {
margin-left:unset;
}

EINDE BRAM */

@media (max-width:701px) {
    header nav ul {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform: translate(0, -102%);
        -moz-transform: translate(0, -102%);
        -ms-transform: translate(0, -102%);
        -o-transform: translate(0, -102%);
        transform: translate(0, -102%)
    }
}

@media (max-width:700px) {
    .visible-s {
        display: block
    }
    td.visible-s {
        display: table-cell
    }
    .hidden-s,
    header ul.extra li.hidden-s {
        display: none
    }
    #burger,
    #extraShop {
        display: block
    }
    body:after {
        -webkit-transition: background .2s ease-in-out;
        -moz-transition: background .2s ease-in-out;
        -o-transition: background .2s ease-in-out;
        -ms-transition: background .2s ease-in-out;
        transition: background .2s ease-in-out
    }
    header .container {
        position: relative
    }
    header nav ul.extra {
        display: none;
        position: absolute;
        right: 2em;
        text-align: right;
        left: auto;
        top: 3em;
        width: 8em;
        padding: 0;
        background: 0 0
    }
    header ul.extra li a {
        margin: 0 .5em
    }
    header ul.extra li a.bold {
        color: #222
    }
    header ul.extra li a:hover {
        color: #222
    }
    header nav {
        padding: 0;
        position: static
    }
    header nav #logo {
        position: absolute;
        left: 50%;
        margin-left: -4em;
        top: 1em;
        z-index: 90;
        float: none
    }
    header nav ul {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        display: block;
        height: auto;
        float: none;
        background: #fff;
        text-align: center;
        z-index: 98;
        padding: 7em 0 2em 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        box-sizing: border-box;
        max-height: 100%;
        overflow: auto
    }
    header nav ul li {
        display: block;
        width: 70%;
        margin: 0 auto!important
    }
    header nav ul li a {
        padding: 0;
        line-height: 1.5em;
        font-size: 100%
    }
    header nav ul li a.current {
        background: 0 0
    }
    header nav ul li+li {
        border-top: 1px solid #ddd
    }
    header nav ul li a {
        display: block;
        color: #000
    }
    html.burger header {
        z-index: initial
    }
    html.burger header nav ul {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    html.burger header nav ul.extra {
        display: block
    }
    html.burger #burger {
        position: fixed;
        background-image: url(../images/burger_close.png);
        z-index: 99;
        -webkit-animation: .5s logoFadeIn ease;
        animation: .5s logoFadeIn ease
    }
    html.burger body {
        overflow: hidden;
        position: fixed
    }
    .burger header nav #logo,
    .burger header nav ul.extra {
        position: fixed
    }
    #burger_bg {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 30;
        width: auto;
        height: auto;
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
        -webkit-animation: .5s bodyAfterFadeIn ease;
        -moz-animation: .5s bodyAfterFadeIn ease;
        -ms-animation: .5s bodyAfterFadeIn ease;
        animation: .5s bodyAfterFadeIn ease
    }
    @-webkit-keyframes bodyAfterFadeIn {
        from {
            background-color: rgba(0, 0, 0, 0)
        }
        to {
            background-color: rgba(0, 0, 0, .5)
        }
    }
    @-moz-keyframes bodyAfterFadeIn {
        from {
            background-color: rgba(0, 0, 0, 0)
        }
        to {
            background-color: rgba(0, 0, 0, .5)
        }
    }
    @-ms-keyframes bodyAfterFadeIn {
        from {
            background-color: rgba(0, 0, 0, 0)
        }
        to {
            background-color: rgba(0, 0, 0, .5)
        }
    }
    @keyframes bodyAfterFadeIn {
        from {
            background-color: rgba(0, 0, 0, 0)
        }
        to {
            background-color: rgba(0, 0, 0, .5)
        }
    }
    html.burger header nav #logo {
        background-image: url(../images/logo_black.png);
        z-index: 100;
        -webkit-animation: .5s logoFadeIn ease;
        -moz-animation: .5s logoFadeIn ease;
        -ms-animation: .5s logoFadeIn ease;
        animation: .5s logoFadeIn ease
    }
    @-webkit-keyframes logoFadeIn {
        from {
            -webkit-transform: translate(0, -100%)
        }
        to {
            -webkit-transform: translate(0, 0)
        }
    }
    @-moz-keyframes logoFadeIn {
        from {
            -moz-transform: translate(0, -100%)
        }
        to {
            -moz-transform: translate(0, 0)
        }
    }
    @-ms-keyframes logoFadeIn {
        from {
            -ms-transform: translate(0, -100%)
        }
        to {
            -ms-transform: translate(0, 0)
        }
    }
    @keyframes logoFadeIn {
        from {
            transform: translate(0, -100%)
        }
        to {
            transform: translate(0, 0)
        }
    }
    .container {
        padding: 0 1em
    }
    .news_items li.large {
        width: 100%;
        margin-right: 0
    }
    .news_items li.medium,
    .news_items li.small {
        width: 48.5%
    }
    .news_items li.last {
        margin-right: 0
    }
    .news_items li:nth-child(1n+5) {
        display: none
    }
    .gallery_items li:first-child {
        width: 100%;
        margin-right: 0
    }
    .gallery_items li {
        width: 48.5%;
        margin-bottom: 2.5%
    }
    .about_list .slick-track {
        margin-left: 2em
    }
    .row.respons {
        display: block
    }
    .calendar_item .row {
        margin: 2em auto
    }
    .row .cell.respons {
        display: block;
        width: 100%;
        margin: 0 auto
    }
    .cell.respons+.cell.respons {
        margin-top: 2em
    }
    .row.logos .cell {
        display: block;
        width: 50%;
        margin: 0 auto
    }
    .row .cell.respons.cell-10,
    .row .cell.respons.cell-100,
    .row .cell.respons.cell-16,
    .row .cell.respons.cell-20,
    .row .cell.respons.cell-25,
    .row .cell.respons.cell-30,
    .row .cell.respons.cell-33,
    .row .cell.respons.cell-4,
    .row .cell.respons.cell-40,
    .row .cell.respons.cell-45,
    .row .cell.respons.cell-48,
    .row .cell.respons.cell-5,
    .row .cell.respons.cell-50,
    .row .cell.respons.cell-60,
    .row .cell.respons.cell-66,
    .row .cell.respons.cell-70,
    .row .cell.respons.cell-75,
    .row .cell.respons.cell-80,
    .row .cell.respons.cell-90 {
        width: 100%
    }
    .nextrace_counter .row {
        display: table
    }
    .row.logos .cell img {
        width: 40%
    }
    .nextrace_counter .row .cell {
        display: table-cell;
        width: 25%
    }
    header {
        height: auto
    }
    header .stats {
        display: block;
        z-index: 12;
        width: 94%;
        margin: 28em auto 3em;
        float: none;
        border: none
    }
    header .stats .row {
        display: table
    }
    header .nextrace {
        display: block;
        z-index: 12;
        width: 94%;
        text-align: center;
        margin: 24em auto 3em;
        float: none;
        border: none
    }
    header a#more {
        display: none
    }
    header .nextrace .nextrace_counter {
        width: auto;
        right: 1.5rem;
        left: 1.5rem
    }
    header .nextrace img {
        display: none
    }
    header .max {
        display: block;
        left: 0;
        right: 0;
        margin: 0;
        width: auto;
        height: 400px
    }
    header #extra-nav {
        margin-top: 0
    }
    article {
        padding: 2em 0
    }
    footer ul.left {
        display: block;
        float: none;
        text-align: center
    }
    footer ul.socialmedia:after {
        display: block;
        content: '';
        position: static;
        height: 2px;
        width: 6em;
        background: #555;
        margin: 2em auto
    }
    footer ul.subnav li {
        display: block;
        margin: 0
    }
    footer ul.right {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 1em
    }
    footer p.right {
        text-align: center;
        float: none;
        margin-top: 2em
    }
    .gallery_detail li img {
        width: 96%
    }
    .archive-years li {
        width: 20%
    }
    .archive-years li a {
        padding: .6em .5em .5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .gallery_items li {
        display: none
    }
    .gallery_items li:first-child {
        display: block
    }
    header .nextrace:hover {
        border-right: 0
    }
    .banner-wrap {
        padding-right: 0
    }
    .large-filter {
        display: none
    }
    .small-filter {
        display: block
    }
}

@media (max-width:530px) {
    .news_items li a h3 {
        font-size: 1.1em
    }
    .button {
        display: block;
        margin: 2em auto 0
    }
    .button+.button {
        margin-left: auto;
        margin-top: 1em;
        margin-bottom: 1em
    }
    .archive-months li {
        width: 16.66%
    }
    .archive-years li {
        width: 25%
    }
}

.appstore-button {
    display: none;
    cursor: pointer;
    text-decoration: none;
    margin: 0 0 0 .5em;
    text-indent: -9999em;
    border-radius: 5px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, .8);
    width: 180px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, .1);
    margin-top: 1em;
    transition: background-color .2s ease-in-out
}

.appstore-button:hover {
    background-color: #0a0a0a;
    transition: background-color .3s ease-in-out
}

#btn-download-ios {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTExIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5pb3M8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI2ZmZiI+PGc+PGcgaWQ9IlNoYXBlIj48cGF0aCBkPSJNMTguMTI4IDEzLjc4NGMtLjAzLTMuMjIzIDIuNjQtNC43OSAyLjc2LTQuODY0LTEuNTEtMi4yMDMtMy44NTItMi41MDQtNC42NzUtMi41MjgtMS45NjctLjIwNy0zLjg3NSAxLjE3Ny00Ljg3NyAxLjE3Ny0xLjAyMiAwLTIuNTY1LTEuMTU4LTQuMjI4LTEuMTI0LTIuMTQuMDMzLTQuMTQyIDEuMjcyLTUuMjQgMy4xOTYtMi4yNjYgMy45MjMtLjU3NiA5LjY4OCAxLjU5NSAxMi44NiAxLjA4NiAxLjU1MiAyLjM1NSAzLjI4NiA0LjAxNiAzLjIyNSAxLjYyNC0uMDY3IDIuMjMtMS4wMzYgNC4xOTItMS4wMzYgMS45NDMgMCAyLjUxMyAxLjAzNyA0LjIwNy45OTggMS43NDMtLjAyOCAyLjg0LTEuNTYgMy44OS0zLjEyNyAxLjI1NC0xLjc4IDEuNzU4LTMuNTMyIDEuNzc4LTMuNjIyLS4wNC0uMDE0LTMuMzg3LTEuMjktMy40Mi01LjE1NHpNMTQuOTI4IDQuMzA2Yy44NzQtMS4wOTMgMS40NzItMi41OCAxLjMwNi00LjA5LTEuMjY1LjA1Ny0yLjg0Ny44NzYtMy43NTggMS45NDUtLjgwNi45NDMtMS41MjYgMi40ODctMS4zNCAzLjk0IDEuNDIuMTA1IDIuODgtLjcxOCAzLjc5Mi0xLjc5NHoiLz48L2c+PGcgaWQ9IlNoYXBlIj48cGF0aCBkPSJNNDEuNjQ1IDI1LjUwNGgtMi4yN2wtMS4yNDUtMy45MWgtNC4zMjRsLTEuMTg1IDMuOTFoLTIuMjFsNC4yODQtMTMuMzA4aDIuNjQ2bDQuMzA1IDEzLjMwOHptLTMuODktNS41NUwzNi42MyAxNi40OGMtLjEyLS4zNTUtLjM0Mi0xLjE5LS42Ny0yLjUwN2gtLjA0Yy0uMTMyLjU2Ni0uMzQzIDEuNDAyLS42MzMgMi41MDdsLTEuMTA1IDMuNDc1aDMuNTczek01Mi42NjIgMjAuNTg4YzAgMS42MzItLjQ0IDIuOTIyLTEuMzIzIDMuODctLjc5Ljg0Mi0xLjc3MiAxLjI2My0yLjk0MyAxLjI2My0xLjI2NCAwLTIuMTcyLS40NTMtMi43MjUtMS4zNmgtLjA0djUuMDU0SDQzLjVWMTkuMDY3YzAtMS4wMjYtLjAyNy0yLjA4LS4wOC0zLjE2aDEuODc2bC4xMiAxLjUyMmguMDRjLjcxLTEuMTQ3IDEuNzktMS43MiAzLjIzNy0xLjcyIDEuMTMyIDAgMi4wNzcuNDQ4IDIuODMzIDEuMzQzLjc1OC44OTYgMS4xMzYgMi4wNzQgMS4xMzYgMy41MzV6bS0yLjE3Mi4wNzhjMC0uOTM0LS4yMS0xLjcwNC0uNjMyLTIuMzEtLjQ2LS42MzItMS4wOC0uOTQ4LTEuODU2LS45NDgtLjUyNiAwLTEuMDA0LjE3Ni0xLjQzLjUyMy0uNDMuMzUtLjcxLjgwOC0uODQgMS4zNzQtLjA2Ni4yNjQtLjEuNDgtLjEuNjV2MS42YzAgLjY5OC4yMTUgMS4yODcuNjQzIDEuNzY4LjQyOC40OC45ODQuNzIgMS42NjguNzIuODAzIDAgMS40MjgtLjMxIDEuODc1LS45MjcuNDQ4LS42Mi42NzItMS40MzUuNjcyLTIuNDV6TTYzLjcgMjAuNTg4YzAgMS42MzItLjQ0MiAyLjkyMi0xLjMyNSAzLjg3LS43OS44NDItMS43NyAxLjI2My0yLjk0IDEuMjYzLTEuMjY1IDAtMi4xNzMtLjQ1My0yLjcyNS0xLjM2aC0uMDR2NS4wNTRoLTIuMTMyVjE5LjA2N2MwLTEuMDI2LS4wMjctMi4wOC0uMDgtMy4xNmgxLjg3NmwuMTIgMS41MjJoLjA0Yy43MS0xLjE0NyAxLjc4OC0xLjcyIDMuMjM3LTEuNzIgMS4xMzIgMCAyLjA3Ny40NDggMi44MzUgMS4zNDMuNzU1Ljg5NiAxLjEzNCAyLjA3NCAxLjEzNCAzLjUzNXptLTIuMTczLjA3OGMwLS45MzQtLjIxLTEuNzA0LS42MzMtMi4zMS0uNDYtLjYzMi0xLjA3OC0uOTQ4LTEuODU1LS45NDgtLjUyOCAwLTEuMDA1LjE3Ni0xLjQzMy41MjMtLjQyOC4zNS0uNzA3LjgwOC0uODM4IDEuMzc0LS4wNjYuMjY0LS4xLjQ4LS4xLjY1djEuNmMwIC42OTguMjE0IDEuMjg3LjY0IDEuNzY4LjQyOC40OC45ODQuNzIgMS42Ny43Mi44MDMgMCAxLjQyOC0uMzEgMS44NzUtLjkyNy40NDgtLjYyLjY3Mi0xLjQzNS42NzItMi40NXpNNzYuMDQgMjEuNzcyYzAgMS4xMzItLjM5NCAyLjA1My0xLjE4MyAyLjc2NC0uODY3Ljc3Ny0yLjA3NCAxLjE2NS0zLjYyNSAxLjE2NS0xLjQzMiAwLTIuNTgtLjI3NS0zLjQ1LS44MjhsLjQ5NS0xLjc3N2MuOTM2LjU2NiAxLjk2My44NSAzLjA4Mi44NS44MDIgMCAxLjQyNy0uMTgyIDEuODc2LS41NDQuNDQ3LS4zNi42Ny0uODQ3LjY3LTEuNDUzIDAtLjU0LS4xODQtLjk5NS0uNTUzLTEuMzY0LS4zNjctLjM3LS45OC0uNzEyLTEuODM2LTEuMDMtMi4zMy0uODY4LTMuNDk0LTIuMTQtMy40OTQtMy44MTUgMC0xLjA5NC40MDgtMS45OSAxLjIyNS0yLjY5LjgxNC0uNjk4IDEuOS0xLjA0NyAzLjI1OC0xLjA0NyAxLjIxIDAgMi4yMTcuMjEyIDMuMDIuNjMzbC0uNTMzIDEuNzM4Yy0uNzUtLjQwNy0xLjU5OC0uNjEtMi41NDctLjYxLS43NSAwLTEuMzM2LjE4NC0xLjc1Ni41NTItLjM1NS4zMy0uNTMzLjczLS41MzMgMS4yMDUgMCAuNTI2LjIwMy45Ni42MSAxLjMwMy4zNTYuMzE2IDEgLjY1OCAxLjkzNyAxLjAyNyAxLjE0NS40NiAxLjk4NiAxIDIuNTI3IDEuNjE4LjU0LjYxNi44MSAxLjM4Ny44MSAyLjMwN3pNODMuMDg4IDE3LjUwOGgtMi4zNXY0LjY2YzAgMS4xODQuNDE0IDEuNzc2IDEuMjQ0IDEuNzc2LjM4IDAgLjY5Ny0uMDMzLjk0Ny0uMWwuMDU4IDEuNjJjLS40Mi4xNTctLjk3My4yMzYtMS42NTguMjM2LS44NDIgMC0xLjUtLjI1Ny0xLjk3NS0uNzctLjQ3My0uNTE0LS43MS0xLjM3Ni0uNzEtMi41ODd2LTQuODM3aC0xLjR2LTEuNmgxLjRWMTQuMTVsMi4wOTMtLjYzM3YyLjM5aDIuMzV2MS42ek05My42OSAyMC42MjdjMCAxLjQ3NS0uNDIgMi42ODYtMS4yNjMgMy42MzMtLjg4My45NzUtMi4wNTUgMS40Ni0zLjUxNiAxLjQ2LTEuNDA3IDAtMi41MjgtLjQ2Ni0zLjM2NC0xLjQtLjgzNi0uOTM0LTEuMjU0LTIuMTEzLTEuMjU0LTMuNTM0IDAtMS40ODcuNDMtMi43MDUgMS4yOTMtMy42NTIuODYtLjk0OCAyLjAyMy0xLjQyMiAzLjQ4NC0xLjQyMiAxLjQwNyAwIDIuNTQuNDY3IDMuMzk1IDEuNDAyLjgxOC45MDcgMS4yMjYgMi4wNzggMS4yMjYgMy41MTN6bS0yLjIxLjA3YzAtLjg4Ni0uMTktMS42NDUtLjU3My0yLjI3OC0uNDQ3LS43NjctMS4wODYtMS4xNS0xLjkxNC0xLjE1LS44NTcgMC0xLjUwOC4zODQtMS45NTUgMS4xNS0uMzgzLjYzMy0uNTcyIDEuNDA0LS41NzIgMi4zMTYgMCAuODg1LjE5IDEuNjQ0LjU3MiAyLjI3Ni40Ni43NjYgMS4xMDUgMS4xNDggMS45MzYgMS4xNDguODE0IDAgMS40NTMtLjM5IDEuOTE0LTEuMTY4LjM5My0uNjQ1LjU5LTEuNDEyLjU5LTIuMjk2ek0xMDAuNjIgMTcuNzgzYy0uMjEtLjA0LS40MzUtLjA2LS42Ny0uMDYtLjc1IDAtMS4zMy4yODQtMS43NC44NS0uMzU0LjUtLjUzMiAxLjEzMy0uNTMyIDEuODk2djUuMDM0aC0yLjEzbC4wMi02LjU3NGMwLTEuMTA2LS4wMjgtMi4xMTMtLjA4LTMuMDJoMS44NTZsLjA3OCAxLjgzNWguMDZjLjIyNC0uNjMuNTgtMS4xNCAxLjA2NS0xLjUyLjQ3NS0uMzQzLjk4OC0uNTE0IDEuNTQtLjUxNC4xOTggMCAuMzc2LjAxNS41MzQuMDR2Mi4wMzN6TTExMC4xNTYgMjAuMjUyYzAgLjM4Mi0uMDI1LjcwNC0uMDc4Ljk2N2gtNi4zOTZjLjAyNS45NDcuMzM0IDEuNjcyLjkyOCAyLjE3Mi41NC40NDcgMS4yMzYuNjcgMi4wOTIuNjcuOTQ3IDAgMS44MS0uMTUgMi41ODgtLjQ1M2wuMzM0IDEuNDhjLS45MDguMzk1LTEuOTguNTkyLTMuMjE3LjU5Mi0xLjQ4OCAwLTIuNjU2LS40MzgtMy41MDYtMS4zMTMtLjg0Ny0uODc2LTEuMjcyLTIuMDUtMS4yNzItMy41MjUgMC0xLjQ0Ny4zOTUtMi42NTIgMS4xODYtMy42MTMuODI4LTEuMDI2IDEuOTQ3LTEuNTQgMy4zNTUtMS41NCAxLjM4MiAwIDIuNDMuNTE0IDMuMTQgMS41NC41NjMuODE1Ljg0NiAxLjgyMy44NDYgMy4wMnptLTIuMDMzLS41NTNjLjAxNC0uNjMzLS4xMjUtMS4xOC0uNDE0LTEuNjQtLjM3LS41OTMtLjkzNy0uODktMS43LS44OS0uNjk3IDAtMS4yNjQuMjktMS42OTcuODctLjM1NS40Ni0uNTY2IDEuMDE0LS42MyAxLjY1OGg0LjQ0eiIvPjwvZz48Zz48cGF0aCBkPSJNMzcuMDUgNC4wMWMwIDEuMTc2LS4zNTMgMi4wNjItMS4wNTggMi42NTctLjY1My41NS0xLjU4LjgyNC0yLjc4My44MjQtLjU5NyAwLTEuMTA3LS4wMjUtMS41MzQtLjA3N1YuOTgzYy41NTctLjA5IDEuMTU3LS4xMzcgMS44MDUtLjEzNyAxLjE0NiAwIDIuMDEuMjUgMi41OS43NDcuNjUzLjU2My45OCAxLjM2OC45OCAyLjQxNnptLTEuMTA1LjAyOGMwLS43NjMtLjIwMi0xLjM0OC0uNjA2LTEuNzU2LS40MDUtLjQwNy0uOTk1LS42MS0xLjc3Mi0uNjEtLjMzIDAtLjYxLjAyLS44NDQuMDY3djQuODg4Yy4xMy4wMi4zNjUuMDMuNzA4LjAzLjgwMiAwIDEuNDItLjIyNCAxLjg1Ny0uNjcuNDM1LS40NDYuNjU1LTEuMDk2LjY1NS0xLjk1ek00Mi45MSA1LjAzN2MwIC43MjUtLjIwOCAxLjMyLS42MjIgMS43ODUtLjQzNC40OC0xLjAxLjcxOC0xLjcyNy43MTgtLjY5IDAtMS4yNDItLjIzLTEuNjUzLS42OS0uNDEtLjQ1OC0uNjE1LTEuMDM3LS42MTUtMS43MzUgMC0uNzMuMjEtMS4zMy42MzUtMS43OTQuNDI0LS40NjQuOTk0LS42OTcgMS43MTItLjY5Ny42OSAwIDEuMjQ3LjIzIDEuNjY4LjY4OC40LjQ0Ny42IDEuMDIzLjYgMS43Mjd6bS0xLjA4OC4wMzRjMC0uNDM0LS4wOTQtLjgwNy0uMjgtMS4xMTgtLjIyLS4zNzYtLjUzNC0uNTY0LS45NC0uNTY0LS40MjIgMC0uNzQyLjE4OC0uOTYyLjU2NC0uMTg4LjMxLS4yOC42OS0uMjggMS4xMzggMCAuNDM1LjA5My44MDguMjggMS4xMi4yMjcuMzc1LjU0My41NjMuOTUuNTYzLjQgMCAuNzE1LS4xOS45NC0uNTc0LjE5NS0uMzE4LjI5Mi0uNjk0LjI5Mi0xLjEzek01MC43NjUgMi43Mkw0OS4yOSA3LjQzMmgtLjk2bC0uNjEtMi4wNDdjLS4xNTYtLjUxLS4yODItMS4wMi0uMzgtMS41MjNoLS4wMmMtLjA5LjUxOC0uMjE2IDEuMDI1LS4zNzggMS41MjNsLS42NSAyLjA0N2gtLjk3TDQzLjkzNSAyLjcyaDEuMDc3bC41MzMgMi4yNGMuMTMuNTMuMjM1IDEuMDM1LjMyIDEuNTEzaC4wMmMuMDc3LS4zOTQuMjA2LS44OTYuMzg4LTEuNTAzbC42Ny0yLjI1aC44NTNsLjY0IDIuMjAyYy4xNTYuNTM3LjI4MiAxLjA1NC4zOCAxLjU1MmguMDI4Yy4wNy0uNDg1LjE3OC0xLjAwMi4zMi0xLjU1MmwuNTcyLTIuMjAyaDEuMDN6TTU2LjE5OCA3LjQzM0g1NS4xNXYtMi43YzAtLjgzMi0uMzE2LTEuMjQ4LS45NS0xLjI0OC0uMzEgMC0uNTYyLjExNC0uNzU3LjM0My0uMTkzLjIzLS4yOS41LS4yOS44MDh2Mi43OTZoLTEuMDVWNC4wNjZjMC0uNDE0LS4wMTItLjg2My0uMDM3LTEuMzVoLjkybC4wNS43MzhoLjAzYy4xMi0uMjMuMzAzLS40MTguNTQyLS41Ny4yODQtLjE3NS42MDItLjI2NC45NS0uMjY0LjQ0IDAgLjgwNi4xNDIgMS4wOTcuNDI3LjM2Mi4zNS41NDMuODcuNTQzIDEuNTYydjIuODIzek01OS4wODggNy40MzNINTguMDRWLjU1NmgxLjA0OHY2Ljg3N3pNNjUuMjU4IDUuMDM3YzAgLjcyNS0uMjA3IDEuMzItLjYyIDEuNzg1LS40MzUuNDgtMS4wMS43MTgtMS43MjguNzE4LS42OTMgMC0xLjI0NC0uMjMtMS42NTQtLjY5LS40MS0uNDU4LS42MTUtMS4wMzctLjYxNS0xLjczNSAwLS43My4yMTItMS4zMy42MzYtMS43OTQuNDI0LS40NjQuOTk0LS42OTcgMS43MS0uNjk3LjY5NCAwIDEuMjUuMjMgMS42Ny42ODguNC40NDcuNjAyIDEuMDIzLjYwMiAxLjcyN3ptLTEuMDg4LjAzNGMwLS40MzQtLjA5NC0uODA3LS4yOC0xLjExOC0uMjItLjM3Ni0uNTM0LS41NjQtLjk0LS41NjQtLjQyMiAwLS43NDIuMTg4LS45Ni41NjQtLjE5LjMxLS4yODIuNjktLjI4MiAxLjEzOCAwIC40MzUuMDk0LjgwOC4yOCAxLjEyLjIyOC4zNzUuNTQ0LjU2My45NTIuNTYzLjQgMCAuNzEzLS4xOS45NC0uNTc0LjE5NC0uMzE4LjI5LS42OTQuMjktMS4xM3pNNzAuMzMgNy40MzNoLS45NGwtLjA4LS41NDNoLS4wMjhjLS4zMjIuNDMzLS43OC42NS0xLjM3Ny42NS0uNDQ1IDAtLjgwNS0uMTQzLTEuMDc2LS40MjctLjI0Ny0uMjU4LS4zNy0uNTgtLjM3LS45NiAwLS41NzYuMjQtMS4wMTUuNzIzLTEuMzIuNDgyLS4zMDMgMS4xNi0uNDUyIDIuMDMzLS40NDVWNC4zYzAtLjYyLS4zMjYtLjkzLS45OC0uOTMtLjQ2NCAwLS44NzQuMTE2LTEuMjI4LjM0OGwtLjIxMy0uNjg4Yy40MzgtLjI3Ljk4LS40MDcgMS42MTctLjQwNyAxLjIzMiAwIDEuODUuNjUgMS44NSAxLjk1VjYuMzFjMCAuNDcuMDIzLjg0NS4wNjggMS4xMjN6bS0xLjA4OC0xLjYydi0uNzI3Yy0xLjE1Ni0uMDItMS43MzQuMjk3LTEuNzM0Ljk1IDAgLjI0Ni4wNjYuNDMuMi41NTMuMTM2LjEyMi4zMDguMTgzLjUxMy4xODMuMjMgMCAuNDQ2LS4wNzMuNjQyLS4yMTguMTk3LS4xNDYuMzE4LS4zMy4zNjMtLjU1OC4wMS0uMDUuMDE3LS4xMTMuMDE3LS4xODR6TTc2LjI4NSA3LjQzM2gtLjkzbC0uMDUtLjc1N2gtLjAyOGMtLjI5Ny41NzYtLjgwMy44NjQtMS41MTQuODY0LS41NjggMC0xLjA0LS4yMjMtMS40MTYtLjY3LS4zNzUtLjQ0NS0uNTYyLTEuMDI0LS41NjItMS43MzUgMC0uNzYzLjIwMy0xLjM4LjYxLTEuODUzLjM5Ni0uNDQuODgtLjY2IDEuNDU2LS42Ni42MzQgMCAxLjA3Ny4yMTMgMS4zMy42NGguMDJWLjU1NmgxLjA0OHY1LjYwN2MwIC40Ni4wMTIuODgyLjAzNyAxLjI3ek03NS4yIDUuNDQ1VjQuNjZjMC0uMTM3LS4wMS0uMjQ3LS4wMy0uMzMtLjA2LS4yNTMtLjE4Ni0uNDY1LS4zOC0uNjM2LS4xOTQtLjE3LS40My0uMjU3LS43LS4yNTctLjM5IDAtLjY5Ny4xNTUtLjkyMi40NjYtLjIyMy4zMS0uMzM2LjcwOC0uMzM2IDEuMTkzIDAgLjQ2Ni4xMDcuODQ0LjMyMiAxLjEzNS4yMjcuMzEuNTMzLjQ2Ni45MTYuNDY2LjM0NCAwIC42Mi0uMTMuODI4LS4zODguMjAyLS4yNC4zLS41MjcuMy0uODYzek04NS4yNDggNS4wMzdjMCAuNzI1LS4yMDcgMS4zMi0uNjIgMS43ODUtLjQzNS40OC0xLjAxLjcxOC0xLjcyOC43MTgtLjY5IDAtMS4yNDItLjIzLTEuNjU0LS42OS0uNDEtLjQ1OC0uNjE1LTEuMDM3LS42MTUtMS43MzUgMC0uNzMuMjEyLTEuMzMuNjM2LTEuNzk0LjQyNC0uNDY0Ljk5NC0uNjk3IDEuNzEzLS42OTcuNjkgMCAxLjI0Ny4yMyAxLjY2Ny42ODguNC40NDcuNiAxLjAyMy42IDEuNzI3em0tMS4wODYuMDM0YzAtLjQzNC0uMDk0LS44MDctLjI4LTEuMTE4LS4yMjItLjM3Ni0uNTM0LS41NjQtLjk0Mi0uNTY0LS40MiAwLS43NC4xODgtLjk2LjU2NC0uMTkuMzEtLjI4Mi42OS0uMjgyIDEuMTM4IDAgLjQzNS4wOTQuODA4LjI4IDEuMTIuMjI4LjM3NS41NDQuNTYzLjk1Mi41NjMuNCAwIC43MTUtLjE5Ljk0LS41NzQuMTk0LS4zMTguMjkyLS42OTQuMjkyLTEuMTN6TTkwLjg4MyA3LjQzM2gtMS4wNDd2LTIuN2MwLS44MzItLjMxNi0xLjI0OC0uOTUtMS4yNDgtLjMxMiAwLS41NjMuMTE0LS43NTcuMzQzLS4xOTUuMjMtLjI5Mi41LS4yOTIuODA4djIuNzk2aC0xLjA1VjQuMDY2YzAtLjQxNC0uMDEtLjg2My0uMDM2LTEuMzVoLjkybC4wNS43MzhoLjAyOGMuMTIzLS4yMy4zMDUtLjQxOC41NDMtLjU3LjI4NS0uMTc1LjYwMi0uMjY0Ljk1LS4yNjQuNDQgMCAuODA2LjE0MiAxLjA5Ny40MjcuMzYzLjM1LjU0My44Ny41NDMgMS41NjJ2Mi44MjN6TTk3LjkzNiAzLjUwNGgtMS4xNTR2Mi4yOWMwIC41ODIuMjA1Ljg3My42MS44NzMuMTkgMCAuMzQ1LS4wMTYuNDY4LS4wNWwuMDI3Ljc5NmMtLjIwNy4wNzgtLjQ4LjExNy0uODE0LjExNy0uNDE0IDAtLjczNi0uMTI2LS45Ny0uMzc4LS4yMzMtLjI1Mi0uMzUtLjY3Ni0uMzUtMS4yN1YzLjUwM2gtLjY4OFYyLjcyaC42OXYtLjg2NWwxLjAyNi0uMzF2MS4xNzNoMS4xNTV2Ljc4NnpNMTAzLjQ4NCA3LjQzM2gtMS4wNXYtMi42OGMwLS44NDUtLjMxNS0xLjI2OC0uOTQ4LTEuMjY4LS40ODYgMC0uODE4LjI0NS0xIC43MzUtLjAzLjEwMy0uMDUuMjMtLjA1LjM3N3YyLjgzNUg5OS4zOVYuNTU2aDEuMDQ3djIuODRoLjAyYy4zMy0uNTE2LjgwMy0uNzc0IDEuNDE2LS43NzQuNDM0IDAgLjc5My4xNDIgMS4wNzguNDI3LjM1Ni4zNTQuNTM0Ljg4Mi41MzQgMS41OHYyLjgwM3pNMTA5LjIwNyA0Ljg1M2MwIC4xODgtLjAxNC4zNDYtLjA0LjQ3NWgtMy4xNDJjLjAxNC40NjYuMTY0LjgyLjQ1NSAxLjA2Ny4yNjYuMjIuNjEuMzMgMS4wMy4zMy40NjQgMCAuODg4LS4wNzQgMS4yNy0uMjIzbC4xNjQuNzI4Yy0uNDQ3LjE5NC0uOTczLjI5LTEuNTgyLjI5LS43MyAwLTEuMzA1LS4yMTQtMS43Mi0uNjQ0LS40Mi0uNDMtLjYyNi0xLjAwNy0uNjI2LTEuNzMgMC0uNzEyLjE5My0xLjMwNC41ODItMS43NzYuNDA2LS41MDQuOTU1LS43NTYgMS42NDgtLjc1Ni42NzggMCAxLjE5My4yNTIgMS41NC43NTYuMjgyLjQuNDIuODk1LjQyIDEuNDgzem0tMS0uMjdjLjAwOC0uMzEyLS4wNi0uNTgtLjIwMy0uODA2LS4xODItLjI5LS40Ni0uNDM3LS44MzQtLjQzNy0uMzQyIDAtLjYyLjE0Mi0uODM0LjQyNy0uMTc0LjIyNy0uMjc3LjQ5OC0uMzEuODE1aDIuMTh6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==)
}

#btn-download-android {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk3IiBoZWlnaHQ9IjU2IiB2aWV3Qm94PSIwIDAgMTk3IDU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5lbmdsaXNoX2dldDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI1NS41NTMlIiB5MT0iOTIuMTcyJSIgeDI9IjQwLjEyMSUiIHkyPSItNTkuMDgxJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNENkZGQTEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjOTNFMkE3IiBvZmZzZXQ9IjMyLjYlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwQTNCNSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0xLjY2NiUiIHkxPSItMTI4LjAwOSUiIHgyPSI2OC4zNDMlIiB5Mj0iMTE0LjU2MyUiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjRkYxNzdCIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQTk3NiIgb2Zmc2V0PSI2Ny4yJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkVDNzMiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MC42NyUiIHkxPSI1Ni44NjElIiB4Mj0iLS4zNzElIiB5Mj0iMjcuNzc4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiM2M0ZGRDQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzJBMEJBIiBvZmZzZXQ9IjQ4LjUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzEyNjJBOSIgb2Zmc2V0PSI4My41JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNjRBQTIiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI5MC4yNzElIiB5MT0iMzUuMjcyJSIgeDI9IjYuOTQlIiB5Mj0iNjAuNzQ5JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjQ1MjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDQzRTY1IiBvZmZzZXQ9IjM0LjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzlGMzZCOSIgb2Zmc2V0PSI3OS4zJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM4QTMzREIiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PGc+PGc+PHBhdGggZD0iTTEzNy45IDQyLjlsLTEuNiAxLjVjLS40LjItLjcuNC0xLjEuNi0xLjEuNS0yLjMuNi0zLjMuNi0xLjEgMC0yLjgtLjEtNC41LTEuMy0yLjQtMS43LTMuNC00LjYtMy40LTcuMSAwLTUuMiA0LjMtNy44IDcuNy03LjggMS4yIDAgMi41LjMgMy41LjkgMS43IDEuMSAyLjEgMi42IDIuNCAzLjNsLTcuOSAzLjItMi42LjJjLjggNC4zIDMuNyA2LjggNyA2LjggMS41LjEgMi43LS40IDMuOC0uOSAwLS4xLjItLjIgMCAwem0tNC44LTguNmMuNi0uMiAxLS40IDEtLjkgMC0xLjMtMS41LTIuOS0zLjMtMi45LTEuMyAwLTMuOSAxLTMuOSA0LjcgMCAuNi4xIDEuMi4xIDEuOGw2LjEtMi43em0tMTEuOCA4LjNjMCAxLjMuMiAxLjUgMS4zIDEuNi42LjEgMS4yLjEgMS43LjJsLTEuMi43aC01LjljLjgtMSAuOS0xLjEuOS0xLjhWMjIuNGgtMi42bDIuNS0xLjJoNC44Yy0xIC42LTEuNCAxLTEuNSAyLjJ2MTkuMnptLTkuMi0xMS41Yy44LjYgMi40IDIgMi40IDQuNiAwIDIuNS0xLjQgMy43LTIuOCA0LjgtLjQuNC0uOS45LS45IDEuNyAwIC43LjUgMS4yLjkgMS41bDEuMi45YzEuNSAxLjMgMi44IDIuNCAyLjggNC43IDAgMy4yLTMuMSA2LjQtOC45IDYuNC00LjkgMC03LjMtMi4zLTcuMy00LjggMC0xLjIuNi0yLjkgMi42LTQuMSAyLjEtMS4zIDQuOS0xLjUgNi40LTEuNS0uNS0uNi0xLTEuMy0xLTIuMyAwLS42LjItLjkuMy0xLjMtLjQgMC0uNy4xLTEuMS4xLTMuNiAwLTUuNi0yLjctNS42LTUuMyAwLTEuNi43LTMuMyAyLjItNC41IDEuOS0xLjYgNC4yLTEuOSA2LTEuOWg3bC0yLjIgMS4yaC0ydi0uMnpNMTA5LjcgNDZoLS44Yy0uMyAwLTIuMS4xLTMuNS41LS43LjMtMi45IDEuMS0yLjkgMy41czIuMyA0LjEgNS45IDQuMWMzLjIgMCA1LTEuNiA1LTMuNiAwLTEuNy0xLjEtMi42LTMuNy00LjV6bTEtNi40Yy44LS44LjgtMS45LjgtMi41IDAtMi40LTEuNC02LjItNC4zLTYuMi0uOSAwLTEuOC40LTIuNCAxLjEtLjYuNy0uNyAxLjYtLjcgMi41IDAgMi4zIDEuMyA2IDQuMiA2IDEgLjEgMS45LS4zIDIuNC0uOXptLTE5LjUgNmMtNS40IDAtOC4yLTQuMi04LjItOCAwLTQuNCAzLjYtOC4yIDguNy04LjIgNSAwIDguMSAzLjkgOC4xIDggMCA0LTMuMSA4LjItOC42IDguMnptNC4yLTIuOGMuOC0xLjEgMS0yLjQgMS0zLjcgMC0zLTEuNC04LjYtNS42LTguNi0xLjEgMC0yLjIuNC0zIDEuMS0xLjMgMS4yLTEuNiAyLjctMS42IDQuMSAwIDMuMyAxLjYgOC44IDUuNyA4LjggMS40LjEgMi43LS42IDMuNS0xLjd6bS0yMi4yIDIuOGMtNS40IDAtOC4yLTQuMi04LjItOCAwLTQuNCAzLjYtOC4yIDguNy04LjIgNSAwIDguMSAzLjkgOC4xIDggMCA0LTMuMSA4LjItOC42IDguMnptNC4zLTIuOGMuOC0xLjEgMS0yLjQgMS0zLjcgMC0zLTEuNC04LjYtNS42LTguNi0xLjEgMC0yLjIuNC0zIDEuMS0xLjMgMS4yLTEuNiAyLjctMS42IDQuMSAwIDMuMyAxLjcgOC44IDUuNyA4LjggMS4zLjEgMi43LS42IDMuNS0xLjd6bS0xNC42IDEuNmwtNC41IDFjLTEuOC4zLTMuNS41LTUuMi41LTguNyAwLTEyLjEtNi40LTEyLjEtMTEuNSAwLTYuMSA0LjctMTEuOCAxMi44LTExLjggMS43IDAgMy4zLjMgNC44LjcgMi40LjcgMy41IDEuNSA0LjIgMmwtMi42IDIuNS0xLjEuMi44LTEuM2MtMS4xLTEtMy0zLTYuOC0zLTUgMC04LjggMy44LTguOCA5LjMgMCA1LjkgNC4zIDExLjUgMTEuMiAxMS41IDIgMCAzLjEtLjQgNC0uOHYtNS4xbC00LjguMyAyLjUtMS40SDY0bC0uOC44Yy0uMi40LS4yLjUtLjMuNyAwIC4zLS4xIDEuMi0uMSAxLjV2My45aC4xem04NC44LTEuNHY4LjZIMTQ2VjI5LjdoMS43djIuNWMxLjEtMS42IDMuMS0yLjkgNS41LTIuOSA0LjIgMCA3LjEgMy4yIDcuMSA4LjMgMCA1LTIuOSA4LjMtNy4xIDguMy0yLjMuMS00LjMtMS4xLTUuNS0yLjl6bTEwLjctNS40YzAtMy44LTItNi44LTUuNS02LjgtMi4yIDAtNC4zIDEuNy01LjIgMy4ydjdjLjkgMS41IDMgMy4zIDUuMiAzLjMgMy41LjEgNS41LTIuOCA1LjUtNi43em00LjIgOFYyMy43aDEuN3YyMS45aC0xLjd6bTIwLjggNC42Yy40LjIgMSAuMyAxLjQuMyAxIDAgMS44LS40IDIuNC0xLjlsMS4yLTIuOC02LjctMTZoMS45bDUuOCAxMy44IDUuNy0xMy44aDEuOUwxODguOSA0OWMtLjkgMi0yLjIgMi45LTQgMi45LS42IDAtMS4zLS4xLTEuNy0uMmwuMi0xLjV6bS01LTQuN2MtLjEtLjUtLjItMS0uMy0xLjQtLjEtLjQtLjEtLjgtLjEtMS4yLS42LjktMS40IDEuNi0yLjUgMi4xLTEuMS42LTIuMS44LTMuNC44LTEuNyAwLTMtLjQtMy45LTEuMi0uOS0uOC0xLjQtMi0xLjQtMy40cy43LTIuNiAyLTMuNWMxLjMtLjkgMy4xLTEuMyA1LjItMS4zaDR2LTJjMC0xLjEtLjQtMi0xLjItMi43LS44LS42LTEuOS0xLTMuMy0xLTEuMyAwLTIuMy4zLTMuMS45LS44LjYtMS4yIDEuMy0xLjIgMi4yaC0xLjd2LS4xYy0uMS0xLjIuNS0yLjIgMS42LTMuMiAxLjItLjkgMi43LTEuNCA0LjUtMS40IDEuOSAwIDMuNC40IDQuNSAxLjNzMS43IDIuMiAxLjcgMy44VjQyYzAgLjYgMCAxLjEuMSAxLjZzLjIgMS4xLjMgMS42aC0xLjh2LjN6bS02LTEuMmMxLjUgMCAyLjUtLjMgMy42LTEgMS4xLS42IDEuOC0xLjUgMi4yLTIuNXYtM2gtNGMtMS41IDAtMi44LjMtMy44IDFzLTEuNSAxLjUtMS41IDIuNWMwIC45LjMgMS42IDEgMi4yLjUuNSAxLjQuOCAyLjUuOHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTguOCAzNi43bDUuNS01LjQtNS41IDUuNEwxLjMgMTkuM2wxNy41IDE3LjRMMS4zIDU0LjNsMTcuNS0xNy42IDUuNSA1LjUtNS41LTUuNXoiLz48cGF0aCBkPSJNMjQuMyAzMS4zTDIuOSAxOS41Yy0uNi0uMy0xLjItLjQtMS42LS4zbDE3LjUgMTcuNSA1LjUtNS40eiIgZmlsbD0idXJsKCNhKSIvPjxwYXRoIGQ9Ik0yNC4zIDQyLjJsNy4zLTRjMS41LS44IDEuNS0yLjEgMC0zbC03LjMtNC01LjUgNS41IDUuNSA1LjV6IiBmaWxsPSJ1cmwoI2IpIi8+PHBhdGggZD0iTTEuMyAxOS4zYy0uNi4yLTEuMS45LTEuMSAxLjl2MzEuM2MwIDEgLjQgMS42IDEgMS44bDE3LjUtMTcuNUwxLjMgMTkuM3oiIGZpbGw9InVybCgjYykiLz48cGF0aCBkPSJNMS4zIDU0LjNjLjUuMiAxIC4xIDEuNi0uM2wyMS40LTExLjctNS41LTUuNUwxLjMgNTQuM3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNNDEgNS44QzQxIDIuNCA0My41LjMgNDYuNi4zYzIuMSAwIDMuNCAxIDQuMyAyLjJsLTEuNS45Yy0uNi0uOC0xLjYtMS40LTIuOC0xLjQtMi4xIDAtMy43IDEuNi0zLjcgMy45IDAgMi4yIDEuNiAzLjkgMy43IDMuOSAxLjEgMCAyLS41IDIuNS0xVjdINDZWNS40aDV2NGMtMSAxLjItMi41IDItNC40IDItMy4xLS4xLTUuNi0yLjMtNS42LTUuNnptMTIuMyA1LjNWLjRoNy4zVjJoLTUuNHYyLjhoNS4zdjEuNmgtNS4zdjNoNS40VjExaC03LjN2LjF6bTEyLjUgMHYtOWgtMy4yVi41aDguM3YxLjZoLTMuMnY5aC0xLjl6bTExLjYgMFYuNGgxLjl2MTAuN2gtMS45em03LjEgMHYtOWgtMy4yVi41aDguM3YxLjZoLTMuMnY5aC0xLjl6bTExLjItNS4zYzAtMy4yIDIuMy01LjUgNS41LTUuNXM1LjUgMi4zIDUuNSA1LjUtMi4zIDUuNS01LjUgNS41Yy0zLjMgMC01LjUtMi40LTUuNS01LjV6bTkgMGMwLTIuMi0xLjQtMy45LTMuNS0zLjktMi4yIDAtMy41IDEuNi0zLjUgMy45IDAgMi4yIDEuNCAzLjkgMy41IDMuOSAyLjEtLjEgMy41LTEuOCAzLjUtMy45em0xMS41IDUuM2wtNS42LTcuNnY3LjZoLTEuOVYuNGgxLjlsNS41IDcuNFYuNGgxLjl2MTAuN2gtMS44eiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=)
}

.modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 640px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5)
}

.modal-content h3 {
    padding: 1em 0 .5em 0
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}