/* === CSS Version === */

/* === v18.2.0 === */

/* === Body === */

.main-logo {
    width: auto;
    height: 40px;
    max-width: 430px !important;
    max-height: 80px !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

}

body.bg-body {
    background-color: #20242b !important;
}

body.text-body-emphasis {
    color: #e4e6eb !important;
}

main {
    background-color: rgba(0, 0, 0, 0);
}

.skin h1,
.skin h2,
.skin h3,
.skin h4,
.skin h5,
.skin h6 {
    color: #ffffff;
}

.skin a,
.skin .link-color {
    color: #ffffff;
}

.skin a:hover,
.skin a:focus {
    color: #f52b19;
}

.skin .pace .pace-progress {
    background: #f52b19 none repeat scroll 0 0;
}

/* === Header === */

/* ... */

/* === Footer === */

footer > div.bg-body-tertiary {
    background: #171a1f !important;
}

footer > div.bg-body-tertiary {
    border-top-width: 1px !important;
    border-top-style: solid !important;
}

footer > div.bg-body-tertiary {
    border-top-color: #2d323a !important;
}

footer > div {
    color: #b8bcc4;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #ffffff;
}

footer a.link-body-emphasis,
footer a.link-primary {
    color: #b8bcc4 !important;
}

footer a.link-body-emphasis:hover,
footer a.link-body-emphasis:focus,
footer a.link-primary:hover,
footer a.link-primary:focus {
    color: #ffffff !important;
}

.payment-method-logo {
    border-top-color: #2d323a;
}