@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;700&family=Montserrat:wght@100;300;400;500;700&family=Playfair+Display:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fondamento:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

body {
    /*font-family: proxima-nova, sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #b9b7c0;
    letter-spacing: .02em;
    word-wrap: break-word;
    cursor: url('../cursors/c1.cur'), auto;
}

a {
    color: #fff;
    text-decoration: none;
    transition: color .15s
}

a:focus, a:hover {
    /*color: #d31c3e;*/
    color: #fff;
    text-decoration: none
}

a:focus {
    outline: 0
}

a.link-white {
    color: #fff
}

a.link-white:hover {
    color: #d31c3e
}

p {
    margin-bottom: 1.25rem
}

.small, small {
    color: #827f92
}

.lead {
    margin-bottom: 1.25rem;
    font-size: 1.375rem
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Fondamento', cursive;
}


.mpl-link {
    display: inline-block;
    padding: 0;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    background-color: transparent;
    border: 0;
    transition: color .15s
}

.mpl-link:hover {
    color: #d31c3e
}

.mpl-link:focus {
    outline: 0
}

.mpl-blockquote {
    padding: 20px 30px;
    border-left: 2px solid #3a3747
}

.display-1, .display-2, .display-3, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    /*font-family: futura-pt, sans-serif;*/
    font-weight: 500;
    line-height: 1.2;
    color: #cf9139;
    /*color: #fff;*/
    letter-spacing: .01em
}

.display-1 > .badge, .display-2 > .badge, .display-3 > .badge, .h1 > .badge, .h2 > .badge, .h3 > .badge, .h4 > .badge, .h5 > .badge, .h6 > .badge, h1 > .badge, h2 > .badge, h3 > .badge, h4 > .badge, h5 > .badge, h6 > .badge {
    font-size: 45%;
    vertical-align: middle
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.625rem
}

.h4, h4 {
    font-size: 1.375rem
}

.h5, h5 {
    font-size: 1.125rem
}

.h5 > .badge, h5 > .badge {
    font-size: 10px
}

.h6, h6 {
    font-size: 1rem
}

.h6 > .badge, h6 > .badge {
    font-size: 9px
}

.display-1 {
    font-size: 3.875rem
}

.display-2 {
    font-size: 3rem
}

.display-3 {
    font-size: 2.5rem
}

.social-list {
    display: block;
    margin-top: .625rem;
    margin-bottom: .625rem;
    clear: both
}

.social-list::after, .social-list::before {
    content: "";
    display: table;
    clear: both
}

body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #0d1418
}

img {
    max-width: 100%
}

.mpl-image {
    display: block;
    /*background-color: #0d1418*/
}

.icon {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px
}

iframe {
    border: none
}

.mpl-gmaps {
    width: 100%;
    min-height: 400px
}

.body-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.text-1 {
    color: #b9b7c0
}

.text-2 {
    color: #827f92
}

.text-default {
    color: #fff
}

.text-brand {
    color: #d31c3e !important
}

.text-primary {
    color: #2b6ad9 !important
}

.text-success {
    color: #44c441 !important
}

.text-info {
    color: #30c6bd !important
}

.text-warning {
    color: #eb8324 !important
}

.text-danger {
    color: #c93f36 !important
}

.text-secondary {
    color: #2a2838 !important
}

.bg-1 {
    background-color: #0d1418
}

.bg-2 {
    background-color: #282535
}

.bg-3 {
    background-color: #3a3747
}

.bg-brand {
    background-color: #d31c3e !important
}

.bg-light {
    background-color: #211f2c !important
}

.bg-primary {
    background-color: #2b6ad9 !important
}

.bg-success {
    background-color: #44c441 !important
}

.bg-info {
    background-color: #30c6bd !important
}

.bg-warning {
    background-color: #eb8324 !important
}

.bg-danger {
    background-color: #c93f36 !important
}

.bg-secondary {
    background-color: #2a2838 !important
}

.cursor-pointer {
    cursor: pointer !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fs-4 {
    font-size: 4px !important
}

.fs-6 {
    font-size: 6px !important
}

.fs-8 {
    font-size: 8px !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-26 {
    font-size: 26px !important
}

.fs-28 {
    font-size: 28px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-35 {
    font-size: 35px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-45 {
    font-size: 45px !important
}

.fs-50 {
    font-size: 50px !important
}

.fs-55 {
    font-size: 55px !important
}

.fs-60 {
    font-size: 60px !important
}

.fs-65 {
    font-size: 65px !important
}

.fs-70 {
    font-size: 70px !important
}

.fs-75 {
    font-size: 75px !important
}

.fs-80 {
    font-size: 80px !important
}

.fs-85 {
    font-size: 85px !important
}

.fs-90 {
    font-size: 90px !important
}

.fs-95 {
    font-size: 95px !important
}

.fs-100 {
    font-size: 100px !important
}

.lh-0 {
    line-height: 0 !important
}

.lh-5 {
    line-height: 5px !important
}

.lh-10 {
    line-height: 10px !important
}

.lh-15 {
    line-height: 15px !important
}

.lh-20 {
    line-height: 20px !important
}

.lh-25 {
    line-height: 25px !important
}

.lh-30 {
    line-height: 30px !important
}

.lh-35 {
    line-height: 35px !important
}

.lh-40 {
    line-height: 40px !important
}

.lh-45 {
    line-height: 45px !important
}

.lh-50 {
    line-height: 50px !important
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.of-a {
    overflow: auto !important
}

.of-h {
    overflow: hidden !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 1px !important
}

.p-2 {
    padding: 2px !important
}

.p-3 {
    padding: 3px !important
}

.p-4 {
    padding: 4px !important
}

.p-5 {
    padding: 5px !important
}

.p-6 {
    padding: 6px !important
}

.p-7 {
    padding: 7px !important
}

.p-8 {
    padding: 8px !important
}

.p-9 {
    padding: 9px !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-120 {
    padding: 120px !important
}

.p-140 {
    padding: 140px !important
}

.p-160 {
    padding: 160px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 1px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 1px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pl-9 {
    padding-left: 9px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pl-120 {
    padding-left: 120px !important
}

.pl-140 {
    padding-left: 140px !important
}

.pl-160 {
    padding-left: 160px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 1px !important
}

.pr-2 {
    padding-right: 2px !important
}

.pr-3 {
    padding-right: 3px !important
}

.pr-4 {
    padding-right: 4px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-6 {
    padding-right: 6px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pr-8 {
    padding-right: 8px !important
}

.pr-9 {
    padding-right: 9px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pr-120 {
    padding-right: 120px !important
}

.pr-140 {
    padding-right: 140px !important
}

.pr-160 {
    padding-right: 160px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 1px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pb-9 {
    padding-bottom: 9px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 1px !important
}

.m-2 {
    margin: 2px !important
}

.m-3 {
    margin: 3px !important
}

.m-4 {
    margin: 4px !important
}

.m-5 {
    margin: 5px !important
}

.m-6 {
    margin: 6px !important
}

.m-7 {
    margin: 7px !important
}

.m-8 {
    margin: 8px !important
}

.m-9 {
    margin: 9px !important
}

.m-10 {
    margin: 10px !important
}

.m-20 {
    margin: 20px !important
}

.m-30 {
    margin: 30px !important
}

.m-35 {
    margin: 35px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.m-60 {
    margin: 60px !important
}

.m-70 {
    margin: 70px !important
}

.m-80 {
    margin: 80px !important
}

.m-90 {
    margin: 90px !important
}

.m-100 {
    margin: 100px !important
}

.m-120 {
    margin: 120px !important
}

.m-140 {
    margin: 140px !important
}

.m-160 {
    margin: 160px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-160 {
    margin-top: 160px !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: 1px !important
}

.ms-2 {
    margin-left: 2px !important
}

.ms-3 {
    margin-left: 3px !important
}

.ms-4 {
    margin-left: 4px !important
}

.ms-5 {
    margin-left: 5px !important
}

.ms-6 {
    margin-left: 6px !important
}

.ms-7 {
    margin-left: 7px !important
}

.ms-8 {
    margin-left: 8px !important
}

.ms-9 {
    margin-left: 9px !important
}

.ms-10 {
    margin-left: 10px !important
}

.ms-20 {
    margin-left: 20px !important
}

.ms-30 {
    margin-left: 30px !important
}

.ms-35 {
    margin-left: 35px !important
}

.ms-40 {
    margin-left: 40px !important
}

.ms-50 {
    margin-left: 50px !important
}

.ms-60 {
    margin-left: 60px !important
}

.ms-70 {
    margin-left: 70px !important
}

.ms-80 {
    margin-left: 80px !important
}

.ms-90 {
    margin-left: 90px !important
}

.ms-100 {
    margin-left: 100px !important
}

.ms-120 {
    margin-left: 120px !important
}

.ms-140 {
    margin-left: 140px !important
}

.ms-160 {
    margin-left: 160px !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: 1px !important
}

.me-2 {
    margin-right: 2px !important
}

.me-3 {
    margin-right: 3px !important
}

.me-4 {
    margin-right: 4px !important
}

.me-5 {
    margin-right: 5px !important
}

.me-6 {
    margin-right: 6px !important
}

.me-7 {
    margin-right: 7px !important
}

.me-8 {
    margin-right: 8px !important
}

.me-9 {
    margin-right: 9px !important
}

.me-10 {
    margin-right: 10px !important
}

.me-20 {
    margin-right: 20px !important
}

.me-30 {
    margin-right: 30px !important
}

.me-35 {
    margin-right: 35px !important
}

.me-40 {
    margin-right: 40px !important
}

.me-50 {
    margin-right: 50px !important
}

.me-60 {
    margin-right: 60px !important
}

.me-70 {
    margin-right: 70px !important
}

.me-80 {
    margin-right: 80px !important
}

.me-90 {
    margin-right: 90px !important
}

.me-100 {
    margin-right: 100px !important
}

.me-120 {
    margin-right: 120px !important
}

.me-140 {
    margin-right: 140px !important
}

.me-160 {
    margin-right: 160px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-9 {
    margin-bottom: 9px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mn-0 {
    margin: 0 !important
}

.mn-1 {
    margin: -1px !important
}

.mn-2 {
    margin: -2px !important
}

.mn-3 {
    margin: -3px !important
}

.mn-4 {
    margin: -4px !important
}

.mn-5 {
    margin: -5px !important
}

.mn-6 {
    margin: -6px !important
}

.mn-7 {
    margin: -7px !important
}

.mn-8 {
    margin: -8px !important
}

.mn-9 {
    margin: -9px !important
}

.mn-10 {
    margin: -10px !important
}

.mn-20 {
    margin: -20px !important
}

.mn-30 {
    margin: -30px !important
}

.mn-35 {
    margin: -35px !important
}

.mn-40 {
    margin: -40px !important
}

.mn-50 {
    margin: -50px !important
}

.mn-60 {
    margin: -60px !important
}

.mn-70 {
    margin: -70px !important
}

.mn-80 {
    margin: -80px !important
}

.mn-90 {
    margin: -90px !important
}

.mn-100 {
    margin: -100px !important
}

.mn-120 {
    margin: -120px !important
}

.mn-140 {
    margin: -140px !important
}

.mn-160 {
    margin: -160px !important
}

.mnt-0 {
    margin-top: 0 !important
}

.mnt-1 {
    margin-top: -1px !important
}

.mnt-2 {
    margin-top: -2px !important
}

.mnt-3 {
    margin-top: -3px !important
}

.mnt-4 {
    margin-top: -4px !important
}

.mnt-5 {
    margin-top: -5px !important
}

.mnt-6 {
    margin-top: -6px !important
}

.mnt-7 {
    margin-top: -7px !important
}

.mnt-8 {
    margin-top: -8px !important
}

.mnt-9 {
    margin-top: -9px !important
}

.mnt-10 {
    margin-top: -10px !important
}

.mnt-20 {
    margin-top: -20px !important
}

.mnt-30 {
    margin-top: -30px !important
}

.mnt-35 {
    margin-top: -35px !important
}

.mnt-40 {
    margin-top: -40px !important
}

.mnt-50 {
    margin-top: -50px !important
}

.mnt-60 {
    margin-top: -60px !important
}

.mnt-70 {
    margin-top: -70px !important
}

.mnt-80 {
    margin-top: -80px !important
}

.mnt-90 {
    margin-top: -90px !important
}

.mnt-100 {
    margin-top: -100px !important
}

.mnt-120 {
    margin-top: -120px !important
}

.mnt-140 {
    margin-top: -140px !important
}

.mnt-160 {
    margin-top: -160px !important
}

.mns-0 {
    margin-left: 0 !important
}

.mns-1 {
    margin-left: -1px !important
}

.mns-2 {
    margin-left: -2px !important
}

.mns-3 {
    margin-left: -3px !important
}

.mns-4 {
    margin-left: -4px !important
}

.mns-5 {
    margin-left: -5px !important
}

.mns-6 {
    margin-left: -6px !important
}

.mns-7 {
    margin-left: -7px !important
}

.mns-8 {
    margin-left: -8px !important
}

.mns-9 {
    margin-left: -9px !important
}

.mns-10 {
    margin-left: -10px !important
}

.mns-20 {
    margin-left: -20px !important
}

.mns-30 {
    margin-left: -30px !important
}

.mns-35 {
    margin-left: -35px !important
}

.mns-40 {
    margin-left: -40px !important
}

.mns-50 {
    margin-left: -50px !important
}

.mns-60 {
    margin-left: -60px !important
}

.mns-70 {
    margin-left: -70px !important
}

.mns-80 {
    margin-left: -80px !important
}

.mns-90 {
    margin-left: -90px !important
}

.mns-100 {
    margin-left: -100px !important
}

.mns-120 {
    margin-left: -120px !important
}

.mns-140 {
    margin-left: -140px !important
}

.mns-160 {
    margin-left: -160px !important
}

.mne-0 {
    margin-right: 0 !important
}

.mne-1 {
    margin-right: -1px !important
}

.mne-2 {
    margin-right: -2px !important
}

.mne-3 {
    margin-right: -3px !important
}

.mne-4 {
    margin-right: -4px !important
}

.mne-5 {
    margin-right: -5px !important
}

.mne-6 {
    margin-right: -6px !important
}

.mne-7 {
    margin-right: -7px !important
}

.mne-8 {
    margin-right: -8px !important
}

.mne-9 {
    margin-right: -9px !important
}

.mne-10 {
    margin-right: -10px !important
}

.mne-20 {
    margin-right: -20px !important
}

.mne-30 {
    margin-right: -30px !important
}

.mne-35 {
    margin-right: -35px !important
}

.mne-40 {
    margin-right: -40px !important
}

.mne-50 {
    margin-right: -50px !important
}

.mne-60 {
    margin-right: -60px !important
}

.mne-70 {
    margin-right: -70px !important
}

.mne-80 {
    margin-right: -80px !important
}

.mne-90 {
    margin-right: -90px !important
}

.mne-100 {
    margin-right: -100px !important
}

.mne-120 {
    margin-right: -120px !important
}

.mne-140 {
    margin-right: -140px !important
}

.mne-160 {
    margin-right: -160px !important
}

.mnb-0 {
    margin-bottom: 0 !important
}

.mnb-1 {
    margin-bottom: -1px !important
}

.mnb-2 {
    margin-bottom: -2px !important
}

.mnb-3 {
    margin-bottom: -3px !important
}

.mnb-4 {
    margin-bottom: -4px !important
}

.mnb-5 {
    margin-bottom: -5px !important
}

.mnb-6 {
    margin-bottom: -6px !important
}

.mnb-7 {
    margin-bottom: -7px !important
}

.mnb-8 {
    margin-bottom: -8px !important
}

.mnb-9 {
    margin-bottom: -9px !important
}

.mnb-10 {
    margin-bottom: -10px !important
}

.mnb-20 {
    margin-bottom: -20px !important
}

.mnb-30 {
    margin-bottom: -30px !important
}

.mnb-35 {
    margin-bottom: -35px !important
}

.mnb-40 {
    margin-bottom: -40px !important
}

.mnb-50 {
    margin-bottom: -50px !important
}

.mnb-60 {
    margin-bottom: -60px !important
}

.mnb-70 {
    margin-bottom: -70px !important
}

.mnb-80 {
    margin-bottom: -80px !important
}

.mnb-90 {
    margin-bottom: -90px !important
}

.mnb-100 {
    margin-bottom: -100px !important
}

.mnb-120 {
    margin-bottom: -120px !important
}

.mnb-140 {
    margin-bottom: -140px !important
}

.mnb-160 {
    margin-bottom: -160px !important
}

.op-0 {
    opacity: 0 !important
}

.op-1 {
    opacity: .1 !important
}

.op-2 {
    opacity: .2 !important
}

.op-3 {
    opacity: .3 !important
}

.op-4 {
    opacity: .4 !important
}

.op-5 {
    opacity: .5 !important
}

.op-6 {
    opacity: .6 !important
}

.op-7 {
    opacity: .7 !important
}

.op-8 {
    opacity: .8 !important
}

.op-9 {
    opacity: .9 !important
}

.op-10 {
    opacity: 1 !important
}

.responsive-embed {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    clear: both
}

.responsive-embed.responsive-embed-16x9 {
    padding-bottom: 56.25%
}

.responsive-embed.responsive-embed-4x3 {
    padding-bottom: 75%
}

.responsive-embed > .embed-item, .responsive-embed > embed, .responsive-embed > iframe, .responsive-embed > img, .responsive-embed > object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.no-transition *, .no-transition ::after, .no-transition ::before {
    transition: none !important
}

.mpl-navbar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: transform .8s cubic-bezier(.2, 1, .2, 1), min-height .3s ease-in-out, background-color .2s ease-in-out, filter .3s ease-in-out;
    z-index: 10
}

.mpl-navbar-top::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(14, 24, 32);
    /*background-color: rgba(40, 37, 53, .9);*/
    /*background-color: rgba(40, 37, 53, .9);*/
    z-index: -1
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .mpl-navbar-top::before {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

.mpl-navbar-top.mpl-navbar-small {
    min-height: 60px;
    background-color: #282535
}

.mpl-navbar-top.mpl-navbar-small .mpl-navbar-brand {
    width: 20px
}

.mpl-navbar-top > .mpl-navbar-container {
    display: flex;
    justify-content: flex-start
}

.mpl-navbar-top .mpl-navbar-content {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.mpl-navbar-top .mpl-navbar-content, .mpl-navbar-top .mpl-navbar-nav, .mpl-navbar-top > .mpl-navbar-container {
    align-items: stretch
}

.mpl-navbar-top .mpl-navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .mpl-navbar-top .mpl-navbar-nav {
        display: none
    }
}

.mpl-navbar-top .mpl-navbar-nav > li {
    display: flex;
    align-items: stretch
}

.mpl-navbar-top .mpl-navbar-right {
    margin-left: auto
}

.mpl-navbar-top .mpl-navbar-right > .mpl-dropdown > .mpl-dropdown-menu {
    right: 0
}

.mpl-navbar-top .mpl-navbar-toggle {
    display: none
}

@media (max-width: 991.98px) {
    .mpl-navbar-top .mpl-navbar-toggle {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        justify-content: center;
        order: 12;
        width: 45px;
        height: 45px;
        margin-right: -12px;
        background-color: transparent;
        border: 0
    }

    .mpl-navbar-top .mpl-navbar-toggle::after, .mpl-navbar-top .mpl-navbar-toggle::before {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        transition: transform .2s ease-in-out
    }

    .mpl-navbar-top .mpl-navbar-toggle::before {
        transform: translateX(2.5px)
    }

    .mpl-navbar-top .mpl-navbar-toggle::after {
        margin-top: 6px;
        transform: translateX(-2.5px)
    }

    .mpl-navbar-top .mpl-navbar-toggle:hover::before {
        transform: translateX(-2.5px)
    }

    .mpl-navbar-top .mpl-navbar-toggle:hover::after {
        transform: translateX(2.5px)
    }

    .mpl-navbar-top .mpl-navbar-toggle:focus {
        outline: 0
    }
}

.mpl-navbar-top .mpl-navbar-brand {
    margin-right: 60px
}

.mpl-navbar-top .mpl-navbar-brand > a {
    display: flex
}

.mpl-navbar-top .mpl-nav-link {
    padding: 10px 12px;
    font-size: 1rem
}

.mpl-navbar-top .mpl-nav-link-name {
    position: relative
}

.mpl-navbar-top .mpl-nav-link-name > .badge {
    position: absolute;
    top: -4px;
    right: -2px;
    transform: translateX(50%)
}

.mpl-navbar {
    display: flex;
    align-items: stretch;
    min-height: 100px;
    padding: 0;
    border-bottom: solid 0.1rem rgb(207, 145, 57);
}

.mpl-navbar .mpl-navbar-nav {
    padding-left: 120px;
    /*padding-left: 0;*/
    margin-bottom: 0;
    list-style: none
}

.mpl-navbar .mpl-navbar-brand {
    display: flex;
    align-items: center;
    width: 210px;
    height: 100%;
    transition: width .3s ease-in-out
}

.mpl-navbar .mpl-navbar-brand > a {
    display: flex;
    align-items: center;
    height: 100%
}

.mpl-navbar .active > .mpl-nav-link > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar .mpl-navbar-nav-mega {
    display: flex
}

.mpl-navbar .mpl-navbar-nav-mega > .mpl-navbar-nav + .mpl-navbar-nav {
    margin-left: 30px
}

.mpl-navbar .mpl-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    color: #cf9139;
    letter-spacing: .05em
}

.mpl-navbar .mpl-nav-link .icon:not(.icon-fill) {
    width: 18px;
    height: 18px;
    stroke-width: 2;
    transition: stroke .2s ease-in-out
}

.mpl-navbar .mpl-nav-link .icon-fill {
    width: 18px;
    height: 18px;
    transition: fill .2s ease-in-out
}

.mpl-navbar .mpl-nav-link .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 4px;
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2rem
}

.mpl-navbar .mpl-nav-link .badge::before {
    display: none
}

.mpl-navbar .mpl-nav-link:focus, .mpl-navbar .mpl-nav-link:hover {
    color: #fff
}

.mpl-navbar .mpl-nav-link:focus > .mpl-nav-link-name, .mpl-navbar .mpl-nav-link:hover > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar .mpl-nav-link:hover > .icon:not(.icon-fill) {
    stroke: #d31c3e
}

.mpl-navbar .mpl-nav-link:hover > .icon-fill {
    fill: #d31c3e
}

.mpl-navbar .mpl-nav-link:focus {
    outline: 0
}

.mpl-navbar .mpl-nav-link:focus ~ .mpl-dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.mpl-navbar .mpl-nav-link-name {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
    /*background-image: linear-gradient(to top, transparent 4px, #ffffff 4.001px, #ffffff 6px, transparent 6.001px, transparent 100%);*/
    /*background-repeat: no-repeat;*/
    /*background-position: right center;*/
    /*background-size: 0 1.4em, 100% 1.4em;*/
    /*transition: .3s background-size*/
}

.mpl-navbar .mpl-dropdown {
    position: relative
}

.mpl-navbar .mpl-dropdown.focus, .mpl-navbar .mpl-dropdown.show, .mpl-navbar .mpl-dropdown:hover {
    z-index: 1
}

.mpl-navbar .mpl-dropdown.focus > .mpl-nav-link, .mpl-navbar .mpl-dropdown.show > .mpl-nav-link, .mpl-navbar .mpl-dropdown:hover > .mpl-nav-link {
    color: #fff
}

.mpl-navbar .mpl-dropdown.focus > .mpl-nav-link > .icon:not(.icon-fill), .mpl-navbar .mpl-dropdown.show > .mpl-nav-link > .icon:not(.icon-fill), .mpl-navbar .mpl-dropdown:hover > .mpl-nav-link > .icon:not(.icon-fill) {
    stroke: #d31c3e
}

.mpl-navbar .mpl-dropdown.focus > .mpl-nav-link > .icon-fill, .mpl-navbar .mpl-dropdown.show > .mpl-nav-link > .icon-fill, .mpl-navbar .mpl-dropdown:hover > .mpl-nav-link > .icon-fill {
    fill: #d31c3e
}

.mpl-navbar .mpl-dropdown.focus > .mpl-nav-link > .mpl-nav-link-name, .mpl-navbar .mpl-dropdown.show > .mpl-nav-link > .mpl-nav-link-name, .mpl-navbar .mpl-dropdown:hover > .mpl-nav-link > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar .mpl-dropdown.focus > .mpl-dropdown-menu, .mpl-navbar .mpl-dropdown.show > .mpl-dropdown-menu, .mpl-navbar .mpl-dropdown:hover > .mpl-dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: perspective(300px) rotate(0)
}

.mpl-navbar .mpl-dropdown-menu {
    position: absolute;
    top: 100%;
    padding: 25px 30px;
    margin-top: 18px;
    margin-left: -15px;
    visibility: hidden;
    background-color: #282535;
    border-radius: .3125rem;
    box-shadow: 0 4px 20px rgba(31, 29, 41, .4);
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.4, 0, .2, 1);
    transform: perspective(300px) rotateX(-5deg);
    transform-origin: 50% -50px
}

.mpl-navbar .mpl-dropdown-menu::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    height: 21px
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown.focus > .mpl-nav-link::after, .mpl-navbar .mpl-dropdown-menu .mpl-dropdown.show > .mpl-nav-link::after {
    background-color: #524f5f
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link {
    justify-content: space-between
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link::after {
    content: "";
    display: block;
    align-self: center;
    width: 3px;
    height: 3px;
    margin-left: 20px;
    background-color: #3a3747;
    border-radius: 100%;
    transition: background-color .2s
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link:focus::after, .mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link:hover::after {
    background-color: #524f5f
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown-menu {
    top: -25px;
    left: 100%;
    margin-top: 0;
    margin-left: 48px;
    transform: perspective(300px) rotateY(5deg);
    transform-origin: 0 50px
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown-menu::before {
    top: 0;
    bottom: 0;
    left: -51px;
    width: 50px;
    height: auto
}

.mpl-navbar .mpl-dropdown-menu.focus, .mpl-navbar .mpl-dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.mpl-navbar .mpl-dropdown-menu .active > .mpl-nav-link {
    color: #fff
}

.mpl-navbar .mpl-dropdown-menu .active > .mpl-nav-link::after {
    background-color: #524f5f
}

.mpl-navbar .mpl-dropdown-menu .mpl-navbar-nav {
    flex-direction: column
}

.mpl-navbar .mpl-dropdown-menu .mpl-navbar-nav > li:first-child > .mpl-nav-link {
    padding-top: 0
}

.mpl-navbar .mpl-dropdown-menu .mpl-navbar-nav > li:last-child > .mpl-nav-link {
    padding-bottom: 0
}

.mpl-navbar .mpl-dropdown-menu .mpl-navbar-nav + .navbar-nav {
    margin-left: 40px
}

.mpl-navbar .mpl-dropdown-menu .mpl-nav-link {
    display: flex;
    width: 100%;
    padding: 4px 0;
    font-size: 1rem;
    font-weight: 400;
    color: #b9b7c0;
    letter-spacing: .06em;
    white-space: nowrap
}

.mpl-navbar .mpl-dropdown-menu .mpl-nav-link:focus, .mpl-navbar .mpl-dropdown-menu .mpl-nav-link:hover {
    color: #fff
}

.mpl-navbar .mpl-dropdown-menu .mpl-nav-link-name {
    display: inline-block
}

.mpl-navbar .mpl-dropdown-cart > .mpl-dropdown-menu {
    flex-wrap: wrap;
    width: 350px;
    padding-top: 30px;
    padding-bottom: 30px
}

.mpl-navbar .mpl-dropdown-cart .mpl-table-product-sm::before {
    display: none
}

.mpl-navbar .mpl-dropdown-user > .mpl-dropdown-menu {
    width: 300px
}

@media (min-width: 576px) {
    .mpl-navbar-mobile-open .mpl-navbar-top {
        transform: translateX(-100px)
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile-open .mpl-navbar-top {
        transform: translateX(-40px)
    }
}

.mpl-navbar-mobile-open .mpl-navbar-top .mpl-navbar-toggle::before {
    transform: translateX(-2.5px)
}

.mpl-navbar-mobile-open .mpl-navbar-top .mpl-navbar-toggle::after {
    transform: translateX(2.5px)
}

.mpl-navbar-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 100vh;
    padding: 0;
    background-color: #282535;
    transition: transform .8s cubic-bezier(.2, 1, .2, 1), filter .3s ease-in-out;
    transform: translateX(100%);
    z-index: 13
}

@media (min-width: 576px) {
    .mpl-navbar-mobile {
        width: 350px
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile {
        width: 320px
    }
}

.mpl-navbar-mobile::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    background-color: rgba(31, 29, 41, .9);
    opacity: 1;
    transition: visibility .4s cubic-bezier(.2, 1, .2, 1), opacity .4s cubic-bezier(.2, 1, .2, 1);
    z-index: 2
}

.mpl-navbar-mobile .mpl-navbar-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 4px;
    right: 4px;
    bottom: 4px;
    padding: 0
}

@media (min-width: 576px) {
    .mpl-navbar-mobile .mpl-navbar-container {
        width: 346px
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile .mpl-navbar-container {
        width: 316px
    }
}

.mpl-navbar-mobile .mpl-navbar-head {
    display: flex;
    align-items: center;
    background-color: #282535;
    z-index: 1
}

@media (min-width: 576px) {
    .mpl-navbar-mobile .mpl-navbar-head {
        padding: 35px 50px 20px;
        margin-bottom: 15px
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile .mpl-navbar-head {
        padding: 20px 30px
    }
}

.mpl-navbar-mobile .mpl-navbar-body {
    flex-basis: 0;
    flex-grow: 1;
    overflow-y: scroll
}

.mpl-navbar-mobile .mpl-navbar-body::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px
}

.mpl-navbar-mobile .mpl-navbar-body::-webkit-scrollbar {
    width: 5px;
    background-color: transparent
}

.mpl-navbar-mobile .mpl-navbar-body::-webkit-scrollbar-thumb {
    background-color: #3a3747;
    border-radius: 5px
}

@media (min-width: 576px) {
    .mpl-navbar-mobile .mpl-navbar-body {
        padding: 0 50px
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile .mpl-navbar-body {
        padding: 0 30px
    }
}

.mpl-navbar-mobile .mpl-navbar-body .mpl-nav-link {
    padding: .5rem 0
}

.mpl-navbar-mobile .mpl-navbar-body .mpl-nav-link-name {
    position: relative
}

.mpl-navbar-mobile .mpl-navbar-body .mpl-nav-link-name > .badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%)
}

@media (min-width: 576px) {
    .mpl-navbar-mobile .mpl-navbar-footer {
        padding: 10px 50px 20px;
        margin-top: 10px
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile .mpl-navbar-footer {
        padding: 10px 30px
    }
}

.mpl-navbar-mobile .mpl-navbar-footer .mpl-navbar-nav {
    display: flex;
    flex-direction: row;
    margin: 0 -20px
}

.mpl-navbar-mobile .mpl-navbar-footer .mpl-navbar-nav > li {
    padding: 0 10px
}

.mpl-navbar-mobile .mpl-navbar-footer .mpl-nav-link {
    padding: 10px
}

.mpl-navbar-mobile .mpl-navbar-brand {
    display: block;
    max-width: 90px;
    height: auto;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    transition-delay: .2s
}

@-webkit-keyframes mpl-toggle-top {
    0%, 15% {
        opacity: 0;
        transform: rotate(45deg) translateX(-100%)
    }
    100%, 30% {
        opacity: 1;
        transform: rotate(45deg) translateX(0)
    }
}

@keyframes mpl-toggle-top {
    0%, 15% {
        opacity: 0;
        transform: rotate(45deg) translateX(-100%)
    }
    100%, 30% {
        opacity: 1;
        transform: rotate(45deg) translateX(0)
    }
}

@-webkit-keyframes mpl-toggle-left {
    0%, 25% {
        opacity: 0;
        transform: rotate(-45deg) translateX(-100%)
    }
    100%, 40% {
        opacity: 1;
        transform: rotate(-45deg) translateX(0)
    }
}

@keyframes mpl-toggle-left {
    0%, 25% {
        opacity: 0;
        transform: rotate(-45deg) translateX(-100%)
    }
    100%, 40% {
        opacity: 1;
        transform: rotate(-45deg) translateX(0)
    }
}

@-webkit-keyframes mpl-toggle-bottom {
    0%, 35% {
        opacity: 0;
        transform: rotate(45deg) translateX(100%)
    }
    100%, 50% {
        opacity: 1;
        transform: rotate(45deg) translateX(0)
    }
}

@keyframes mpl-toggle-bottom {
    0%, 35% {
        opacity: 0;
        transform: rotate(45deg) translateX(100%)
    }
    100%, 50% {
        opacity: 1;
        transform: rotate(45deg) translateX(0)
    }
}

@-webkit-keyframes mpl-toggle-right {
    0%, 45% {
        opacity: 0;
        transform: rotate(-45deg) translateX(100%)
    }
    100%, 60% {
        opacity: 1;
        transform: rotate(-45deg) translateX(0)
    }
}

@keyframes mpl-toggle-right {
    0%, 45% {
        opacity: 0;
        transform: rotate(-45deg) translateX(100%)
    }
    100%, 60% {
        opacity: 1;
        transform: rotate(-45deg) translateX(0)
    }
}

@-webkit-keyframes mpl-toggle-rotate {
    0%, 50% {
        transform: rotate(45deg)
    }
    100%, 80% {
        transform: rotate(0)
    }
}

@keyframes mpl-toggle-rotate {
    0%, 50% {
        transform: rotate(45deg)
    }
    100%, 80% {
        transform: rotate(0)
    }
}

.mpl-navbar-mobile .mpl-navbar-toggle {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: -15px;
    margin-left: auto
}

.mpl-navbar-mobile .mpl-navbar-toggle > span {
    position: absolute;
    display: block;
    width: 6px;
    height: 2px;
    background-color: #b9b7c0;
    border-radius: 2px;
    transition: background-color .2s, transform .2s ease-in-out
}

.mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(1) {
    top: 17px;
    left: 15px;
    transform: rotate(45deg)
}

.mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(2) {
    top: 17px;
    right: 15px;
    transform: rotate(-45deg)
}

.mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(3) {
    bottom: 17px;
    left: 15px;
    transform: rotate(-45deg)
}

.mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(4) {
    right: 15px;
    bottom: 17px;
    transform: rotate(45deg)
}

.mpl-navbar-mobile .mpl-navbar-toggle:hover > span {
    background-color: #d31c3e
}

.mpl-navbar-mobile .active > .mpl-nav-link {
    color: #fff
}

.mpl-navbar-mobile .active > .mpl-nav-link > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar-mobile .mpl-nav-link {
    font-size: 1.125rem;
    color: #b9b7c0
}

.mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse::after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    margin-left: auto;
    background-color: #3a3747;
    border-radius: 100%;
    transition: background-color .2s
}

.mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse:not(.mpl-collapsed) {
    color: #fff
}

.mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse:not(.mpl-collapsed)::after {
    background-color: #524f5f
}

.mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse:not(.mpl-collapsed) > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse:focus::after, .mpl-navbar-mobile .mpl-nav-link.mpl-nav-link-collapse:hover::after {
    background-color: #524f5f
}

.mpl-navbar-mobile .mpl-navbar-collapse .mpl-navbar-nav {
    padding-left: 15px
}

.mpl-navbar-mobile .mpl-navbar-collapse .active > .mpl-nav-link {
    color: #fff
}

.mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link {
    font-size: 1rem;
    color: #b9b7c0
}

.mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:focus, .mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:hover {
    color: #fff
}

.mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:focus > .mpl-nav-link-name, .mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:hover > .mpl-nav-link-name {
    background-position: left center;
    background-size: 100% 1.4em, 100% 1.4em
}

.mpl-navbar-mobile-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(31, 29, 41, 0);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.2, 1, .2, 1), background-color .6s cubic-bezier(.2, 1, .2, 1), visibility .6s cubic-bezier(.2, 1, .2, 1);
    z-index: 12
}

.mpl-navbar-mobile-open .mpl-navbar-mobile {
    transform: translateX(0)
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-brand {
    opacity: 1
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-toggle {
    -webkit-animation: mpl-toggle-rotate 1.3s ease-in-out;
    animation: mpl-toggle-rotate 1.3s ease-in-out
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(1) {
    -webkit-animation: mpl-toggle-top 1.6s ease-in-out;
    animation: mpl-toggle-top 1.6s ease-in-out
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(2) {
    -webkit-animation: mpl-toggle-right 1.6s ease-in-out;
    animation: mpl-toggle-right 1.6s ease-in-out
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(3) {
    -webkit-animation: mpl-toggle-left 1.6s ease-in-out;
    animation: mpl-toggle-left 1.6s ease-in-out
}

.mpl-navbar-mobile-open .mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(4) {
    -webkit-animation: mpl-toggle-bottom 1.6s ease-in-out;
    animation: mpl-toggle-bottom 1.6s ease-in-out
}

.mpl-navbar-mobile-open .mpl-navbar-mobile::after {
    visibility: hidden;
    opacity: 0
}

.mpl-navbar-mobile-open .mpl-navbar-mobile-overlay {
    visibility: visible;
    background-color: rgba(31, 29, 41, .9);
    opacity: 1
}

.mpl-footer {
    position: relative;
    padding: 120px 0;
    /*padding: 20px 0;*/
    overflow: hidden;
    /*background-color: #232129;*/
}

.mpl-footer > .mpl-image {
    opacity: 1
}

.mpl-footer > .mpl-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background-image: linear-gradient(180deg, rgba(32, 30, 37, .6) 0, rgba(32, 30, 37, 0) 100%)*/
}

.mpl-footer > .mpl-image img {
    opacity: .5
}

.mpl-footer .mpl-footer-content {
    width: 580px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.mpl-footer .mpl-footer-wrapper {
    position: relative;
    z-index: 1
}

.mpl-footer-social {
    text-align: center
}

.mpl-footer-copyright {
    padding: 48px 0;
    color: #fff;
    text-align: center;
    /*background-color: #232129*/
}

.mpl-footer-copyright p:last-child {
    margin-bottom: 0
}

@-webkit-keyframes mpl-preloader-hide-bg {
    0%, 80% {
        visibility: visible;
        opacity: 1
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: skewY(5deg) translateY(115%)
    }
}

@keyframes mpl-preloader-hide-bg {
    0%, 80% {
        visibility: visible;
        opacity: 1
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: skewY(5deg) translateY(115%)
    }
}

@-webkit-keyframes mpl-preloader-show-content {
    0% {
        visibility: hidden;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes mpl-preloader-show-content {
    0% {
        visibility: hidden;
        opacity: 0
    }
    100% {
        visibility: visible;
        opacity: 1
    }
}

@-webkit-keyframes mpl-preloader-hide-title {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(50px)
    }
}

@keyframes mpl-preloader-hide-title {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(50px)
    }
}

.mpl-preloader {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    -webkit-animation: mpl-preloader-show-content 1s ease-in-out;
    animation: mpl-preloader-show-content 1s ease-in-out;
    z-index: 9999
}

@media (max-width: 575.98px) {
    .mpl-preloader-title {
        font-size: 3rem
    }
}

.mpl-preloader-bg {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    z-index: 9998
}

.mpl-preloader-progress {
    position: absolute;
    display: block;
    bottom: 10%;
    left: 50%;
    width: 800px;
    min-width: 240px;
    max-width: 60%;
    height: 1px;
    background-color: rgba(255, 255, 255, .15);
    transform: translateX(-50%)
}

.mpl-preloader-progress > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 80px;
    background-color: #fff;
    transition: width 1.5s ease-in-out;
    transition-delay: .5s;
    transform: translateX(-50%)
}

.mpl-preloader-hide {
    visibility: hidden;
    opacity: 0
}

.mpl-preloader-hide + .mpl-preloader-bg {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: mpl-preloader-hide-bg 1s cubic-bezier(.89, .13, .33, .88);
    animation: mpl-preloader-hide-bg 1s cubic-bezier(.89, .13, .33, .88)
}

.mpl-preloader-hide .mpl-preloader-title {
    -webkit-animation: mpl-preloader-hide-title .5s .2s cubic-bezier(.89, .13, .33, .88);
    animation: mpl-preloader-hide-title .5s .2s cubic-bezier(.89, .13, .33, .88)
}

.mpl-preloader-hide .mpl-preloader-progress::before {
    width: 100%
}

.mpl-hide-system-cursor * {
    cursor: none !important
}

.mpl-cursor, .mpl-cursor-outer {
    position: fixed;
    top: -12px;
    left: -12px;
    width: 24px;
    height: 24px;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: .25;
    transition: width .2s ease, height .2s ease, top .2s ease, left .2s ease, background-color .2s ease, opacity .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999999
}

.mpl-cursor-outer.mpl-cursor-hover {
    top: -25px;
    left: -25px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    opacity: .1
}

.mpl-cursor {
    top: -2px;
    left: -2px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border: none;
    opacity: 1
}

.mpl-cursor.mpl-cursor-hover {
    top: -4px;
    left: -4px;
    width: 8px;
    height: 8px
}

.form-control, .form-select {
    position: relative;
    background-color: transparent;
    border-color: transparent;
    z-index: 1
}

.form-control:focus, .form-select:focus {
    background-color: transparent;
    border-color: transparent
}

.form-control:focus + .form-control-bg, .form-select:focus + .form-control-bg {
    background-color: #524f5f
}

.form-control:disabled, .form-control[readonly], .form-select:disabled, .form-select[readonly] {
    background-color: transparent
}

.form-control:disabled + .form-control-bg, .form-control[readonly] + .form-control-bg, .form-select:disabled + .form-control-bg, .form-select[readonly] + .form-control-bg {
    opacity: .5
}

.form-control-bg {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin-top: -48px;
    margin-bottom: 0;
    background-color: #3a3747;
    border-radius: 3px;
    transition: background-color .15s;
    /* transform: skew(-4deg); */
    z-index: 0
}

.form-control-sm + .form-control-bg, .form-select-sm + .form-control-bg {
    height: 38px;
    margin-top: -38px
}

.form-control, .form-select {
    height: auto;
    padding: .75rem 1.25rem;
    /*font-family: proxima-nova, sans-serif;*/
    font-size: 1rem;
    font-weight: 400;
    color: #b9b7c0;
    border: 0;
    transition: color .15s, background-color .15s
}

.form-control::-moz-placeholder, .form-select::-moz-placeholder {
    color: #827f92;
    opacity: 1;
    -moz-transition: color .15s;
    transition: color .15s
}

.form-control::placeholder, .form-select::placeholder {
    color: #827f92;
    opacity: 1;
    transition: color .15s
}

.form-control:focus, .form-select:focus {
    color: #fff;
    box-shadow: none
}

.form-control:focus::-moz-placeholder, .form-select:focus::-moz-placeholder {
    color: #8f8c9d
}

.form-control:focus::placeholder, .form-select:focus::placeholder {
    color: #8f8c9d
}

.form-control-sm, .form-select-sm {
    padding: .5625rem 1rem .625rem;
    font-size: .875rem
}

textarea.form-control {
    min-height: 80px;
    max-height: 350px;
    background-color: #3a3747;
    border-radius: 3px
}

textarea.form-control:focus {
    background-color: #524f5f
}

select.form-select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' viewBox='0 0 7 6'%3e%3cpath fill='none' d='M1 1.5L3.5 4L6 1.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: right 1rem center;
    background-size: auto
}

select.form-select > option {
    color: #b9b7c0;
    background-color: #282535
}

.form-check {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

.form-check .form-check-input {
    margin-left: 0
}

.form-check-label {
    font-size: .875rem;
    color: #b9b7c0;
    text-align: left
}

.form-check-label > a {
    color: #fff
}

.form-check-label > a:hover {
    color: #d31c3e
}

.form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #3a3747;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    transition: background-color .15s ease-in-out
}

.form-check-input[type=checkbox] {
    /*transform: skew(-6deg)*/
}

.form-check-input[type=checkbox]::after {
    /*transform: skew(6deg);*/
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' viewBox='0 0 14 11'%3e%3cpath fill='none' d='M13 1L4.75 10L1 5.90909' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.form-check-input[type=checkbox]:checked::after {
    opacity: 1
}

.form-check-input[type=radio] {
    background-size: 16px
}

.form-check-input:checked {
    background-color: #d31c3e;
    border-color: #d31c3e
}

.form-check-input:checked:focus {
    background-color: #d73351
}

.form-check-input:checked[type=checkbox] {
    background-image: none
}

.form-check-input:focus {
    background-color: #524f5f;
    box-shadow: none
}

.form-check-input:not(:disabled):active {
    background-color: #d73351
}

.form-check + .form-check {
    margin-top: 10px
}

.mpl-sign-form {
    position: relative;
    text-align: center;
    background-color: #282535;
    border-radius: 5px
}

@media (min-width: 576px) {
    .mpl-sign-form {
        padding: 50px
    }
}

@media (max-width: 575.98px) {
    .mpl-sign-form {
        padding: 30px
    }
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    padding: 10px 25px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em;
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0, 100%;
    border: 0;
    border-radius: 3px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    z-index: 0;
    background-color: transparent
}

.btn.dropdown-toggle::after, .btn::after {
    content: ".";
    display: block;
    width: 0;
    margin: 0;
    color: transparent;
    border: 0
}

.btn.disabled, .btn:disabled {
    cursor: default
}

.btn .icon {
    align-self: center;
    width: 14px;
    height: 14px;
    margin-top: -1rem;
    margin-bottom: -1rem;
    stroke-width: 2px
}

.btn .icon + .name, .btn .name + .icon {
    margin-left: 10px
}

.btn::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #d31c3e;
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0, 100%;
    border-radius: 3px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.btn:focus, .btn:hover, .btn:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn:focus::before, .btn:hover::before, .btn:not(:disabled):not(.disabled):active::before {
    background-color: #d31c3e;
    background-size: 100%, 100%
}

.btn:focus, .btn:hover {
    color: #15112b;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled):active {
    color: #d31c3e
}

.btn-icon {
    padding-right: 10px;
    padding-left: 10px
}

.btn-md {
    padding: 13.5px 25px;
    font-size: .875rem
}

.btn-md .icon {
    width: 16px;
    height: 16px
}

.btn-sm {
    padding: 8.5px 20px;
    font-size: .625rem
}

.btn-block {
    display: flex;
    justify-content: center;
    width: 100%
}

.btn-close {
    color: #b9b7c0;
    background-image: none
}

.btn-close:hover {
    color: #fff
}

.btn-close:hover:not(:disabled):not(.disabled) {
    opacity: 1
}

.btn-close:focus {
    outline: 0
}

.btn-default {
    color: #15112b;
    background-color: transparent
}

.btn-default::before {
    background-color: #fff;
    background-image: linear-gradient(to top, #d31c3e 0, #d31c3e 100%)
}

.btn-default:focus::before, .btn-default:hover::before, .btn-default:not(:disabled):not(.disabled):active::before {
    background-color: #fff
}

.btn-default:focus, .btn-default:hover, .btn-default:not(:disabled):not(.disabled):active {
    color: #fff
}

.active > .btn-default, .active > .btn-secondary {
    color: #fff
}

.active > .btn-default::before, .active > .btn-default:focus::before, .active > .btn-default:hover::before, .active > .btn-default:not(:disabled):not(.disabled):active::before, .active > .btn-secondary::before, .active > .btn-secondary:focus::before, .active > .btn-secondary:hover::before, .active > .btn-secondary:not(:disabled):not(.disabled):active::before {
    background-color: #d31c3e
}

.active > .btn-default:focus, .active > .btn-default:hover, .active > .btn-default:not(:disabled):not(.disabled):active, .active > .btn-secondary:focus, .active > .btn-secondary:hover, .active > .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff
}

.show > .btn-primary, .show > .btn-primary.dropdown-toggle {
    box-shadow: none
}

.show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary:focus {
    box-shadow: none
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-primary:focus, .btn-primary:hover {
    color: #2b6ad9
}

.btn-primary::before, .dropleft .btn-primary.dropdown-toggle::before {
    background-color: #2b6ad9;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .dropleft .btn-primary.dropdown-toggle:focus, .dropleft .btn-primary.dropdown-toggle:hover, .dropleft .btn-primary.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-primary:focus::before, .btn-primary:hover::before, .btn-primary:not(:disabled):not(.disabled):active::before, .dropleft .btn-primary.dropdown-toggle:focus::before, .dropleft .btn-primary.dropdown-toggle:hover::before, .dropleft .btn-primary.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #2b6ad9
}

.show.dropleft > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
    background-color: transparent
}

.show > .btn-success, .show > .btn-success.dropdown-toggle {
    box-shadow: none
}

.show > .btn-success.dropdown-toggle:focus, .show > .btn-success:focus {
    box-shadow: none
}

.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-success:focus, .btn-success:hover {
    color: #44c441
}

.btn-success::before, .dropleft .btn-success.dropdown-toggle::before {
    background-color: #44c441;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-success:focus, .btn-success:hover, .btn-success:not(:disabled):not(.disabled):active, .dropleft .btn-success.dropdown-toggle:focus, .dropleft .btn-success.dropdown-toggle:hover, .dropleft .btn-success.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-success:focus::before, .btn-success:hover::before, .btn-success:not(:disabled):not(.disabled):active::before, .dropleft .btn-success.dropdown-toggle:focus::before, .dropleft .btn-success.dropdown-toggle:hover::before, .dropleft .btn-success.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #44c441
}

.show.dropleft > .btn-success.dropdown-toggle, .show > .btn-success.dropdown-toggle {
    background-color: transparent
}

.show > .btn-info, .show > .btn-info.dropdown-toggle {
    box-shadow: none
}

.show > .btn-info.dropdown-toggle:focus, .show > .btn-info:focus {
    box-shadow: none
}

.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-info:focus, .btn-info:hover {
    color: #30c6bd
}

.btn-info::before, .dropleft .btn-info.dropdown-toggle::before {
    background-color: #30c6bd;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-info:focus, .btn-info:hover, .btn-info:not(:disabled):not(.disabled):active, .dropleft .btn-info.dropdown-toggle:focus, .dropleft .btn-info.dropdown-toggle:hover, .dropleft .btn-info.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-info:focus::before, .btn-info:hover::before, .btn-info:not(:disabled):not(.disabled):active::before, .dropleft .btn-info.dropdown-toggle:focus::before, .dropleft .btn-info.dropdown-toggle:hover::before, .dropleft .btn-info.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #30c6bd
}

.show.dropleft > .btn-info.dropdown-toggle, .show > .btn-info.dropdown-toggle {
    background-color: transparent
}

.show > .btn-warning, .show > .btn-warning.dropdown-toggle {
    box-shadow: none
}

.show > .btn-warning.dropdown-toggle:focus, .show > .btn-warning:focus {
    box-shadow: none
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-warning:focus, .btn-warning:hover {
    color: #eb8324
}

.btn-warning::before, .dropleft .btn-warning.dropdown-toggle::before {
    background-color: #eb8324;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-warning:focus, .btn-warning:hover, .btn-warning:not(:disabled):not(.disabled):active, .dropleft .btn-warning.dropdown-toggle:focus, .dropleft .btn-warning.dropdown-toggle:hover, .dropleft .btn-warning.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-warning:focus::before, .btn-warning:hover::before, .btn-warning:not(:disabled):not(.disabled):active::before, .dropleft .btn-warning.dropdown-toggle:focus::before, .dropleft .btn-warning.dropdown-toggle:hover::before, .dropleft .btn-warning.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #eb8324
}

.show.dropleft > .btn-warning.dropdown-toggle, .show > .btn-warning.dropdown-toggle {
    background-color: transparent
}

.show > .btn-danger, .show > .btn-danger.dropdown-toggle {
    box-shadow: none
}

.show > .btn-danger.dropdown-toggle:focus, .show > .btn-danger:focus {
    box-shadow: none
}

.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-danger:focus, .btn-danger:hover {
    color: #c93f36
}

.btn-danger::before, .dropleft .btn-danger.dropdown-toggle::before {
    background-color: #c93f36;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-danger:focus, .btn-danger:hover, .btn-danger:not(:disabled):not(.disabled):active, .dropleft .btn-danger.dropdown-toggle:focus, .dropleft .btn-danger.dropdown-toggle:hover, .dropleft .btn-danger.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-danger:focus::before, .btn-danger:hover::before, .btn-danger:not(:disabled):not(.disabled):active::before, .dropleft .btn-danger.dropdown-toggle:focus::before, .dropleft .btn-danger.dropdown-toggle:hover::before, .dropleft .btn-danger.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #c93f36
}

.show.dropleft > .btn-danger.dropdown-toggle, .show > .btn-danger.dropdown-toggle {
    background-color: transparent
}

.show > .btn-secondary, .show > .btn-secondary.dropdown-toggle {
    box-shadow: none
}

.show > .btn-secondary.dropdown-toggle:focus, .show > .btn-secondary:focus {
    box-shadow: none
}

.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-secondary:focus, .btn-secondary:hover {
    color: #2a2838
}

.btn-secondary::before, .dropleft .btn-secondary.dropdown-toggle::before {
    background-color: #2a2838;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-secondary:focus, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active, .dropleft .btn-secondary.dropdown-toggle:focus, .dropleft .btn-secondary.dropdown-toggle:hover, .dropleft .btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-secondary:focus::before, .btn-secondary:hover::before, .btn-secondary:not(:disabled):not(.disabled):active::before, .dropleft .btn-secondary.dropdown-toggle:focus::before, .dropleft .btn-secondary.dropdown-toggle:hover::before, .dropleft .btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active::before {
    background-color: #2a2838
}

.show.dropleft > .btn-secondary.dropdown-toggle, .show > .btn-secondary.dropdown-toggle {
    background-color: transparent
}

.btn-rss::before {
    background-color: #e06618;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-rss:focus, .btn-rss:hover, .btn-rss:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-rss:focus::before, .btn-rss:hover::before, .btn-rss:not(:disabled):not(.disabled):active::before {
    background-color: #e06618
}

.btn-rss:focus, .btn-rss:hover {
    color: #e06618
}

.btn-hover-rss::before {
    background-image: linear-gradient(to top, #e06618 0, #e06618 100%)
}

.btn-hover-rss:focus, .btn-hover-rss:hover, .btn-hover-rss:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-rss:focus, .btn-hover-rss:hover {
    color: #fff
}

.btn-behance::before {
    background-color: #487cfb;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-behance:focus, .btn-behance:hover, .btn-behance:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-behance:focus::before, .btn-behance:hover::before, .btn-behance:not(:disabled):not(.disabled):active::before {
    background-color: #487cfb
}

.btn-behance:focus, .btn-behance:hover {
    color: #487cfb
}

.btn-hover-behance::before {
    background-image: linear-gradient(to top, #487cfb 0, #487cfb 100%)
}

.btn-hover-behance:focus, .btn-hover-behance:hover, .btn-hover-behance:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-behance:focus, .btn-hover-behance:hover {
    color: #fff
}

.btn-bitbucket::before {
    background-color: #36517e;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-bitbucket:focus, .btn-bitbucket:hover, .btn-bitbucket:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-bitbucket:focus::before, .btn-bitbucket:hover::before, .btn-bitbucket:not(:disabled):not(.disabled):active::before {
    background-color: #36517e
}

.btn-bitbucket:focus, .btn-bitbucket:hover {
    color: #36517e
}

.btn-hover-bitbucket::before {
    background-image: linear-gradient(to top, #36517e 0, #36517e 100%)
}

.btn-hover-bitbucket:focus, .btn-hover-bitbucket:hover, .btn-hover-bitbucket:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-bitbucket:focus, .btn-hover-bitbucket:hover {
    color: #fff
}

.btn-dropbox::before {
    background-color: #4d86d9;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-dropbox:focus, .btn-dropbox:hover, .btn-dropbox:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-dropbox:focus::before, .btn-dropbox:hover::before, .btn-dropbox:not(:disabled):not(.disabled):active::before {
    background-color: #4d86d9
}

.btn-dropbox:focus, .btn-dropbox:hover {
    color: #4d86d9
}

.btn-hover-dropbox::before {
    background-image: linear-gradient(to top, #4d86d9 0, #4d86d9 100%)
}

.btn-hover-dropbox:focus, .btn-hover-dropbox:hover, .btn-hover-dropbox:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-dropbox:focus, .btn-hover-dropbox:hover {
    color: #fff
}

.btn-dribbble::before {
    background-color: #ea4c89;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-dribbble:focus, .btn-dribbble:hover, .btn-dribbble:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-dribbble:focus::before, .btn-dribbble:hover::before, .btn-dribbble:not(:disabled):not(.disabled):active::before {
    background-color: #ea4c89
}

.btn-dribbble:focus, .btn-dribbble:hover {
    color: #ea4c89
}

.btn-hover-dribbble::before {
    background-image: linear-gradient(to top, #ea4c89 0, #ea4c89 100%)
}

.btn-hover-dribbble:focus, .btn-hover-dribbble:hover, .btn-hover-dribbble:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-dribbble:focus, .btn-hover-dribbble:hover {
    color: #fff
}

.btn-deviantart::before {
    background-color: #4a5d4e;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-deviantart:focus, .btn-deviantart:hover, .btn-deviantart:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-deviantart:focus::before, .btn-deviantart:hover::before, .btn-deviantart:not(:disabled):not(.disabled):active::before {
    background-color: #4a5d4e
}

.btn-deviantart:focus, .btn-deviantart:hover {
    color: #4a5d4e
}

.btn-hover-deviantart::before {
    background-image: linear-gradient(to top, #4a5d4e 0, #4a5d4e 100%)
}

.btn-hover-deviantart:focus, .btn-hover-deviantart:hover, .btn-hover-deviantart:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-deviantart:focus, .btn-hover-deviantart:hover {
    color: #fff
}

.btn-facebook::before {
    background-color: #3b5998;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-facebook:focus, .btn-facebook:hover, .btn-facebook:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-facebook:focus::before, .btn-facebook:hover::before, .btn-facebook:not(:disabled):not(.disabled):active::before {
    background-color: #3b5998
}

.btn-facebook:focus, .btn-facebook:hover {
    color: #3b5998
}

.btn-hover-facebook::before {
    background-image: linear-gradient(to top, #3b5998 0, #3b5998 100%)
}

.btn-hover-facebook:focus, .btn-hover-facebook:hover, .btn-hover-facebook:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-facebook:focus, .btn-hover-facebook:hover {
    color: #fff
}

.btn-flickr::before {
    background-color: #f40083;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-flickr:focus, .btn-flickr:hover, .btn-flickr:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-flickr:focus::before, .btn-flickr:hover::before, .btn-flickr:not(:disabled):not(.disabled):active::before {
    background-color: #f40083
}

.btn-flickr:focus, .btn-flickr:hover {
    color: #f40083
}

.btn-hover-flickr::before {
    background-image: linear-gradient(to top, #f40083 0, #f40083 100%)
}

.btn-hover-flickr:focus, .btn-hover-flickr:hover, .btn-hover-flickr:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-flickr:focus, .btn-hover-flickr:hover {
    color: #fff
}

.btn-foursquare::before {
    background-color: #fc4575;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-foursquare:focus, .btn-foursquare:hover, .btn-foursquare:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-foursquare:focus::before, .btn-foursquare:hover::before, .btn-foursquare:not(:disabled):not(.disabled):active::before {
    background-color: #fc4575
}

.btn-foursquare:focus, .btn-foursquare:hover {
    color: #fc4575
}

.btn-hover-foursquare::before {
    background-image: linear-gradient(to top, #fc4575 0, #fc4575 100%)
}

.btn-hover-foursquare:focus, .btn-hover-foursquare:hover, .btn-hover-foursquare:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-foursquare:focus, .btn-hover-foursquare:hover {
    color: #fff
}

.btn-github::before {
    background-color: #464646;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-github:focus, .btn-github:hover, .btn-github:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-github:focus::before, .btn-github:hover::before, .btn-github:not(:disabled):not(.disabled):active::before {
    background-color: #464646
}

.btn-github:focus, .btn-github:hover {
    color: #464646
}

.btn-hover-github::before {
    background-image: linear-gradient(to top, #464646 0, #464646 100%)
}

.btn-hover-github:focus, .btn-hover-github:hover, .btn-hover-github:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-github:focus, .btn-hover-github:hover {
    color: #fff
}

.btn-google-plus::before {
    background-color: #df4a32;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-google-plus:focus, .btn-google-plus:hover, .btn-google-plus:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-google-plus:focus::before, .btn-google-plus:hover::before, .btn-google-plus:not(:disabled):not(.disabled):active::before {
    background-color: #df4a32
}

.btn-google-plus:focus, .btn-google-plus:hover {
    color: #df4a32
}

.btn-hover-google-plus::before {
    background-image: linear-gradient(to top, #df4a32 0, #df4a32 100%)
}

.btn-hover-google-plus:focus, .btn-hover-google-plus:hover, .btn-hover-google-plus:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-google-plus:focus, .btn-hover-google-plus:hover {
    color: #fff
}

.btn-instagram::before {
    background-color: #c32a68;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-instagram:focus, .btn-instagram:hover, .btn-instagram:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-instagram:focus::before, .btn-instagram:hover::before, .btn-instagram:not(:disabled):not(.disabled):active::before {
    background-color: #c32a68
}

.btn-instagram:focus, .btn-instagram:hover {
    color: #c32a68
}

.btn-hover-instagram::before {
    background-image: linear-gradient(to top, #c32a68 0, #c32a68 100%)
}

.btn-hover-instagram:focus, .btn-hover-instagram:hover, .btn-hover-instagram:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-instagram:focus, .btn-hover-instagram:hover {
    color: #fff
}

.btn-linkedin::before {
    background-color: #007bb6;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-linkedin:focus, .btn-linkedin:hover, .btn-linkedin:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-linkedin:focus::before, .btn-linkedin:hover::before, .btn-linkedin:not(:disabled):not(.disabled):active::before {
    background-color: #007bb6
}

.btn-linkedin:focus, .btn-linkedin:hover {
    color: #007bb6
}

.btn-hover-linkedin::before {
    background-image: linear-gradient(to top, #007bb6 0, #007bb6 100%)
}

.btn-hover-linkedin:focus, .btn-hover-linkedin:hover, .btn-hover-linkedin:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-linkedin:focus, .btn-hover-linkedin:hover {
    color: #fff
}

.btn-medium::before {
    background-color: #03a87a;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-medium:focus, .btn-medium:hover, .btn-medium:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-medium:focus::before, .btn-medium:hover::before, .btn-medium:not(:disabled):not(.disabled):active::before {
    background-color: #03a87a
}

.btn-medium:focus, .btn-medium:hover {
    color: #03a87a
}

.btn-hover-medium::before {
    background-image: linear-gradient(to top, #03a87a 0, #03a87a 100%)
}

.btn-hover-medium:focus, .btn-hover-medium:hover, .btn-hover-medium:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-medium:focus, .btn-hover-medium:hover {
    color: #fff
}

.btn-odnoklassniki::before {
    background-color: #d8732a;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-odnoklassniki:focus, .btn-odnoklassniki:hover, .btn-odnoklassniki:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-odnoklassniki:focus::before, .btn-odnoklassniki:hover::before, .btn-odnoklassniki:not(:disabled):not(.disabled):active::before {
    background-color: #d8732a
}

.btn-odnoklassniki:focus, .btn-odnoklassniki:hover {
    color: #d8732a
}

.btn-hover-odnoklassniki::before {
    background-image: linear-gradient(to top, #d8732a 0, #d8732a 100%)
}

.btn-hover-odnoklassniki:focus, .btn-hover-odnoklassniki:hover, .btn-hover-odnoklassniki:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-odnoklassniki:focus, .btn-hover-odnoklassniki:hover {
    color: #fff
}

.btn-paypal::before {
    background-color: #1d3283;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-paypal:focus, .btn-paypal:hover, .btn-paypal:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-paypal:focus::before, .btn-paypal:hover::before, .btn-paypal:not(:disabled):not(.disabled):active::before {
    background-color: #1d3283
}

.btn-paypal:focus, .btn-paypal:hover {
    color: #1d3283
}

.btn-hover-paypal::before {
    background-image: linear-gradient(to top, #1d3283 0, #1d3283 100%)
}

.btn-hover-paypal:focus, .btn-hover-paypal:hover, .btn-hover-paypal:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-paypal:focus, .btn-hover-paypal:hover {
    color: #fff
}

.btn-pinterest::before {
    background-color: #cb2027;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-pinterest:focus, .btn-pinterest:hover, .btn-pinterest:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-pinterest:focus::before, .btn-pinterest:hover::before, .btn-pinterest:not(:disabled):not(.disabled):active::before {
    background-color: #cb2027
}

.btn-pinterest:focus, .btn-pinterest:hover {
    color: #cb2027
}

.btn-hover-pinterest::before {
    background-image: linear-gradient(to top, #cb2027 0, #cb2027 100%)
}

.btn-hover-pinterest:focus, .btn-hover-pinterest:hover, .btn-hover-pinterest:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-pinterest:focus, .btn-hover-pinterest:hover {
    color: #fff
}

.btn-reddit::before {
    background-color: #ff5700;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-reddit:focus, .btn-reddit:hover, .btn-reddit:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-reddit:focus::before, .btn-reddit:hover::before, .btn-reddit:not(:disabled):not(.disabled):active::before {
    background-color: #ff5700
}

.btn-reddit:focus, .btn-reddit:hover {
    color: #ff5700
}

.btn-hover-reddit::before {
    background-image: linear-gradient(to top, #ff5700 0, #ff5700 100%)
}

.btn-hover-reddit:focus, .btn-hover-reddit:hover, .btn-hover-reddit:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-reddit:focus, .btn-hover-reddit:hover {
    color: #fff
}

.btn-skype::before {
    background-color: #00aff0;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-skype:focus, .btn-skype:hover, .btn-skype:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-skype:focus::before, .btn-skype:hover::before, .btn-skype:not(:disabled):not(.disabled):active::before {
    background-color: #00aff0
}

.btn-skype:focus, .btn-skype:hover {
    color: #00aff0
}

.btn-hover-skype::before {
    background-image: linear-gradient(to top, #00aff0 0, #00aff0 100%)
}

.btn-hover-skype:focus, .btn-hover-skype:hover, .btn-hover-skype:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-skype:focus, .btn-hover-skype:hover {
    color: #fff
}

.btn-soundcloud::before {
    background-color: #f50;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-soundcloud:focus, .btn-soundcloud:hover, .btn-soundcloud:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-soundcloud:focus::before, .btn-soundcloud:hover::before, .btn-soundcloud:not(:disabled):not(.disabled):active::before {
    background-color: #f50
}

.btn-soundcloud:focus, .btn-soundcloud:hover {
    color: #f50
}

.btn-hover-soundcloud::before {
    background-image: linear-gradient(to top, #f50 0, #f50 100%)
}

.btn-hover-soundcloud:focus, .btn-hover-soundcloud:hover, .btn-hover-soundcloud:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-soundcloud:focus, .btn-hover-soundcloud:hover {
    color: #fff
}

.btn-slack::before {
    background-color: #543b56;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-slack:focus, .btn-slack:hover, .btn-slack:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-slack:focus::before, .btn-slack:hover::before, .btn-slack:not(:disabled):not(.disabled):active::before {
    background-color: #543b56
}

.btn-slack:focus, .btn-slack:hover {
    color: #543b56
}

.btn-hover-slack::before {
    background-image: linear-gradient(to top, #543b56 0, #543b56 100%)
}

.btn-hover-slack:focus, .btn-hover-slack:hover, .btn-hover-slack:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-slack:focus, .btn-hover-slack:hover {
    color: #fff
}

.btn-steam::before {
    background-color: #272425;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-steam:focus, .btn-steam:hover, .btn-steam:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-steam:focus::before, .btn-steam:hover::before, .btn-steam:not(:disabled):not(.disabled):active::before {
    background-color: #272425
}

.btn-steam:focus, .btn-steam:hover {
    color: #272425
}

.btn-hover-steam::before {
    background-image: linear-gradient(to top, #272425 0, #272425 100%)
}

.btn-hover-steam:focus, .btn-hover-steam:hover, .btn-hover-steam:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-steam:focus, .btn-hover-steam:hover {
    color: #fff
}

.btn-snapchat::before {
    background-color: #fffc00;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-snapchat:focus, .btn-snapchat:hover, .btn-snapchat:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-snapchat:focus::before, .btn-snapchat:hover::before, .btn-snapchat:not(:disabled):not(.disabled):active::before {
    background-color: #fffc00
}

.btn-snapchat:focus, .btn-snapchat:hover {
    color: #fffc00
}

.btn-hover-snapchat::before {
    background-image: linear-gradient(to top, #fffc00 0, #fffc00 100%)
}

.btn-hover-snapchat:focus, .btn-hover-snapchat:hover, .btn-hover-snapchat:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-snapchat:focus, .btn-hover-snapchat:hover {
    color: #fff
}

.btn-swarm::before {
    background-color: #ffb000;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-swarm:focus, .btn-swarm:hover, .btn-swarm:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-swarm:focus::before, .btn-swarm:hover::before, .btn-swarm:not(:disabled):not(.disabled):active::before {
    background-color: #ffb000
}

.btn-swarm:focus, .btn-swarm:hover {
    color: #ffb000
}

.btn-hover-swarm::before {
    background-image: linear-gradient(to top, #ffb000 0, #ffb000 100%)
}

.btn-hover-swarm:focus, .btn-hover-swarm:hover, .btn-hover-swarm:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-swarm:focus, .btn-hover-swarm:hover {
    color: #fff
}

.btn-stumbleupon::before {
    background-color: #eb4924;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-stumbleupon:focus, .btn-stumbleupon:hover, .btn-stumbleupon:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-stumbleupon:focus::before, .btn-stumbleupon:hover::before, .btn-stumbleupon:not(:disabled):not(.disabled):active::before {
    background-color: #eb4924
}

.btn-stumbleupon:focus, .btn-stumbleupon:hover {
    color: #eb4924
}

.btn-hover-stumbleupon::before {
    background-image: linear-gradient(to top, #eb4924 0, #eb4924 100%)
}

.btn-hover-stumbleupon:focus, .btn-hover-stumbleupon:hover, .btn-hover-stumbleupon:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-stumbleupon:focus, .btn-hover-stumbleupon:hover {
    color: #fff
}

.btn-spotify::before {
    background-color: #1ed760;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-spotify:focus, .btn-spotify:hover, .btn-spotify:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-spotify:focus::before, .btn-spotify:hover::before, .btn-spotify:not(:disabled):not(.disabled):active::before {
    background-color: #1ed760
}

.btn-spotify:focus, .btn-spotify:hover {
    color: #1ed760
}

.btn-hover-spotify::before {
    background-image: linear-gradient(to top, #1ed760 0, #1ed760 100%)
}

.btn-hover-spotify:focus, .btn-hover-spotify:hover, .btn-hover-spotify:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-spotify:focus, .btn-hover-spotify:hover {
    color: #fff
}

.btn-tumblr::before {
    background-color: #2c4762;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-tumblr:focus, .btn-tumblr:hover, .btn-tumblr:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-tumblr:focus::before, .btn-tumblr:hover::before, .btn-tumblr:not(:disabled):not(.disabled):active::before {
    background-color: #2c4762
}

.btn-tumblr:focus, .btn-tumblr:hover {
    color: #2c4762
}

.btn-hover-tumblr::before {
    background-image: linear-gradient(to top, #2c4762 0, #2c4762 100%)
}

.btn-hover-tumblr:focus, .btn-hover-tumblr:hover, .btn-hover-tumblr:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-tumblr:focus, .btn-hover-tumblr:hover {
    color: #fff
}

.btn-twitch::before {
    background-color: #5c43a1;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-twitch:focus, .btn-twitch:hover, .btn-twitch:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-twitch:focus::before, .btn-twitch:hover::before, .btn-twitch:not(:disabled):not(.disabled):active::before {
    background-color: #5c43a1
}

.btn-twitch:focus, .btn-twitch:hover {
    color: #5c43a1
}

.btn-hover-twitch::before {
    background-image: linear-gradient(to top, #5c43a1 0, #5c43a1 100%)
}

.btn-hover-twitch:focus, .btn-hover-twitch:hover, .btn-hover-twitch:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-twitch:focus, .btn-hover-twitch:hover {
    color: #fff
}

.btn-twitter::before {
    background-color: #00b6f1;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-twitter:focus, .btn-twitter:hover, .btn-twitter:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-twitter:focus::before, .btn-twitter:hover::before, .btn-twitter:not(:disabled):not(.disabled):active::before {
    background-color: #00b6f1
}

.btn-twitter:focus, .btn-twitter:hover {
    color: #00b6f1
}

.btn-hover-twitter::before {
    background-image: linear-gradient(to top, #00b6f1 0, #00b6f1 100%)
}

.btn-hover-twitter:focus, .btn-hover-twitter:hover, .btn-hover-twitter:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-twitter:focus, .btn-hover-twitter:hover {
    color: #fff
}

.btn-vimeo::before {
    background-color: #45bbff;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-vimeo:focus, .btn-vimeo:hover, .btn-vimeo:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-vimeo:focus::before, .btn-vimeo:hover::before, .btn-vimeo:not(:disabled):not(.disabled):active::before {
    background-color: #45bbff
}

.btn-vimeo:focus, .btn-vimeo:hover {
    color: #45bbff
}

.btn-hover-vimeo::before {
    background-image: linear-gradient(to top, #45bbff 0, #45bbff 100%)
}

.btn-hover-vimeo:focus, .btn-hover-vimeo:hover, .btn-hover-vimeo:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-vimeo:focus, .btn-hover-vimeo:hover {
    color: #fff
}

.btn-vk::before {
    background-color: #657da0;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-vk:focus, .btn-vk:hover, .btn-vk:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-vk:focus::before, .btn-vk:hover::before, .btn-vk:not(:disabled):not(.disabled):active::before {
    background-color: #657da0
}

.btn-vk:focus, .btn-vk:hover {
    color: #657da0
}

.btn-hover-vk::before {
    background-image: linear-gradient(to top, #657da0 0, #657da0 100%)
}

.btn-hover-vk:focus, .btn-hover-vk:hover, .btn-hover-vk:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-vk:focus, .btn-hover-vk:hover {
    color: #fff
}

.btn-wordpress::before {
    background-color: #4072a1;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-wordpress:focus, .btn-wordpress:hover, .btn-wordpress:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-wordpress:focus::before, .btn-wordpress:hover::before, .btn-wordpress:not(:disabled):not(.disabled):active::before {
    background-color: #4072a1
}

.btn-wordpress:focus, .btn-wordpress:hover {
    color: #4072a1
}

.btn-hover-wordpress::before {
    background-image: linear-gradient(to top, #4072a1 0, #4072a1 100%)
}

.btn-hover-wordpress:focus, .btn-hover-wordpress:hover, .btn-hover-wordpress:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-wordpress:focus, .btn-hover-wordpress:hover {
    color: #fff
}

.btn-youtube::before {
    background-color: red;
    background-image: linear-gradient(to top, #fff 0, #fff 100%)
}

.btn-youtube:focus, .btn-youtube:hover, .btn-youtube:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-youtube:focus::before, .btn-youtube:hover::before, .btn-youtube:not(:disabled):not(.disabled):active::before {
    background-color: red
}

.btn-youtube:focus, .btn-youtube:hover {
    color: red
}

.btn-hover-youtube::before {
    background-image: linear-gradient(to top, red 0, red 100%)
}

.btn-hover-youtube:focus, .btn-hover-youtube:hover, .btn-hover-youtube:not(:disabled):not(.disabled):active {
    background-color: transparent
}

.btn-hover-youtube:focus, .btn-hover-youtube:hover {
    color: #fff
}

.btn-group > .btn:not(:first-child) {
    margin-left: 0
}

.btn-group > .btn:not(:last-of-type)::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:not(:first-of-type)::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-menu {
    position: absolute;
    display: none;
    left: 0;
    padding: 25px 30px;
    color: #b9b7c0;
    background-color: #282535;
    border-width: 0;
    box-shadow: 0 4px 20px rgba(31, 29, 41, .4);
    opacity: 0
}

.dropdown-menu > ul {
    padding-left: 0;
    margin-bottom: 0
}

.dropdown-menu.show {
    display: block;
    opacity: 1
}

.dropdown-divider {
    margin: 25px -30px;
    border-color: #3a3747
}

.dropdown-item {
    padding: 0
}

.dropdown-item + .dropdown-item {
    margin-top: 12px
}

.dropdown-item > a {
    display: block;
    font-size: .875rem;
    color: #b9b7c0
}

.dropdown-item > a:hover {
    color: #fff;
    text-decoration: none
}

.dropdown-item:hover {
    background-color: transparent
}

.dropdown-menu.fade {
    display: block;
    min-width: auto;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: background-color .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out;
    transform: translateY(4px)
}

.dropdown-menu.fade.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.dropdown-menu.fade.show > .dropdown-menu-fade {
    display: block
}

.dropdown-menu.fade.hide > .dropdown-menu-fade {
    display: block
}

.dropdown-menu.fade > .dropdown-menu-fade {
    display: none;
    min-width: 10rem;
    padding: 25px 30px;
    margin-bottom: 0
}

.dropdown-menu-right {
    margin-right: -30px;
    margin-left: 0
}

.dropleft .dropdown-menu {
    margin-right: 0
}

.dropleft .dropdown-toggle::before {
    margin-right: 0
}

.dropright .dropdown-menu {
    margin-left: 0
}

.mpl-product-item {
    position: relative;
    display: block
}

.mpl-product-item .mpl-product-image {
    position: relative;
    display: block
}

.mpl-product-item .mpl-product-image > .mpl-image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    /*transform: skew(-2deg) scaleX(.972)*/
}

.mpl-product-item .mpl-product-image > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mpl-product-item .mpl-product-image > .mpl-image > img {
    /*transform: skew(2deg) scaleX(1.028)*/
}

.mpl-product-item .mpl-product-image > .mpl-image::after {
    content: "";
    display: block;
    padding-top: 64%
}

.mpl-product-item .mpl-product-content {
    display: block;
    padding-left: 25px;
    margin-top: 20px
}

.mpl-product-item .mpl-product-title {
    display: block;
    margin-bottom: 13px;
    transition: color .15s
}

.mpl-product-item .mpl-product-rating {
    position: absolute;
    display: flex;
    bottom: 20px;
    left: 25px
}

.mpl-product-item .mpl-rating .icon {
    width: 16px;
    height: 16px
}

.mpl-product-item .mpl-rating .icon + .icon {
    margin-left: 3px
}

.mpl-product-item .mpl-product-date {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: #827f92
}

.mpl-product-item .mpl-product-date .icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    stroke-width: 1px
}

.mpl-product-item .mpl-price {
    /*font-family: futura-pt, sans-serif;*/
    font-weight: 500;
    color: #b9b7c0;
    text-transform: uppercase;
    letter-spacing: .04em
}

.mpl-product-item .mpl-price > span {
    margin-left: 4px;
    font-size: 80%;
    text-decoration: line-through;
    vertical-align: top;
    opacity: .7
}

.mpl-product-item .mpl-price-primary {
    color: #2b6ad9
}

.mpl-product-item .mpl-price-success {
    color: #44c441
}

.mpl-product-item .mpl-price-info {
    color: #30c6bd
}

.mpl-product-item .mpl-price-warning {
    color: #eb8324
}

.mpl-product-item .mpl-price-danger {
    color: #c93f36
}

.mpl-product-item .mpl-price-secondary {
    color: #2a2838
}

.mpl-product-item .badge {
    position: absolute;
    top: 20px;
    left: 25px;
    padding: 4px 6px;
    font-size: .75rem
}

.mpl-product-item:focus .mpl-product-image img, .mpl-product-item:hover .mpl-product-image img {
    opacity: .9
}

.mpl-product-item:focus .mpl-product-title, .mpl-product-item:hover .mpl-product-title {
    color: #d31c3e
}

.mpl-product-item.mpl-product-overlay {
    text-align: left
}

.mpl-product-item.mpl-product-overlay .mpl-image::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(31, 29, 41, 0) 70%, rgba(31, 29, 41, .9) 100%);
    border-radius: 5px;
    z-index: 1
}

.mpl-product-item.mpl-product-overlay .mpl-product-content {
    position: absolute;
    display: flex;
    align-items: flex-end;
    right: 30px;
    bottom: 25px;
    left: 30px;
    padding-right: 0;
    padding-left: 0
}

.mpl-product-item.mpl-product-overlay .mpl-product-title {
    padding-right: 20px;
    margin-bottom: 0;
    color: #fff
}

.mpl-product-item.mpl-product-overlay .mpl-product-rating {
    position: static;
    margin-left: auto
}

.mpl-product-item.mpl-product-overlay .mpl-rating {
    color: #fff
}

.mpl-product-item.mpl-product-overlay .mpl-rating .icon {
    width: 14px;
    height: 14px
}

.mpl-product-item.mpl-product-overlay:focus .mpl-product-title, .mpl-product-item.mpl-product-overlay:hover .mpl-product-title {
    color: #fff
}

.mpl-product-item.mpl-product-horizontal {
    display: flex;
    align-items: center;
    text-align: left
}

.mpl-product-item.mpl-product-horizontal + .mpl-product-horizontal {
    margin-top: 20px
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 10px;
        background-color: #282535;
        border-radius: 4px;
        transition: background-color .2s ease-in-out;
        /*transform: skew(-2deg);*/
        z-index: -1
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal {
        flex-wrap: wrap;
        background-color: #282535;
        border-radius: 3px
    }
}

@media (min-width: 768px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        width: 130px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        width: 110px
    }
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image {
        border-radius: 4px 0 0 4px
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image {
        border-radius: 4px 4px 0 0;
        transform: none
    }

    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image > img {
        transform: none
    }
}

@media (min-width: 768px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image::after {
        height: 95px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image::after {
        height: 85px
    }
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image::after {
        padding-top: 0
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image::after {
        padding-top: 46%
    }
}

.mpl-product-item.mpl-product-horizontal .mpl-product-content {
    width: 100%;
    padding: 0;
    margin-top: 0
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-content {
        margin-left: 22px
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-content {
        padding: 20px
    }
}

.mpl-product-item.mpl-product-horizontal .mpl-product-title {
    margin-bottom: 4px
}

@media (min-width: 576px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-rating {
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: auto;
        left: auto
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-rating {
        margin-top: 4px
    }
}

.mpl-product-item.mpl-product-horizontal .mpl-product-date {
    justify-content: flex-start
}

.mpl-product-item.mpl-product-horizontal .badge {
    top: 8px;
    left: 15px
}

.mpl-product-item.mpl-product-horizontal:focus::after, .mpl-product-item.mpl-product-horizontal:hover::after {
    background-color: #2c2939
}

.mpl-product-item.mpl-product-horizontal:focus .mpl-product-title, .mpl-product-item.mpl-product-horizontal:hover .mpl-product-title {
    color: #fff
}

.mpl-product-item.mpl-product-checkout {
    padding: 20px 30px
}

.mpl-product-item.mpl-product-checkout::after {
    left: 0;
    /*transform: skew(-4deg)*/
}

.mpl-product-item.mpl-product-checkout .mpl-product-title {
    margin-bottom: 0
}

.mpl-product-item.mpl-product-checkout .mpl-price {
    margin-left: auto
}

.mpl-product-cart {
    position: relative
}

.mpl-product-cart + .mpl-product-cart {
    margin-top: 20px
}

.mpl-product-cart .mpl-rating {
    right: 38px
}

.mpl-product-cart .mpl-product-close {
    position: absolute;
    display: flex;
    top: 18px;
    right: 20px;
    color: #827f92
}

.mpl-product-cart .mpl-product-close > .icon {
    width: 16px;
    height: 16px
}

.mpl-product-cart .mpl-product-close:focus, .mpl-product-cart .mpl-product-close:hover {
    color: #d31c3e
}

.mpl-post-item:not(.mpl-post-vertical) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.mpl-post-item:not(.mpl-post-vertical) + .mpl-post-item {
    margin-top: 60px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px
}

@media (min-width: 992px) {
    .mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        flex: 0 0 300px;
        max-width: 300px;
        margin-right: 40px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        flex: 0 0 230px;
        max-width: 230px;
        margin-right: 30px
    }
}

@media (max-width: 767.98px) {
    .mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-post-date {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-size: 1rem;
    color: #fff;
    z-index: 2
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-post-date .icon {
    vertical-align: -.1em
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image {
    overflow: hidden;
    border-radius: 5px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image::before {
    content: "";
    display: block;
    padding-top: 74%
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-hexagon-rating {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-hexagon-rating .mpl-hexagon {
    stroke-width: 30px;
    fill: rgba(0, 0, 0, .06)
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-hexagon-rating .mpl-hexagon-fix {
    stroke-width: 29px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-hexagon-rating .mpl-hexagon-track {
    stroke: rgba(255, 255, 255, .3)
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-content {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-title {
    display: block;
    margin-bottom: 16px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -12px -12px 18px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-meta > div {
    padding: 12px 12px 0
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-date, .mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags {
    display: flex;
    align-items: flex-start;
    font-size: .875rem;
    color: #827f92
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-date .icon, .mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    stroke-width: 1px;
    margin-right: 8px;
    vertical-align: -.15em
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: -4px;
    white-space: initial
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul > li {
    display: flex;
    padding-right: 4px;
    padding-left: 4px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul > li:not(:last-child)::after {
    content: ","
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul a {
    color: #827f92
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul a:focus, .mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul a:hover {
    color: #fff
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-description {
    line-height: 1.4;
    font-size: 0.9rem;
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-description p:last-child {
    margin-bottom: 0
}

.mpl-post-item:not(.mpl-post-vertical) .btn {
    margin-top: 24px
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-link {
    margin-top: 20px
}

.mpl-post-item:not(.mpl-post-vertical):hover .mpl-post-image > .mpl-image > img {
    opacity: .9
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block + .mpl-post-block {
    margin-top: 20px
}

@media (min-width: 576px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 10px;
        background-color: #282535;
        border-radius: 4px;
        transition: background-color .2s ease-in-out;
        /*transform: skew(-2deg);*/
        z-index: -1
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block {
        flex-wrap: wrap;
        background-color: #282535;
        border-radius: 3px
    }
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image {
    margin-right: 0;
    border-radius: 0
}

@media (min-width: 576px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image {
        flex: 0 0 auto;
        max-width: 100%;
        width: 130px
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image {
        border-radius: 4px 0 0 4px;
        /*transform: skew(-2deg) scaleX(.972)*/
    }

    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image > img {
        /*transform: skew(2deg) scaleX(1.028)*/
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image {
        border-radius: 4px 4px 0 0;
        transform: none
    }

    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image > img {
        transform: none
    }
}

@media (min-width: 576px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image::before {
        height: 95px;
        padding-top: 0
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image::before {
        padding-top: 46%
    }
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-content {
    width: 100%;
    padding: 0 20px 0 0;
    margin-top: 0
}

@media (min-width: 576px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-content {
        margin-left: 22px
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-content {
        padding: 20px
    }
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-meta {
    margin-bottom: 0
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-title {
    margin-bottom: 4px
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block:hover::after {
    background-color: #2c2939
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay {
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
    border-radius: 5px
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(20, 15, 13, 0) 50.71%, rgba(20, 15, 13, .5) 100%), linear-gradient(0deg, rgba(20, 15, 13, .3), rgba(20, 15, 13, .3));
    z-index: 1
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-title {
    position: absolute;
    top: 0;
    transform: translateY(-100%)
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-title + .mpl-post-description {
    margin-top: 0
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-description {
    opacity: 0;
    transition: transform .25s ease-in-out, opacity .35s ease-in-out;
    transition-delay: .1s;
    transform: translateY(10px)
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-content {
    transition: transform .3s ease-in-out;
    transform: translateY(calc(100% - 25px))
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:focus .mpl-post-content, .mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:hover .mpl-post-content {
    transform: translateY(10px)
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:focus .mpl-post-description, .mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:hover .mpl-post-description {
    opacity: 1;
    transform: translateY(-10px)
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-image {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-image > .mpl-image::before {
    padding-top: 60%
}

@media (max-width: 767.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-image {
        margin-bottom: 0
    }
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-title {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    align-self: flex-end;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-title + .mpl-post-description {
    margin-top: 16px
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-hexagon-rating {
    position: relative;
    flex: 0 0 auto;
    max-width: 100%;
    bottom: initial;
    left: initial
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-description {
    display: block
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-content {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px 30px;
    z-index: 1
}

a.mpl-post-item:not(.mpl-post-overlay) .mpl-post-title {
    transition: color .15s
}

a.mpl-post-item:not(.mpl-post-overlay):hover .mpl-post-title {
    color: #d31c3e
}

@media (min-width: 992px) {
    .mpl-post-md:not(.mpl-post-vertical) .mpl-post-image {
        flex: 0 0 230px;
        max-width: 230px;
        margin-right: 30px
    }
}

.mpl-post-vertical {
    display: flex;
    flex-direction: column
}

.mpl-post-vertical .mpl-post-image {
    display: block
}

.mpl-post-vertical .mpl-post-image > .mpl-image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    /*transform: skew(-2deg) scale(.972)*/
}

.mpl-post-vertical .mpl-post-image > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 5px;
    opacity: .7;
    transition: opacity .2s ease-in-out;
    /*transform: skew(2deg) scale(1.028)*/
}

.mpl-post-vertical .mpl-post-image > .mpl-image::before {
    content: "";
    display: block;
    padding-top: 74%
}

.mpl-post-vertical .mpl-post-title {
    display: block;
    margin-top: 14px;
    margin-bottom: 0
}

.mpl-post-vertical .mpl-post-date {
    display: block;
    margin-top: 14px;
    margin-bottom: 0;
    font-size: .875rem;
    color: #827f92
}

.mpl-post-vertical .mpl-post-date .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    stroke-width: 1px;
    margin-right: 4px;
    vertical-align: -.15em
}

.mpl-post-vertical:hover .mpl-post-image > .mpl-image > img {
    opacity: .9
}

.breadcrumb {
    padding: 0;
    margin-bottom: 30px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    background-color: transparent
}

.breadcrumb-item {
    color: #827f92
}

.breadcrumb-item.active {
    color: #fff
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 20px
}

.breadcrumb-item + .breadcrumb-item::before {
    display: none
}

.breadcrumb-item > a {
    color: currentcolor;
    text-decoration: none
}

.breadcrumb-item > a:focus, .breadcrumb-item > a:hover {
    color: #fff
}

.mpl-box-lg {
    position: relative;
    padding-top: 160px;
    padding-bottom: 160px
}

.mpl-box-md {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px
}

.mpl-box-sm {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.pagination .page-item {
    flex: 0 0 auto;
    max-width: 100%;
    padding: 0 5px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .07em
}

.pagination .page-item.active .page-link {
    background-color: #d31c3e
}

.pagination .page-item.active .page-link:focus, .pagination .page-item.active .page-link:hover {
    color: #fff
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    border-radius: 40px
}

.pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 40px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.pagination .page-link:focus, .pagination .page-link:hover {
    background-color: #3a3747
}

.pagination .page-link:focus {
    box-shadow: none
}

.pagination .page-link.next, .pagination .page-link.prev {
    padding: 0;
    background-color: transparent
}

.pagination .page-link.next:focus, .pagination .page-link.next:hover, .pagination .page-link.prev:focus, .pagination .page-link.prev:hover {
    color: #d31c3e;
    background-color: transparent
}

.mpl-page-pagination {
    display: flex
}

.mpl-page-pagination > ul {
    display: flex;
    width: 100%;
    padding-left: 0;
    margin: -20px -10px 0;
    list-style: none
}

@media (max-width: 575.98px) {
    .mpl-page-pagination > ul {
        flex-direction: column
    }
}

.mpl-page-pagination > ul > li {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 20px 10px 0
}

@media (min-width: 576px) {
    .mpl-page-pagination-prev .mpl-page-pagination-link {
        align-items: flex-end;
        text-align: right
    }

    .mpl-page-pagination-prev .mpl-page-pagination-link .icon {
        left: 24px
    }
}

@media (max-width: 575.98px) {
    .mpl-page-pagination-prev .mpl-page-pagination-link .icon {
        right: 24px
    }
}

.mpl-page-pagination-next .mpl-page-pagination-link .icon {
    right: 24px
}

.mpl-page-pagination-link {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.375rem 1.875rem;
    z-index: 0
}

.mpl-page-pagination-link .icon {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    stroke: #827f92;
    stroke-width: 1px;
    transition: stroke .15s;
    transform: translateY(-50%)
}

.mpl-page-pagination-link::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.mpl-page-pagination-link:focus::before, .mpl-page-pagination-link:hover::before {
    background-color: #3a3747
}

.mpl-page-pagination-link:focus, .mpl-page-pagination-link:hover {
    color: #fff
}

.mpl-page-pagination-link:focus .icon, .mpl-page-pagination-link:hover .icon {
    stroke: #fff
}

.mpl-page-pagination-title {
    display: block;
    order: 12;
    margin-bottom: 0;
    font-weight: initial
}

.mpl-page-pagination-subtitle {
    display: block;
    margin-bottom: .125rem;
    font-size: .875rem;
    color: #b9b7c0
}

.mpl-social {
    display: block;
    color: #fff;
    text-align: center
}

.mpl-social:focus, .mpl-social:hover {
    color: #fff
}

.mpl-social:focus .mpl-social-icon::before, .mpl-social:hover .mpl-social-icon::before {
    background-color: #0d1418
}

.mpl-social-name {
    display: block;
    margin-top: 14px;
    margin-bottom: 0;
    line-height: 1.3333333333
}

.mpl-social-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px
}

.mpl-social-icon .icon {
    position: absolute;
    width: 34px;
    height: 34px
}

.mpl-social-icon::after {
    content: "";
    display: block;
    padding-top: 80%
}

.mpl-social-icon::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(31, 29, 41, .9);
    border-radius: 5px;
    transition: background-color .2s ease-in-out;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.progress {
    height: 18px;
    margin-bottom: 15px;
    overflow: initial;
    background-color: #282535;
    border-radius: 2px;
    box-shadow: none;
    transform: skew(-4deg)
}

.progress .progress-bar {
    background-color: #d31c3e;
    border-radius: 2px
}

.progress .progress-bar + .progress-bar {
    margin-left: -1px
}

.progress .progress-bar:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.progress .progress-bar:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mpl-gallery {
    position: relative;
    display: block
}

.mpl-gallery > .mpl-image {
    position: relative;
    padding-top: 64%;
    overflow: hidden;
    border-radius: 5px
}

.mpl-gallery > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mpl-gallery > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    stroke: #fff;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    transform: translateY(-50%) translateX(-50%)
}

.mpl-gallery:focus > .mpl-image img, .mpl-gallery:hover > .mpl-image img {
    opacity: .9
}

.mpl-gallery:focus > .icon, .mpl-gallery:hover > .icon {
    opacity: 1
}

.mpl-gallery-lg > .icon {
    width: 60px;
    height: 60px
}

.mpl-gallery-item {
    position: relative;
    display: block
}

.mpl-gallery-item > .mpl-image {
    position: relative;
    padding-top: 64%;
    overflow: hidden;
    border-radius: 5px;
    transform: skew(-2deg) scale(.972)
}

.mpl-gallery-item > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mpl-gallery-item > .mpl-image > img {
    transform: skew(2deg) scale(1.028)
}

.mpl-gallery-item > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    stroke: #fff;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    transform: translateY(-50%) translateX(-50%)
}

.mpl-gallery-item:focus > .mpl-image img, .mpl-gallery-item:hover > .mpl-image img {
    opacity: .9
}

.mpl-gallery-item:focus > .icon, .mpl-gallery-item:hover > .icon {
    opacity: 1
}

.collapse-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9.5px 25px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em
}

.collapse-toggle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.collapse-toggle:hover::before {
    background-color: #3a3747
}

.collapse-toggle:focus::before {
    background-color: #423f4e
}

.collapse-toggle ~ .collapse-toggle {
    margin-top: 15px
}

.collapse-toggle::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill='none' d='M9 18L15 12L9 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: cover;
    opacity: .5;
    transition: transform .2s ease-in-out, opacity .15s
}

.collapse-toggle:not(.collapsed)::before {
    background-color: #3a3747
}

.collapse-toggle:not(.collapsed):focus::before {
    background-color: #423f4e
}

.collapse-toggle:not(.collapsed)::after {
    opacity: 1;
    transform: rotate(90deg)
}

.collapse-toggle:focus, .collapse-toggle:hover {
    color: #fff
}

.collapse-toggle-md {
    padding: 11.5px 25px;
    font-size: .875rem
}

.collapse-content {
    padding: 25px 25px 15px
}

.nav-tabs {
    margin-bottom: -2px;
    border: 0
}

.nav-tabs .nav-item {
    margin-bottom: 0
}

.nav-tabs .nav-link {
    padding: 9.5px 25px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #b9b7c0;
    text-transform: uppercase;
    letter-spacing: .07em;
    border: 0;
    position: relative;
    border-radius: 0
}

.nav-tabs .nav-link.active {
    background-color: transparent
}

.nav-tabs .nav-link.active::before {
    background-color: #3a3747
}

.nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
    transform: skew(-4deg) scaleX(.972);
    z-index: -1
}

.nav-tabs .nav-link.active {
    color: #fff
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #fff
}

.nav-tabs + .tab-content-frame {
    margin-top: 10px
}

.tab-content {
    padding: 30px 0
}

.tab-content-frame {
    padding: 30px;
    border: 2px solid #3a3747;
    border-radius: 5px
}

.nav-tabs-sm .nav-link {
    padding: 20px 7px;
    font-size: .75rem
}

.nav-tabs-md .nav-link {
    padding: 12px 25px 11px
}

.table {
    --bs-table-striped-color: #b9b7c0;
    --bs-table-active-color: #b9b7c0;
    --bs-table-active-bg: #3a3747;
    --bs-table-hover-color: #b9b7c0;
    margin-bottom: 30px;
    color: #fff
}

.table > :not(:first-child) {
    border-top: 0
}

.table > :not(caption) > * > * {
    border-bottom-width: 2px
}

.table td {
    color: #b9b7c0
}

.table td > a {
    color: #fff
}

.table td > a:focus, .table td > a:hover {
    color: #d31c3e
}

.table td > p:last-child {
    margin-bottom: 0
}

.table td > p > a {
    color: #fff
}

.table td > p > a:focus, .table td > p > a:hover {
    color: #d31c3e
}

.table thead th {
    padding: 1.625rem 1.5625rem 1.6875rem;
    font-weight: 500;
    border-color: #3a3747;
    border-top-width: 2px
}

.table tbody td, .table tbody th {
    padding: 16px 25px 17px;
    border-top: 0;
    border-bottom: 2px solid #3a3747
}

.table tbody th {
    font-weight: 400;
    color: #b9b7c0
}

.table-striped thead th {
    padding-top: 0;
    border-color: transparent
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(58, 55, 71, .5)
}

.table-striped tbody td, .table-striped tbody th {
    border-color: transparent
}

.table-hover tbody tr {
    transition: background-color 50ms ease-in-out
}

.table-hover tbody tr:focus, .table-hover tbody tr:hover {
    background-color: rgba(58, 55, 71, .3)
}

.mpl-table-shop tbody td {
    border-bottom: 0
}

@media (min-width: 576px) {
    .mpl-table-shop tr {
        position: relative;
        display: flex;
        align-items: center
    }

    .mpl-table-shop tr + tr {
        margin-top: 20px
    }

    .mpl-table-shop tr::before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #282535;
        border-radius: 4px;
        transform: skew(-2deg) scaleX(.986);
        z-index: -1
    }

    .mpl-table-shop td {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mpl-table-shop tbody td {
        padding: 0 11px;
        vertical-align: middle
    }

    .mpl-table-shop tbody tr:first-child td {
        padding-top: 0
    }

    .mpl-table-shop tbody tr:last-child td {
        padding-bottom: 0
    }

    .mpl-table-shop .mpl-table-image {
        padding-left: 0
    }
}

@media (min-width: 576px) and (min-width: 768px) {
    .mpl-table-shop .mpl-table-image {
        width: 141px;
        max-width: 141px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mpl-table-shop .mpl-table-image {
        width: 121px;
        max-width: 121px
    }
}

@media (min-width: 576px) {
    .mpl-table-shop .mpl-table-remove {
        width: 81px;
        max-width: 81px;
        padding-right: 0
    }
}

@media (min-width: 576px) {
    .mpl-table-shop .mpl-table-price {
        width: 120px;
        max-width: 120px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mpl-table-shop .mpl-table-product {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 30px;
        background-color: #282535;
        border-radius: 3px
    }

    .mpl-table-shop .mpl-table-product + .mpl-table-product {
        margin-top: 20px
    }

    .mpl-table-shop .mpl-table-image::before, .mpl-table-shop .mpl-table-remove::before {
        display: none
    }

    .mpl-table-shop .mpl-table-name, .mpl-table-shop .mpl-table-price, .mpl-table-shop .mpl-table-product-rating {
        justify-content: space-between
    }

    .mpl-table-shop .mpl-table-name::before, .mpl-table-shop .mpl-table-price::before, .mpl-table-shop .mpl-table-product-rating::before {
        position: static;
        flex: 0 0 auto;
        max-width: 100%;
        margin-right: 20px
    }

    .mpl-table-shop .mpl-table-name > .mpl-price, .mpl-table-shop .mpl-table-name > .mpl-rating, .mpl-table-shop .mpl-table-name > .mpl-table-product-title, .mpl-table-shop .mpl-table-price > .mpl-price, .mpl-table-shop .mpl-table-price > .mpl-rating, .mpl-table-shop .mpl-table-price > .mpl-table-product-title, .mpl-table-shop .mpl-table-product-rating > .mpl-price, .mpl-table-shop .mpl-table-product-rating > .mpl-rating, .mpl-table-shop .mpl-table-product-rating > .mpl-table-product-title {
        flex: 0 0 auto;
        max-width: 100%
    }

    .mpl-table-shop .mpl-table-image {
        justify-content: flex-start
    }

    .mpl-table-shop .mpl-table-remove {
        position: static;
        margin-top: 0
    }

    .mpl-table-shop .mpl-table-product-title {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right
    }

    .mpl-table-shop .mpl-table-product-rating {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right
    }

    .mpl-table-shop .mpl-table-product-remove {
        position: absolute;
        top: 2px;
        right: 1px
    }
}

.mpl-table-product .mpl-table-product-image {
    position: relative;
    display: block;
    flex: 0 0 auto;
    max-width: 100%
}

@media (min-width: 768px) {
    .mpl-table-product .mpl-table-product-image {
        width: 130px
    }
}

@media (max-width: 767.98px) {
    .mpl-table-product .mpl-table-product-image {
        width: 110px
    }
}

.mpl-table-product .mpl-table-product-image > .mpl-image {
    position: relative;
    overflow: hidden;
    border-radius: 4px 0 0 4px;
    transform: skew(-2deg) scaleX(.972)
}

@media (min-width: 768px) {
    .mpl-table-product .mpl-table-product-image > .mpl-image {
        height: 100px
    }
}

@media (max-width: 767.98px) {
    .mpl-table-product .mpl-table-product-image > .mpl-image {
        height: 85px
    }
}

.mpl-table-product .mpl-table-product-image > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mpl-table-product .mpl-table-product-image > .mpl-image > img {
    transform: skew(2deg) scaleX(1.028)
}

.mpl-table-product .mpl-table-product-image:focus img, .mpl-table-product .mpl-table-product-image:hover img {
    opacity: .9
}

.mpl-table-product .mpl-table-product-title {
    display: block;
    margin-bottom: 8px
}

.mpl-table-product .mpl-table-product-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .125rem
}

.mpl-table-product .mpl-table-product-rating .icon {
    width: 14px;
    height: 14px
}

@media (min-width: 576px) {
    .mpl-table-product .mpl-table-product-rating .mpl-rating {
        color: #b9b7c0
    }
}

@media (max-width: 575.98px) {
    .mpl-table-product .mpl-table-product-rating {
        margin-top: 28px
    }

    .mpl-table-product .mpl-table-product-rating::before {
        content: attr(data-title) ": "
    }
}

.mpl-table-product .mpl-table-product-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    color: #827f92
}

.mpl-table-product .mpl-table-product-remove > .icon {
    width: 16px;
    height: 16px
}

.mpl-table-product .mpl-table-product-remove:focus, .mpl-table-product .mpl-table-product-remove:hover {
    color: #d31c3e
}

.mpl-table-product .mpl-price {
    /*font-family: futura-pt, sans-serif;*/
    font-size: .875rem;
    font-weight: 500;
    color: #b9b7c0;
    text-transform: uppercase;
    letter-spacing: .04em
}

@media (max-width: 575.98px) {
    .mpl-table-product .mpl-price {
        color: #fff
    }
}

.mpl-table-product .mpl-price > span {
    font-size: 80%;
    text-decoration: line-through;
    opacity: .7
}

@media (min-width: 576px) {
    .mpl-table-product .mpl-price > span {
        display: block
    }
}

@media (max-width: 575.98px) {
    .mpl-table-product .mpl-price > span {
        margin-left: 4px;
        vertical-align: top
    }
}

.mpl-table-product .mpl-price-primary {
    color: #2b6ad9
}

.mpl-table-product .mpl-price-success {
    color: #44c441
}

.mpl-table-product .mpl-price-info {
    color: #30c6bd
}

.mpl-table-product .mpl-price-warning {
    color: #eb8324
}

.mpl-table-product .mpl-price-danger {
    color: #c93f36
}

.mpl-table-product .mpl-price-secondary {
    color: #2a2838
}

.mpl-table-product .badge {
    position: absolute;
    top: 8px;
    left: 15px;
    font-size: .625rem;
    font-weight: 600
}

@media (min-width: 768px) {
    .mpl-table-profile td:first-child {
        width: 200px;
        min-width: 200px
    }
}

@media (max-width: 767.98px) {
    .mpl-table-profile tr {
        display: block;
        border-bottom: 2px solid #3a3747
    }

    .mpl-table-profile td:first-child {
        display: block;
        padding-bottom: 0
    }

    .mpl-table-profile tbody td {
        border-bottom: 0
    }
}

.mpl-table-shop-total {
    display: flex;
    padding: 25px 30px;
    background-color: #282535;
    border-radius: 3px
}

.mpl-table-shop-total tbody td, .mpl-table-shop-total tbody th {
    border: 0
}

.mpl-table-shop-total tbody td:first-child, .mpl-table-shop-total tbody th:first-child {
    padding-left: 0
}

.mpl-table-shop-total tbody td:last-child, .mpl-table-shop-total tbody th:last-child {
    padding-right: 0
}

.mpl-table-shop-total tbody tr:first-child td, .mpl-table-shop-total tbody tr:first-child th {
    padding-top: 0
}

.mpl-table-shop-total tbody tr:last-child td, .mpl-table-shop-total tbody tr:last-child th {
    padding-bottom: 0
}

.mpl-table-shop-total tbody th {
    padding-right: 0
}

.mpl-table-shop-total tbody td {
    color: #fff
}

.mpl-table-product-information {
    overflow: hidden;
    border-radius: 6px
}

.mpl-table-product-information tbody td, .mpl-table-product-information tbody th {
    padding: 10px 25px;
    border-bottom: 0
}

.mpl-table-product-information tbody tr:first-child td, .mpl-table-product-information tbody tr:first-child th {
    padding-top: 20px
}

.mpl-table-product-information tbody tr:last-child td, .mpl-table-product-information tbody tr:last-child th {
    padding-bottom: 20px
}

.mpl-table-product-information tbody th {
    width: 200px;
    background-color: #282535
}

.mpl-table-product-information tbody td {
    color: #fff;
    background-color: rgba(40, 37, 53, .4)
}

@media (max-width: 575.98px) {
    .mpl-table-responsive thead {
        display: none
    }

    .mpl-table-responsive tbody td, .mpl-table-responsive tbody th {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .mpl-table-responsive tbody td:first-child, .mpl-table-responsive tbody th:first-child {
        margin-top: 0
    }

    .mpl-table-responsive td::before {
        content: attr(data-title) ": ";
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (max-width: 767.98px) {
    .mpl-table-responsive-sm thead {
        display: none
    }

    .mpl-table-responsive-sm tbody td, .mpl-table-responsive-sm tbody th {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 30px
    }

    .mpl-table-responsive-sm tbody td:first-child, .mpl-table-responsive-sm tbody th:first-child {
        margin-top: 0
    }

    .mpl-table-responsive-sm td::before {
        content: attr(data-title) ": ";
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (min-width: 576px) {
    .mpl-table-shop-sm tr + tr {
        margin-top: 20px
    }

    .mpl-table-shop-sm tbody td {
        padding: 0 10px
    }

    .mpl-table-shop-sm .mpl-table-image {
        width: 90px;
        max-width: 90px
    }

    .mpl-table-shop-sm .mpl-table-remove {
        width: 40px;
        max-width: 40px
    }
}

.mpl-table-product-sm .mpl-table-product-image {
    width: auto
}

.mpl-table-product-sm .mpl-table-product-image > .mpl-image {
    width: 80px;
    border-radius: 4px
}

@media (min-width: 768px) {
    .mpl-table-product-sm .mpl-table-product-image > .mpl-image {
        height: 70px
    }
}

@media (max-width: 767.98px) {
    .mpl-table-product-sm .mpl-table-product-image > .mpl-image {
        height: 60px
    }
}

.mpl-table-product-sm .mpl-table-product-title {
    margin-bottom: 4px
}

.mpl-table-product-sm .mpl-table-product-remove {
    justify-content: flex-end;
    width: 30px;
    height: 30px
}

@media (min-width: 576px) {
    .mpl-table-product-sm .mpl-table-product-title {
        display: block;
        max-width: 132px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width: 575.98px) {
    .mpl-table-product-sm .mpl-table-product-remove {
        top: 24px;
        right: 28px
    }
}

.mpl-icon-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 30px;
    text-align: center
}

.mpl-icon-box::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 5px;
    transform: skew(-2deg);
    z-index: -1
}

.mpl-icon-box-icon {
    margin-bottom: 30px;
    color: #fff
}

.mpl-icon-box-icon > .icon {
    width: 28px;
    height: 28px
}

.mpl-counter-box {
    position: relative;
    display: flex;
    align-items: center;
    padding: 27px 30px
}

.mpl-counter-box::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 5px;
    transform: skew(-2deg);
    z-index: -1
}

.mpl-counter-box-number {
    margin-right: 30px;
    margin-bottom: 0
}

.mpl-countdown {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0
}

.text-center > .mpl-countdown {
    justify-content: center
}

.mpl-countdown-item {
    display: flex;
    flex: 0 0 auto;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px 0
}

.mpl-countdown-item > span:first-child {
    display: block;
    order: 12;
    width: 120px;
    max-width: 100%;
    margin-top: 16px;
    /*font-family: proxima-nova, sans-serif;*/
    font-size: 1rem;
    font-weight: 400;
    color: #b9b7c0;
    text-align: center
}

.mpl-countdown-item > span:last-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100px
}

.mpl-countdown-item > span:last-child::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 5px;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.mpl-countdown-transparent .mpl-countdown-item > span:last-child::before {
    background-color: rgba(31, 29, 41, .9)
}

.mpl-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.mpl-timeline-item + .mpl-timeline-item {
    margin-top: 30px
}

.mpl-timeline-item::before {
    content: "";
    position: absolute;
    display: block;
    top: 80px;
    bottom: -10px;
    left: 28px;
    width: 3px;
    background-color: #282535;
    border-radius: 3px
}

.mpl-timeline-item:last-child::before {
    bottom: 0
}

.mpl-timeline-item .mpl-timeline-head {
    display: flex;
    align-items: center
}

.mpl-timeline-item .mpl-timeline-title {
    margin-bottom: 0
}

.mpl-timeline-item .mpl-timeline-subtitle {
    margin-top: 4px;
    font-size: .875rem;
    color: #827f92
}

.mpl-timeline-item .mpl-timeline-image {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    color: #fff;
    background-color: #282535;
    border-radius: 100%
}

.mpl-timeline-item .mpl-timeline-image > .icon {
    width: 20px;
    height: 20px;
    stroke-width: 2px
}

.mpl-timeline-item .mpl-timeline-image > .mpl-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%
}

.mpl-timeline-item .mpl-timeline-image > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.mpl-timeline-item .mpl-timeline-responsive {
    position: relative
}

.mpl-timeline-item .mpl-timeline-responsive::before {
    content: "";
    display: block;
    padding-top: 55%
}

.mpl-timeline-item .mpl-timeline-responsive > .mpl-timeline-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.mpl-timeline-item .mpl-timeline-body {
    padding-left: 80px;
    margin-top: 20px
}

.mpl-timeline-item .mpl-timeline-body p:last-child {
    margin-bottom: 0
}

.mpl-timeline-item .mpl-timeline-body p > a {
    color: #fff
}

.mpl-timeline-item .mpl-timeline-body p > a:hover {
    color: #d31c3e
}

.mpl-timeline-primary .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #2b6ad9;
    border-radius: 100%
}

.mpl-timeline-success .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #44c441;
    border-radius: 100%
}

.mpl-timeline-info .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #30c6bd;
    border-radius: 100%
}

.mpl-timeline-warning .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #eb8324;
    border-radius: 100%
}

.mpl-timeline-danger .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #c93f36;
    border-radius: 100%
}

.mpl-timeline-secondary .mpl-timeline-image::before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    background-color: #2a2838;
    border-radius: 100%
}

.mpl-changelog {
    position: relative;
    padding-bottom: 20px;
    /*font-family: futura-pt, sans-serif*/
}

.mpl-changelog + .mpl-changelog {
    margin-top: 20px
}

.mpl-changelog > div {
    display: flex;
    align-items: center
}

@media (min-width: 576px) {
    .mpl-changelog::before {
        content: "";
        position: absolute;
        display: block;
        top: 50px;
        bottom: 0;
        left: 28px;
        width: 3px;
        background-color: #282535;
        border-radius: 3px
    }
}

.mpl-changelog-version {
    position: relative;
    padding: 2px 12px 3px;
    margin-right: 20px;
    font-size: 1rem;
    font-weight: 500;
    color: #b9b7c0;
    letter-spacing: .01em
}

.mpl-changelog-version::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3a3747;
    border-radius: 3px;
    transform: skew(-2deg);
    z-index: -1
}

.mpl-changelog-date {
    margin-bottom: 0
}

.mpl-changelog-more {
    margin-top: 20px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 20px
}

@media (min-width: 576px) {
    .mpl-changelog-more {
        padding-left: 79px
    }
}

.mpl-changelog-more li + li {
    margin-top: 12px
}

.mpl-changelog-more .mpl-changelog {
    display: flex;
    align-items: flex-start;
    padding-bottom: 0
}

.mpl-changelog-more .mpl-changelog::before {
    display: none
}

.mpl-changelog-badge {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 54px;
    padding: 2px 12px 3px;
    margin-right: 14px;
    overflow: hidden;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .01em;
    border-radius: 3px
}

.mpl-changelog-badge::after, .mpl-changelog-badge::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0
}

.mpl-changelog-badge::before {
    right: 2px;
    left: 2px;
    background-color: #3a3747;
    border-radius: 3px;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.mpl-changelog-badge::after {
    left: -2px;
    width: 5px;
    background-color: #d31c3e;
    transform: rotate(6deg)
}

.mpl-changelog-info {
    margin-top: -1px;
    font-size: 1rem;
    color: #fff
}

.mpl-changelog-primary > .mpl-changelog-badge::after {
    background-color: #2b6ad9
}

.mpl-changelog-success > .mpl-changelog-badge::after {
    background-color: #44c441
}

.mpl-changelog-info > .mpl-changelog-badge::after {
    background-color: #30c6bd
}

.mpl-changelog-warning > .mpl-changelog-badge::after {
    background-color: #eb8324
}

.mpl-changelog-danger > .mpl-changelog-badge::after {
    background-color: #c93f36
}

.mpl-changelog-secondary > .mpl-changelog-badge::after {
    background-color: #2a2838
}

.mpl-feature {
    position: relative;
    display: block;
    padding: 40px 30px;
    text-align: center;
    z-index: 1
}

.mpl-feature::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 5px;
    transition: background-color .2s ease-in-out;
    transform: skew(-2deg);
    z-index: -1
}

.mpl-feature:focus::before, .mpl-feature:hover::before {
    background-color: #2c2939
}

.mpl-feature-transparent::before {
    background-color: rgba(31, 29, 41, .9)
}

.mpl-feature-transparent:hover::before {
    background-color: #0d1418
}

.mpl-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin-bottom: 26px;
    color: #fff;
    background-color: rgba(255, 255, 255, .05);
    border-radius: 100%
}

.mpl-feature-icon > .icon {
    width: 28px;
    height: 28px
}

.mpl-feature-title {
    display: block;
    margin-bottom: 20px
}

.mpl-feature-text {
    color: #b9b7c0
}

.mpl-pricing {
    background-color: #282535;
    border-radius: 5px
}

@media (min-width: 576px) {
    .mpl-pricing {
        padding: 45px 50px
    }
}

@media (max-width: 575.98px) {
    .mpl-pricing {
        padding: 25px 30px
    }
}

.mpl-pricing-head {
    display: flex
}

@media (min-width: 576px) {
    .mpl-pricing-head {
        margin-bottom: 15px
    }
}

.mpl-pricing-head .mpl-pricing-price {
    margin-left: auto
}

.mpl-pricing-body {
    color: #b9b7c0
}

.mpl-pricing-footer {
    margin-top: 40px
}

.mpl-pricing-list {
    margin-top: 28px;
    margin-bottom: 0;
    font-size: 1rem
}

.mpl-pricing-list > li {
    position: relative;
    padding-left: 28px
}

.mpl-pricing-list > li + li {
    margin-top: 12px
}

.mpl-pricing-list > li::after, .mpl-pricing-list > li::before {
    content: "";
    position: absolute
}

.mpl-pricing-list > li::before {
    top: .25rem;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #3a3747;
    border-radius: 9px
}

.mpl-pricing-list > li::after {
    display: block;
    top: 10px;
    left: 5px;
    width: 8px;
    height: 5px;
    border-bottom: 1.5px solid #827f92;
    border-left: 1.5px solid #827f92;
    border-radius: 1px;
    transform: rotate(-45deg)
}

.mpl-review-content {
    position: relative;
    padding: 24px 30px;
    background-color: #282535;
    border-radius: 5px
}

.mpl-review-content::after {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 48px;
    width: 0;
    height: 0;
    border-color: #282535 transparent;
    border-style: solid;
    border-width: 6px 7px 0
}

.mpl-review-text p:last-of-type {
    margin-bottom: 0
}

.mpl-review-name {
    margin-top: 20px;
    font-size: .875rem;
    color: #827f92
}

.mpl-review-avatar {
    position: relative;
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-left: 30px;
    overflow: hidden;
    background-color: #0d1418;
    border-radius: 100%
}

.mpl-review-avatar > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.mpl-media {
    flex-direction: column
}

.mpl-media:hover + .mpl-media-close {
    opacity: 1
}

.mpl-media-wrap {
    position: relative
}

.mpl-media-wrap:hover > .mpl-media-filled {
    background-color: #2c2939
}

.mpl-media-head {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.mpl-media-head .mpl-image {
    position: relative;
    width: 100%;
    height: 100%
}

.mpl-media-head .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.mpl-media-head .mpl-media-image {
    position: relative;
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    background-color: #282535;
    border-radius: 100%
}

.mpl-media-head .mpl-media-image::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
    opacity: 0;
    transition: opacity .2s;
    z-index: 1
}

.mpl-media-head .mpl-media-image[data-fancybox]::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .2s ease-in-out;
    z-index: 1
}

.mpl-media-head .mpl-media-image[data-fancybox] > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    stroke: #fff;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    z-index: 1
}

.mpl-media-head .mpl-media-image[data-fancybox]:focus::before, .mpl-media-head .mpl-media-image[data-fancybox]:focus > .icon, .mpl-media-head .mpl-media-image[data-fancybox]:hover::before, .mpl-media-head .mpl-media-image[data-fancybox]:hover > .icon {
    opacity: 1
}

.mpl-media-head .mpl-media-image:focus::after, .mpl-media-head .mpl-media-image:hover::after {
    opacity: 1
}

.mpl-media-head .mpl-media-title {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.mpl-media-head .mpl-media-title > .badge {
    margin-left: 4px
}

.mpl-media-head .mpl-media-subtitle {
    display: block;
    margin-top: 4px;
    font-size: .875rem;
    color: #827f92
}

.mpl-media-head .mpl-rating {
    position: absolute;
    top: 12px;
    right: 0
}

.mpl-media-head .mpl-rating .icon {
    width: 14px;
    height: 14px
}

.mpl-media-head .mpl-rating .icon + .icon {
    margin-left: 2px
}

.mpl-media-body {
    display: block;
    color: #b9b7c0
}

@media (min-width: 768px) {
    .mpl-media-body {
        padding-left: 80px;
        margin-top: 10px
    }
}

@media (max-width: 767.98px) {
    .mpl-media-body {
        margin-top: 24px
    }
}

.mpl-media-body p:last-child {
    margin-bottom: 0
}

.mpl-media-close {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    padding: 7px;
    color: #827f92;
    opacity: 0;
    transition: opacity .2s ease-in-out, color .15s
}

.mpl-media-close > .icon {
    width: 16px;
    height: 16px;
    stroke-width: 1px
}

.mpl-media-close:hover {
    color: #fff;
    opacity: 1
}

.mpl-media-filled {
    padding: 25px 30px;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .2s ease-in-out
}

.mpl-media-filled + .mpl-media-close {
    top: 18px;
    right: 23px
}

.mpl-media-filled:hover {
    background-color: #2c2939
}

.mpl-media-comment + .mpl-media-comment, .mpl-media-comment > .mpl-media-comment {
    margin-top: 45px
}

@media (min-width: 768px) {
    .mpl-media-comment > .mpl-media-comment {
        padding-left: 80px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mpl-media-comment > .mpl-media-comment {
        padding-left: 30px
    }
}

.alert {
    position: relative;
    padding: 1.375rem 2.1875rem 1.4375rem;
    overflow: hidden;
    font-size: 1rem;
    color: #b9b7c0;
    background-color: transparent;
    border: 0
}

.alert::after, .alert::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0
}

.alert::before {
    left: -5px;
    width: 10px;
    background-color: #d31c3e;
    border-radius: 3px 0 0 3px;
    transform: skew(-4deg)
}

.alert::after {
    right: .3125rem;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.alert .btn-close {
    display: flex;
    align-items: center;
    padding: 1.75rem 2.1875rem 1.75rem .375rem;
    transition: color .15s
}

.alert .btn-close .icon {
    width: 14px;
    height: 14px
}

.alert-primary::before {
    background-color: #2b6ad9
}

.alert-success::before {
    background-color: #44c441
}

.alert-info::before {
    background-color: #30c6bd
}

.alert-warning::before {
    background-color: #eb8324
}

.alert-danger::before {
    background-color: #c93f36
}

.alert-secondary::before {
    background-color: #2a2838
}

.mpl-link-brand {
    display: block
}

.mpl-link-brand > img {
    filter: brightness(1);
    transition: filter .2s ease-in-out
}

.mpl-link-brand:focus > img, .mpl-link-brand:hover > img {
    filter: brightness(.8)
}

.list-vgap {
    margin-bottom: -30px
}

.list-vgap > li {
    padding-bottom: 30px
}

.list-hgap {
    margin-right: -15px;
    margin-left: -15px
}

.list-hgap > li {
    padding-right: 15px;
    padding-left: 15px
}

.list-vgap-xs {
    margin-bottom: -6px
}

.list-vgap-xs > li {
    padding-bottom: 6px
}

.list-hgap-xs {
    margin-right: -3px;
    margin-left: -3px
}

.list-hgap-xs > li {
    padding-right: 3px;
    padding-left: 3px
}

.list-vgap-sm {
    margin-bottom: -20px
}

.list-vgap-sm > li {
    padding-bottom: 20px
}

.list-hgap-sm {
    margin-right: -10px;
    margin-left: -10px
}

.list-hgap-sm > li {
    padding-right: 10px;
    padding-left: 10px
}

.list-vgap-md {
    margin-bottom: -45px
}

.list-vgap-md > li {
    padding-bottom: 45px
}

.list-hgap-md {
    margin-right: -22.5px;
    margin-left: -22.5px
}

.list-hgap-md > li {
    padding-right: 22.5px;
    padding-left: 22.5px
}

.list-vgap-lg {
    margin-bottom: -60px
}

.list-vgap-lg > li {
    padding-bottom: 60px
}

.list-hgap-lg {
    margin-right: -30px;
    margin-left: -30px
}

.list-hgap-lg > li {
    padding-right: 30px;
    padding-left: 30px
}

.mpl-list-horizontal {
    display: flex;
    flex-wrap: wrap
}

.mpl-list {
    padding-left: 0;
    color: #b9b7c0
}

.mpl-list a:not([class*=text-]) {
    color: #fff
}

.mpl-list a:not([class*=text-]):focus, .mpl-list a:not([class*=text-]):hover {
    color: #d31c3e
}

.mpl-list li {
    display: block
}

.mpl-list li > span:first-child {
    margin-right: 8px;
    color: #827f92
}

.mpl-list li > .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    stroke: #827f92;
    vertical-align: -.2em
}

.mpl-list li > .icon:not(:last-child) {
    margin-right: 8px
}

.mpl-list li > .icon + a {
    margin-left: 4px
}

.mpl-list-negative, .mpl-list-positive {
    color: #b9b7c0
}

.mpl-list-negative > li, .mpl-list-positive > li {
    position: relative;
    padding-left: 27px
}

.mpl-list-negative > li + li, .mpl-list-positive > li + li {
    margin-top: 8px
}

.mpl-list-negative > li::before, .mpl-list-positive > li::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-left: -27px;
    vertical-align: -.18em
}

.mpl-list-positive > li::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='17' height='17' rx='8.5' fill='%233a3747'/%3e%3cpath d='M5.5 8.38889H11.5M8.38889 11.5L8.38889 5.5' stroke='%23b9b7c0' stroke-linecap='round'/%3e%3c/svg%3e")
}

.mpl-list-negative > li::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='17' height='17' rx='8.5' fill='%233a3747'/%3e%3cpath d='M5.5 8.38892H11.5' stroke='%23b9b7c0' stroke-linecap='round'/%3e%3c/svg%3e")
}

.badge {
    padding: 4px 6px;
    font-size: 60%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 2.5rem
}

.badge-brand {
    color: #fff;
    background-color: #d31c3e
}

.badge-primary {
    background-color: #2b6ad9
}

.badge-success {
    background-color: #44c441
}

.badge-info {
    background-color: #30c6bd
}

.badge-warning {
    background-color: #eb8324
}

.badge-danger {
    background-color: #c93f36
}

.badge-secondary {
    background-color: #2a2838
}

.tooltip-inner {
    position: relative;
    padding: .375rem .875rem .4375rem;
    color: #b9b7c0;
    background-color: transparent
}

.tooltip-inner::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 2px;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-start {
    padding: 0 .375rem;
    margin-right: .375rem
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 1px;
    width: .375rem;
    height: .875rem
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-width: .375rem 0 .375rem .4375rem;
    border-left-color: #282535
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .375rem 0;
    margin-bottom: .375rem
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    width: .875rem;
    height: .375rem
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-width: .4375rem .375rem 0;
    border-top-color: #282535
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .375rem 0;
    margin-top: .375rem
}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    width: .875rem;
    height: .375rem
}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    border-width: 0 .375rem .4375rem;
    border-bottom-color: #282535
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-end {
    padding: 0 .375rem;
    margin-left: .375rem
}

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 1px;
    width: .375rem;
    height: .875rem
}

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-width: .375rem .4375rem .375rem 0;
    border-right-color: #282535
}

.popover {
    border: 0;
    background-color: transparent
}

.popover .popover-arrow::before {
    display: none
}

.popover-body {
    padding: 11px 20px 12px;
    font-size: 1rem;
    color: #b9b7c0;
    position: relative
}

.popover-body::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    /* transform: skew(-4deg); */
    z-index: -1
}

.bs-popover-auto[x-placement^=left], .bs-popover-start {
    margin-right: .75rem
}

.bs-popover-auto[x-placement^=left] .popover-arrow, .bs-popover-start .popover-arrow {
    right: auto;
    left: 100%;
    width: .375rem;
    height: .875rem
}

.bs-popover-auto[x-placement^=left] .popover-arrow::after, .bs-popover-start .popover-arrow::after {
    border-width: .375rem 0 .375rem .4375rem;
    border-left-color: #282535
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .75rem
}

.bs-popover-auto[x-placement^=top] .popover-arrow, .bs-popover-top .popover-arrow {
    top: 100%;
    width: .875rem;
    height: .375rem
}

.bs-popover-auto[x-placement^=top] .popover-arrow::after, .bs-popover-top .popover-arrow::after {
    border-width: .4375rem .375rem 0;
    border-top-color: #282535
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .75rem
}

.bs-popover-auto[x-placement^=bottom] .popover-arrow, .bs-popover-bottom .popover-arrow {
    top: auto;
    bottom: 100%;
    width: .875rem;
    height: .375rem
}

.bs-popover-auto[x-placement^=bottom] .popover-arrow::after, .bs-popover-bottom .popover-arrow::after {
    border-width: 0 .375rem .4375rem;
    border-bottom-color: #282535
}

.bs-popover-auto[x-placement^=right], .bs-popover-end {
    margin-left: .75rem
}

.bs-popover-auto[x-placement^=right] .popover-arrow, .bs-popover-end .popover-arrow {
    right: 100%;
    left: auto;
    width: .375rem;
    height: .875rem
}

.bs-popover-auto[x-placement^=right] .popover-arrow::after, .bs-popover-end .popover-arrow::after {
    border-width: .375rem .4375rem .375rem 0;
    border-right-color: #282535
}

.mpl-rating {
    position: relative;
    display: block;
    color: #fff
}

.mpl-rating .icon {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    stroke-width: 1px
}

.mpl-rating .icon + .icon {
    margin-left: 2px
}

.mpl-rating-front {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    overflow: hidden
}

.mpl-rating-front .icon {
    fill: currentcolor
}

.mpl-rating-back {
    display: flex
}

.mpl-rating-dynamic {
    display: inline-flex;
    transform: scaleX(-1)
}

.mpl-rating-dynamic .icon {
    width: 22px;
    height: 22px;
    fill: currentcolor
}

.mpl-rating-dynamic > input {
    position: absolute;
    opacity: 0;
    z-index: -9999
}

.mpl-rating-dynamic > input:checked ~ label {
    color: #d31c3e
}

.mpl-rating-dynamic > input:checked ~ label:focus, .mpl-rating-dynamic > input:checked ~ label:hover {
    color: #d31c3e
}

.mpl-rating-dynamic > label {
    padding-left: 5px;
    margin-bottom: 0;
    color: #b9b7c0;
    cursor: pointer;
    transition: color .1s
}

.mpl-rating-dynamic > label:first-of-type {
    padding-left: 0
}

.mpl-rating-dynamic > label:focus, .mpl-rating-dynamic > label:hover {
    color: #d31c3e
}

.mpl-rating-dynamic > label:focus ~ label, .mpl-rating-dynamic > label:hover ~ label {
    color: #d31c3e
}

.mpl-rating-block {
    padding: 60px;
    background-color: #282535;
    border-radius: 5px
}

.mpl-number {
    font-size: .875rem;
    text-align: center;
    text-transform: uppercase
}

.mpl-number > div {
    margin-bottom: 0
}

.mpl-number > div + div {
    margin-top: 8px
}

.mpl-snippet:not(.mpl-snippet-unstyled) {
    border: 3px solid rgba(40, 37, 53, .5);
    border-radius: 6px
}

@media (min-width: 576px) {
    .mpl-snippet:not(.mpl-snippet-unstyled) {
        padding: 30px
    }
}

@media (max-width: 575.98px) {
    .mpl-snippet:not(.mpl-snippet-unstyled) {
        padding: 20px
    }
}

.mpl-snippet:not(:last-child) {
    margin-bottom: 60px
}

.mpl-snippet .progress:last-child {
    margin-bottom: 0
}

.mpl-snippet .table + .table {
    margin-top: 60px
}

.mpl-snippet .breadcrumb {
    margin-bottom: 0
}

.mpl-snippet-fill {
    padding: 30px;
    background-color: #282535;
    border-radius: 4px
}

.mpl-snippet-fill + .mpl-snippet-fill {
    margin-top: 30px
}

.modal-content {
    background-color: #282535;
    border: 0;
    border-radius: 6px
}

.modal-header {
    padding: 1.5625rem 1.875rem;
    border-color: #3a3747
}

.modal-header .btn-close {
    padding: 1.9375rem 1.875rem;
    margin: -1.5625rem -1.875rem -1.5625rem 0;
    color: #827f92;
    opacity: 1;
    transition: color .15s
}

.modal-header .btn-close .icon {
    width: 14px;
    height: 14px
}

.modal-header .btn-close:not(:disabled):not(.disabled):hover {
    color: #fff;
    opacity: 1
}

.modal-body {
    padding: 1.5625rem 1.875rem;
    color: #b9b7c0
}

.modal-body p:last-child {
    margin-bottom: 0
}

.modal-footer {
    padding: 1.875rem;
    border-color: #3a3747
}

.modal-footer > .btn:not(:first-child) {
    margin-left: 5px
}

.modal-footer > .btn:not(:last-child) {
    margin-right: 5px
}

.modal-backdrop {
    background-color: rgba(31, 29, 41, .9)
}

.modal-backdrop.show {
    opacity: 1
}

.no-banner {
    padding-top: 100px
}

.mpl-banner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #0d1418
}

@media screen and (min-width: 0\0
) {
    .mpl-banner {
        height: 0
    }
}

.mpl-banner.mpl-banner-top {
    padding-top: 100px
}

.mpl-banner.mpl-banner-small {
    min-height: auto
}

.mpl-banner.xsmall {
    min-height: 350px
}

.mpl-banner.big {
    min-height: 650px
}

.mpl-banner.full {
    min-height: 100vh
}

.mpl-banner .mpl-banner-content {
    position: relative;
    width: 100%
}

.mpl-banner .mpl-banner-content .lead {
    margin-bottom: 45px
}

@media (max-width: 575.98px) {
    .mpl-banner .mpl-banner-content {
        text-align: center
    }
}

.mpl-banner > .mpl-image, .mpl-footer > .mpl-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.mpl-banner > .mpl-image img, .mpl-footer > .mpl-image img {
    width: 100%;
    height: 100%;
    /*font-family: "object-fit: cover;";*/
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .7;
}

.mpl-banner > .mpl-image {
    opacity: .4;
}

.full, .full .mpl-banner {
    height: 100%;
    min-height: 650px;
}

.full .mpl-banner > .mpl-image {
    background-position: 50% 50%;
    background-size: cover;
}

.wide .mpl-banner .mpl-image {
    background-position: 50% 50%;
    background-size: cover;
}

.mpl-banner-parallax.mpl-banner .mpl-image {
    background-attachment: initial;
    background-position: 50% 50%;
    background-size: cover
}

.mpl-banner-parallax.mpl-banner.banner-top .mpl-image {
    background-position: 50% 0
}

.mpl-widget + .mpl-widget {
    margin-top: 60px;
    /*background-color: rgba(14,24,32,0.5);*/
    /*background-color: rgba(43, 48, 51, 0.5);*/
    background-color: #061217;
    border: 0.1rem solid #334459;
    padding: 13px;

}

.mpl-widget-title {
    margin-bottom: 2rem
}


.mpl-widget-categories ul {
    margin: -6px 0
}

.mpl-widget-categories ul a {
    display: flex;
    padding: 4px 0;
    color: #b9b7c0
}

.mpl-widget-categories ul a > .badge {
    align-self: center;
    min-width: 30px;
    margin-left: auto;
    font-size: .75rem;
    font-weight: 400;
    background-color: #3a3747;
    transition: none
}

.mpl-widget-categories ul a:focus, .mpl-widget-categories ul a:hover {
    color: #fff
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) {
    align-items: center
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-title {
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: 20px
}

@media (min-width: 992px) {
    .mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        flex: 0 0 auto;
        max-width: 100%
    }
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image {
    transform: skew(-2deg) scale(.972);
    width: 80px
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image::before {
    height: 70px;
    padding-top: 0
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image > img {
    transform: skew(2deg) scale(1.028)
}

@media (max-width: 575.98px) {
    .mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        margin-bottom: 0
    }
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-content {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: calc(100% - 100px)
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-meta {
    margin-top: -18px;
    margin-bottom: 0
}

.mpl-widget-posts > ul {
    margin-bottom: 0
}

.mpl-widget-posts > ul > li + li {
    margin-top: 20px
}

.mpl-widget-posts-2 > ul {
    margin-bottom: 0
}

.mpl-widget-posts-2 > ul > li + li {
    margin-top: 25px
}

.mpl-product-widget.mpl-product-item {
    display: flex;
    align-items: center;
    text-align: left
}

.mpl-product-widget.mpl-product-item .mpl-product-image {
    flex: 0 0 auto;
    max-width: 100%;
    width: 80px
}

.mpl-product-widget.mpl-product-item .mpl-product-image > .mpl-image::after {
    height: 70px;
    padding-top: 0
}

.mpl-product-widget.mpl-product-item .mpl-product-content {
    display: flex;
    flex-direction: column;
    width: calc(100% - 102px);
    padding: 0;
    margin-top: 0;
    margin-left: 22px
}

.mpl-product-widget.mpl-product-item .mpl-product-title {
    margin-bottom: 4px
}

.mpl-product-widget.mpl-product-item .mpl-price {
    font-size: .875rem
}

.mpl-widget-products ul {
    margin-bottom: 0
}

.mpl-widget-products ul > li {
    margin-top: 20px
}

.mpl-widget-about p:last-child {
    margin-bottom: 0
}

.mpl-widget-location .mpl-widget-map {
    position: relative
}

.mpl-widget-location .mpl-widget-map::before {
    content: "";
    display: block;
    padding-top: 55%
}

.mpl-widget-location .mpl-widget-map > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.mpl-twitter {
    font-size: .875rem
}

.mpl-twitter > div + div {
    margin-top: 26px
}

.mpl-twitter .mpl-twitter-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px
}

.mpl-twitter .mpl-twitter-date, .mpl-twitter .mpl-twitter-icon, .mpl-twitter .mpl-twitter-name {
    flex: 0 0 auto;
    max-width: 100%
}

.mpl-twitter .mpl-twitter-avatar {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    overflow: hidden;
    border-radius: 100%
}

.mpl-twitter .mpl-twitter-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.mpl-twitter .mpl-twitter-name {
    margin-right: 14px
}

.mpl-twitter .mpl-twitter-date {
    margin-right: 14px;
    color: #827f92
}

.mpl-twitter .mpl-twitter-text {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 38px
}

.mpl-instagram .mpl-instagram-item {
    position: relative;
    display: block;
    overflow: hidden
}

.mpl-instagram .mpl-instagram-item::before {
    content: "";
    display: block;
    padding-top: 100%
}

.mpl-instagram .mpl-instagram-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 4px;
    transition: .2s filter ease-in-out
}

.mpl-instagram .mpl-instagram-item:hover img {
    filter: blur(8px)
}

.mpl-instagram .mpl-instagram-item:hover .mpl-instagram-overlay {
    opacity: 1
}

.mpl-instagram .mpl-instagram-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #b9b7c0;
    background-color: rgba(31, 29, 41, .9);
    border-radius: 4px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    z-index: 1
}

.mpl-instagram .mpl-instagram-overlay .icon {
    width: 24px;
    height: 24px;
    stroke: currentcolor
}

.mpl-widget-matches .cyberpress-matchs-archive > li + li {
    margin-top: 20px
}

.mpl-widget-matches .cyberpress-match {
    position: relative;
    padding: 0;
    background-color: transparent
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail {
    margin-bottom: 0
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail .mpl-image {
    width: 60px;
    height: 60px;
    background-color: #282535;
    transition: background-color .15s
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail > a:focus .mpl-image, .mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail > a:hover .mpl-image {
    background-color: #312e3d
}

@media (max-width: 767.98px) {
    .mpl-widget-matches .cyberpress-match .cyberpress-match-participants {
        flex-direction: row
    }
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant {
    position: relative
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant .cyberpress-match-participant-title {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 7px 10px;
    margin-top: 10px;
    font-size: .75rem;
    text-transform: uppercase;
    white-space: nowrap;
    visibility: hidden;
    background-color: #3a3747;
    box-shadow: 0 4px 20px rgba(31, 29, 41, .4);
    opacity: 0;
    border-radius: 3px;
    transition: opacity .15s, visibility .15s;
    z-index: 2
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant:last-of-type .cyberpress-match-participant-title {
    right: 0;
    left: auto
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant:hover .cyberpress-match-participant-title:not(:hover) {
    visibility: visible;
    opacity: 1
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs {
    height: 60px
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 24px;
    font-size: .75rem;
    color: #fff
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .15s;
    /* transform: skew(-4deg); */
    z-index: -1
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points:hover::after {
    background-color: #3a3747
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-participant-time-start {
    position: absolute;
    display: block;
    order: 12;
    top: 60px;
    left: 50%;
    padding: 7px 20px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: .75rem;
    color: #b9b7c0;
    white-space: nowrap;
    visibility: hidden;
    background-color: #3a3747;
    box-shadow: 0 4px 20px rgba(31, 29, 41, .4);
    opacity: 0;
    border-radius: 3px;
    transition: opacity .15s, visibility .15s;
    transform: translateX(-50%);
    z-index: 2
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs > a {
    display: block
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs > a:focus .cyberpress-match-participant-time-start:not(:focus), .mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs > a:hover .cyberpress-match-participant-time-start:not(:hover) {
    visibility: visible;
    opacity: 1
}

.mpl-widget-match .cyberpress-match {
    position: relative;
    padding: 42px 0 0;
    background-color: transparent
}

@media (max-width: 767.98px) {
    .mpl-widget-match .cyberpress-match .cyberpress-match-participants {
        flex-direction: row;
        align-items: flex-start
    }
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-title {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-thumbnail {
    margin-bottom: 0
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-thumbnail > a {
    padding-bottom: 14px
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-thumbnail > a:focus > .mpl-image {
    background-color: #2c2939
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-thumbnail .mpl-image {
    width: 100px;
    height: 100px;
    background-color: #282535;
    transition: background-color .15s
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant:focus > .cyberpress-match-participant-title, .mpl-widget-match .cyberpress-match .cyberpress-match-participant:hover > .cyberpress-match-participant-title {
    color: #d31c3e
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant:focus > .cyberpress-match-participant-thumbnail .mpl-image, .mpl-widget-match .cyberpress-match .cyberpress-match-participant:hover > .cyberpress-match-participant-thumbnail .mpl-image {
    background-color: #2c2939
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs {
    height: 100px
}

@media (max-width: 575.98px) {
    .mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs {
        padding: 0
    }
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs > a:focus .cyberpress-match-participant-time-start {
    color: #fff
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs > a:focus .cyberpress-match-points::after {
    background-color: #3a3747
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-participant-time-start {
    position: absolute;
    top: 0;
    left: 0;
    transition: color .15s
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points {
    position: relative;
    display: flex;
    justify-content: center;
    min-width: 50px;
    padding: 2px 10px 1px;
    color: #b9b7c0;
    text-align: center
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .15s;
    /* transform: skew(-4deg); */
    z-index: -1
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points:hover::after {
    background-color: #3a3747
}

.content-wrap {
    padding: .1px;
    margin: 0 auto;
    overflow: hidden;
    background: #0d1418;
    transition: transform .8s cubic-bezier(.2, 1, .2, 1), filter .3s ease-in-out;
    transform: translateX(0)
}

@media (min-width: 576px) {
    .mpl-navbar-mobile-open .content-wrap {
        transform: translateX(-100px)
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile-open .content-wrap {
        transform: translateX(-40px)
    }
}

@media (min-width: 1400px) {
    .mpl-content {
        flex: 0 0 850px;
        max-width: 850px
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .mpl-content {
        flex: 0 0 680px;
        max-width: 680px
    }
}

@media (max-width: 991.98px) {
    .mpl-content {
        flex: 0 0 100%;
        max-width: 100%
    }
}


@media (min-width: 1400px) {
    .mpl-sidebar {
        flex: 0 0 350px;
        max-width: 350px
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .mpl-sidebar {
        flex: 0 0 320px;
        max-width: 320px
    }
}

@media (max-width: 991.98px) {
    .mpl-sidebar {
        flex: 0 0 100%;
        max-width: 100%
    }
}


body.mpl-navbar-mobile-open .content-wrap, body.mpl-navbar-mobile-open .mpl-navbar-top {
    filter: blur(8px)
}

body.fancybox-active .content-wrap, body.fancybox-active .mpl-navbar-mobile, body.fancybox-active .mpl-navbar-top {
    filter: blur(8px)
}

body.fancybox-active-closing .content-wrap, body.fancybox-active-closing .mpl-navbar-mobile, body.fancybox-active-closing .mpl-navbar-top {
    filter: none
}

body.modal-open .content-wrap, body.modal-open .mpl-navbar-mobile, body.modal-open .mpl-navbar-top {
    filter: blur(8px)
}

.mpl-demo-item:hover .mpl-demo-item-image > img {
    transform: translateY(-60px)
}

.mpl-demo-item-image {
    position: relative;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 5px
}

.mpl-demo-item-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform .6s
}

.mpl-demo-item-image::before {
    content: "";
    display: block;
    padding-top: 115%
}

.mpl-demo-item-title {
    display: block;
    margin-bottom: 16px
}

.mpl-demo-item-description {
    display: block;
    margin-bottom: 28px;
    font-size: 1.125rem
}

.mpl-demo-img {
    overflow: hidden;
    border: 4px solid #282535;
    border-radius: 10px
}

@media (min-width: 576px) {
    .mpl-demo-blog {
        position: relative;
        padding-bottom: 25%
    }

    .mpl-demo-blog > div {
        overflow: hidden;
        border-radius: 10px
    }

    .mpl-demo-blog > div:first-child {
        width: 65%;
        background-color: #0d1418
    }

    .mpl-demo-blog > div:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65%;
        background-color: #282535;
        z-index: 1
    }
}

@media (max-width: 575.98px) {
    .mpl-demo-blog > div + div {
        margin-top: 30px
    }
}

@media screen and (min-width: 1500px) {
    .mpl-demo-shop {
        margin-right: -200px
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .mpl-demo-shop {
        margin-right: -100px
    }
}

@media (min-width: 576px) {
    .mpl-demo-shop {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .mpl-demo-shop > div {
        overflow: hidden;
        border-radius: 10px
    }

    .mpl-demo-shop > div:first-child {
        position: absolute;
        left: 0;
        width: 50%;
        background-color: #0d1418
    }

    .mpl-demo-shop > div:last-child {
        position: relative;
        width: 65%;
        background-color: #282535;
        box-shadow: 0 4px 20px 5px rgba(30, 28, 39, .4);
        z-index: 1
    }
}

@media (max-width: 575.98px) {
    .mpl-demo-shop > div + div {
        margin-top: 30px
    }
}

.mpl-demo-esports {
    margin-top: 60px
}

@media (min-width: 768px) {
    .mpl-demo-esports {
        position: relative
    }

    .mpl-demo-esports .container {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mpl-demo-esports .container > div:nth-child(2) {
        width: 45%;
        border-radius: 10px;
        box-shadow: 0 4px 20px 5px rgba(30, 28, 39, .4);
        z-index: 1
    }

    .mpl-demo-esports .container > div:nth-child(1), .mpl-demo-esports .container > div:nth-child(3) {
        position: absolute;
        width: 33%
    }

    .mpl-demo-esports .container > div:nth-child(1) {
        left: 80px
    }

    .mpl-demo-esports .container > div:nth-child(3) {
        right: 80px
    }
}

@media screen and (min-width: 1500px) {
    .mpl-demo-esports .container > div:nth-child(2) {
        width: 65%
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .mpl-demo-esports .container > div:nth-child(2) {
        width: 55%
    }
}

@media (max-width: 767.98px) {
    .mpl-demo-esports div + div {
        margin-top: 30px
    }
}

@media screen and (min-width: 1500px) {
    .mpl-demo-forum {
        margin-right: -30%
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .mpl-demo-forum {
        margin-right: -15%
    }
}

@media (min-width: 576px) {
    .mpl-demo-forum {
        position: relative;
        padding-bottom: 20%
    }

    .mpl-demo-forum > div {
        overflow: hidden;
        border-radius: 10px
    }

    .mpl-demo-forum > div:first-child {
        width: 65%;
        background-color: #0d1418
    }

    .mpl-demo-forum > div:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65%;
        background-color: #282535;
        box-shadow: 0 4px 20px 5px rgba(30, 28, 39, .4);
        z-index: 1
    }
}

@media (max-width: 575.98px) {
    .mpl-demo-forum > div + div {
        margin-top: 30px
    }
}

.mpl-post > div, .mpl-post > p, .mpl-post > span {
    margin-bottom: 1.5rem
}

.mpl-post > .h2, .mpl-post > .h3, .mpl-post > .h4, .mpl-post > .h5, .mpl-post > .h6, .mpl-post > h2, .mpl-post > h3, .mpl-post > h4, .mpl-post > h5, .mpl-post > h6 {
    margin-top: 5rem;
    margin-bottom: 2rem
}

.mpl-post > .h2:first-child, .mpl-post > h2:first-child {
    margin-top: 0
}


.mpl-post > .mpl-detached:not(:last-child) {
    margin-bottom: 2rem
}

.mpl-post > .mpl-detached:not(:first-child) {
    margin-top: 2rem
}

.mpl-post > .mpl-rating-block {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.mpl-post > .mpl-list {
    margin-bottom: 1rem;
    font-size: .875rem
}

.mpl-post > .mpl-list > li > .icon {
    width: 14px;
    height: 14px
}

.mpl-post > .mpl-list-social {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.mpl-post .mpl-page-pagination {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;
    margin-bottom: 60px;
    border-top: 2px solid #282535;
    border-bottom: 2px solid #282535
}

.mpl-post > .mpl-post-tags {
    display: flex;
    flex-wrap: wrap;
    margin: -2px -4px 1rem
}

.mpl-post > .mpl-post-tags > li {
    display: flex;
    align-items: center;
    padding: 2px 4px 0;
    font-size: .875rem;
    color: #827f92
}

.mpl-post > .mpl-post-tags > li > .icon {
    width: 14px;
    height: 14px
}

.mpl-post > .mpl-post-tags > li > a {
    color: #fff
}

.mpl-post > .mpl-post-tags > li > a:focus, .mpl-post > .mpl-post-tags > li > a:hover {
    color: #d31c3e
}

.mpl-post > .mpl-post-tags > li:not(:last-child) > a::after {
    content: ",";
    color: #fff
}

.mpl-shop > div:not([class]), .mpl-shop > p, .mpl-shop > span {
    margin-bottom: .875rem
}

.mpl-shop > .h2, .mpl-shop > .h3, .mpl-shop > .h4, .mpl-shop > .h5, .mpl-shop > .h6, .mpl-shop > h2, .mpl-shop > h3, .mpl-shop > h4, .mpl-shop > h5, .mpl-shop > h6 {
    margin-top: 5rem;
    margin-bottom: 2rem
}

.mpl-shop > .h2:first-child, .mpl-shop > h2:first-child {
    margin-top: 0;
    margin-bottom: 2rem
}

.mpl-shop .mpl-carousel {
    margin-top: 40px;
    margin-bottom: 40px
}

.mpl-shop .mpl-list-social {
    margin-top: 40px;
    margin-bottom: 40px
}

.mpl-product-gallery > .mpl-gallery-item:first-child {
    margin-bottom: 15px
}

.mpl-product-gallery > .mpl-gallery-item:first-child > .mpl-image {
    transform: none
}

.mpl-product-gallery > .mpl-gallery-item:first-child > .mpl-image > img {
    transform: none
}

.mpl-product-gallery .mpl-gallery-item > .mpl-image > img {
    opacity: 1
}

.mpl-user > .mpl-user-wrap {
    display: inline-flex;
    align-items: center;
    padding: 30px;
    background-color: #282535;
    border-radius: 5px
}

@media (max-width: 575.98px) {
    .mpl-user > .mpl-user-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.mpl-user .mpl-user-activity {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none
}

@media (min-width: 576px) {
    .mpl-user .mpl-user-activity {
        margin: -20px -15px 0 45px
    }
}

@media (max-width: 575.98px) {
    .mpl-user .mpl-user-activity {
        margin: 10px -15px 0
    }
}

.mpl-user .mpl-user-activity > li {
    flex: 0 0 auto;
    max-width: 100%;
    padding: 20px 15px 0;
    text-align: center
}

.mpl-user .mpl-user-activity > li > span {
    display: block
}

.mpl-user .mpl-user-activity > li > span:first-child {
    margin-bottom: 2px
}

.mpl-user .mpl-user-activity > li > span:last-child {
    font-size: .875rem;
    color: #827f92
}

.mpl-user .mpl-user-links {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 7px -10px 0;
    list-style: none;
    z-index: 1
}

.mpl-user .mpl-user-links > li {
    padding: 8px 10px 0
}

.mpl-user .mpl-user-links > li > a {
    /*font-family: futura-pt, sans-serif;*/
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em
}

.mpl-user .mpl-user-links > li > a:hover {
    color: #d31c3e
}

.mpl-user-navigation {
    padding-left: 0;
    margin-top: -48px;
    margin-bottom: 0;
    list-style: none
}

.mpl-user-navigation.mpl-carousel[data-slides=auto] .swiper-slide {
    width: auto
}

.mpl-user-navigation.mpl-carousel .swiper-container {
    overflow: initial
}

.mpl-user-navigation li > a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 11.5px 25px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em
}

.mpl-user-navigation li > a::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border-radius: 3px 3px 0 0;
    transition: background-color .15s;
    transform: skew(-4deg) scaleX(.972);
    z-index: -1
}

.mpl-user-navigation li > a:hover::before {
    background-color: rgba(255, 255, 255, .1)
}

.mpl-user-navigation li > a > .badge {
    margin-left: 4px
}

.mpl-user-navigation li.active > a::before {
    background-color: #0d1418
}

.mpl-user-messages {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.mpl-user-messages > li + li {
    margin-top: 30px
}

.mpl-user-messages .mpl-media-body {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mpl-forum {
    padding-left: 0;
    list-style: none
}

.mpl-forum ul {
    padding-left: 0;
    list-style: none
}

.mpl-forum .cell-icon {
    display: flex;
    flex: 0 0 40px;
    padding-top: .25rem;
    color: #827f92
}

.mpl-forum .cell-icon > .icon {
    width: 18px;
    height: 18px;
    stroke-width: 2px
}

.mpl-forum .cell-info {
    padding-right: 30px
}

@media (min-width: 1400px) {
    .mpl-forum .cell-freshness {
        flex: 0 0 225px
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .mpl-forum .cell-freshness {
        flex: 0 0 160px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mpl-forum .cell-freshness {
        flex: 0 0 215px
    }
}

@media (min-width: 768px) {
    .mpl-forum .cell-info {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mpl-forum .cell-reply-count, .mpl-forum .cell-topic-count {
        flex: 0 0 80px
    }
}

@media (max-width: 767.98px) {
    .mpl-forum .cell-info {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mpl-forum .cell-reply-count, .mpl-forum .cell-topic-count {
        flex: 0 0 auto;
        max-width: 100%
    }

    .mpl-forum .cell-topic-count {
        padding-right: 30px
    }

    .mpl-forum .cell-freshness {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.mpl-forum-header {
    position: relative;
    padding: 29px 30px;
    color: #fff
}

@media (max-width: 767.98px) {
    .mpl-forum-header .cell-icon {
        display: none
    }

    .mpl-forum-header .cell-info, .mpl-forum-header .cell-reply-count, .mpl-forum-header .cell-topic-count {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .mpl-forum-header::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #282535;
        border-radius: 5px;
        /* transform: skew(-4deg); */
        z-index: -1
    }
}

@media (max-width: 767.98px) {
    .mpl-forum-header {
        background-color: #282535;
        border-radius: 5px
    }
}

.mpl-forum-header ul {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .mpl-forum-header ul {
        justify-content: space-between
    }
}

.mpl-forum-body > ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 29px 30px;
    margin-top: 30px;
    overflow: hidden;
    background-color: #282535;
    border-radius: 5px
}

@media (min-width: 768px) {
    .mpl-forum-body > ul {
        justify-content: space-between
    }
}

.mpl-forum-body > .mpl-forum-sticky::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px solid #3a3747
}

.mpl-forum-body > .mpl-forum-closed {
    background-color: transparent
}

.mpl-forum-body > .mpl-forum-closed::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    border: 2px solid #282535;
    z-index: -1
}

.mpl-forum-body > .mpl-forum-closed .title {
    color: #827f92
}

.mpl-forum-body > .mpl-forum-closed .title:hover {
    color: #d31c3e
}

@media (max-width: 767.98px) {
    .mpl-forum-body .cell-icon {
        position: absolute;
        top: 29px;
        left: 30px
    }

    .mpl-forum-body .cell-info {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 22px
    }

    .mpl-forum-body .cell-reply-count, .mpl-forum-body .cell-topic-count {
        margin-bottom: 22px
    }

    .mpl-forum-body .title {
        margin-left: 30px
    }
}

.mpl-forum-body .cell-freshness {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.mpl-forum-body .cell-freshness a {
    color: #fff
}

.mpl-forum-body .cell-freshness a:not(:last-child) {
    margin-bottom: 10px
}

.mpl-forum-body .cell-freshness a:hover {
    color: #d31c3e
}

.mpl-forum-body .title {
    display: block;
    margin-bottom: 10px
}

.mpl-forum-body .description:not(:last-child) {
    margin-bottom: 10px
}

.mpl-forum-body .description a {
    color: #fff
}

.mpl-forum-body .description a:hover {
    color: #d31c3e
}

.mpl-forum-body .forums-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
    font-size: .875rem
}

.mpl-forum-body .forums-list > li {
    display: block;
    padding-right: 8px;
    padding-left: 8px
}

.mpl-forum-body .forums-list > li > .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    stroke: #827f92;
    vertical-align: -.15em
}

.mpl-forum-body .forums-list > li > a {
    color: #fff
}

.mpl-forum-body .forums-list > li > a:hover {
    color: #d31c3e
}

.mpl-forum-topic > li {
    position: relative;
    padding: 30px;
    background-color: #282535;
    border-radius: 5px
}

@media (max-width: 767.98px) {
    .mpl-forum-topic > li {
        padding-top: 80px
    }
}

.mpl-forum-topic > li + li {
    margin-top: 30px
}

.mpl-forum-topic .mpl-forum-topic-author {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
    padding-left: 80px
}

.mpl-forum-topic .mpl-forum-topic-author > .mpl-image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%
}

.mpl-forum-topic .mpl-forum-topic-author > .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.mpl-forum-topic .mpl-forum-topic-author-name {
    margin-bottom: 2px
}

.mpl-forum-topic .mpl-forum-topic-author-role {
    font-size: .875rem;
    color: #827f92
}

.mpl-forum-topic .mpl-forum-topic-content {
    margin-top: 25px
}

.mpl-forum-topic .mpl-forum-topic-attachments {
    padding: 25px 30px;
    margin-top: 25px;
    font-size: 14px;
    color: #827f92;
    background-color: #0d1418;
    border-radius: 5px
}

.mpl-forum-topic .mpl-forum-topic-attachments > a {
    color: #fff
}

.mpl-forum-topic .mpl-forum-topic-attachments > a:hover {
    color: #d31c3e
}

.mpl-forum-topic .mpl-forum-topic-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-right: -7px;
    margin-bottom: -5px;
    margin-left: -7px
}

.mpl-forum-topic .mpl-forum-action-btn {
    margin-right: 7px;
    margin-left: 7px;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em
}

.mpl-forum-topic .mpl-forum-topic-date {
    position: absolute;
    top: 30px;
    font-size: .875rem;
    color: #827f92
}

@media (min-width: 768px) {
    .mpl-forum-topic .mpl-forum-topic-date {
        right: 30px
    }
}

@media (max-width: 767.98px) {
    .mpl-forum-topic .mpl-forum-topic-date {
        left: 30px
    }
}

/*[data-sr-item], [data-sr=""] {*/
/*    visibility: hidden*/
/*}*/

.container {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

.vgap {
    margin-bottom: -30px
}

.vgap > .col, .vgap > [class*=col-] {
    padding-bottom: 30px
}

.hgap-xs {
    margin-right: -5px;
    margin-left: -5px
}

.hgap-xs > .col, .hgap-xs > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.vgap-xs {
    margin-bottom: -10px
}

.vgap-xs > .col, .vgap-xs > [class*=col-] {
    padding-bottom: 10px
}

.hgap-sm {
    margin-right: -10px;
    margin-left: -10px
}

.hgap-sm > .col, .hgap-sm > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

.vgap-sm {
    margin-bottom: -20px
}

.vgap-sm > .col, .vgap-sm > [class*=col-] {
    padding-bottom: 20px
}

.hgap-md {
    margin-right: -22.5px;
    margin-left: -22.5px
}

.hgap-md > .col, .hgap-md > [class*=col-] {
    padding-right: 22.5px;
    padding-left: 22.5px
}

.vgap-md {
    margin-bottom: -45px
}

.vgap-md > .col, .vgap-md > [class*=col-] {
    padding-bottom: 45px
}

.hgap-lg {
    margin-right: -30px;
    margin-left: -30px
}

.hgap-lg > .col, .hgap-lg > [class*=col-] {
    padding-right: 30px;
    padding-left: 30px
}

.vgap-lg {
    margin-bottom: -60px
}

.vgap-lg > .col, .vgap-lg > [class*=col-] {
    padding-bottom: 60px
}

.bootstrap-touchspin button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40%;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    border: 0;
    transition: background-image .15s ease-in-out
}

.bootstrap-touchspin button::after, .bootstrap-touchspin button::before {
    display: none
}

.bootstrap-touchspin button:focus, .bootstrap-touchspin button:hover {
    color: #d31c3e
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    z-index: 1
}

.bootstrap-touchspin .bootstrap-touchspin-up {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill='none' d='M12 5V19M5 12H19' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.bootstrap-touchspin .bootstrap-touchspin-up:focus, .bootstrap-touchspin .bootstrap-touchspin-up:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill='none' d='M12 5V19M5 12H19' stroke='%23d31c3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.bootstrap-touchspin .bootstrap-touchspin-down {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill='none' d='M5 12H19' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.bootstrap-touchspin .bootstrap-touchspin-down:focus, .bootstrap-touchspin .bootstrap-touchspin-down:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill='none' d='M5 12H19' stroke='%23d31c3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.mpl-carousel {
    position: relative
}

.mpl-carousel .swiper-button-next, .mpl-carousel .swiper-button-prev {
    width: 44px;
    height: 44px;
    color: #fff;
    background-color: #3a3747;
    border-radius: 100%;
    transition: background-color .2s ease-in-out
}

.mpl-carousel .swiper-button-next::after, .mpl-carousel .swiper-button-prev::after {
    display: none
}

.mpl-carousel .swiper-button-next:focus, .mpl-carousel .swiper-button-next:hover, .mpl-carousel .swiper-button-prev:focus, .mpl-carousel .swiper-button-prev:hover {
    background-color: #423f4e
}

.mpl-carousel .swiper-button-next:focus, .mpl-carousel .swiper-button-prev:focus {
    outline: 0
}

.mpl-carousel .swiper-button-next:active:not(:disabled):not(.disabled), .mpl-carousel .swiper-button-prev:active:not(:disabled):not(.disabled) {
    background-color: #464352
}

.mpl-carousel .swiper-button-prev {
    left: -18px
}

.mpl-carousel .swiper-button-next {
    right: -18px
}

.mpl-carousel .swiper-scrollbar {
    position: static;
    width: 100%;
    margin-top: 6px;
    color: #282535;
    background-color: transparent;
    transition: color .2s ease-in-out
}

.mpl-carousel .swiper-scrollbar-drag {
    background-color: currentcolor
}

.mpl-carousel:hover .swiper-scrollbar {
    color: #3a3747
}

.mpl-carousel-vertical-center .swiper-wrapper {
    align-items: center
}

.mpl-review-rating {
    padding: 1.875rem;
    padding-top: 0;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    border-top: 2px solid rgba(255, 255, 255, .1);
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}

.mpl-review-rating .row > div {
    padding-top: 1.875rem
}

.mpl-review-rating ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.mpl-review-rating ul li > i {
    margin-right: 3px
}

.mpl-hexagon-rating {
    position: relative;
    display: inline-block
}

.mpl-hexagon-rating > svg {
    width: 110px;
    height: 110px;
    stroke-width: 14px;
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none;
    transform: rotate(-90deg)
}

.mpl-hexagon-rating > span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*font-family: futura-pt, sans-serif;*/
    font-size: 1.875rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    z-index: 1
}

.mpl-hexagon-rating .mpl-hexagon-fill {
    stroke: #fff;
    stroke-dasharray: 2220;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .6s ease-in-out
}

.mpl-hexagon-rating .mpl-hexagon-track {
    stroke: #3a3747
}

.mpl-hexagon-rating .mpl-hexagon-fix {
    stroke: #fff;
    stroke-width: 11px
}

.mpl-hexagon-rating-small > svg {
    width: 44px;
    height: 44px
}

.mpl-hexagon-rating-small > span {
    font-size: 12px
}

body.compensate-for-scrollbar {
    margin-right: 0;
    overflow: initial
}

.mpl-fancybox-content {
    position: static;
    display: none;
    background-color: transparent
}

.fancybox-container {
    background-color: rgba(31, 29, 41, .9);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.fancybox-bg {
    display: none
}

.fancybox-image {
    border-radius: 5px
}

@media (max-width: 575.98px) {
    .fancybox-content {
        padding: 15px;
        overflow: initial
    }
}

.fancybox-infobar {
    color: #b9b7c0
}

.fancybox-toolbar {
    top: 10px;
    right: 10px
}

.fancybox-toolbar > .fancybox-button:first-child {
    border-radius: 4px 0 0 4px
}

.fancybox-toolbar > .fancybox-button:last-child {
    border-radius: 0 4px 4px 0
}

.fancybox-button {
    color: #b9b7c0;
    background: #282535;
    transition: color .15s
}

.fancybox-button--arrow_left, .fancybox-button--arrow_right {
    background: 0 0
}

.fancybox-button--arrow_left > div, .fancybox-button--arrow_right > div {
    background-color: #282535;
    border-radius: 100%;
    transition: background-color .15s, color .15s
}

.fancybox-button--arrow_left:hover > div, .fancybox-button--arrow_right:hover > div {
    background-color: #312e3d
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 4px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 4px
}

.fancybox-show-thumbs .fancybox-inner {
    right: 230px
}

.fancybox-thumbs {
    width: 230px;
    padding: 6px;
    background-color: #282535
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar {
    width: 6px
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #3a3747
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #353241
}

.fancybox-thumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: initial;
    max-height: 100%
}

.fancybox-thumbs__list a {
    flex: 0 0 45%;
    max-width: 45%;
    float: none;
    height: initial;
    max-height: initial;
    margin: 4px;
    border-radius: 4px;
    border: 1px solid #3a3747;
    opacity: .8;
    transition: border-color .15s, opacity .15s
}

.fancybox-thumbs__list a.fancybox-thumbs-active {
    border-color: #d31c3e;
    opacity: 1
}

.fancybox-thumbs__list a::before {
    position: static;
    display: block;
    padding-top: 80%;
    border: 0
}

.fancybox-thumbs__list a:hover {
    opacity: 1
}

.mpl-fancybox-close {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border: 0;
    transition: color .15s;
    z-index: 1
}

.mpl-fancybox-close > .icon {
    width: 20px;
    height: 20px;
    stroke: currentcolor
}

.mpl-fancybox-close:focus, .mpl-fancybox-close:hover {
    color: #d31c3e;
    outline: 0
}

@media (max-width: 575.98px) {
    .mpl-fancybox-close {
        display: flex
    }
}

.mpl-fancybox-search {
    width: 100%
}

@media (max-width: 575.98px) {
    .mpl-fancybox-search {
        margin-top: 56px;
        vertical-align: top
    }
}

.mpl-fancybox-search .mpl-fancybox-search-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.mpl-fancybox-search .mpl-fancybox-search-input {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    font-size: 3.875rem
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mpl-fancybox-search .mpl-fancybox-search-input {
        font-size: 3rem
    }
}

@media (max-width: 575.98px) {
    .mpl-fancybox-search .mpl-fancybox-search-input {
        font-size: 2rem
    }
}

.mpl-fancybox-search .mpl-fancybox-search-input:focus ~ .mpl-fancybox-search-line::before {
    border-color: #fff
}

.mpl-fancybox-search .mpl-fancybox-search-btn {
    flex: 0 0 auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border: 0;
    transition: color .2s ease-in-out
}

.mpl-fancybox-search .mpl-fancybox-search-btn > .icon {
    width: 38px;
    height: 38px
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mpl-fancybox-search .mpl-fancybox-search-btn > .icon {
        width: 34px;
        height: 34px
    }
}

@media (max-width: 575.98px) {
    .mpl-fancybox-search .mpl-fancybox-search-btn > .icon {
        width: 28px;
        height: 28px
    }
}

.mpl-fancybox-search .mpl-fancybox-search-btn:focus, .mpl-fancybox-search .mpl-fancybox-search-btn:hover {
    color: #d31c3e
}

.mpl-fancybox-search .mpl-fancybox-search-line {
    width: 100%;
    overflow: hidden
}

.mpl-fancybox-search .mpl-fancybox-search-line::before {
    content: "";
    display: block;
    border-bottom: 2px solid #3a3747;
    transition: border-color .3s ease-in-out;
    transition-delay: .1s
}

@-webkit-keyframes mpl-search-input-show {
    0%, 20% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes mpl-search-input-show {
    0%, 20% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes mpl-search-btn-show {
    0%, 40% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1
    }
}

@keyframes mpl-search-btn-show {
    0%, 40% {
        opacity: 0
    }
    100%, 60% {
        opacity: 1
    }
}

@-webkit-keyframes mpl-search-line-show {
    0%, 20% {
        transform: translateX(-100%)
    }
    40% {
        transform: translateX(0)
    }
}

@keyframes mpl-search-line-show {
    0%, 20% {
        transform: translateX(-100%)
    }
    40% {
        transform: translateX(0)
    }
}

.mpl-fancybox-sign-content {
    width: 400px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.mpl-fancybox-cart {
    width: 500px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.mpl-fancybox-cart .mpl-table-product::before {
    display: none
}

@media (min-width: 576px) {
    .mpl-fancybox-cart .mpl-fancybox-cart-content {
        padding: 50px;
        background-color: #282535
    }
}

@media (max-width: 575.98px) {
    .mpl-fancybox-cart .mpl-fancybox-cart-content {
        padding: 30px
    }
}

.fancybox-is-open {
    opacity: 1
}

.fancybox-is-open .mpl-fancybox-search-input {
    -webkit-animation: mpl-search-input-show 2s ease-in-out;
    animation: mpl-search-input-show 2s ease-in-out
}

.fancybox-is-open .mpl-fancybox-search-btn {
    -webkit-animation: mpl-search-btn-show 2s ease-in-out;
    animation: mpl-search-btn-show 2s ease-in-out
}

.fancybox-is-open .mpl-fancybox-search-line::before {
    -webkit-animation: mpl-search-line-show 1s ease-in-out;
    animation: mpl-search-line-show 1s ease-in-out
}

.mpl-rs {
    position: relative;
    background: #0d1418
}

.mpl-rs .tp-revslider-slidesli {
    display: flex
}

.mpl-rs .hermes.tparrows {
    width: 52px;
    height: 52px;
    margin-bottom: -52px;
    background-color: rgba(40, 37, 53, .8);
    border-radius: 100%
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .mpl-rs .hermes.tparrows {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

.mpl-rs .hermes.tparrows::before {
    line-height: 52px
}

.mpl-rs .hermes .tp-arr-allwrapper {
    top: 50%;
    height: 110px;
    transform: translateY(-50%)
}

.mpl-rs .hermes.tp-leftarrow .tp-arr-allwrapper {
    left: -20px
}

.mpl-rs .hermes.tp-rightarrow .tp-arr-allwrapper {
    right: -20px
}

.mpl-rs .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 100px
}

.mpl-rs .tp-parallax-wrap {
    position: relative !important;
    top: auto !important;
    bottom: 0;
    left: 0 !important
}

.mpl-rs .tp-loop-wrap, .mpl-rs .tp-mask-wrap {
    position: static !important
}

.mpl-rs .tp-caption {
    display: flex;
    line-height: 1.8 !important;
    white-space: pre-wrap !important
}

.mpl-rs .tp-loop-wrap {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mpl-rs .tp-banner {
    overflow: hidden
}

.mpl-rs .tp-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .2);
    border: 0
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .mpl-rs .tp-bullet {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

.mpl-rs .tp-bullet.selected {
    background-color: #fff
}

.mpl-rs .tp-bullet:hover {
    background-color: #fff
}

.mpl-rs .tp-bullet:hover .tp-bullet-image {
    transform: translateX(-50%) scale(1)
}

.mpl-rs .tp-bullet-image {
    left: 50%;
    transform: translateX(-50%) scale(.9)
}

.mpl-rs .slotholder > .slot .slotslide::after, .mpl-rs .slotholder > .tp-bgimg::after, .mpl-rs .tp-arr-iwrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0d1418;
    opacity: .4
}

.mpl-rs .tp-bannertimer {
    top: auto;
    bottom: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, .1)
}

.mpl-rs .tp-caption a:not(.btn) {
    color: #fff;
    transition: .3s ease
}

.mpl-rs .tp-caption a:not(.btn):hover {
    color: #fff
}

.cyberpress-team {
    background-color: #282535;
    border-radius: 5px
}

@media (min-width: 576px) {
    .cyberpress-team {
        padding: 40px
    }
}

@media (max-width: 575.98px) {
    .cyberpress-team {
        padding: 30px
    }
}

.cyberpress-team .cyberpress-team-thumbnail {
    display: block;
    margin-bottom: 30px
}

.cyberpress-team .cyberpress-team-thumbnail .mpl-image {
    overflow: hidden;
    border-radius: 5px
}

.cyberpress-team .cyberpress-team-title {
    margin-bottom: 30px
}

.cyberpress-team .cyberpress-team-info {
    padding-left: 0;
    margin-bottom: 0;
    font-size: .875rem;
    list-style: none
}

.cyberpress-team .cyberpress-team-info > li {
    display: block
}

.cyberpress-team .cyberpress-team-info > li + li {
    margin-top: 8px
}

.cyberpress-team .cyberpress-team-info > li > a {
    color: #fff
}

.cyberpress-team .cyberpress-team-info > li > a:focus, .cyberpress-team .cyberpress-team-info > li > a:hover {
    color: #d31c3e
}

.cyberpress-team .cyberpress-team-info > li > .icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: -.15em
}

.cyberpress-team .cyberpress-team-info .icon {
    width: 14px;
    height: 14px;
    stroke: #827f92
}

.cyberpress-team .cyberpress-team-info .cyberpress-game-inline-link {
    display: block
}

.cyberpress-team .cyberpress-team-info .cyberpress-flag-img, .cyberpress-team .cyberpress-team-info .cyberpress-game-inline-link img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 2px;
    vertical-align: -.15em
}

.cyberpress-team .cyberpress-social {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none
}

.cyberpress-team .cyberpress-social > li {
    padding-right: 5px;
    padding-left: 5px
}

.cyberpress-team .cyberpress-social > li > a {
    display: flex
}

.cyberpress-team .cyberpress-social > li .icon {
    stroke: currentcolor
}

.cyberpress-team .cyberpress-social > li .icon-fill {
    stroke-width: 0
}

.cyberpress-team .cyberpress-social-rss {
    color: #e06618
}

.cyberpress-team .cyberpress-social-behance {
    color: #487cfb
}

.cyberpress-team .cyberpress-social-bitbucket {
    color: #36517e
}

.cyberpress-team .cyberpress-social-dropbox {
    color: #4d86d9
}

.cyberpress-team .cyberpress-social-dribbble {
    color: #ea4c89
}

.cyberpress-team .cyberpress-social-deviantart {
    color: #4a5d4e
}

.cyberpress-team .cyberpress-social-facebook {
    color: #3b5998
}

.cyberpress-team .cyberpress-social-flickr {
    color: #f40083
}

.cyberpress-team .cyberpress-social-foursquare {
    color: #fc4575
}

.cyberpress-team .cyberpress-social-github {
    color: #464646
}

.cyberpress-team .cyberpress-social-google-plus {
    color: #df4a32
}

.cyberpress-team .cyberpress-social-instagram {
    color: #c32a68
}

.cyberpress-team .cyberpress-social-linkedin {
    color: #007bb6
}

.cyberpress-team .cyberpress-social-medium {
    color: #03a87a
}

.cyberpress-team .cyberpress-social-odnoklassniki {
    color: #d8732a
}

.cyberpress-team .cyberpress-social-paypal {
    color: #1d3283
}

.cyberpress-team .cyberpress-social-pinterest {
    color: #cb2027
}

.cyberpress-team .cyberpress-social-reddit {
    color: #ff5700
}

.cyberpress-team .cyberpress-social-skype {
    color: #00aff0
}

.cyberpress-team .cyberpress-social-soundcloud {
    color: #f50
}

.cyberpress-team .cyberpress-social-slack {
    color: #543b56
}

.cyberpress-team .cyberpress-social-steam {
    color: #272425
}

.cyberpress-team .cyberpress-social-snapchat {
    color: #fffc00
}

.cyberpress-team .cyberpress-social-swarm {
    color: #ffb000
}

.cyberpress-team .cyberpress-social-stumbleupon {
    color: #eb4924
}

.cyberpress-team .cyberpress-social-spotify {
    color: #1ed760
}

.cyberpress-team .cyberpress-social-tumblr {
    color: #2c4762
}

.cyberpress-team .cyberpress-social-twitch {
    color: #5c43a1
}

.cyberpress-team .cyberpress-social-twitter {
    color: #00b6f1
}

.cyberpress-team .cyberpress-social-vimeo {
    color: #45bbff
}

.cyberpress-team .cyberpress-social-vk {
    color: #657da0
}

.cyberpress-team .cyberpress-social-wordpress {
    color: #4072a1
}

.cyberpress-team .cyberpress-social-youtube {
    color: red
}

.single-team .cyberpress-team {
    display: flex
}

@media (min-width: 576px) {
    .single-team .cyberpress-team {
        padding: 30px
    }
}

@media (max-width: 767.98px) {
    .single-team .cyberpress-team {
        flex-direction: column
    }
}

@media (max-width: 575.98px) {
    .single-team .cyberpress-team {
        padding: 30px
    }
}

.single-team .cyberpress-team:not(:last-child) {
    margin-bottom: 2rem
}

.single-team .cyberpress-team .cyberpress-team-thumbnail {
    flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .single-team .cyberpress-team .cyberpress-team-thumbnail {
        margin-right: 30px
    }
}

@media (max-width: 767.98px) {
    .single-team .cyberpress-team .cyberpress-team-thumbnail {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .single-team .cyberpress-team .cyberpress-team-thumbnail .mpl-image {
        width: 168px;
        height: 168px
    }
}

.cyberpress-player {
    padding: 30px;
    background-color: #282535;
    border-radius: 5px
}

.cyberpress-player .cyberpress-player-thumbnail {
    display: block;
    margin-bottom: 30px
}

.cyberpress-player .cyberpress-player-thumbnail .mpl-image {
    overflow: hidden;
    border-radius: 5px
}

.cyberpress-player .cyberpress-player-title {
    margin-bottom: 30px
}

.cyberpress-player .cyberpress-player-info {
    padding-left: 0;
    margin-bottom: 0;
    font-size: .875rem;
    list-style: none
}

.cyberpress-player .cyberpress-player-info > li {
    display: block
}

.cyberpress-player .cyberpress-player-info > li + li {
    margin-top: 8px
}

.cyberpress-player .cyberpress-player-info > li > a {
    color: #fff
}

.cyberpress-player .cyberpress-player-info > li > a:focus, .cyberpress-player .cyberpress-player-info > li > a:hover {
    color: #d31c3e
}

.cyberpress-player .cyberpress-player-info > li > .icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: -.15em
}

.cyberpress-player .cyberpress-player-info .icon {
    width: 14px;
    height: 14px;
    stroke: #827f92
}

.cyberpress-player .cyberpress-player-info .cyberpress-flag-img, .cyberpress-player .cyberpress-player-info .cyberpress-game-inline-link img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 2px;
    vertical-align: -.15em
}

.cyberpress-player .cyberpress-player-info .cyberpress-game-inline-link {
    display: block
}

.cyberpress-player .cyberpress-social {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: -5px;
    margin-left: -5px;
    list-style: none
}

.cyberpress-player .cyberpress-social > li {
    padding-right: 5px;
    padding-left: 5px
}

.cyberpress-player .cyberpress-social > li > a {
    display: flex
}

.cyberpress-player .cyberpress-social > li .icon {
    stroke: currentcolor
}

.cyberpress-player .cyberpress-social > li .icon-fill {
    stroke-width: 0
}

.cyberpress-player .cyberpress-social-rss {
    color: #e06618
}

.cyberpress-player .cyberpress-social-behance {
    color: #487cfb
}

.cyberpress-player .cyberpress-social-bitbucket {
    color: #36517e
}

.cyberpress-player .cyberpress-social-dropbox {
    color: #4d86d9
}

.cyberpress-player .cyberpress-social-dribbble {
    color: #ea4c89
}

.cyberpress-player .cyberpress-social-deviantart {
    color: #4a5d4e
}

.cyberpress-player .cyberpress-social-facebook {
    color: #3b5998
}

.cyberpress-player .cyberpress-social-flickr {
    color: #f40083
}

.cyberpress-player .cyberpress-social-foursquare {
    color: #fc4575
}

.cyberpress-player .cyberpress-social-github {
    color: #464646
}

.cyberpress-player .cyberpress-social-google-plus {
    color: #df4a32
}

.cyberpress-player .cyberpress-social-instagram {
    color: #c32a68
}

.cyberpress-player .cyberpress-social-linkedin {
    color: #007bb6
}

.cyberpress-player .cyberpress-social-medium {
    color: #03a87a
}

.cyberpress-player .cyberpress-social-odnoklassniki {
    color: #d8732a
}

.cyberpress-player .cyberpress-social-paypal {
    color: #1d3283
}

.cyberpress-player .cyberpress-social-pinterest {
    color: #cb2027
}

.cyberpress-player .cyberpress-social-reddit {
    color: #ff5700
}

.cyberpress-player .cyberpress-social-skype {
    color: #00aff0
}

.cyberpress-player .cyberpress-social-soundcloud {
    color: #f50
}

.cyberpress-player .cyberpress-social-slack {
    color: #543b56
}

.cyberpress-player .cyberpress-social-steam {
    color: #272425
}

.cyberpress-player .cyberpress-social-snapchat {
    color: #fffc00
}

.cyberpress-player .cyberpress-social-swarm {
    color: #ffb000
}

.cyberpress-player .cyberpress-social-stumbleupon {
    color: #eb4924
}

.cyberpress-player .cyberpress-social-spotify {
    color: #1ed760
}

.cyberpress-player .cyberpress-social-tumblr {
    color: #2c4762
}

.cyberpress-player .cyberpress-social-twitch {
    color: #5c43a1
}

.cyberpress-player .cyberpress-social-twitter {
    color: #00b6f1
}

.cyberpress-player .cyberpress-social-vimeo {
    color: #45bbff
}

.cyberpress-player .cyberpress-social-vk {
    color: #657da0
}

.cyberpress-player .cyberpress-social-wordpress {
    color: #4072a1
}

.cyberpress-player .cyberpress-social-youtube {
    color: red
}

.single-player .cyberpress-player {
    display: flex
}

@media (min-width: 576px) {
    .single-player .cyberpress-player {
        padding: 30px
    }
}

@media (max-width: 767.98px) {
    .single-player .cyberpress-player {
        flex-direction: column
    }
}

@media (max-width: 575.98px) {
    .single-player .cyberpress-player {
        padding: 30px
    }
}

.single-player .cyberpress-player:not(:last-child) {
    margin-bottom: 2rem
}

.single-player .cyberpress-player .cyberpress-player-thumbnail {
    flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .single-player .cyberpress-player .cyberpress-player-thumbnail {
        margin-right: 30px
    }
}

@media (max-width: 767.98px) {
    .single-player .cyberpress-player .cyberpress-player-thumbnail {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .single-player .cyberpress-player .cyberpress-player-thumbnail .mpl-image {
        width: 168px;
        height: 168px
    }
}

.cyberpress-matchs-archive {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.cyberpress-matchs-archive > li + li {
    margin-top: 40px
}

.cyberpress-match {
    background-color: #282535;
    border-radius: 5px
}

@media (min-width: 576px) {
    .cyberpress-match {
        padding: 40px
    }
}

@media (max-width: 575.98px) {
    .cyberpress-match {
        padding: 30px
    }
}

.cyberpress-match .cyberpress-match-participants {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    .cyberpress-match .cyberpress-match-participants {
        flex-direction: column;
        align-items: center
    }
}

.cyberpress-match .cyberpress-match-participant {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .cyberpress-match .cyberpress-match-participant:last-of-type .cyberpress-match-participant-players {
        display: flex;
        justify-content: flex-end
    }

    .cyberpress-match .cyberpress-match-participant:last-of-type .cyberpress-match-participant-players-player > img {
        order: 12;
        margin-right: 0;
        margin-left: 15px
    }
}

.cyberpress-match .cyberpress-match-participant-players {
    width: 100%;
    margin-top: 30px
}

.cyberpress-match .cyberpress-match-participant-players > ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.cyberpress-match .cyberpress-match-participant-players > ul > li + li {
    margin-top: 10px
}

.cyberpress-match .cyberpress-match-participant-players .cyberpress-match-participant-players-player {
    display: flex;
    align-items: center;
    /*font-family: futura-pt, sans-serif;*/
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.cyberpress-match .cyberpress-match-participant-players .cyberpress-match-participant-players-player > img {
    width: 38px;
    height: 38px;
    margin-right: 15px;
    border-radius: 100%
}

.cyberpress-match .cyberpress-match-participant-players .cyberpress-match-participant-players-player:focus, .cyberpress-match .cyberpress-match-participant-players .cyberpress-match-participant-players-player:hover {
    color: #d31c3e
}

.cyberpress-match .cyberpress-match-participant-thumbnail {
    margin-bottom: 14px
}

.cyberpress-match .cyberpress-match-participant-thumbnail > a {
    display: block
}

.cyberpress-match .cyberpress-match-participant-thumbnail .mpl-image {
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    transform: skew(-2deg) scale(.972)
}

.cyberpress-match .cyberpress-match-participant-thumbnail .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    transform: skew(2deg) scale(1.028)
}

.cyberpress-match .cyberpress-match-participant-title {
    margin-bottom: 0
}

.cyberpress-match .cyberpress-flag-img {
    width: 20px;
    height: 16px;
    vertical-align: baseline;
    border-radius: 2px
}

.cyberpress-match .cyberpress-match-participant-vs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media (min-width: 576px) {
    .cyberpress-match .cyberpress-match-participant-vs {
        height: 150px
    }
}

@media (max-width: 575.98px) {
    .cyberpress-match .cyberpress-match-participant-vs {
        padding: 40px 0
    }
}

.cyberpress-match .cyberpress-match-participant-vs > a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-participant-time-start {
    margin-bottom: 10px;
    color: #b9b7c0
}

.cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points {
    margin-bottom: 0
}

.cyberpress-match .cyberpress-match-info {
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: -6px;
    font-size: .875rem;
    list-style: none
}

.cyberpress-match .cyberpress-match-info > li {
    display: block
}

.cyberpress-match .cyberpress-match-info > li + li {
    margin-top: 8px
}

.cyberpress-match .cyberpress-match-info > li .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    stroke: #827f92;
    vertical-align: -.15em
}

.cyberpress-match .cyberpress-game-inline-link, .cyberpress-match .cyberpress-tournament-inline-link {
    display: block;
    color: #fff
}

.cyberpress-match .cyberpress-game-inline-link > img, .cyberpress-match .cyberpress-tournament-inline-link > img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 2px;
    vertical-align: -.15em
}

.cyberpress-match .cyberpress-game-inline-link:focus, .cyberpress-match .cyberpress-game-inline-link:hover, .cyberpress-match .cyberpress-tournament-inline-link:focus, .cyberpress-match .cyberpress-tournament-inline-link:hover {
    color: #d31c3e
}

.single-match .cyberpress-match:not(:last-child) {
    margin-bottom: 2rem
}

.cyberpress-tournament {
    padding: 24px 30px;
    background-color: #282535;
    border-radius: 5px
}

.cyberpress-tournament .cyberpress-tournament-title {
    margin-bottom: 23px
}

.cyberpress-tournament .cyberpress-tournament-info {
    padding-left: 0;
    margin-bottom: 0;
    font-size: .875rem;
    list-style: none
}

.cyberpress-tournament .cyberpress-tournament-info > li {
    display: block
}

.cyberpress-tournament .cyberpress-tournament-info > li + li {
    margin-top: 8px
}

.cyberpress-tournament .cyberpress-tournament-info > li > .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    stroke: #827f92;
    vertical-align: -.15em
}

.cyberpress-tournament .cyberpress-game-inline-link, .cyberpress-tournament .cyberpress-tournament-inline-link {
    display: block;
    color: #fff
}

.cyberpress-tournament .cyberpress-game-inline-link > img, .cyberpress-tournament .cyberpress-tournament-inline-link > img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover";*/
    border-radius: 2px;
    vertical-align: -.15em
}

.cyberpress-tournament .cyberpress-game-inline-link:focus, .cyberpress-tournament .cyberpress-game-inline-link:hover, .cyberpress-tournament .cyberpress-tournament-inline-link:focus, .cyberpress-tournament .cyberpress-tournament-inline-link:hover {
    color: #d31c3e
}

.single-tournament .cyberpress-tournament:not(:last-child) {
    margin-bottom: 2rem
}

.cyberpress-game {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px
}

.cyberpress-game::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .2s ease-in-out;
    /*/* transform: skew(-4deg); */
    z-index: -1
}

.cyberpress-game:hover::before {
    background-color: #312e3d
}

.cyberpress-game .cyberpress-game-thumbnail {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    margin-right: 20px
}

.cyberpress-game .cyberpress-game-thumbnail > a {
    display: block
}

.cyberpress-game .cyberpress-game-thumbnail .mpl-image {
    position: relative;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background-color: transparent;
    border-radius: 2px
}

.cyberpress-game .cyberpress-game-thumbnail .mpl-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /*font-family: "object-fit: cover"*/
}

.cyberpress-game .cyberpress-game-title {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .cyberpress-table.cyberpress-player-team tr:first-child td {
        border-top: 2px solid #3a3747
    }
}

@media (max-width: 767.98px) {
    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game {
        position: absolute;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        top: 0;
        left: 88px;
        width: auto;
        min-height: 38px
    }

    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game::before {
        display: none
    }

    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game > a {
        display: block;
        width: 100%
    }
}

.cyberpress-table.cyberpress-player-games td, .cyberpress-table.cyberpress-player-team td, .cyberpress-table.cyberpress-team-players td {
    vertical-align: middle
}

.cyberpress-table.cyberpress-player-games td > a, .cyberpress-table.cyberpress-player-team td > a, .cyberpress-table.cyberpress-team-players td > a {
    color: #fff
}

.cyberpress-table.cyberpress-player-games td > a:focus, .cyberpress-table.cyberpress-player-games td > a:hover, .cyberpress-table.cyberpress-player-team td > a:focus, .cyberpress-table.cyberpress-player-team td > a:hover, .cyberpress-table.cyberpress-team-players td > a:focus, .cyberpress-table.cyberpress-team-players td > a:hover {
    color: #d31c3e
}

.cyberpress-table.cyberpress-player-games .cyberpress-player-team-thumb, .cyberpress-table.cyberpress-player-games .cyberpress-team-games-thumb, .cyberpress-table.cyberpress-player-games .cyberpress-team-players-thumb, .cyberpress-table.cyberpress-player-team .cyberpress-player-team-thumb, .cyberpress-table.cyberpress-player-team .cyberpress-team-games-thumb, .cyberpress-table.cyberpress-player-team .cyberpress-team-players-thumb, .cyberpress-table.cyberpress-team-players .cyberpress-player-team-thumb, .cyberpress-table.cyberpress-team-players .cyberpress-team-games-thumb, .cyberpress-table.cyberpress-team-players .cyberpress-team-players-thumb {
    width: 38px;
    height: 38px;
    border-radius: 100%
}

@media (min-width: 768px) {
    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 767.98px) {
    .cyberpress-table.cyberpress-player-games tr, .cyberpress-table.cyberpress-player-team tr, .cyberpress-table.cyberpress-team-players tr {
        position: relative;
        display: block;
        padding: 30px;
        background-color: #282535;
        border-radius: 5px
    }

    .cyberpress-table.cyberpress-player-games tr + tr, .cyberpress-table.cyberpress-player-team tr + tr, .cyberpress-table.cyberpress-team-players tr + tr {
        margin-top: 30px
    }

    .cyberpress-table.cyberpress-player-games td, .cyberpress-table.cyberpress-player-team td, .cyberpress-table.cyberpress-team-players td {
        border-bottom: 0
    }

    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image {
        justify-content: flex-start
    }

    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image::before, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image::before, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image::before {
        display: none
    }

    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-game, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-nickname, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-nickname, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-game, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-nickname {
        position: absolute;
        align-items: center;
        top: 0;
        left: 88px;
        width: auto;
        height: 38px
    }

    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-game::before, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-nickname::before, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game::before, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-nickname::before, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-game::before, .cyberpress-table.cyberpress-team-players .cyberpress-table-item-nickname::before {
        display: none
    }
}

.cyberpress-table.cyberpress-player-games .cyberpress-player-team-dates, .cyberpress-table.cyberpress-player-team .cyberpress-player-team-dates, .cyberpress-table.cyberpress-team-players .cyberpress-player-team-dates {
    font-size: .875rem
}

@media (max-width: 767.98px) {
    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-statistics {
        display: block
    }

    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-statistics::before {
        display: none
    }
}

.cyberpress-table .cyberpress-table-item-small {
    width: 68px;
    min-width: 68px
}

.cyberpress-table .cyberpress-table-item-small > a {
    display: block
}

.cyberpress-table .cyberpress-progress-total {
    margin-bottom: 4px;
    font-size: .625rem;
    color: #b9b7c0
}

.cyberpress-table .cyberpress-progress {
    display: flex;
    width: 100%;
    min-width: 150px;
    height: 8px;
    overflow: hidden;
    background-color: #3a3747;
    border-radius: 8px
}

.cyberpress-table .cyberpress-progress-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    font-size: .625rem
}

.cyberpress-twitch {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 5px
}

.cyberpress-twitch .cyberpress-twitch-player {
    display: flex
}

@media (min-width: 768px) {
    .cyberpress-twitch .cyberpress-twitch-player {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .cyberpress-twitch .cyberpress-twitch-player {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cyberpress-twitch .cyberpress-twitch-player > iframe {
    width: 100%;
    min-height: 400px
}

.cyberpress-twitch .cyberpress-twitch-chat {
    display: flex
}

@media (min-width: 768px) {
    .cyberpress-twitch .cyberpress-twitch-chat {
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .cyberpress-twitch .cyberpress-twitch-chat {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cyberpress-twitch .cyberpress-twitch-chat > iframe {
    width: 100%;
    min-height: 400px
}

.cyberpress-video {
    position: relative;
    display: flex
}

.cyberpress-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.cyberpress-video::after {
    content: "";
    display: block;
    padding-top: 56.25%
}

.mpl-isotope-options {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: -10px -4px 60px;
    list-style: none
}

.mpl-isotope-options > a, .mpl-isotope-options > li {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    padding: 9.5px 25px;
    margin: 10px 4px 0;
    /*font-family: futura-pt, sans-serif;*/
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em;
    cursor: pointer;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out
}

.mpl-isotope-options > a::before, .mpl-isotope-options > li::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #282535;
    border-radius: 3px;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    /* transform: skew(-4deg); */
    z-index: -1
}

.mpl-isotope-options > a:hover::before, .mpl-isotope-options > li:hover::before {
    background-color: #fff
}

.mpl-isotope-options > a:focus, .mpl-isotope-options > li:focus {
    background-color: transparent;
    border-color: transparent
}

.mpl-isotope-options > a:focus::before, .mpl-isotope-options > li:focus::before {
    background-color: #fff
}

.mpl-isotope-options > a:not(:disabled):not(.disabled):active::before, .mpl-isotope-options > li:not(:disabled):not(.disabled):active::before {
    background-color: #fff;
    border-color: #fff
}

.mpl-isotope-options > a.active::before, .mpl-isotope-options > li.active::before {
    background-color: #d31c3e
}

.mpl-isotope-options > a:focus, .mpl-isotope-options > a:hover, .mpl-isotope-options > li:focus, .mpl-isotope-options > li:hover {
    color: #15112b
}

.mpl-isotope-options > a:focus.active, .mpl-isotope-options > a:hover.active, .mpl-isotope-options > li:focus.active, .mpl-isotope-options > li:hover.active {
    color: #fff
}

.sweet-alert {
    padding: 30px;
    padding-bottom: 40px;
    color: #282535
}

.sweet-alert .h1, .sweet-alert .h2, .sweet-alert .h3, .sweet-alert .h4, .sweet-alert .h5, .sweet-alert h1, .sweet-alert h2, .sweet-alert h3, .sweet-alert h4, .sweet-alert h5 {
    color: inherit
}

.sweet-alert .btn {
    color: inherit
}

.sweet-alert .btn::before {
    border-color: inherit
}

.sweet-alert .btn.active, .sweet-alert .btn.focus, .sweet-alert .btn:active, .sweet-alert .btn:focus, .sweet-alert .btn:hover {
    color: #fff
}

.sweet-alert .btn.active::before, .sweet-alert .btn.focus::before, .sweet-alert .btn:active::before, .sweet-alert .btn:focus::before, .sweet-alert .btn:hover::before {
    background: #d31c3e;
    border-color: #d31c3e
}

.sweet-overlay {
    background-color: rgba(40, 37, 53, .7)
}

.mpl-rangeslider {
    display: none
}

.irs {
    position: relative;
    display: block;
    padding-top: 26px
}

.irs > .irs {
    position: static;
    padding-top: 0
}

.irs .irs-line {
    display: block;
    height: 8px;
    background-color: #282535;
    border-radius: 4px
}

.irs .irs-line:focus {
    outline: 0
}

.irs .irs-bar {
    position: absolute;
    display: block;
    top: 26px;
    height: 8px;
    background-color: #3a3747
}

.irs .irs-max, .irs .irs-min {
    position: absolute;
    display: block;
    top: 0;
    font-size: .75rem;
    color: #827f92
}

.irs .irs-min {
    left: 0
}

.irs .irs-max {
    right: 0
}

.irs .irs-from, .irs .irs-to {
    position: absolute;
    display: block;
    bottom: 0;
    font-size: .75rem;
    color: #b9b7c0;
    cursor: pointer;
    transition: color .15s
}

.irs .irs-from:hover, .irs .irs-to:hover {
    color: #fff
}

.irs .irs-from {
    transform: translateX(50%)
}

.irs .irs-to {
    transform: translateX(-50%)
}

.irs .irs-handle {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 24px;
    width: 2px;
    height: 12px;
    cursor: pointer;
    background-color: #524f5f;
    transition: background-color .15s
}

.irs .irs-handle:hover {
    background-color: #fff
}

.irs .irs-handle.state_hover {
    background-color: #d31c3e
}

.banner-title-image {
    position: absolute;
    z-index: 99999;
    width: 600px;
    /* Centering Horizontally */
    left: 50%;
    transform: translateX(-50%);

    /* Centering Vertically */
    top: 50%;
    transform: translate(-50%, -50%); /* Combine horizontal and vertical centering */
}