/*!-----------------------------------------------------------------
    Name: MonsterPlay - eSports and Gaming HTML Template
    Version: 1.0.2
    Author: nK
    Website: https://nkdev.info/
    Purchase: https://themeforest.net/user/_nk/portfolio
    Support: https://nk.ticksy.com/
    License: You must have a valid license purchased only from ThemeForest (the above link) in order to legally use the theme for your project.
    Copyright 2020.
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
  [Typography]

  Body:     16px/1.8 proxima-nova, sans-serif;
  Headings: futura-pt, sans-serif

  Notes: Most of font sizes are relative to the base font size (rem)
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  [Color codes]

  Main:         #d31c3e (buttons/links hover)
  Text:         #fff
  Text 1:       #b9b7c0
  Text 2:       #827f92

  Bg:           #12171C
  Bg 1:         #12171C
  Bg 2:         #232D37
  Bg 3:         #3A4857
  Bg 4:         #526A83
  Bg Light:     #212A33
  Bg Footer:    #12171C

  Primary:      #2b6ad9
  Success:      #44c441
  Info:         #30c6bd
  Warning:      #eb8324
  Danger:       #c93f36
  Secondary:    #3A4857
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  [Table of contents]
  
    - Typography
    - Base
    - Helper Classes
  1. Layouts
    - Navbar
    - Navbar Mobile
    - Footer
  2. Elements
    - preloader
    - cursor
    - forms
    - buttons
    - dropdown
    - product item
    - post item
    - breadcrumb
    - boxes
    - pagination
    - page pagination
    - social
    - progress
    - gallery
    - collapse
    - tab
    - table
    - icon box
    - number box
    - element countdown
    - timeline
    - changelog
    - feature
    - pricing
    - review
    - media object
    - alert
    - link brand
    - list
    - badge
    - tooltip
    - popover
    - rating
    - number
    - snippet
    - modal
    - Banner
    - widget
  3. Pages
    - Page
    - Background Blur
    - demo
    - Post
    - Shop
    - User Profile
    - Forum
  4. Plugins
    - scroll reveal
    - bootstrap
    - bootstrap touchspin
    - swiper
    - hexagon rating
    - fancybox
    - slider revolution
    - cyberpress
    - isotope
    - Sweet Alert
    - Range Slider
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  Typography
-------------------------------------------------------------------*/
body {
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    letter-spacing: 0.02em;
    word-wrap: break-word;
}

a {
    color: #fff;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

a:hover, a:focus {
    color: #b8c0d4;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a.link-white {
    color: #fff;
}

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

p {
    margin-bottom: 1.25rem;
}

small,
.small {
    color: #959bab;
}

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

.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;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.mpl-link:hover {
    color: #4C5D6F;
}

.mpl-link:focus {
    outline: none;
}

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

.close:hover {
    color: #fff;
}

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

.close:focus {
    outline: none;
}

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

h1 > .badge,
h2 > .badge,
h3 > .badge,
h4 > .badge,
h5 > .badge,
h6 > .badge,
.h1 > .badge,
.h2 > .badge,
.h3 > .badge,
.h4 > .badge,
.h5 > .badge,
.h6 > .badge,
.display-1 > .badge,
.display-2 > .badge,
.display-3 > .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
 */
.social-list {
    display: block;
    margin-top: .625rem;
    margin-bottom: .625rem;
    clear: both;
}

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

/*------------------------------------------------------------------
  Base
-------------------------------------------------------------------*/
body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #12171C;
}

img {
    max-width: 100%;
}

.mpl-image {
    display: block;
    background-color: #12171C;
}

.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;
}

/*------------------------------------------------------------------
  Helper Classes
-------------------------------------------------------------------*/
/*
 * Text Color Helper
 */
.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: #3A4857 !important;
}

/*
 * Bg Color Helper
 */
.bg-1 {
    background-color: #12171C;
}

.bg-2 {
    background-color: #232D37;
}

.bg-3 {
    background-color: #3A4857;
}

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

.bg-light {
    background-color: #212A33 !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: #3A4857 !important;
}

/*
 * Cursor Pointer Helper
 */
.cursor-pointer {
    cursor: pointer !important;
}

/*
 * Text Transform Helper
 */
.text-uppercase {
    text-transform: uppercase !important;
}

/*
 * Font Weight Helper
 */
.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;
}

/*
 * Font Size Helper
 */
.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;
}

/*
 * Line Height Helper
 */
.lh-0 {
    line-height: 0px !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 Helper
 */
.text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * Overflow Helper
 */
.of-a {
    overflow: auto !important;
}

.of-h {
    overflow: hidden !important;
}

/*
 * Paddings Helper
 */
.p-0 {
    padding: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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;
}

/*
 * Margins Helper
 */
.m-0 {
    margin: 0px !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: 0px !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;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-160 {
    margin-left: 160px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-120 {
    margin-right: 120px !important;
}

.mr-140 {
    margin-right: 140px !important;
}

.mr-160 {
    margin-right: 160px !important;
}

.mb-0 {
    margin-bottom: 0px !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;
}

/*
 * Negative Margins Helper
 */
.mn-0 {
    margin: 0px !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: 0px !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;
}

.mnl-0 {
    margin-left: 0px !important;
}

.mnl-1 {
    margin-left: -1px !important;
}

.mnl-2 {
    margin-left: -2px !important;
}

.mnl-3 {
    margin-left: -3px !important;
}

.mnl-4 {
    margin-left: -4px !important;
}

.mnl-5 {
    margin-left: -5px !important;
}

.mnl-6 {
    margin-left: -6px !important;
}

.mnl-7 {
    margin-left: -7px !important;
}

.mnl-8 {
    margin-left: -8px !important;
}

.mnl-9 {
    margin-left: -9px !important;
}

.mnl-10 {
    margin-left: -10px !important;
}

.mnl-20 {
    margin-left: -20px !important;
}

.mnl-30 {
    margin-left: -30px !important;
}

.mnl-35 {
    margin-left: -35px !important;
}

.mnl-40 {
    margin-left: -40px !important;
}

.mnl-50 {
    margin-left: -50px !important;
}

.mnl-60 {
    margin-left: -60px !important;
}

.mnl-70 {
    margin-left: -70px !important;
}

.mnl-80 {
    margin-left: -80px !important;
}

.mnl-90 {
    margin-left: -90px !important;
}

.mnl-100 {
    margin-left: -100px !important;
}

.mnl-120 {
    margin-left: -120px !important;
}

.mnl-140 {
    margin-left: -140px !important;
}

.mnl-160 {
    margin-left: -160px !important;
}

.mnr-0 {
    margin-right: 0px !important;
}

.mnr-1 {
    margin-right: -1px !important;
}

.mnr-2 {
    margin-right: -2px !important;
}

.mnr-3 {
    margin-right: -3px !important;
}

.mnr-4 {
    margin-right: -4px !important;
}

.mnr-5 {
    margin-right: -5px !important;
}

.mnr-6 {
    margin-right: -6px !important;
}

.mnr-7 {
    margin-right: -7px !important;
}

.mnr-8 {
    margin-right: -8px !important;
}

.mnr-9 {
    margin-right: -9px !important;
}

.mnr-10 {
    margin-right: -10px !important;
}

.mnr-20 {
    margin-right: -20px !important;
}

.mnr-30 {
    margin-right: -30px !important;
}

.mnr-35 {
    margin-right: -35px !important;
}

.mnr-40 {
    margin-right: -40px !important;
}

.mnr-50 {
    margin-right: -50px !important;
}

.mnr-60 {
    margin-right: -60px !important;
}

.mnr-70 {
    margin-right: -70px !important;
}

.mnr-80 {
    margin-right: -80px !important;
}

.mnr-90 {
    margin-right: -90px !important;
}

.mnr-100 {
    margin-right: -100px !important;
}

.mnr-120 {
    margin-right: -120px !important;
}

.mnr-140 {
    margin-right: -140px !important;
}

.mnr-160 {
    margin-right: -160px !important;
}

.mnb-0 {
    margin-bottom: 0px !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;
}

/*
 * Opacity
 */
.op-0 {
    opacity: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

/*
 * Responsive embeds
 */
.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 > iframe,
.responsive-embed > embed,
.responsive-embed > object,
.responsive-embed > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover";
}

/*------------------------------------------------------------------

  Layouts

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  Navbar
-------------------------------------------------------------------*/
.no-transition *,
.no-transition *::before,
.no-transition *::after {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.mpl-navbar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    will-change: transform, min-height, filter;
    -webkit-transition: min-height 0.3s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    transition: min-height 0.3s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    -o-transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), min-height 0.3s ease-in-out, background-color 0.2s ease-in-out, filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), min-height 0.3s ease-in-out, background-color 0.2s ease-in-out, filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), min-height 0.3s ease-in-out, background-color 0.2s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.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: rgba(35, 45, 53, 0.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: #232D37;
}

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

.mpl-navbar-top > .mpl-navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.mpl-navbar-top .mpl-navbar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
}

.mpl-navbar-top > .mpl-navbar-container,
.mpl-navbar-top .mpl-navbar-content,
.mpl-navbar-top .mpl-navbar-nav {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.mpl-navbar-top .mpl-navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

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

.mpl-navbar-top .mpl-navbar-nav > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: 1200px) {
    .mpl-navbar-top .mpl-navbar-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: center;
            align-self: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-ordinal-group: 13;
            -ms-flex-order: 12;
                order: 12;
        width: 45px;
        height: 45px;
        margin-right: -12px;
        background-color: transparent;
        border: 0;
    }
    .mpl-navbar-top .mpl-navbar-toggle::before, .mpl-navbar-top .mpl-navbar-toggle::after {
        content: "";
        display: block;
        width: 15px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .mpl-navbar-top .mpl-navbar-toggle::before {
        -webkit-transform: translateX(2.5px);
            -ms-transform: translateX(2.5px);
                transform: translateX(2.5px);
    }
    .mpl-navbar-top .mpl-navbar-toggle::after {
        margin-top: 6px;
        -webkit-transform: translateX(-2.5px);
            -ms-transform: translateX(-2.5px);
                transform: translateX(-2.5px);
    }
    .mpl-navbar-top .mpl-navbar-toggle:hover::before {
        -webkit-transform: translateX(-2.5px);
            -ms-transform: translateX(-2.5px);
                transform: translateX(-2.5px);
    }
    .mpl-navbar-top .mpl-navbar-toggle:hover::after {
        -webkit-transform: translateX(2.5px);
            -ms-transform: translateX(2.5px);
                transform: translateX(2.5px);
    }
    .mpl-navbar-top .mpl-navbar-toggle:focus {
        outline: none;
    }
}

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

.mpl-navbar-top .mpl-navbar-brand > a {
    display: -webkit-box;
    display: -ms-flexbox;
    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;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

.mpl-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    min-height: 100px;
    padding: 0;
}

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

.mpl-navbar .mpl-navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 300px;
    height: 100%;
    will-change: width;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.mpl-navbar .mpl-navbar-brand > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    letter-spacing: .05em;
}

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

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

.mpl-navbar .mpl-nav-link .badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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:hover, .mpl-navbar .mpl-nav-link:focus {
    color: #fff;
}

.mpl-navbar .mpl-nav-link:hover > .mpl-nav-link-name, .mpl-navbar .mpl-nav-link:focus > .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: none;
}

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

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

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

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

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

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

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

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

.mpl-navbar .mpl-dropdown:hover > .mpl-dropdown-menu, .mpl-navbar .mpl-dropdown.focus > .mpl-dropdown-menu, .mpl-navbar .mpl-dropdown.show > .mpl-dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(300px) rotate(0);
            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: #232D37;
    border-radius: .3125rem;
    -webkit-box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
            box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: perspective(300px) rotateX(-5deg);
            transform: perspective(300px) rotateX(-5deg);
    -webkit-transform-origin: 50% -50px;
        -ms-transform-origin: 50% -50px;
            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: #526A83;
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

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

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link:hover::after, .mpl-navbar .mpl-dropdown-menu .mpl-dropdown > .mpl-nav-link:focus::after {
    background-color: #526A83;
}

.mpl-navbar .mpl-dropdown-menu .mpl-dropdown-menu {
    top: -25px;
    left: 100%;
    margin-top: 0;
    margin-left: 48px;
    -webkit-transform: perspective(300px) rotateY(5deg);
            transform: perspective(300px) rotateY(5deg);
    -webkit-transform-origin: 0 50px;
        -ms-transform-origin: 0 50px;
            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;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            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: #526A83;
}

.mpl-navbar .mpl-dropdown-menu .mpl-navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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: -webkit-box;
    display: -ms-flexbox;
    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:hover, .mpl-navbar .mpl-dropdown-menu .mpl-nav-link:focus {
    color: #fff;
}

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

.mpl-navbar .mpl-dropdown-cart > .mpl-dropdown-menu {
    -ms-flex-wrap: wrap;
        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 {
        -webkit-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
                transform: translateX(-100px);
    }
}

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

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

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

/*------------------------------------------------------------------
  Navbar Mobile
-------------------------------------------------------------------*/
.mpl-navbar-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 100vh;
    padding: 0;
    background-color: #232D37;
    will-change: transform, filter;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    transition: -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    -o-transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            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, 0.9);
    opacity: 1;
    will-change: transform, opacity;
    -webkit-transition: visibility 0.4s cubic-bezier(0.2, 1, 0.2, 1), opacity 0.4s cubic-bezier(0.2, 1, 0.2, 1);
    -o-transition: visibility 0.4s cubic-bezier(0.2, 1, 0.2, 1), opacity 0.4s cubic-bezier(0.2, 1, 0.2, 1);
    transition: visibility 0.4s cubic-bezier(0.2, 1, 0.2, 1), opacity 0.4s cubic-bezier(0.2, 1, 0.2, 1);
    z-index: 2;
}

.mpl-navbar-mobile .mpl-navbar-container {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #232D37;
    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 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            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: #3A4857;
    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;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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;
    will-change: opacity;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}

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

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

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

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

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

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

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

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

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

@keyframes mpl-toggle-rotate {
    0%,
    50% {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    80%,
    100% {
        -webkit-transform: rotate(0);
                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;
    -webkit-transition: background-color .2s, -webkit-transform .2s ease-in-out;
    transition: background-color .2s, -webkit-transform .2s ease-in-out;
    -o-transition: background-color .2s, transform .2s ease-in-out;
    transition: background-color .2s, transform .2s ease-in-out;
    transition: background-color .2s, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

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

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

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

.mpl-navbar-mobile .mpl-navbar-toggle > span:nth-child(4) {
    right: 15px;
    bottom: 17px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            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: #3A4857;
    border-radius: 100%;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    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: #526A83;
}

.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: #526A83;
}

.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:hover, .mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:focus {
    color: #fff;
}

.mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:hover > .mpl-nav-link-name, .mpl-navbar-mobile .mpl-navbar-collapse .mpl-nav-link:focus > .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;
    will-change: opacity;
    -webkit-transition: opacity 0.6s cubic-bezier(0.2, 1, 0.2, 1), background-color 0.6s cubic-bezier(0.2, 1, 0.2, 1), visibility 0.6s cubic-bezier(0.2, 1, 0.2, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.2, 1, 0.2, 1), background-color 0.6s cubic-bezier(0.2, 1, 0.2, 1), visibility 0.6s cubic-bezier(0.2, 1, 0.2, 1);
    transition: opacity 0.6s cubic-bezier(0.2, 1, 0.2, 1), background-color 0.6s cubic-bezier(0.2, 1, 0.2, 1), visibility 0.6s cubic-bezier(0.2, 1, 0.2, 1);
    z-index: 12;
}

.mpl-navbar-mobile-open .mpl-navbar-mobile {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            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, 0.9);
    opacity: 1;
}

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

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

.mpl-footer > .mpl-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 10, 13, 0.6)), to(rgba(11, 10, 13, 0)));
    background-image: -o-linear-gradient(top, rgba(11, 10, 13, 0.6) 0%, rgba(11, 10, 13, 0) 100%);
    background-image: linear-gradient(180deg, rgba(11, 10, 13, 0.6) 0%, rgba(11, 10, 13, 0) 100%);
}

.mpl-footer > .mpl-image img {
    opacity: 0.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: #12171C;
}

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

/*------------------------------------------------------------------

  Elements

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  preloader
-------------------------------------------------------------------*/
@-webkit-keyframes mpl-preloader-hide-bg {
    0%,
    80% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: skewY(5deg) translateY(115%);
                transform: skewY(5deg) translateY(115%);
    }
}
@keyframes mpl-preloader-hide-bg {
    0%,
    80% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: skewY(5deg) translateY(115%);
                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% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(50px);
                transform: translateY(50px);
    }
}

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

.mpl-preloader {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    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: #12171C;
    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, 0.15);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.mpl-preloader-progress > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 80px;
    background-color: #fff;
    will-change: width;
    -webkit-transition: width 1.5s ease-in-out;
    -o-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            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(0.89, 0.13, 0.33, 0.88);
            animation: mpl-preloader-hide-bg 1s cubic-bezier(0.89, 0.13, 0.33, 0.88);
}

.mpl-preloader-hide .mpl-preloader-title {
    -webkit-animation: mpl-preloader-hide-title 0.5s 0.2s cubic-bezier(0.89, 0.13, 0.33, 0.88);
            animation: mpl-preloader-hide-title 0.5s 0.2s cubic-bezier(0.89, 0.13, 0.33, 0.88);
}

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

/*------------------------------------------------------------------
  cursor
-------------------------------------------------------------------*/
.mpl-cursor-enabled * {
    cursor: none !important;
}

.mpl-cursor-outer,
.mpl-cursor {
    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;
	cursor: url('assets/images/Cursors/Cursor_Normal.png');
    -webkit-transition: width .2s ease, height .2s ease, top .2s ease, left .2s ease, background-color .2s ease, opacity .2s ease;
    -o-transition: width .2s ease, height .2s ease, top .2s ease, left .2s ease, background-color .2s ease, opacity .2s ease;
    transition: width .2s ease, height .2s ease, top .2s ease, left .2s ease, background-color .2s ease, opacity .2s ease;
    will-change: transform, width, height, top, left, background-color, opacity;
    -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;
}

/*------------------------------------------------------------------
  forms
-------------------------------------------------------------------*/
.form-control {
    position: relative;
    background-color: transparent;
    border-color: transparent;
    z-index: 1;
}

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

.form-control:focus + .form-control-bg {
    background-color: #526A83;
}

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

.form-control:disabled + .form-control-bg, .form-control[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: #3A4857;
    border-radius: 3px;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: 0;
}

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

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

.form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
    -webkit-transition: color .15s;
    transition: color .15s;
}

.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
    -moz-transition: color .15s;
    transition: color .15s;
}

.form-control:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    -ms-transition: color .15s;
    transition: color .15s;
}

.form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    -ms-transition: color .15s;
    transition: color .15s;
}

.form-control::placeholder {
    color: #fff;
    opacity: 1;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

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

.form-control:focus::-webkit-input-placeholder {
    color: #9d9ba9;
}

.form-control:focus::-moz-placeholder {
    color: #9d9ba9;
}

.form-control:focus:-ms-input-placeholder {
    color: #9d9ba9;
}

.form-control:focus::-ms-input-placeholder {
    color: #9d9ba9;
}

.form-control:focus::placeholder {
    color: #9d9ba9;
}

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

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

textarea.form-control:focus {
    background-color: #526A83;
}

select.form-control {
    cursor: pointer;
}

select.form-control > option {
    color: #b9b7c0;
    background-color: #232D37;
}

.custom-select {
    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;
}

.custom-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.875rem;
}

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

.custom-control-label > a {
    color: #fff;
}

.custom-control-label > a:hover {
    color: #d31c3e;
}

.custom-control-label::before {
    background-color: #3A4857;
}

.custom-control-label::before, .custom-control-label::after {
    top: .125rem;
    left: -1.875rem;
    width: 1.25rem;
    height: 1.25rem;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 2px;
}

.custom-control-input:focus ~ .custom-control-label::before {
    background-color: #526A83;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6a839e;
}

.custom-control-input:checked:focus ~ .custom-control-label::before {
    background-color: #6a839e;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #6a839e;
}

.custom-checkbox .custom-control-label::before {
    -webkit-transform: skew(-6deg);
        -ms-transform: skew(-6deg);
            transform: skew(-6deg);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    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");
}

.custom-radio + .custom-radio {
    margin-top: 10px;
}

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

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

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

/*------------------------------------------------------------------
  buttons
-------------------------------------------------------------------*/
.btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    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;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    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::after, .btn.dropdown-toggle::after {
    content: ".";
    display: block;
    width: 0;
    margin: 0;
    color: transparent;
    border: 0;
}

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

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

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

.btn::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #4C5D6F;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    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;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, background-size .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

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

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

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

.btn:not(:disabled):not(.disabled):active {
    color: #4C5D6F;
}

.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 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-secondary:hover, .btn-secondary:focus {
    color: #3A4857;
}

.btn-secondary::before,
.dropleft .btn-secondary.dropdown-toggle::before {
    background-color: #3A4857;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

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

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

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

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

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

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

.btn-hover-rss::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e06618), to(#e06618));
    background-image: -o-linear-gradient(bottom, #e06618 0, #e06618 100%);
    background-image: linear-gradient(to top, #e06618 0, #e06618 100%);
}

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

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

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

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

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

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

.btn-hover-behance::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #487cfb), to(#487cfb));
    background-image: -o-linear-gradient(bottom, #487cfb 0, #487cfb 100%);
    background-image: linear-gradient(to top, #487cfb 0, #487cfb 100%);
}

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

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

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

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

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

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

.btn-hover-bitbucket::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #36517e), to(#36517e));
    background-image: -o-linear-gradient(bottom, #36517e 0, #36517e 100%);
    background-image: linear-gradient(to top, #36517e 0, #36517e 100%);
}

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

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

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

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

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

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

.btn-hover-dropbox::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4d86d9), to(#4d86d9));
    background-image: -o-linear-gradient(bottom, #4d86d9 0, #4d86d9 100%);
    background-image: linear-gradient(to top, #4d86d9 0, #4d86d9 100%);
}

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

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

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

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

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

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

.btn-hover-dribbble::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ea4c89), to(#ea4c89));
    background-image: -o-linear-gradient(bottom, #ea4c89 0, #ea4c89 100%);
    background-image: linear-gradient(to top, #ea4c89 0, #ea4c89 100%);
}

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

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

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

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

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

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

.btn-hover-deviantart::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4a5d4e), to(#4a5d4e));
    background-image: -o-linear-gradient(bottom, #4a5d4e 0, #4a5d4e 100%);
    background-image: linear-gradient(to top, #4a5d4e 0, #4a5d4e 100%);
}

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

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

.btn-Polyblicy::before {
    background-color: #3b5998;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

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


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

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

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

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

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

.btn-hover-Polyblicy::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4e6175), to(#4e6175));
    background-image: -o-linear-gradient(bottom, #4e6175 0, #4e6175 100%);
    background-image: linear-gradient(to top, #4e6175 0, #4e6175 100%);
}

.btn-hover-facebook::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3b5998), to(#3b5998));
    background-image: -o-linear-gradient(bottom, #3b5998 0, #3b5998 100%);
    background-image: linear-gradient(to top, #3b5998 0, #3b5998 100%);
}

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

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

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

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

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

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

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

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

.btn-hover-flickr::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f40083), to(#f40083));
    background-image: -o-linear-gradient(bottom, #f40083 0, #f40083 100%);
    background-image: linear-gradient(to top, #f40083 0, #f40083 100%);
}

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

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

.btn-foursquare::before {
    background-color: #fc4575;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-foursquare:hover::before, .btn-foursquare:focus::before, .btn-foursquare:not(:disabled):not(.disabled):active::before {
    background-color: #fc4575;
}

.btn-foursquare:hover, .btn-foursquare:focus {
    color: #fc4575;
}

.btn-hover-foursquare::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fc4575), to(#fc4575));
    background-image: -o-linear-gradient(bottom, #fc4575 0, #fc4575 100%);
    background-image: linear-gradient(to top, #fc4575 0, #fc4575 100%);
}

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

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

.btn-github::before {
    background-color: #464646;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-github:hover::before, .btn-github:focus::before, .btn-github:not(:disabled):not(.disabled):active::before {
    background-color: #464646;
}

.btn-github:hover, .btn-github:focus {
    color: #464646;
}

.btn-hover-github::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #464646), to(#464646));
    background-image: -o-linear-gradient(bottom, #464646 0, #464646 100%);
    background-image: linear-gradient(to top, #464646 0, #464646 100%);
}

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

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

.btn-google-plus::before {
    background-color: #df4a32;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-google-plus:hover::before, .btn-google-plus:focus::before, .btn-google-plus:not(:disabled):not(.disabled):active::before {
    background-color: #df4a32;
}

.btn-google-plus:hover, .btn-google-plus:focus {
    color: #df4a32;
}

.btn-hover-google-plus::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #df4a32), to(#df4a32));
    background-image: -o-linear-gradient(bottom, #df4a32 0, #df4a32 100%);
    background-image: linear-gradient(to top, #df4a32 0, #df4a32 100%);
}

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

.btn-hover-google-plus:hover, .btn-hover-google-plus:focus {
    color: #fff;
}

.btn-instagram::before {
    background-color: #c32a68;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-instagram:hover::before, .btn-instagram:focus::before, .btn-instagram:not(:disabled):not(.disabled):active::before {
    background-color: #c32a68;
}

.btn-instagram:hover, .btn-instagram:focus {
    color: #c32a68;
}

.btn-hover-instagram::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c32a68), to(#c32a68));
    background-image: -o-linear-gradient(bottom, #c32a68 0, #c32a68 100%);
    background-image: linear-gradient(to top, #c32a68 0, #c32a68 100%);
}

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

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

.btn-linkedin::before {
    background-color: #007bb6;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-linkedin:hover::before, .btn-linkedin:focus::before, .btn-linkedin:not(:disabled):not(.disabled):active::before {
    background-color: #007bb6;
}

.btn-linkedin:hover, .btn-linkedin:focus {
    color: #007bb6;
}

.btn-hover-linkedin::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007bb6), to(#007bb6));
    background-image: -o-linear-gradient(bottom, #007bb6 0, #007bb6 100%);
    background-image: linear-gradient(to top, #007bb6 0, #007bb6 100%);
}

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

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

.btn-medium::before {
    background-color: #03a87a;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-medium:hover::before, .btn-medium:focus::before, .btn-medium:not(:disabled):not(.disabled):active::before {
    background-color: #03a87a;
}

.btn-medium:hover, .btn-medium:focus {
    color: #03a87a;
}

.btn-hover-medium::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #03a87a), to(#03a87a));
    background-image: -o-linear-gradient(bottom, #03a87a 0, #03a87a 100%);
    background-image: linear-gradient(to top, #03a87a 0, #03a87a 100%);
}

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

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

.btn-odnoklassniki::before {
    background-color: #d8732a;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-odnoklassniki:hover::before, .btn-odnoklassniki:focus::before, .btn-odnoklassniki:not(:disabled):not(.disabled):active::before {
    background-color: #d8732a;
}

.btn-odnoklassniki:hover, .btn-odnoklassniki:focus {
    color: #d8732a;
}

.btn-hover-odnoklassniki::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d8732a), to(#d8732a));
    background-image: -o-linear-gradient(bottom, #d8732a 0, #d8732a 100%);
    background-image: linear-gradient(to top, #d8732a 0, #d8732a 100%);
}

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

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

.btn-paypal::before {
    background-color: #1d3283;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-paypal:hover::before, .btn-paypal:focus::before, .btn-paypal:not(:disabled):not(.disabled):active::before {
    background-color: #1d3283;
}

.btn-paypal:hover, .btn-paypal:focus {
    color: #1d3283;
}

.btn-hover-paypal::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1d3283), to(#1d3283));
    background-image: -o-linear-gradient(bottom, #1d3283 0, #1d3283 100%);
    background-image: linear-gradient(to top, #1d3283 0, #1d3283 100%);
}

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

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

.btn-pinterest::before {
    background-color: #cb2027;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-pinterest:hover::before, .btn-pinterest:focus::before, .btn-pinterest:not(:disabled):not(.disabled):active::before {
    background-color: #cb2027;
}

.btn-pinterest:hover, .btn-pinterest:focus {
    color: #cb2027;
}

.btn-hover-pinterest::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cb2027), to(#cb2027));
    background-image: -o-linear-gradient(bottom, #cb2027 0, #cb2027 100%);
    background-image: linear-gradient(to top, #cb2027 0, #cb2027 100%);
}

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

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

.btn-reddit::before {
    background-color: #ff5700;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-reddit:hover::before, .btn-reddit:focus::before, .btn-reddit:not(:disabled):not(.disabled):active::before {
    background-color: #ff5700;
}

.btn-reddit:hover, .btn-reddit:focus {
    color: #ff5700;
}

.btn-hover-reddit::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff5700), to(#ff5700));
    background-image: -o-linear-gradient(bottom, #ff5700 0, #ff5700 100%);
    background-image: linear-gradient(to top, #ff5700 0, #ff5700 100%);
}

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

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

.btn-skype::before {
    background-color: #00aff0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-skype:hover::before, .btn-skype:focus::before, .btn-skype:not(:disabled):not(.disabled):active::before {
    background-color: #00aff0;
}

.btn-skype:hover, .btn-skype:focus {
    color: #00aff0;
}

.btn-hover-skype::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00aff0), to(#00aff0));
    background-image: -o-linear-gradient(bottom, #00aff0 0, #00aff0 100%);
    background-image: linear-gradient(to top, #00aff0 0, #00aff0 100%);
}

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

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

.btn-soundcloud::before {
    background-color: #f50;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-soundcloud:hover::before, .btn-soundcloud:focus::before, .btn-soundcloud:not(:disabled):not(.disabled):active::before {
    background-color: #f50;
}

.btn-soundcloud:hover, .btn-soundcloud:focus {
    color: #f50;
}

.btn-hover-soundcloud::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f50), to(#f50));
    background-image: -o-linear-gradient(bottom, #f50 0, #f50 100%);
    background-image: linear-gradient(to top, #f50 0, #f50 100%);
}

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

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

.btn-slack::before {
    background-color: #543b56;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-slack:hover::before, .btn-slack:focus::before, .btn-slack:not(:disabled):not(.disabled):active::before {
    background-color: #543b56;
}

.btn-slack:hover, .btn-slack:focus {
    color: #543b56;
}

.btn-hover-slack::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #543b56), to(#543b56));
    background-image: -o-linear-gradient(bottom, #543b56 0, #543b56 100%);
    background-image: linear-gradient(to top, #543b56 0, #543b56 100%);
}

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

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

.btn-steam::before {
    background-color: #272425;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-steam:hover::before, .btn-steam:focus::before, .btn-steam:not(:disabled):not(.disabled):active::before {
    background-color: #272425;
}

.btn-steam:hover, .btn-steam:focus {
    color: #272425;
}

.btn-hover-steam::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #272425), to(#272425));
    background-image: -o-linear-gradient(bottom, #272425 0, #272425 100%);
    background-image: linear-gradient(to top, #272425 0, #272425 100%);
}

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

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

.btn-snapchat::before {
    background-color: #fffc00;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-snapchat:hover::before, .btn-snapchat:focus::before, .btn-snapchat:not(:disabled):not(.disabled):active::before {
    background-color: #fffc00;
}

.btn-snapchat:hover, .btn-snapchat:focus {
    color: #fffc00;
}

.btn-hover-snapchat::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fffc00), to(#fffc00));
    background-image: -o-linear-gradient(bottom, #fffc00 0, #fffc00 100%);
    background-image: linear-gradient(to top, #fffc00 0, #fffc00 100%);
}

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

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

.btn-swarm::before {
    background-color: #ffb000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-swarm:hover::before, .btn-swarm:focus::before, .btn-swarm:not(:disabled):not(.disabled):active::before {
    background-color: #ffb000;
}

.btn-swarm:hover, .btn-swarm:focus {
    color: #ffb000;
}

.btn-hover-swarm::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffb000), to(#ffb000));
    background-image: -o-linear-gradient(bottom, #ffb000 0, #ffb000 100%);
    background-image: linear-gradient(to top, #ffb000 0, #ffb000 100%);
}

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

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

.btn-stumbleupon::before {
    background-color: #eb4924;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-stumbleupon:hover::before, .btn-stumbleupon:focus::before, .btn-stumbleupon:not(:disabled):not(.disabled):active::before {
    background-color: #eb4924;
}

.btn-stumbleupon:hover, .btn-stumbleupon:focus {
    color: #eb4924;
}

.btn-hover-stumbleupon::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eb4924), to(#eb4924));
    background-image: -o-linear-gradient(bottom, #eb4924 0, #eb4924 100%);
    background-image: linear-gradient(to top, #eb4924 0, #eb4924 100%);
}

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

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

.btn-spotify::before {
    background-color: #1ed760;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-spotify:hover::before, .btn-spotify:focus::before, .btn-spotify:not(:disabled):not(.disabled):active::before {
    background-color: #1ed760;
}

.btn-spotify:hover, .btn-spotify:focus {
    color: #1ed760;
}

.btn-hover-spotify::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1ed760), to(#1ed760));
    background-image: -o-linear-gradient(bottom, #1ed760 0, #1ed760 100%);
    background-image: linear-gradient(to top, #1ed760 0, #1ed760 100%);
}

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

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

.btn-tumblr::before {
    background-color: #2c4762;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-tumblr:hover::before, .btn-tumblr:focus::before, .btn-tumblr:not(:disabled):not(.disabled):active::before {
    background-color: #2c4762;
}

.btn-tumblr:hover, .btn-tumblr:focus {
    color: #2c4762;
}

.btn-hover-tumblr::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2c4762), to(#2c4762));
    background-image: -o-linear-gradient(bottom, #2c4762 0, #2c4762 100%);
    background-image: linear-gradient(to top, #2c4762 0, #2c4762 100%);
}

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

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

.btn-twitch::before {
    background-color: #5c43a1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-twitch:hover::before, .btn-twitch:focus::before, .btn-twitch:not(:disabled):not(.disabled):active::before {
    background-color: #5c43a1;
}

.btn-twitch:hover, .btn-twitch:focus {
    color: #5c43a1;
}

.btn-hover-twitch::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5c43a1), to(#5c43a1));
    background-image: -o-linear-gradient(bottom, #5c43a1 0, #5c43a1 100%);
    background-image: linear-gradient(to top, #5c43a1 0, #5c43a1 100%);
}

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

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

.btn-twitter::before {
    background-color: #00b6f1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-twitter:hover::before, .btn-twitter:focus::before, .btn-twitter:not(:disabled):not(.disabled):active::before {
    background-color: #00b6f1;
}

.btn-twitter:hover, .btn-twitter:focus {
    color: #00b6f1;
}

.btn-hover-twitter::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00b6f1), to(#00b6f1));
    background-image: -o-linear-gradient(bottom, #00b6f1 0, #00b6f1 100%);
    background-image: linear-gradient(to top, #00b6f1 0, #00b6f1 100%);
}

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

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

.btn-vimeo::before {
    background-color: #45bbff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-vimeo:hover::before, .btn-vimeo:focus::before, .btn-vimeo:not(:disabled):not(.disabled):active::before {
    background-color: #45bbff;
}

.btn-vimeo:hover, .btn-vimeo:focus {
    color: #45bbff;
}

.btn-hover-vimeo::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #45bbff), to(#45bbff));
    background-image: -o-linear-gradient(bottom, #45bbff 0, #45bbff 100%);
    background-image: linear-gradient(to top, #45bbff 0, #45bbff 100%);
}

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

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

.btn-vk::before {
    background-color: #657da0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-vk:hover::before, .btn-vk:focus::before, .btn-vk:not(:disabled):not(.disabled):active::before {
    background-color: #657da0;
}

.btn-vk:hover, .btn-vk:focus {
    color: #657da0;
}

.btn-hover-vk::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #657da0), to(#657da0));
    background-image: -o-linear-gradient(bottom, #657da0 0, #657da0 100%);
    background-image: linear-gradient(to top, #657da0 0, #657da0 100%);
}

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

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

.btn-wordpress::before {
    background-color: #4072a1;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-wordpress:hover::before, .btn-wordpress:focus::before, .btn-wordpress:not(:disabled):not(.disabled):active::before {
    background-color: #4072a1;
}

.btn-wordpress:hover, .btn-wordpress:focus {
    color: #4072a1;
}

.btn-hover-wordpress::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4072a1), to(#4072a1));
    background-image: -o-linear-gradient(bottom, #4072a1 0, #4072a1 100%);
    background-image: linear-gradient(to top, #4072a1 0, #4072a1 100%);
}

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

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

.btn-youtube::before {
    background-color: #f00;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(#fff));
    background-image: -o-linear-gradient(bottom, #fff 0, #fff 100%);
    background-image: linear-gradient(to top, #fff 0, #fff 100%);
}

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

.btn-youtube:hover::before, .btn-youtube:focus::before, .btn-youtube:not(:disabled):not(.disabled):active::before {
    background-color: #f00;
}

.btn-youtube:hover, .btn-youtube:focus {
    color: #f00;
}

.btn-hover-youtube::before {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f00), to(#f00));
    background-image: -o-linear-gradient(bottom, #f00 0, #f00 100%);
    background-image: linear-gradient(to top, #f00 0, #f00 100%);
}

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

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

.btn-group > .btn:not(:first-child) {
    margin-left: 0;
}

.btn-group > .btn:not(:last-child)::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child)::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*------------------------------------------------------------------
  dropdown
-------------------------------------------------------------------*/
.dropdown-menu {
    position: absolute;
    display: none;
    left: 0;
    padding: 25px 30px;
    color: #b9b7c0;
    background-color: #232D37;
    border-width: 0;
    -webkit-box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
            box-shadow: 0 4px 20px rgba(31, 29, 41, 0.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: #3A4857;
}

.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;
    will-change: transform, opacity;
    -webkit-transition: background-color .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: background-color .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out;
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
}

.dropdown-menu.fade.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            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;
}

/*------------------------------------------------------------------
  product item
-------------------------------------------------------------------*/
.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;
    -webkit-transform: skew(-2deg) scaleX(0.972);
        -ms-transform: skew(-2deg) scaleX(0.972);
            transform: skew(-2deg) scaleX(0.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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.mpl-product-item .mpl-product-image > .mpl-image > img {
    -webkit-transform: skew(2deg) scaleX(1.028);
        -ms-transform: skew(2deg) scaleX(1.028);
            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;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.mpl-product-item .mpl-product-rating {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #3A4857;
}

.mpl-product-item .badge {
    position: absolute;
    top: 20px;
    left: 25px;
    padding: 4px 6px;
    font-size: .75rem;
}

.mpl-product-item:hover .mpl-product-image img, .mpl-product-item:focus .mpl-product-image img {
    opacity: 0.9;
}

.mpl-product-item:hover .mpl-product-title, .mpl-product-item:focus .mpl-product-title {
    color: #4C5D6F;
}

.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: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(31, 29, 41, 0)), to(rgba(31, 29, 41, 0.9)));
    background-image: -o-linear-gradient(top, rgba(31, 29, 41, 0) 70%, rgba(31, 29, 41, 0.9) 100%);
    background-image: linear-gradient(180deg, rgba(31, 29, 41, 0) 70%, rgba(31, 29, 41, 0.9) 100%);
    border-radius: 5px;
    z-index: 1;
}

.mpl-product-item.mpl-product-overlay .mpl-product-content {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            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:hover .mpl-product-title,
.mpl-product-item.mpl-product-overlay:focus .mpl-product-title {
    color: #fff;
}

.mpl-product-item.mpl-product-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #232D37;
        border-radius: 4px;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        -webkit-transform: skew(-2deg);
            -ms-transform: skew(-2deg);
                transform: skew(-2deg);
        z-index: -1;
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        background-color: #232D37;
        border-radius: 3px;
    }
}

@media (min-width: 768px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        width: 130px;
    }
}

@media (min-width: 576px) and (max-width: 767.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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                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;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image > img {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media (min-width: 768px) {
    .mpl-product-item.mpl-product-horizontal .mpl-product-image > .mpl-image::after {
        height: 95px;
    }
}

@media (min-width: 576px) and (max-width: 767.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 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.mpl-product-item.mpl-product-horizontal .badge {
    top: 8px;
    left: 15px;
}

.mpl-product-item.mpl-product-horizontal:hover::after, .mpl-product-item.mpl-product-horizontal:focus::after {
    background-color: #3A4755;
}

.mpl-product-item.mpl-product-horizontal:hover .mpl-product-title, .mpl-product-item.mpl-product-horizontal:focus .mpl-product-title {
    color: #fff;
}

.mpl-product-item.mpl-product-checkout {
    padding: 20px 30px;
}

.mpl-product-item.mpl-product-checkout::after {
    left: 0;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            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: -webkit-box;
    display: -ms-flexbox;
    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:hover, .mpl-product-cart .mpl-product-close:focus {
    color: #d31c3e;
}

/*------------------------------------------------------------------
  post item
-------------------------------------------------------------------*/
.mpl-post-item:not(.mpl-post-vertical) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 300px;
                flex: 0 0 300px;
        max-width: 300px;
        margin-right: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 230px;
                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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    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, 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, 0.3);
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-content {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    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:hover, .mpl-post-item:not(.mpl-post-vertical) .mpl-post-tags > ul a:focus {
    color: #fff;
}

.mpl-post-item:not(.mpl-post-vertical) .mpl-post-description {
    line-height: 1.4;
}

.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: 0.9;
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #232D37;
        border-radius: 4px;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        -webkit-transform: skew(-2deg);
            -ms-transform: skew(-2deg);
                transform: skew(-2deg);
        z-index: -1;
    }
}

@media (max-width: 575.98px) {
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        background-color: #232D37;
        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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                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;
        -webkit-transform: skew(-2deg) scaleX(0.972);
            -ms-transform: skew(-2deg) scaleX(0.972);
                transform: skew(-2deg) scaleX(0.972);
    }
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image > img {
        -webkit-transform: skew(2deg) scaleX(1.028);
            -ms-transform: skew(2deg) scaleX(1.028);
                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;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .mpl-post-item:not(.mpl-post-vertical).mpl-post-block .mpl-post-image > .mpl-image > img {
        -webkit-transform: none;
            -ms-transform: none;
                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: #2d293b;
}

.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: -webkit-gradient(linear, left top, left bottom, color-stop(50.71%, rgba(20, 15, 13, 0)), to(rgba(20, 15, 13, 0.5))), -webkit-gradient(linear, left bottom, left top, from(rgba(20, 15, 13, 0.3)), to(rgba(20, 15, 13, 0.3)));
    background-image: -o-linear-gradient(top, rgba(20, 15, 13, 0) 50.71%, rgba(20, 15, 13, 0.5) 100%), -o-linear-gradient(bottom, rgba(20, 15, 13, 0.3), rgba(20, 15, 13, 0.3));
    background-image: linear-gradient(180deg, rgba(20, 15, 13, 0) 50.71%, rgba(20, 15, 13, 0.5) 100%), linear-gradient(0deg, rgba(20, 15, 13, 0.3), rgba(20, 15, 13, 0.3));
    z-index: 1;
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-title {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            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;
    will-change: transform, opacity;
    -webkit-transition: opacity .35s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .35s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out, opacity .35s ease-in-out;
    transition: transform .25s ease-in-out, opacity .35s ease-in-out;
    transition: transform .25s ease-in-out, opacity .35s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden .mpl-post-content {
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateY(calc(100% - 25px));
        -ms-transform: translateY(calc(100% - 25px));
            transform: translateY(calc(100% - 25px));
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:hover .mpl-post-content, .mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:focus .mpl-post-content {
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:hover .mpl-post-description, .mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay.mpl-post-hidden:focus .mpl-post-description {
    opacity: 1;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}

.mpl-post-item:not(.mpl-post-vertical).mpl-post-overlay .mpl-post-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            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;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-bottom: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       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;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px 30px 25px;
    z-index: 1;
}

a.mpl-post-item:not(.mpl-post-overlay) .mpl-post-title {
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

a.mpl-post-item:not(.mpl-post-overlay):hover .mpl-post-title {
    color: #4C5D6F;
}

@media (min-width: 992px) {
    .mpl-post-md:not(.mpl-post-vertical) .mpl-post-image {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 230px;
                flex: 0 0 230px;
        max-width: 230px;
        margin-right: 30px;
    }
}

.mpl-post-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transform: skew(-2deg) scale(0.972);
        -ms-transform: skew(-2deg) scale(0.972);
            transform: skew(-2deg) scale(0.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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transform: skew(2deg) scale(1.028);
        -ms-transform: skew(2deg) scale(1.028);
            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: 0.9;
}

/*------------------------------------------------------------------
  breadcrumb
-------------------------------------------------------------------*/
.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:hover, .breadcrumb-item > a:focus {
    color: #fff;
}

/*------------------------------------------------------------------
  boxes
-------------------------------------------------------------------*/
.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
-------------------------------------------------------------------*/
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -5px;
}

.pagination .page-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: #4C5D6F;
}

.pagination .page-item.active .page-link:hover, .pagination .page-item.active .page-link:focus {
    color: #fff;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 40px;
}

.pagination .page-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 40px;
    height: 40px;
    color: #fff;
    background-color: transparent;
    border: 0;
    border-radius: 40px;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.pagination .page-link:hover, .pagination .page-link:focus {
    background-color: #3A4857;
}

.pagination .page-link:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.pagination .page-link.prev, .pagination .page-link.next {
    padding: 0;
    background-color: transparent;
}

.pagination .page-link.prev:hover, .pagination .page-link.prev:focus, .pagination .page-link.next:hover, .pagination .page-link.next:focus {
    color: #d31c3e;
    background-color: transparent;
}

/*------------------------------------------------------------------
  page pagination
-------------------------------------------------------------------*/
.mpl-page-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mpl-page-pagination > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0;
    margin: -20px -10px 0;
    list-style: none;
}

@media (max-width: 575.98px) {
    .mpl-page-pagination > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.mpl-page-pagination > ul > li {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    padding: 20px 10px 0;
}

@media (min-width: 576px) {
    .mpl-page-pagination-prev .mpl-page-pagination-link {
        -webkit-box-align: end;
            -ms-flex-align: end;
                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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: stroke .15s;
    -o-transition: stroke .15s;
    transition: stroke .15s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.mpl-page-pagination-link::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.mpl-page-pagination-link:hover::before, .mpl-page-pagination-link:focus::before {
    background-color: #3A4857;
}

.mpl-page-pagination-link:hover, .mpl-page-pagination-link:focus {
    color: #fff;
}

.mpl-page-pagination-link:hover .icon, .mpl-page-pagination-link:focus .icon {
    stroke: #fff;
}

.mpl-page-pagination-title {
    display: block;
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
    margin-bottom: 0;
    font-weight: initial;
}

.mpl-page-pagination-subtitle {
    display: block;
    margin-bottom: .125rem;
    font-size: .875rem;
    color: #b9b7c0;
}

/*------------------------------------------------------------------
  social
-------------------------------------------------------------------*/
.mpl-social {
    display: block;
    color: #fff;
    text-align: center;
}

.mpl-social:hover, .mpl-social:focus {
    color: #fff;
}

.mpl-social:hover .mpl-social-icon::before, .mpl-social:focus .mpl-social-icon::before {
    background-color: #3A4857;
}

.mpl-social-name {
    display: block;
    margin-top: 14px;
    margin-bottom: 0;
    line-height: 1.333333333333333;
}

.mpl-social-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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(35, 45, 53, 0.9);
    border-radius: 5px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

/*------------------------------------------------------------------
  progress
-------------------------------------------------------------------*/
.progress {
    height: 18px;
    margin-bottom: 15px;
    overflow: initial;
    background-color: #232D37;
    border-radius: 2px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            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;
}

/*------------------------------------------------------------------
  gallery
-------------------------------------------------------------------*/
.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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.mpl-gallery > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    stroke: #fff;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}

.mpl-gallery:hover > .mpl-image img, .mpl-gallery:focus > .mpl-image img {
    opacity: 0.9;
}

.mpl-gallery:hover > .icon, .mpl-gallery:focus > .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;
    -webkit-transform: skew(-2deg) scale(0.972);
        -ms-transform: skew(-2deg) scale(0.972);
            transform: skew(-2deg) scale(0.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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.mpl-gallery-item > .mpl-image > img {
    -webkit-transform: skew(2deg) scale(1.028);
        -ms-transform: skew(2deg) scale(1.028);
            transform: skew(2deg) scale(1.028);
}

.mpl-gallery-item > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    stroke: #fff;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}

.mpl-gallery-item:hover > .mpl-image img, .mpl-gallery-item:focus > .mpl-image img {
    opacity: 0.9;
}

.mpl-gallery-item:hover > .icon, .mpl-gallery-item:focus > .icon {
    opacity: 1;
}

/*------------------------------------------------------------------
  collapse
-------------------------------------------------------------------*/
.collapse-toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            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: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.collapse-toggle:hover::before {
    background-color: #3A4857;
}

.collapse-toggle:focus::before {
    background-color: #3A4857;
}

.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;
    -webkit-transition: opacity .15s, -webkit-transform .2s ease-in-out;
    transition: opacity .15s, -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, opacity .15s;
    transition: transform .2s ease-in-out, opacity .15s;
    transition: transform .2s ease-in-out, opacity .15s, -webkit-transform .2s ease-in-out;
}

.collapse-toggle:not(.collapsed)::before {
    background-color: #3A4857;
}

.collapse-toggle:not(.collapsed):focus::before {
    background-color: #3A4857;
}

.collapse-toggle:not(.collapsed)::after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.collapse-toggle:hover, .collapse-toggle:focus {
    color: #fff;
}

.collapse-toggle-md {
    padding: 11.5px 25px;
    font-size: .875rem;
}

.collapse-content {
    padding: 25px 25px 15px;
}

/*------------------------------------------------------------------
  tab
-------------------------------------------------------------------*/
.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: #3A4857;
}

.nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-4deg) scaleX(0.972);
        -ms-transform: skew(-4deg) scaleX(0.972);
            transform: skew(-4deg) scaleX(0.972);
    z-index: -1;
}

.nav-tabs .nav-link.active {
    color: #fff;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    color: #fff;
}

.nav-tabs + .tab-content-frame {
    margin-top: 10px;
}

.tab-content {
    padding: 30px 0;
}

.tab-content-frame {
    padding: 30px;
    border: 2px solid #3A4857;
    border-radius: 5px;
}

.nav-tabs-sm .nav-link {
    padding: 8 20px 7px;
    font-size: .75rem;
}

.nav-tabs-md .nav-link {
    padding: 12px 25px 11px;
}

/*------------------------------------------------------------------
  table
-------------------------------------------------------------------*/
.table {
    margin-bottom: 30px;
    color: #fff;
}

.table td {
    color: #b9b7c0;
}

.table td > a {
    color: #fff;
}

.table td > a:hover, .table td > a:focus {
    color: #d31c3e;
}

.table td > p:last-child {
    margin-bottom: 0;
}

.table td > p > a {
    color: #fff;
}

.table td > p > a:hover, .table td > p > a:focus {
    color: #d31c3e;
}

.table thead th {
    padding: 1.625rem 1.5625rem 1.6875rem;
    font-weight: 500;
    border-color: #3A4857;
    border-top-width: 2px;
}

.table tbody th,
.table tbody td {
    padding: 16px 25px 17px;
    border-top: 0;
    border-bottom: 2px solid #3A4857;
}

.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(34, 44, 51, 0.5);
}

.table-striped tbody th,
.table-striped tbody td {
    border-color: transparent;
}

.table-hover tbody tr {
    -webkit-transition: background-color .05s ease-in-out;
    -o-transition: background-color .05s ease-in-out;
    transition: background-color .05s ease-in-out;
}

.table-hover tbody tr:hover, .table-hover tbody tr:focus {
    background-color: rgba(34, 44, 51, 0.3);
}

.mpl-table-shop tbody td {
    border-bottom: 0;
}

@media (min-width: 576px) {
    .mpl-table-shop tr {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                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: #232D37;
        border-radius: 4px;
        -webkit-transform: skew(-2deg) scaleX(0.986);
            -ms-transform: skew(-2deg) scaleX(0.986);
                transform: skew(-2deg) scaleX(0.986);
        z-index: -1;
    }
    .mpl-table-shop td {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                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;
    }
    .mpl-table-shop .mpl-table-price {
        width: 120px;
        max-width: 120px;
    }
}

@media (max-width: 575.98px) {
    .mpl-table-shop .mpl-table-product {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 30px;
        background-color: #232D37;
        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-product-rating,
    .mpl-table-shop .mpl-table-price {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .mpl-table-shop .mpl-table-name::before,
    .mpl-table-shop .mpl-table-product-rating::before,
    .mpl-table-shop .mpl-table-price::before {
        position: static;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
        margin-right: 20px;
    }
    .mpl-table-shop .mpl-table-name > .mpl-table-product-title,
    .mpl-table-shop .mpl-table-name > .mpl-rating,
    .mpl-table-shop .mpl-table-name > .mpl-price,
    .mpl-table-shop .mpl-table-product-rating > .mpl-table-product-title,
    .mpl-table-shop .mpl-table-product-rating > .mpl-rating,
    .mpl-table-shop .mpl-table-product-rating > .mpl-price,
    .mpl-table-shop .mpl-table-price > .mpl-table-product-title,
    .mpl-table-shop .mpl-table-price > .mpl-rating,
    .mpl-table-shop .mpl-table-price > .mpl-price {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
    .mpl-table-shop .mpl-table-image {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .mpl-table-shop .mpl-table-remove {
        position: static;
        margin-top: 0;
    }
    .mpl-table-shop .mpl-table-product-title {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
    }
    .mpl-table-shop .mpl-table-product-rating {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                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;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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;
    -webkit-transform: skew(-2deg) scaleX(0.972);
        -ms-transform: skew(-2deg) scaleX(0.972);
            transform: skew(-2deg) scaleX(0.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: 0.7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.mpl-table-product .mpl-table-product-image > .mpl-image > img {
    -webkit-transform: skew(2deg) scaleX(1.028);
        -ms-transform: skew(2deg) scaleX(1.028);
            transform: skew(2deg) scaleX(1.028);
}

.mpl-table-product .mpl-table-product-image:hover img,
.mpl-table-product .mpl-table-product-image:focus img {
    opacity: 0.9;
}

.mpl-table-product .mpl-table-product-title {
    display: block;
    margin-bottom: 8px;
}

.mpl-table-product .mpl-table-product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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:hover, .mpl-table-product .mpl-table-product-remove:focus {
    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: #3A4857;
}

.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 #3A4857;
    }
    .mpl-table-profile td:first-child {
        display: block;
        padding-bottom: 0;
    }
    .mpl-table-profile tbody td {
        border-bottom: 0;
    }
}

.mpl-table-shop-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 30px;
    background-color: #232D37;
    border-radius: 3px;
}

.mpl-table-shop-total tbody th,
.mpl-table-shop-total tbody td {
    border: 0;
}

.mpl-table-shop-total tbody th:first-child,
.mpl-table-shop-total tbody td:first-child {
    padding-left: 0;
}

.mpl-table-shop-total tbody th:last-child,
.mpl-table-shop-total tbody td:last-child {
    padding-right: 0;
}

.mpl-table-shop-total tbody tr:first-child th,
.mpl-table-shop-total tbody tr:first-child td {
    padding-top: 0;
}

.mpl-table-shop-total tbody tr:last-child th,
.mpl-table-shop-total tbody tr:last-child td {
    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 th,
.mpl-table-product-information tbody td {
    padding: 10px 25px;
    border-bottom: 0;
}

.mpl-table-product-information tbody tr:first-child th,
.mpl-table-product-information tbody tr:first-child td {
    padding-top: 20px;
}

.mpl-table-product-information tbody tr:last-child th,
.mpl-table-product-information tbody tr:last-child td {
    padding-bottom: 20px;
}

.mpl-table-product-information tbody th {
    width: 200px;
    background-color: #232D37;
}

.mpl-table-product-information tbody td {
    color: #fff;
    background-color: rgba(40, 37, 53, 0.4);
}

@media (max-width: 575.98px) {
    .mpl-table-responsive thead {
        display: none;
    }
    .mpl-table-responsive tbody th,
    .mpl-table-responsive tbody td {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .mpl-table-responsive tbody th:first-child,
    .mpl-table-responsive tbody td:first-child {
        margin-top: 0;
    }
    .mpl-table-responsive td::before {
        content: attr(data-title) ": ";
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mpl-table-responsive-sm thead {
        display: none;
    }
    .mpl-table-responsive-sm tbody th,
    .mpl-table-responsive-sm tbody td {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .mpl-table-responsive-sm tbody th:first-child,
    .mpl-table-responsive-sm tbody td: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 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            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;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .mpl-table-product-sm .mpl-table-product-remove {
        top: 24px;
        right: 28px;
    }
}



.Mytable {

  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.Mytable caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.Mytable tr {
  background-color: #12171C;
  padding: .35em;
}

.Mytable th,
.Mytable td {
  color: #b9b7c0;
  padding: .625em;
  text-align: center;
  border-bottom: 2px solid #3A4857;
}

.Mytable th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .Mytable {
    border: 0;
  }

  .Mytable caption {
    font-size: 1.3em;
  }
  
  .Mytable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .Mytable tr {
    border-bottom: 3px solid #3A4857;
    display: block;
    margin-bottom: .625em;
  }
  
  .Mytable td {
    border-bottom: 1px solid #3A4857;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .Mytable td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .Mytable td:last-child {
    border-bottom: 0;
  }
}







/*------------------------------------------------------------------
  icon box
-------------------------------------------------------------------*/
.mpl-icon-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #232D37;
    border-radius: 5px;
    -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
            transform: skew(-2deg);
    z-index: -1;
}

.mpl-icon-box-icon {
    margin-bottom: 30px;
    color: #fff;
}

.mpl-icon-box-icon > .icon {
    width: 28px;
    height: 28px;
}

/*------------------------------------------------------------------
  number box
-------------------------------------------------------------------*/
.mpl-counter-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #232D37;
    border-radius: 5px;
    -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
            transform: skew(-2deg);
    z-index: -1;
}

.mpl-counter-box-number {
    margin-right: 30px;
    margin-bottom: 0;
}

/*------------------------------------------------------------------
  element countdown
-------------------------------------------------------------------*/
.mpl-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px -10px 0;
}

.text-center > .mpl-countdown {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mpl-countdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 10px 0;
}

.mpl-countdown-item > span:first-child {
    display: block;
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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: #232D35;
    border-radius: 5px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.mpl-countdown-transparent .mpl-countdown-item > span:last-child::before {
	/*------------------------------------------------------------------
    background-color: rgba(31, 29, 41, 0.9);
	-------------------------------------------------------------------*/
}

/*------------------------------------------------------------------
  timeline
-------------------------------------------------------------------*/
.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: #232D37;
    border-radius: 3px;
}

.mpl-timeline-item:last-child::before {
    bottom: 0;
}

.mpl-timeline-item .mpl-timeline-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    color: #fff;
    background-color: #232D37;
    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: #3A4857;
    border-radius: 100%;
}

/*------------------------------------------------------------------
  changelog
-------------------------------------------------------------------*/
.mpl-changelog {
    position: relative;
    padding-bottom: 20px;
    font-family: futura-pt, sans-serif;
}

.mpl-changelog + .mpl-changelog {
    margin-top: 20px;
}

.mpl-changelog > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: #232D37;
        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: #3A4857;
    border-radius: 3px;
    -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 0;
}

.mpl-changelog-more .mpl-changelog::before {
    display: none;
}

.mpl-changelog-badge {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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::before, .mpl-changelog-badge::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
}

.mpl-changelog-badge::before {
    right: 2px;
    left: 2px;
    background-color: #3A4857;
    border-radius: 3px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.mpl-changelog-badge::after {
    left: -2px;
    width: 5px;
    background-color: #d31c3e;
    -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
            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: #3A4857;
}

/*------------------------------------------------------------------
  feature
-------------------------------------------------------------------*/
.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: #232D37;
    border-radius: 5px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
            transform: skew(-2deg);
    z-index: -1;
}

.mpl-feature:hover::before, .mpl-feature:focus::before {
    background-color: #3A4857;
}

.mpl-feature-transparent::before {
    background-color: rgba(31, 29, 41, 0.9);
}

.mpl-feature-transparent:hover::before {
    background-color: #12171C;
}

.mpl-feature-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 80px;
    margin-bottom: 26px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.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;
}

/*------------------------------------------------------------------
  pricing
-------------------------------------------------------------------*/
.mpl-pricing {
    background-color: #232D37;
    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: -webkit-box;
    display: -ms-flexbox;
    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::before, .mpl-pricing-list > li::after {
    content: "";
    position: absolute;
}

.mpl-pricing-list > li::before {
    top: .25rem;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #3A4857;
    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;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/*------------------------------------------------------------------
  review
-------------------------------------------------------------------*/
.mpl-review-content {
    position: relative;
    padding: 24px 30px;
    background-color: #232D37;
    border-radius: 5px;
}

.mpl-review-content::after {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 48px;
    width: 0;
    height: 0;
    border-color: #232D37 transparent;
    border-style: solid;
    border-width: 6px 7px 0 7px;
}

.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: #12171C;
    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";
}

/*------------------------------------------------------------------
  media object
-------------------------------------------------------------------*/
.media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.media:hover + .media-close {
    opacity: 1;
}

.media-wrap {
    position: relative;
}

.media-wrap:hover > .media-filled {
    background-color: #4f657d;
}

.media-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.media-head .mpl-image {
    position: relative;
    width: 100%;
    height: 100%;
}

.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";
}

.media-head .media-image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    background-color: #232D37;
    border-radius: 100%;
}

.media-head .media-image::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 1;
}

.media-head .media-image[data-fancybox]::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 1;
}

.media-head .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;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 1;
}

.media-head .media-image[data-fancybox]:hover > .icon, .media-head .media-image[data-fancybox]:hover::before, .media-head .media-image[data-fancybox]:focus > .icon, .media-head .media-image[data-fancybox]:focus::before {
    opacity: 1;
}

.media-head .media-image:hover::after, .media-head .media-image:focus::after {
    opacity: 1;
}

.media-head .media-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
}

.media-head .media-title > .badge {
    margin-left: 4px;
}

.media-head .media-subtitle {
    display: block;
    margin-top: 4px;
    font-size: .875rem;
    color: #827f92;
}

.media-head .mpl-rating {
    position: absolute;
    top: 12px;
    right: 0;
}

.media-head .mpl-rating .icon {
    width: 14px;
    height: 14px;
}

.media-head .mpl-rating .icon + .icon {
    margin-left: 2px;
}

.media-body {
    display: block;
    color: #b9b7c0;
}

@media (min-width: 768px) {
    .media-body {
        padding-left: 80px;
        margin-top: 10px;
    }
}

@media (max-width: 767.98px) {
    .media-body {
        margin-top: 24px;
    }
}

.media-body p:last-child {
    margin-bottom: 0;
}

.media-close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    padding: 7px;
    color: #827f92;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out, color .15s;
    -o-transition: opacity .2s ease-in-out, color .15s;
    transition: opacity .2s ease-in-out, color .15s;
}

.media-close > .icon {
    width: 16px;
    height: 16px;
    stroke-width: 1px;
}

.media-close:hover {
    color: #fff;
    opacity: 1;
}

.media-filled {
    padding: 25px 30px;
    background-color: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.media-filled + .media-close {
    top: 18px;
    right: 23px;
}

.media-filled:hover {
    background-color: #2d293b;
}

.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: 576px) and (max-width: 767.98px) {
    .mpl-media-comment > .mpl-media-comment {
        padding-left: 30px;
    }
}

/*------------------------------------------------------------------
  alert
-------------------------------------------------------------------*/
.alert {
    position: relative;
    padding: 1.375rem 2.1875rem 1.4375rem;
    overflow: hidden;
    font-size: 1rem;
    color: #b9b7c0;
    background-color: transparent;
    border: 0;
}

.alert::before, .alert::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
}

.alert::before {
    left: -5px;
    width: 10px;
    background-color: #d31c3e;
    border-radius: 3px 0 0 3px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
}

.alert::after {
    right: .3125rem;
    left: 0;
    background-color: #232D37;
    border-radius: 3px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.alert .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.75rem 2.1875rem 1.75rem .375rem;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.alert .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: #3A4857;
}

/*------------------------------------------------------------------
  link brand
-------------------------------------------------------------------*/
.mpl-link-brand {
    display: block;
}

.mpl-link-brand > img {
    will-change: filter;
    -webkit-filter: brightness(1);
            filter: brightness(1);
    -webkit-transition: -webkit-filter .2s ease-in-out;
    transition: -webkit-filter .2s ease-in-out;
    -o-transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out, -webkit-filter .2s ease-in-out;
}

.mpl-link-brand:hover > img,
.mpl-link-brand:focus > img {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
}

/*------------------------------------------------------------------
  list
-------------------------------------------------------------------*/
.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.mpl-list {
    padding-left: 0;
    color: #b9b7c0;
}

.mpl-list a:not([class*="text-"]) {
    color: #fff;
}

.mpl-list a:not([class*="text-"]):hover, .mpl-list a:not([class*="text-"]):focus {
    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-positive,
.mpl-list-negative {
    color: #b9b7c0;
}

.mpl-list-positive > li,
.mpl-list-negative > li {
    position: relative;
    padding-left: 27px;
}

.mpl-list-positive > li + li,
.mpl-list-negative > li + li {
    margin-top: 8px;
}

.mpl-list-positive > li::before,
.mpl-list-negative > 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
-------------------------------------------------------------------*/
.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: #3A4857;
}

/*------------------------------------------------------------------
  tooltip
-------------------------------------------------------------------*/
.tooltip-inner {
    position: relative;
    padding: .375rem .875rem .4375rem;
    color: #fff;
    background-color: transparent;
}

.tooltip-inner::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #4f6175;
    border-radius: 2px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 .375rem;
    margin-right: .375rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 1px;
    width: .375rem;
    height: .875rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-width: .375rem 0 .375rem .4375rem;
    border-left-color: #232D37;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: .375rem 0;
    margin-bottom: .375rem;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    width: .875rem;
    height: .375rem;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-width: .4375rem .375rem 0 .375rem;
    border-top-color: #4f6175;
}

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: .375rem 0;
    margin-top: .375rem;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    width: .875rem;
    height: .375rem;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-width: 0 .375rem .4375rem .375rem;
    border-bottom-color: #4f6175;
}

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 .375rem;
    margin-left: .375rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 1px;
    width: .375rem;
    height: .875rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-width: .375rem .4375rem .375rem 0;
    border-right-color: #232D37;
}

/*------------------------------------------------------------------
  popover
-------------------------------------------------------------------*/
.popover {
    border: 0;
    background-color: transparent;
}

.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: #232D37;
    border-radius: 3px;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: .75rem;
}

.bs-popover-auto[x-placement^="left"] .arrow,
.bs-popover-left .arrow {
    right: auto;
    left: 100%;
    width: .375rem;
    height: .875rem;
}

.bs-popover-auto[x-placement^="left"] .arrow::after,
.bs-popover-left .arrow::after {
    border-width: .375rem 0 .375rem .4375rem;
    border-left-color: #232D37;
}

.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: .75rem;
}

.bs-popover-auto[x-placement^="top"] .arrow,
.bs-popover-top .arrow {
    top: 100%;
    width: .875rem;
    height: .375rem;
}

.bs-popover-auto[x-placement^="top"] .arrow::after,
.bs-popover-top .arrow::after {
    border-width: .4375rem .375rem 0 .375rem;
    border-top-color: #232D37;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: .75rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow,
.bs-popover-bottom .arrow {
    top: auto;
    bottom: 100%;
    width: .875rem;
    height: .375rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.bs-popover-bottom .arrow::after {
    border-width: 0 .375rem .4375rem .375rem;
    border-bottom-color: #232D37;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: .75rem;
}

.bs-popover-auto[x-placement^="right"] .arrow,
.bs-popover-right .arrow {
    right: 100%;
    left: auto;
    width: .375rem;
    height: .875rem;
}

.bs-popover-auto[x-placement^="right"] .arrow::after,
.bs-popover-right .arrow::after {
    border-width: .375rem .4375rem .375rem 0;
    border-right-color: #232D37;
}

/*------------------------------------------------------------------
  rating
-------------------------------------------------------------------*/
.mpl-rating {
    position: relative;
    display: block;
    color: #fff;
}

.mpl-rating .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16px;
    height: 16px;
    stroke-width: 1px;
}

.mpl-rating .icon + .icon {
    margin-left: 2px;
}

.mpl-rating-front {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    overflow: hidden;
}

.mpl-rating-front .icon {
    fill: currentColor;
}

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

.mpl-rating-dynamic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            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:hover, .mpl-rating-dynamic > input:checked ~ label:focus {
    color: #d31c3e;
}

.mpl-rating-dynamic > label {
    padding-left: 5px;
    margin-bottom: 0;
    color: #b9b7c0;
    cursor: pointer;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s;
}

.mpl-rating-dynamic > label:first-of-type {
    padding-left: 0;
}

.mpl-rating-dynamic > label:hover, .mpl-rating-dynamic > label:focus {
    color: #d31c3e;
}

.mpl-rating-dynamic > label:hover ~ label, .mpl-rating-dynamic > label:focus ~ label {
    color: #d31c3e;
}

.mpl-rating-block {
    padding: 60px;
    background-color: #232D37;
    border-radius: 5px;
}

/*------------------------------------------------------------------
  number
-------------------------------------------------------------------*/
.mpl-number {
    font-size: .875rem;
    text-align: center;
    text-transform: uppercase;
}

.mpl-number > div {
    margin-bottom: 0;
}

.mpl-number > div + div {
    margin-top: 8px;
}

/*------------------------------------------------------------------
  snippet
-------------------------------------------------------------------*/
.mpl-snippet:not(.mpl-snippet-unstyled) {
    border: 3px solid #32404e;
    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: #232D37;
    border-radius: 4px;
}

.mpl-snippet-fill + .mpl-snippet-fill {
    margin-top: 30px;
}

/*------------------------------------------------------------------
  modal
-------------------------------------------------------------------*/
.modal-content {
    background-color: #232D37;
    border: 0;
    border-radius: 6px;
}

.modal-header {
    padding: 1.5625rem 1.875rem;
    border-color: #3A4857;
}

.modal-header .close {
    padding: 1.9375rem 1.875rem;
    margin: -1.5625rem -1.875rem -1.5625rem 0;
    color: #827f92;
    opacity: 1;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.modal-header .close .icon {
    width: 14px;
    height: 14px;
}

.modal-header .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: #3A4857;
}

.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, 0.9);
}

.modal-backdrop.show {
    opacity: 1;
}

/*------------------------------------------------------------------
  Banner
-------------------------------------------------------------------*/
.no-banner {
    padding-top: 100px;
}

.mpl-banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #12171C;
}

@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;
}

.mpl-banner > .mpl-image {
    opacity: 0.5;
}

.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;
}

/*------------------------------------------------------------------
  widget
-------------------------------------------------------------------*/
.mpl-widget + .mpl-widget {
    margin-top: 60px;
}

.mpl-widget-title {
    margin-bottom: 2rem;
}

.mpl-widget-categories ul {
    margin: -6px 0;
}

.mpl-widget-categories ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0;
    color: #b9b7c0;
}

.mpl-widget-categories ul a > .badge {
    -ms-flex-item-align: center;
        align-self: center;
    min-width: 30px;
    margin-left: auto;
    font-size: .75rem;
    font-weight: 400;
    background-color: #3A4857;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.mpl-widget-categories ul a:hover, .mpl-widget-categories ul a:focus {
    color: #fff;
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-title {
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
}

.mpl-widget-post.mpl-post-item:not(.mpl-post-vertical) .mpl-post-image > .mpl-image {
    -webkit-transform: skew(-2deg) scale(0.972);
        -ms-transform: skew(-2deg) scale(0.972);
            transform: skew(-2deg) scale(0.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 {
    -webkit-transform: skew(2deg) scale(1.028);
        -ms-transform: skew(2deg) scale(1.028);
            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 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
}

.mpl-product-widget.mpl-product-item .mpl-product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6px;
}

.mpl-twitter .mpl-twitter-icon,
.mpl-twitter .mpl-twitter-name,
.mpl-twitter .mpl-twitter-date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
}

.mpl-twitter .mpl-twitter-avatar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            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;
    -webkit-transition: .2s filter ease-in-out;
    -o-transition: .2s filter ease-in-out;
    transition: .2s filter ease-in-out;
}

.mpl-instagram .mpl-instagram-item:hover img {
    -webkit-filter: blur(8px);
            filter: blur(8px);
}

.mpl-instagram .mpl-instagram-item:hover .mpl-instagram-overlay {
    opacity: 1;
}

.mpl-instagram .mpl-instagram-overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #b9b7c0;
    background-color: rgba(31, 29, 41, 0.9);
    border-radius: 4px;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    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: #232D37;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail > a:hover .mpl-image,
.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-thumbnail > a:focus .mpl-image {
    background-color: #312d41;
}

@media (max-width: 767.98px) {
    .mpl-widget-matches .cyberpress-match .cyberpress-match-participants {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                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: #3A4857;
    -webkit-box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
            box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
    opacity: 0;
    will-change: opacity;
    border-radius: 3px;
    -webkit-transition: opacity .15s, visibility .15s;
    -o-transition: opacity .15s, visibility .15s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points:hover::after {
    background-color: #3A4857;
}

.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-participant-time-start {
    position: absolute;
    display: block;
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            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: #3A4857;
    -webkit-box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
            box-shadow: 0 4px 20px rgba(31, 29, 41, 0.4);
    opacity: 0;
    border-radius: 3px;
    will-change: opacity;
    -webkit-transition: opacity .15s, visibility .15s;
    -o-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            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:hover .cyberpress-match-participant-time-start:not(:hover),
.mpl-widget-matches .cyberpress-match .cyberpress-match-participant-vs > a:focus .cyberpress-match-participant-time-start:not(:focus) {
    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 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                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: #2d293b;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-thumbnail .mpl-image {
    width: 100px;
    height: 100px;
    background-color: #232D37;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant:hover > .cyberpress-match-participant-title,
.mpl-widget-match .cyberpress-match .cyberpress-match-participant:focus > .cyberpress-match-participant-title {
    color: #d31c3e;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant:hover > .cyberpress-match-participant-thumbnail .mpl-image,
.mpl-widget-match .cyberpress-match .cyberpress-match-participant:focus > .cyberpress-match-participant-thumbnail .mpl-image {
    background-color: #2d293b;
}

.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: #3A4857;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-participant-time-start {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.mpl-widget-match .cyberpress-match .cyberpress-match-participant-vs .cyberpress-match-points:hover::after {
    background-color: #3A4857;
}

/*------------------------------------------------------------------

  Pages

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  Page
-------------------------------------------------------------------*/
/*
 * Content
 */
.content-wrap {
    padding: .1px;
    margin: 0 auto;
    overflow: hidden;
    background: #12171C;
    will-change: transform, filter;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    transition: -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    -o-transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), filter 0.3s ease-in-out, -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-filter 0.3s ease-in-out;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

@media (min-width: 576px) {
    .mpl-navbar-mobile-open .content-wrap {
        -webkit-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
                transform: translateX(-100px);
    }
}

@media (max-width: 575.98px) {
    .mpl-navbar-mobile-open .content-wrap {
        -webkit-transform: translateX(-40px);
            -ms-transform: translateX(-40px);
                transform: translateX(-40px);
    }
}

@media (min-width: 1200px) {
    .mpl-content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 850px;
                flex: 0 0 850px;
        max-width: 850px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mpl-content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 680px;
                flex: 0 0 680px;
        max-width: 680px;
    }
}

@media (max-width: 991.98px) {
    .mpl-content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .mpl-sidebar {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 350px;
                flex: 0 0 350px;
        max-width: 350px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mpl-sidebar {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 320px;
                flex: 0 0 320px;
        max-width: 320px;
    }
}

@media (max-width: 991.98px) {
    .mpl-sidebar {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}

/*------------------------------------------------------------------
  Background Blur
-------------------------------------------------------------------*/
body.mpl-navbar-mobile-open .mpl-navbar-top,
body.mpl-navbar-mobile-open .content-wrap {
    -webkit-filter: blur(8px);
            filter: blur(8px);
}

body.fancybox-active .mpl-navbar-top, body.fancybox-active
.mpl-navbar-mobile, body.fancybox-active
.content-wrap {
    -webkit-filter: blur(8px);
            filter: blur(8px);
}

body.fancybox-active-closing .mpl-navbar-top, body.fancybox-active-closing
.mpl-navbar-mobile, body.fancybox-active-closing
.content-wrap {
    -webkit-filter: none;
            filter: none;
}

body.modal-open .mpl-navbar-top,
body.modal-open .mpl-navbar-mobile,
body.modal-open .content-wrap {
    -webkit-filter: blur(8px);
            filter: blur(8px);
}

/*------------------------------------------------------------------
  demo
-------------------------------------------------------------------*/
.mpl-demo-item:hover .mpl-demo-item-image > img {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            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%;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-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 #232D37;
    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: #12171C;
    }
    .mpl-demo-blog > div:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65%;
        background-color: #232D37;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                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: #12171C;
    }
    .mpl-demo-shop > div:last-child {
        position: relative;
        width: 65%;
        background-color: #232D37;
        -webkit-box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.4);
                box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .mpl-demo-esports .container > div:nth-child(2) {
        width: 45%;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.4);
                box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.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: #12171C;
    }
    .mpl-demo-forum > div:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65%;
        background-color: #232D37;
        -webkit-box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.4);
                box-shadow: 0 4px 20px 5px rgba(22, 21, 29, 0.4);
        z-index: 1;
    }
}

@media (max-width: 575.98px) {
    .mpl-demo-forum > div + div {
        margin-top: 30px;
    }
}

/*------------------------------------------------------------------
  Post
-------------------------------------------------------------------*/
.mpl-post > div,
.mpl-post > span,
.mpl-post > p {
    margin-bottom: 1.5rem;
}

.mpl-post > h2,
.mpl-post > .h2,
.mpl-post > h3,
.mpl-post > .h3,
.mpl-post > h4,
.mpl-post > .h4,
.mpl-post > h5,
.mpl-post > .h5,
.mpl-post > h6,
.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 #232D37;
    border-bottom: 2px solid #232D37;
}

.mpl-post > .mpl-post-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -2px -4px 1rem;
}

.mpl-post > .mpl-post-tags > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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:hover, .mpl-post > .mpl-post-tags > li > a:focus {
    color: #d31c3e;
}

.mpl-post > .mpl-post-tags > li:not(:last-child) > a::after {
    content: ",";
    color: #fff;
}

/*------------------------------------------------------------------
  Shop
-------------------------------------------------------------------*/
.mpl-shop > div:not([class]),
.mpl-shop > span,
.mpl-shop > p {
    margin-bottom: .875rem;
}

.mpl-shop > h2,
.mpl-shop > .h2,
.mpl-shop > h3,
.mpl-shop > .h3,
.mpl-shop > h4,
.mpl-shop > .h4,
.mpl-shop > h5,
.mpl-shop > .h5,
.mpl-shop > h6,
.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 {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.mpl-product-gallery > .mpl-gallery-item:first-child > .mpl-image > img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.mpl-product-gallery .mpl-gallery-item > .mpl-image > img {
    opacity: 1;
}

/*------------------------------------------------------------------
  User Profile
-------------------------------------------------------------------*/
.mpl-user > .mpl-user-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px;
    background-color: #232D37;
    border-radius: 5px;
}

@media (max-width: 575.98px) {
    .mpl-user > .mpl-user-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

.mpl-user .mpl-user-activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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: #4f657d;
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
    -webkit-transform: skew(-4deg) scaleX(0.972);
        -ms-transform: skew(-4deg) scaleX(0.972);
            transform: skew(-4deg) scaleX(0.972);
    z-index: -1;
}

.mpl-user-navigation li > a:hover::before {
    background-color: rgba(255, 255, 255, 0.1);
}

.mpl-user-navigation li > a > .badge {
    margin-left: 4px;
}

.mpl-user-navigation li.active > a::before {
    background-color: #12171C;
}

.mpl-user-messages {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.mpl-user-messages > li + li {
    margin-top: 30px;
}

.mpl-user-messages .media-body {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

/*------------------------------------------------------------------
  Forum
-------------------------------------------------------------------*/
.mpl-forum {
    padding-left: 0;
    list-style: none;
}

.mpl-forum ul {
    padding-left: 0;
    list-style: none;
}

.mpl-forum .cell-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            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: 1200px) {
    .mpl-forum .cell-freshness {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 225px;
                flex: 0 0 225px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mpl-forum .cell-freshness {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 160px;
                flex: 0 0 160px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mpl-forum .cell-freshness {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 215px;
                flex: 0 0 215px;
    }
}

@media (min-width: 768px) {
    .mpl-forum .cell-info {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%;
    }
    .mpl-forum .cell-topic-count,
    .mpl-forum .cell-reply-count {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 80px;
                flex: 0 0 80px;
    }
}

@media (max-width: 767.98px) {
    .mpl-forum .cell-info {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .mpl-forum .cell-topic-count,
    .mpl-forum .cell-reply-count {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
    .mpl-forum .cell-topic-count {
        padding-right: 30px;
    }
    .mpl-forum .cell-freshness {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                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-topic-count,
    .mpl-forum-header .cell-reply-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: #232D37;
        border-radius: 5px;
        -webkit-transform: skew(-4deg);
            -ms-transform: skew(-4deg);
                transform: skew(-4deg);
        z-index: -1;
    }
}

@media (max-width: 767.98px) {
    .mpl-forum-header {
        background-color: #232D37;
        border-radius: 5px;
    }
}

.mpl-forum-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

@media (min-width: 768px) {
    .mpl-forum-header ul {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

.mpl-forum-body > ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 29px 30px;
    margin-top: 30px;
    overflow: hidden;
    background-color: #232D37;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .mpl-forum-body > ul {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                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 #3A4857;
}

.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 #232D37;
    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 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 22px;
    }
    .mpl-forum-body .cell-topic-count,
    .mpl-forum-body .cell-reply-count {
        margin-bottom: 22px;
    }
    .mpl-forum-body .title {
        margin-left: 30px;
    }
}

.mpl-forum-body .cell-freshness {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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: #232D37;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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: #12171C;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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;
    }
}

/*------------------------------------------------------------------

  Plugins

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
  scroll reveal
-------------------------------------------------------------------*/
[data-sr-item],
[data-sr=""] {
    visibility: hidden;
    will-change: transform, opacity;
}

/*------------------------------------------------------------------
  bootstrap
-------------------------------------------------------------------*/
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

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

.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
-------------------------------------------------------------------*/
.bootstrap-touchspin button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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;
    -webkit-transition: background-image .15s ease-in-out;
    -o-transition: background-image .15s ease-in-out;
    transition: background-image .15s ease-in-out;
}

.bootstrap-touchspin button::before, .bootstrap-touchspin button::after {
    display: none;
}

.bootstrap-touchspin button:hover, .bootstrap-touchspin button:focus {
    color: #d31c3e;
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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:hover, .bootstrap-touchspin .bootstrap-touchspin-up:focus {
    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:hover, .bootstrap-touchspin .bootstrap-touchspin-down:focus {
    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");
}

/*------------------------------------------------------------------
  swiper
-------------------------------------------------------------------*/
.mpl-carousel {
    position: relative;
}

.mpl-carousel .swiper-button-prev,
.mpl-carousel .swiper-button-next {
    width: 44px;
    height: 44px;
    color: #fff;
    background-color: #3A4857;
    border-radius: 100%;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.mpl-carousel .swiper-button-prev::after,
.mpl-carousel .swiper-button-next::after {
    display: none;
}

.mpl-carousel .swiper-button-prev:hover, .mpl-carousel .swiper-button-prev:focus,
.mpl-carousel .swiper-button-next:hover,
.mpl-carousel .swiper-button-next:focus {
    background-color: #4C5D6F;
}

.mpl-carousel .swiper-button-prev:focus,
.mpl-carousel .swiper-button-next:focus {
    outline: none;
}

.mpl-carousel .swiper-button-prev:active:not(:disabled):not(.disabled),
.mpl-carousel .swiper-button-next:active:not(:disabled):not(.disabled) {
    background-color: #484458;
}

.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: #232D37;
    background-color: transparent;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.mpl-carousel .swiper-scrollbar-drag {
    background-color: currentColor;
}

.mpl-carousel:hover .swiper-scrollbar {
    color: #3A4857;
}

.mpl-carousel-vertical-center .swiper-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*------------------------------------------------------------------
  hexagon rating
-------------------------------------------------------------------*/
.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, 0.1);
    border-bottom: 2px solid rgba(255, 255, 255, 0.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;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.mpl-hexagon-rating > span {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: 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;
    -webkit-transition: stroke-dashoffset .6s ease-in-out;
    -o-transition: stroke-dashoffset .6s ease-in-out;
    transition: stroke-dashoffset .6s ease-in-out;
}

.mpl-hexagon-rating .mpl-hexagon-track {
    stroke: #3A4857;
}

.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;
}

/*------------------------------------------------------------------
  fancybox
-------------------------------------------------------------------*/
body.compensate-for-scrollbar {
    margin-right: 0;
    overflow: initial;
}

.mpl-fancybox-content {
    position: static;
    display: none;
    background-color: transparent;
}

.fancybox-container {
    background-color: rgba(18, 23, 28, 0.9);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    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: #232D37;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.fancybox-button--arrow_left,
.fancybox-button--arrow_right {
    background: transparent;
}

.fancybox-button--arrow_left > div,
.fancybox-button--arrow_right > div {
    background-color: #232D37;
    border-radius: 100%;
    -webkit-transition: background-color .15s, color .15s;
    -o-transition: background-color .15s, color .15s;
    transition: background-color .15s, color .15s;
}

.fancybox-button--arrow_left:hover > div,
.fancybox-button--arrow_right:hover > div {
    background-color: #312d41;
}

.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: #232D37;
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar {
    width: 6px;
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #3A4857;
}

.fancybox-thumbs .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #363247;
}

.fancybox-thumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: initial;
    max-height: 100%;
}

.fancybox-thumbs__list a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
    float: none;
    height: initial;
    max-height: initial;
    margin: 4px;
    border-radius: 4px;
    border: 1px solid #3A4857;
    opacity: .8;
    -webkit-transition: border-color .15s, opacity .15s;
    -o-transition: border-color .15s, opacity .15s;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border: 0;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
    z-index: 1;
}

.mpl-fancybox-close > .icon {
    width: 20px;
    height: 20px;
    stroke: currentColor;
}

.mpl-fancybox-close:hover, .mpl-fancybox-close:focus {
    color: #d31c3e;
    outline: none;
}

@media (max-width: 575.98px) {
    .mpl-fancybox-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 575.98px) {
    .mpl-fancybox-search {
        margin-top: 56px;
        vertical-align: top;
    }
}

.mpl-fancybox-search .mpl-fancybox-search-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.mpl-fancybox-search .mpl-fancybox-search-input {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    font-size: 3.875rem;
}

@media (min-width: 576px) and (max-width: 991.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 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border: 0;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    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: 991.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:hover, .mpl-fancybox-search .mpl-fancybox-search-btn:focus {
    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 #3A4857;
    -webkit-transition: border-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            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;
    }
    60%,
    100% {
        opacity: 1;
    }
}

@keyframes mpl-search-btn-show {
    0%,
    40% {
        opacity: 0;
    }
    60%,
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes mpl-search-line-show {
    0%,
    20% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes mpl-search-line-show {
    0%,
    20% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0);
                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: #232D37;
    }
}

@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;
}

/*------------------------------------------------------------------
  slider revolution
-------------------------------------------------------------------*/
.mpl-rs {
    position: relative;
    background: #12171C;
}

.mpl-rs .tp-revslider-slidesli {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mpl-rs .hermes.tparrows {
    width: 52px;
    height: 52px;
    margin-bottom: -52px;
    background-color: rgba(40, 37, 53, 0.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;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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: -webkit-box;
    display: -ms-flexbox;
    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, 0.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 {
    -webkit-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
}

.mpl-rs .tp-bullet-image {
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.9);
        -ms-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
}

.mpl-rs .slotholder > .tp-bgimg::after,
.mpl-rs .slotholder > .slot .slotslide::after,
.mpl-rs .tp-arr-iwrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #12171C;
    opacity: .4;
}

.mpl-rs .tp-bannertimer {
    top: auto;
    bottom: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.1);
}

.mpl-rs .tp-caption a:not(.btn) {
    color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.mpl-rs .tp-caption a:not(.btn):hover {
    color: #fff;
}

/*------------------------------------------------------------------
  cyberpress
-------------------------------------------------------------------*/
.cyberpress-team {
    background-color: #232D37;
    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:hover, .cyberpress-team .cyberpress-team-info > li > a:focus {
    color: #5B6F86;
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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: -webkit-box;
    display: -ms-flexbox;
    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: #f00;
}

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

@media (min-width: 576px) {
    .single-team .cyberpress-team {
        padding: 30px;
    }
}

@media (max-width: 767.98px) {
    .single-team .cyberpress-team {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                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 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: #232D37;
    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:hover, .cyberpress-player .cyberpress-player-info > li > a:focus {
    color: #69809a;
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        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: -webkit-box;
    display: -ms-flexbox;
    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: #f00;
}

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

@media (min-width: 576px) {
    .single-player .cyberpress-player {
        padding: 30px;
    }
}

@media (max-width: 767.98px) {
    .single-player .cyberpress-player {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                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 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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: #232D37;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media (max-width: 767.98px) {
    .cyberpress-match .cyberpress-match-participants {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

.cyberpress-match .cyberpress-match-participant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media (min-width: 768px) {
    .cyberpress-match .cyberpress-match-participant:last-of-type .cyberpress-match-participant-players {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .cyberpress-match .cyberpress-match-participant:last-of-type .cyberpress-match-participant-players-player > img {
        -webkit-box-ordinal-group: 13;
            -ms-flex-order: 12;
                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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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:hover, .cyberpress-match .cyberpress-match-participant-players .cyberpress-match-participant-players-player:focus {
    color: #69809a;
}

.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;
    -webkit-transform: skew(-2deg) scale(0.972);
        -ms-transform: skew(-2deg) scale(0.972);
            transform: skew(-2deg) scale(0.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";
    -webkit-transform: skew(2deg) scale(1.028);
        -ms-transform: skew(2deg) scale(1.028);
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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:hover, .cyberpress-match .cyberpress-game-inline-link:focus,
.cyberpress-match .cyberpress-tournament-inline-link:hover,
.cyberpress-match .cyberpress-tournament-inline-link:focus {
    color: #5B6F86;
}

.single-match .cyberpress-match:not(:last-child) {
    margin-bottom: 2rem;
}

.cyberpress-tournament {
    padding: 24px 30px;
    background-color: #232D37;
    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:hover, .cyberpress-tournament .cyberpress-game-inline-link:focus,
.cyberpress-tournament .cyberpress-tournament-inline-link:hover,
.cyberpress-tournament .cyberpress-tournament-inline-link:focus {
    color: #5B6F86;
}

.single-tournament .cyberpress-tournament:not(:last-child) {
    margin-bottom: 2rem;
}

.cyberpress-game {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
}

.cyberpress-game::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            transform: skew(-4deg);
    z-index: -1;
}

.cyberpress-game:hover::before {
    background-color: #4f6175;
}

.cyberpress-game .cyberpress-game-thumbnail {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 #3A4857;
    }
}

@media (max-width: 767.98px) {
    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                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-team-players td, .cyberpress-table.cyberpress-player-games td, .cyberpress-table.cyberpress-player-team td {
    vertical-align: middle;
}

.cyberpress-table.cyberpress-team-players td > a, .cyberpress-table.cyberpress-player-games td > a, .cyberpress-table.cyberpress-player-team td > a {
    color: #fff;
}

.cyberpress-table.cyberpress-team-players td > a:hover, .cyberpress-table.cyberpress-team-players td > a:focus, .cyberpress-table.cyberpress-player-games td > a:hover, .cyberpress-table.cyberpress-player-games td > a:focus, .cyberpress-table.cyberpress-player-team td > a:hover, .cyberpress-table.cyberpress-player-team td > a:focus {
    color: #69809a;
}

.cyberpress-table.cyberpress-team-players .cyberpress-team-players-thumb,
.cyberpress-table.cyberpress-team-players .cyberpress-team-games-thumb,
.cyberpress-table.cyberpress-team-players .cyberpress-player-team-thumb, .cyberpress-table.cyberpress-player-games .cyberpress-team-players-thumb,
.cyberpress-table.cyberpress-player-games .cyberpress-team-games-thumb,
.cyberpress-table.cyberpress-player-games .cyberpress-player-team-thumb, .cyberpress-table.cyberpress-player-team .cyberpress-team-players-thumb,
.cyberpress-table.cyberpress-player-team .cyberpress-team-games-thumb,
.cyberpress-table.cyberpress-player-team .cyberpress-player-team-thumb {
    width: 38px;
    height: 38px;
    border-radius: 100%;
}

@media (min-width: 768px) {
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767.98px) {
    .cyberpress-table.cyberpress-team-players tr, .cyberpress-table.cyberpress-player-games tr, .cyberpress-table.cyberpress-player-team tr {
        position: relative;
        display: block;
        padding: 30px;
        background-color: #232D37;
        border-radius: 5px;
    }
    .cyberpress-table.cyberpress-team-players tr + tr, .cyberpress-table.cyberpress-player-games tr + tr, .cyberpress-table.cyberpress-player-team tr + tr {
        margin-top: 30px;
    }
    .cyberpress-table.cyberpress-team-players td, .cyberpress-table.cyberpress-player-games td, .cyberpress-table.cyberpress-player-team td {
        border-bottom: 0;
    }
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-image::before, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-image::before, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-image::before {
        display: none;
    }
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-nickname,
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-game, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-nickname,
    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-game, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-nickname,
    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game {
        position: absolute;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        top: 0;
        left: 88px;
        width: auto;
        height: 38px;
    }
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-nickname::before,
    .cyberpress-table.cyberpress-team-players .cyberpress-table-item-game::before, .cyberpress-table.cyberpress-player-games .cyberpress-table-item-nickname::before,
    .cyberpress-table.cyberpress-player-games .cyberpress-table-item-game::before, .cyberpress-table.cyberpress-player-team .cyberpress-table-item-nickname::before,
    .cyberpress-table.cyberpress-player-team .cyberpress-table-item-game::before {
        display: none;
    }
}

.cyberpress-table.cyberpress-team-players .cyberpress-player-team-dates, .cyberpress-table.cyberpress-player-games .cyberpress-player-team-dates, .cyberpress-table.cyberpress-player-team .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 150px;
    height: 8px;
    overflow: hidden;
    background-color: #3A4857;
    border-radius: 8px;
}

.cyberpress-table .cyberpress-progress-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 4px;
    font-size: .625rem;
}

.cyberpress-twitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden;
    border-radius: 5px;
}

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

@media (min-width: 768px) {
    .cyberpress-twitch .cyberpress-twitch-player {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cyberpress-twitch .cyberpress-twitch-player {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}

.cyberpress-twitch .cyberpress-twitch-player > iframe {
    width: 100%;
    min-height: 400px;
}

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

@media (min-width: 768px) {
    .cyberpress-twitch .cyberpress-twitch-chat {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cyberpress-twitch .cyberpress-twitch-chat {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}

.cyberpress-twitch .cyberpress-twitch-chat > iframe {
    width: 100%;
    min-height: 400px;
}

.cyberpress-video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    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%;
}

/*------------------------------------------------------------------
  isotope
-------------------------------------------------------------------*/
.mpl-isotope-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    margin: -10px -4px 60px;
    list-style: none;
}

.mpl-isotope-options > a,
.mpl-isotope-options > li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            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;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    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: #232D37;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transform: skew(-4deg);
        -ms-transform: skew(-4deg);
            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:hover, .mpl-isotope-options > a:focus,
.mpl-isotope-options > li:hover,
.mpl-isotope-options > li:focus {
    color: #15112b;
}

.mpl-isotope-options > a:hover.active, .mpl-isotope-options > a:focus.active,
.mpl-isotope-options > li:hover.active,
.mpl-isotope-options > li:focus.active {
    color: #fff;
}

/*------------------------------------------------------------------
  Sweet Alert
-------------------------------------------------------------------*/
.sweet-alert {
    padding: 30px;
    padding-bottom: 40px;
    color: #232D37;
}

.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:hover, .sweet-alert .btn:focus, .sweet-alert .btn.focus, .sweet-alert .btn:active, .sweet-alert .btn.active {
    color: #fff;
}

.sweet-alert .btn:hover::before, .sweet-alert .btn:focus::before, .sweet-alert .btn.focus::before, .sweet-alert .btn:active::before, .sweet-alert .btn.active::before {
    background: #d31c3e;
    border-color: #d31c3e;
}

.sweet-overlay {
    background-color: rgba(40, 37, 53, 0.7);
}

/*------------------------------------------------------------------
  Range Slider
-------------------------------------------------------------------*/
.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: #232D37;
    border-radius: 4px;
}

.irs .irs-line:focus {
    outline: none;
}

.irs .irs-bar {
    position: absolute;
    display: block;
    top: 26px;
    height: 8px;
    background-color: #3A4857;
}

.irs .irs-min,
.irs .irs-max {
    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;
    -webkit-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.irs .irs-from:hover,
.irs .irs-to:hover {
    color: #fff;
}

.irs .irs-from {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

.irs .irs-to {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.irs .irs-handle {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 24px;
    width: 2px;
    height: 12px;
    cursor: pointer;
    background-color: #526A83;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    transition: background-color .15s;
}

.irs .irs-handle:hover {
    background-color: #fff;
}

.irs .irs-handle.state_hover {
    background-color: #d31c3e;
}