div.sweet-input {
    position: absolute;
    left: -999em
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.btn-group.open .dropdown-toggle {
    box-shadow: none !important
}

.demo-indicator {
    position: fixed;
    bottom: 20px;
    left: -35px;
    right: 0;
    background-color: #438eb9;
    color: #fff;
    padding: 5px 0;
    display: block;
    z-index: 9999;
    margin: 0 auto;
    width: 200%;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 5px 5px 10px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px -1px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    overflow: hidden
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-container > figure {
    position: static !important
}

.view-switcher button, .view-switcher .btn {
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    margin: 0;
    color: #000;
    width: 40px
}

.view-switcher button img, .view-switcher .btn img {
    width: 25px
}

.view-switcher button:hover, .view-switcher .btn:hover, .view-switcher .btn:focus {
    color: #000
}

.view-switcher .btn:active, .view-switcher button:active {
    box-shadow: none
}

.view-switcher .btn-group.open .dropdown-toggle {
    box-shadow: none;
    color: #000
}

.view-switcher ul.dropdown-menu {
    min-width: 40px;
    max-width: 40px;
    position: absolute;
    background-color: #fff;
    border-color: transparent
}

.view-switcher ul.dropdown-menu li {
    width: 100%;
    margin-left: 0
}

.view-switcher ul.dropdown-menu li > a {
    padding: 0;
    display: block;
    text-align: center
}

.view-switcher ul.dropdown-menu li > a:before {
    display: block
}

.view-switcher ul.dropdown-menu li > a:hover {
    background-color: transparent;
    background: transparent
}

.view-switcher button.btn span.flag {
    display: block
}

.view-switcher button.btn span.caret {
    display: none
}

.view-switcher button.btn span.flag:before {
    display: inline-block
}

.view-switcher ul.dropdown-menu li > a img {
    width: 24px;
    height: 24px;
    margin: 0 auto
}

.view-switcher ul.dropdown-menu li > a span {
    display: none
}

.cookie-container {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 0;
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    text-align: center;
    display: block;
    height: auto;
    -webkit-transition: bottom 2s ease-in;
    -o-transition: bottom 2s ease-in;
    transition: bottom 2s ease-in;
    color: #fff
}

.cookie-container [data-accepted="1"], .cookie-container.accepted-1 {
    display: none
}

.cookie-container.slideDown {
    bottom: -100%
}

.cookie-container .cookie-close {
    position: absolute;
    right: 5px;
    top: 0
}

.cookie-container .cookie-close a {
    color: #fff;
    font-size: 15px
}

.cookie-container#new-cookie-container {
    color: #fff;
    text-align: left;
    font-size: 15px;
    font-family: inherit
}

.cookie-container#new-cookie-container h4 {
    margin: 10px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: inherit
}

.cookie-container#new-cookie-container p {
    line-height: normal;
    margin: 10px 0;
    color: #fff
}

.cookie-container#new-cookie-container a.button {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    font-family: inherit;
    font-size: inherit;
    text-transform: uppercase;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 21px
}

.cookie-container#new-cookie-container a.button.primary {
    background-color: #6eff6a;
    color: #000
}

.cookie-container#new-cookie-container a.button.primary:hover {
    background-color: #000;
    color: #6eff6a;
    border-color: #6eff6a
}

@media (max-width: 767px) {
    .cookie-container#new-cookie-container a.button.primary {
        display: block;
        text-align: center
    }
}

.cookie-container#new-cookie-container a.button.secondary {
    background-color: #000;
    color: #6eff6a
}

.cookie-container#new-cookie-container a.button.secondary:hover {
    background-color: #6eff6a;
    color: #000
}

.cookie-container#new-cookie-container a.button.privacy {
    background-color: transparent;
    text-transform: uppercase;
    text-shadow: none;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px;
    display: block;
    text-align: center;
    color: inherit;
    line-height: normal;
    font-size: 13px
}

.cookie-container#new-cookie-container a.button.privacy:hover, .cookie-container#new-cookie-container a.button.privacy:focus, .cookie-container#new-cookie-container a.button.privacy:hover:focus {
    background-color: transparent;
    color: #fff;
    text-shadow: none
}

.cookie-container#new-cookie-container .content {
    background-color: transparent;
    border: 0;
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

.cookie-container#new-cookie-container form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 10px 0
}

@media (max-width: 767px) {
    .cookie-container#new-cookie-container form {
        display: block
    }
}

.cookie-container#new-cookie-container form label {
    color: #fff;
    text-transform: none;
    font-size: 15px
}

@media (max-width: 767px) {
    .cookie-container#new-cookie-container form label {
        padding-left: 0
    }
}

.cookie-container#new-cookie-container form .checkbox {
    margin: 0 5px
}

.cookie-container#new-cookie-container form .checkbox input[type="checkbox"] {
    margin-top: 0;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 0;
    position: relative
}

.cookie-container#new-cookie-container form .checkbox.submit {
    margin-left: auto
}

@media (max-width: 767px) {
    .cookie-container#new-cookie-container form .checkbox.submit {
        margin: 10px 0
    }
}

.cookie-container .cookie-content {
    color: #fff;
    vertical-align: middle;
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
    display: table;
    margin: 0 auto
}

.cookie-container .cookie-content .cookie-message {
    width: 80%;
    display: table-cell;
    vertical-align: middle
}

.cookie-container .cookie-content .cookie-message p {
    margin-bottom: 0;
    font-size: 15px
}

.cookie-container .cookie-content .cookie-button {
    width: 100%;
    max-width: 20%;
    display: table-cell;
    vertical-align: middle
}

.cookie-container .cookie-content .cookie-button a.btn-cookie {
    vertical-align: middle;
    background-color: #6eff6a;
    color: #000;
    padding: 4px 15px;
    display: inline-block
}

.cookie-container .cookie-content .cookie-button a.btn-cookie:hover {
    color: #6eff6a;
    background-color: #000
}

.cookie-container .cookie-clear {
    clear: both
}

@media (max-width: 768px) {
    .cookie-container .cookie-content .cookie-message {
        width: 100%;
        display: table-row
    }

    .cookie-container .cookie-content .cookie-message p {
        margin-bottom: 15px
    }

    .cookie-container .cookie-content .cookie-button {
        max-width: 100%;
        display: table-row
    }
}

@media (max-width: 640px) {
    .cookie-container .cookie-content .cookie-button a.btn-cookie {
        display: block
    }
}

.img-responsive {
    max-width: 100%;
    height: auto
}

figure.center-block img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

table.sweet-grid {
    background: #333;
    display: block;
    width: 100%;
    position: relative;
    background: unset !important;
    border: unset !important;
    padding: 0 !important;
    overflow: visible !important
}

table.sweet-grid img {
    margin-bottom: 15px
}

table.sweet-grid tbody {
    display: block;
    width: 100%;
    position: relative
}

table.sweet-grid tbody, table.sweet-grid tr, table.sweet-grid td {
    background: unset !important;
    border: unset !important;
    padding: 0 !important
}

table.sweet-grid tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin: 0 -15px
}

table.sweet-grid.content-centered td {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

table.sweet-grid.content-centered td * {
    margin-left: 0 !important;
    margin-right: 0 !important
}

table.sweet-grid td {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding-left: 15px !important;
    padding-right: 15px !important
}

@media (max-width: 991px) {
    table.sweet-grid td {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

table.sweet-grid td img {
    display: block
}

.form-group {
    position: relative
}

.form-group .email-suggestion {
    background-color: #17a2b8;
    color: #fff;
    padding: 4px 8px;
    position: absolute;
    z-index: 2;
    bottom: -30px;
    left: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.form-group .email-suggestion:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #17a3b8 transparent
}

.sweet-fullname-input .invalid-nested-input, .sweet-address-input .invalid-nested-input {
    margin: 0 !important
}

@media (max-width: 768px) {
    .sweet-fullname-input input {
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    .sweet-address-input input {
        margin-bottom: 10px
    }
}

.sweet-alert-popup-container {
    position: fixed;
    top: 0;
    right: 0;
    min-height: 100vh;
    left: 0;
    z-index: 99999999;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sweet-alert-popup-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.sweet-alert-popup-container .sweet-alert {
    background: #fff;
    z-index: 9;
    margin: 0 15px;
    width: 400px;
    padding: 50px 50px 25px;
    text-align: center;
    position: relative;
    min-height: 350px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 50px
}

.sweet-alert-popup-container .sweet-alert h4 {
    text-transform: capitalize;
    font-weight: 800;
    color: #333
}

.sweet-alert-popup-container .sweet-alert p {
    font-size: 18px;
    color: #333
}

.sweet-alert-popup-container .sweet-alert .icon {
    position: absolute;
    top: -40px;
    border-radius: 500px;
    left: calc(50% - 40px);
    background: #fff;
    height: 80px;
    width: 80px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.sweet-alert-popup-container .sweet-alert .icon svg {
    width: 100%;
    height: 100%;
    color: #fff
}

.sweet-alert-popup-container .sweet-alert .close-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.sweet-alert-popup-container .sweet-alert .close-icon svg {
    width: 25px;
    height: 25px;
    color: #333
}

.sweet-alert-popup-container .sweet-alert .close-button {
    padding: 15px 0;
    color: #fff;
    cursor: pointer;
    opacity: .9;
    transition: .3s opacity;
    font-weight: bold
}

.sweet-alert-popup-container .sweet-alert .close-button:hover {
    opacity: 1
}

.sweet-alert-popup-container .sweet-alert.error .icon, .sweet-alert-popup-container .sweet-alert.danger .icon, .sweet-alert-popup-container .sweet-alert.error .close-button, .sweet-alert-popup-container .sweet-alert.danger .close-button {
    background: #dc3545
}

.sweet-alert-popup-container .sweet-alert.warning .icon, .sweet-alert-popup-container .sweet-alert.warning .close-button {
    background: #ffc107
}

.sweet-alert-popup-container .sweet-alert.info .icon, .sweet-alert-popup-container .sweet-alert.info .close-button {
    background: #0dcaf0
}

.sweet-alert-popup-container .sweet-alert.success .icon, .sweet-alert-popup-container .sweet-alert.success .close-button {
    background: #155724
}

body.popup-active {
    overflow: hidden;
    height: 100vh
}

.sweet-alert-container {
    position: fixed;
    top: 15px;
    right: 15px;
    margin-left: 15px;
    z-index: 999999999
}

.sweet-alert-container .sweet-alert {
    margin: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border: 0
}

.sweet-alert-container .sweet-alert .close-button {
    display: none
}

.sweet-alert-container .sweet-alert .close-icon {
    order: 3;
    margin-left: 10px;
    cursor: pointer
}

.sweet-alert-container .sweet-alert .close-icon svg {
    display: block
}

.sweet-alert-container .sweet-alert p {
    margin: 0
}

.sweet-alert-container .sweet-alert .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    background: #155724;
    color: #fff;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    margin-right: 15px;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

.sweet-alert-container .sweet-alert .icon svg {
    color: #fff;
    width: 16px;
    height: 16px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: 700
}

h1 {
    margin: .67em 0
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

button {
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none
}

button, html {
    -webkit-appearance: button;
    cursor: pointer
}

html {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

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

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container, .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

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

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

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

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

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

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

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

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

@media (min-width: 768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #31b0d5
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge, .btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a > img, .thumbnail > img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

a.list-group-item-danger .list-group-item-heading, a.list-group-item-info .list-group-item-heading, a.list-group-item-success .list-group-item-heading, a.list-group-item-warning .list-group-item-heading, button.list-group-item-danger .list-group-item-heading, button.list-group-item-info .list-group-item-heading, button.list-group-item-success .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

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

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

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

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

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-display: swap;
    font-size: 16px;
    line-height: 1.7;
    color: #5c606c;
    line-height: 26px;
    background: #fffffe
}

@media (max-width: 992px) {
    body {
        color: #333
    }
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

a:hover, a:active, a:focus {
    color: #090e1e;
    text-decoration: none;
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    color: #090e1e;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin: 0 0 10px 0
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 17px
}

h5 + .form-group {
    margin-top: 20px
}

h6 {
    font-size: 15px
}

button {
    cursor: pointer
}

pre {
    padding: 25px;
    background-color: #FFF;
    border-color: #eaeaea
}

b, strong {
    font-weight: bold
}

p {
    margin-bottom: 20px
}

p b, p strong {
    color: #5d5d5d
}

i {
    display: inline-block
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul ul {
    padding-left: 20px
}

b, strong {
    color: #585858
}

code {
    background-color: #e6f1ff;
    color: #2776dc;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 3px 6px
}

.lead {
    font-size: 18px;
    line-height: 25px
}

iframe {
    width: 100%;
    border: 0
}

button.close {
    outline: 0 !important
}

img {
    max-width: 100%
}

.blockquote {
    border-width: 0 0 0 3px;
    border-style: solid;
    border-color: #696969;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #f5ffc0;
    padding: 25px 30px;
    font-weight: 500;
    font-size: 17px;
    color: #5d5d5d
}

.blockquote p {
    margin-bottom: 0
}

.subtitle {
    border-left: 3px solid #e4ff4d;
    padding: 5px 0 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px
}

.breadcrumbs {
    padding: 11px 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2
}

.breadcrumb {
    background: transparent;
    border-radius: 0;
    margin: 0;
    border: 0;
    padding: 0
}

.breadcrumb > li {
    float: left;
    font-size: 14px
}

.breadcrumb > li > a {
    color: #737373;
    border-radius: 0;
    font-size: 14px
}

.breadcrumb > li:first-child a {
    padding-left: 0
}

.breadcrumb > li + li.pull-right:before {
    content: "";
    display: none
}

.breadcrumb > li + li:before {
    content: "/";
    color: #b5b5b5;
    margin: 0 7px
}

.breadcrumb > li.active {
    font-size: 14px
}

.navbar-search {
    background-color: #090e1e;
    padding: 5px 15px 15px 15px;
    position: absolute;
    width: 100%;
    top: -62px;
    left: 0;
    z-index: -2;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.navbar-search form {
    position: relative
}

.navbar-search .form-control {
    font-size: 15px;
    font-weight: 400;
    border-color: transparent;
    height: 38px;
    line-height: 38px;
    padding-right: 45px
}

.navbar-search .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent
}

.navbar-search > .container {
    position: relative
}

.navbar-search .close {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 18px;
    opacity: .5;
    text-shadow: none;
    height: 38px;
    line-height: 38px;
    width: 38px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.navbar-search .close:hover {
    opacity: .7
}

.navbar-search-open .navbar-search {
    top: 62px
}

.navbar-toggle, .nav-responsive {
    display: none
}

#footer {
    background-color: #090e1e;
    font-size: 16px;
    color: #b8b8b8;
    padding: 65px 0 20px 0;
    line-height: 26px
}

#footer .footer-title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 25px 0
}

#footer .footer-social {
    text-align: center;
    margin-bottom: 15px
}

#footer .footer-social a {
    font-size: 16px;
    color: #fff;
    padding: 0 10px
}

#footer .footer-bottom {
    text-align: center;
    margin-top: 45px
}

#footer ul > li > a {
    color: #b8b8b8;
    padding: 0;
    display: block;
    font-size: .75rem;
    text-transform: uppercase
}

#footer ul > li > a:hover {
    color: #fff
}

#footer a, #footer strong {
    color: #b8b8b8
}

#footer a:hover {
    color: #fff
}

#footer .input-group .form-control {
    border: 0;
    color: #5c606c
}

@media (max-width: 992px) {
    #footer .input-group .form-control {
        color: #333
    }
}

#footer .input-group .btn {
    margin-left: 0
}

#footer ul {
    margin-bottom: 20px;
    line-height: 200%;
    margin-top: -20px
}

.search-open.search-active {
    padding-top: 98px
}

.fixed-header {
    padding-top: 62px;
    -webkit-transition: .25s;
    transition: .25s
}

.fixed-header #header {
    position: fixed;
    z-index: 1040;
    top: 0
}

.header-scroll #header {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5)
}

.search-open header {
    box-shadow: none;
    -webkit-box-shadow: none
}

.sidebar {
    border: 0;
    padding-left: 29px;
    height: 100%
}

.sidebar-left {
    border: 0;
    padding-left: 0;
    padding-right: 29px
}

section {
    padding: 50px 0
}

section::after {
    display: block;
    content: "";
    clear: both
}

section > .container-fluid {
    padding: 0
}

section > .container-fluid > .row {
    margin: 0
}

section > .container-fluid > .row > div {
    padding: 0
}

section.bg-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    padding: 80px 0;
    overflow: hidden
}

section.bg-image.mobile {
    background-color: #259e55;
    background: -webkit-gradient(linear, left top, left bottom, from(#259e55), to(#132247));
    background: -webkit-linear-gradient(top, #259e55, #132247);
    background: -moz-linear-gradient(top, #259e55, #132247);
    background: -ms-linear-gradient(top, #259e55, #132247);
    background: -o-linear-gradient(top, #259e55, #132247)
}

@media (max-width: 991px) {
    section.bg-image.mobile .post-header {
        padding-top: 0
    }
}

section.bg-image.mobile .overlay-light {
    display: none
}

section.bg-image.overflow-visible {
    overflow: visible;
    padding-bottom: 1px
}

section.bg-image .overlay {
    background: #252525;
    opacity: .76;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.bg-image .overlay-dark {
    background: #252525;
    opacity: .9;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.bg-image .overlay-light {
    background: #252525;
    opacity: .55;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.bg-image .container {
    position: relative;
    z-index: 3
}

.video-play {
    position: relative;
    background-color: #000
}

.video-play h5 {
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: #090e1e;
    color: rgba(255, 255, 255, 0.9);
    padding: 13px 20px;
    font-weight: 300;
    font-size: 15px;
    z-index: 5;
    border-radius: 5px;
    border-left: 3px solid #e4ff4d
}

.video-play h5 i {
    font-size: 13px;
    color: #dc2745;
    margin-right: 5px
}

.video-caption {
    position: static !important
}

section.bg-secondary {
    background-color: #fff;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e8e8e8
}

.toolbar-custom {
    margin-bottom: 25px
}

.toolbar-custom::after {
    display: block;
    content: "";
    clear: both
}

.toolbar-custom .form-group {
    margin-bottom: 0
}

.toolbar-secondary {
    background-color: transparent;
    border: 0
}

.review {
    color: #fffffe
}

.review .review-title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700
}

.review > p {
    color: #fffffe;
    font-size: 15px;
    margin-bottom: 40px
}

.review .progress {
    margin-bottom: 18px
}

.review .review-good {
    padding-left: 20px
}

.review.no-reviews .review-good {
    padding-left: 0
}

.review .review-bad, .review .review-good {
    display: block
}

.review .review-bad h5, .review .review-good h5 {
    color: #6ab961;
    font-weight: 700;
    margin-bottom: 20px
}

.review .review-bad p, .review .review-good p {
    color: #fffffe;
    margin-bottom: 3px;
    font-size: 15px;
    padding-left: 20px
}

.review .review-bad p:before, .review .review-good p:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Brands';
    margin-left: -15px;
    margin-right: 10px;
    color: #6ab961
}

.review .review-bad.review-bad h5, .review .review-good.review-bad h5 {
    color: #ca422e
}

.review .review-bad.review-bad p:before, .review .review-good.review-bad p:before {
    content: "\f068";
    color: #ca422e
}

.hero {
    padding: 0;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    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
}

.hero .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 2;
    background-color: #2d2d2d
}

.hero .overlay-light {
    background: #252525;
    opacity: .75;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.hero .overlay-primary {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .85;
    z-index: 2;
    background-color: #e4ff4d
}

.hero .btn .fa-play {
    font-size: 12px
}

.hero .hero-block {
    z-index: 3;
    position: relative;
    text-align: center
}

.hero .hero-block p {
    color: #fffffe;
    font-size: 16px;
    margin-top: 10px
}

.hero .hero-title {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px
}

.hero .btn {
    margin-top: 10px
}

.hero-blog {
    margin-bottom: 40px
}

.hero-block .hero-left {
    float: left
}

.hero-block .hero-right {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-review {
    min-height: 430px
}

.btn {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer
}

.btn i {
    margin-left: 5px
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.active, .btn:active:focus {
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.btn-lg {
    font-size: 15px;
    padding: 16px 27px
}

.btn-sm {
    font-size: 13px;
    padding: 7px 10px
}

.btn-xs {
    padding: 5px 8px
}

.btn-shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

.btn.btn-link {
    color: rgba(0, 0, 0, 0.6)
}

.btn.btn-link:hover {
    color: #2776dc;
    text-decoration: none
}

.input-group .btn {
    line-height: 1.3
}

.btn-primary {
    color: #fff;
    background-color: #e4ff4d;
    border-color: #e4ff4d
}

.btn-primary:focus, .btn-primary:hover, .show > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle:hover, .show > .btn-primary.dropdown-toggle:focus {
    color: #fff;
    background-color: #327dde;
    border-color: #327dde;
    outline: 0
}

.btn-primary:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-primary.active, .btn-primary:active {
    color: #fff;
    background-color: #e4ff4d;
    border-color: #e4ff4d
}

.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus {
    color: #fff;
    background-color: #e4ff4d;
    border-color: #e4ff4d
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #e4ff4d;
    border-color: #e4ff4d
}

.btn-info {
    color: #fff;
    background-color: #52baff;
    border-color: #52baff
}

.btn-info:focus, .btn-info:hover, .show > .btn-info.dropdown-toggle, .show > .btn-info.dropdown-toggle:hover, .show > .btn-info.dropdown-toggle:focus {
    color: #fff;
    background-color: #61c0ff;
    border-color: #61c0ff;
    outline: 0
}

.btn-info:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-info.active, .btn-info:active {
    color: #fff;
    background-color: #52baff;
    border-color: #52baff
}

.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus {
    color: #fff;
    background-color: #52baff;
    border-color: #52baff
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #52baff;
    border-color: #52baff
}

.btn-danger {
    color: #fff;
    background-color: #ca422e;
    border-color: #ca422e
}

.btn-danger:focus, .btn-danger:hover, .show > .btn-danger.dropdown-toggle, .show > .btn-danger.dropdown-toggle:hover, .show > .btn-danger.dropdown-toggle:focus {
    color: #fff;
    background-color: #eb6658;
    border-color: #eb6658;
    outline: 0
}

.btn-danger:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-danger.active, .btn-danger:active {
    color: #fff;
    background-color: #ca422e;
    border-color: #ca422e
}

.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus {
    color: #fff;
    background-color: #ca422e;
    border-color: #ca422e
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #ca422e;
    border-color: #ca422e
}

.btn-warning {
    color: #fff;
    background-color: #fbb32f;
    border-color: #fbb32f
}

.btn-warning:focus, .btn-warning:hover, .show > .btn-warning.dropdown-toggle, .show > .btn-warning.dropdown-toggle:hover, .show > .btn-warning.dropdown-toggle:focus {
    color: #fff;
    background-color: #ffa95e;
    border-color: #ffa95e;
    outline: 0
}

.btn-warning:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-warning.active, .btn-warning:active {
    color: #fff;
    background-color: #fbb32f;
    border-color: #fbb32f
}

.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus {
    color: #fff;
    background-color: #fbb32f;
    border-color: #fbb32f
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #fbb32f;
    border-color: #fbb32f
}

.btn-success {
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961
}

.btn-success:focus, .btn-success:hover, .show > .btn-success.dropdown-toggle, .show > .btn-success.dropdown-toggle:hover, .show > .btn-success.dropdown-toggle:focus {
    color: #fff;
    background-color: #74be6c;
    border-color: #74be6c;
    outline: 0
}

.btn-success:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-success.active, .btn-success:active {
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961
}

.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus {
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #6ab961;
    border-color: #6ab961
}

.btn-secondary {
    color: #787a7b;
    background-color: #fafafa;
    border-color: #e6e6e6
}

.btn-secondary:focus, .btn-secondary:hover, .show > .btn-secondary.dropdown-toggle, .show > .btn-secondary.dropdown-toggle:hover, .show > .btn-secondary.dropdown-toggle:focus {
    color: #787a7b;
    background-color: white;
    border-color: white;
    outline: 0
}

.btn-secondary:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-secondary.active, .btn-secondary:active {
    color: #787a7b;
    background-color: #fafafa;
    border-color: #e6e6e6
}

.btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus {
    color: #787a7b;
    background-color: #fafafa;
    border-color: #e6e6e6
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
    background-color: #fafafa;
    border-color: #e6e6e6
}

.btn-secondary.active, .btn-secondary:active:focus, .btn-secondary:focus, .btn-secondary:hover, .show > .btn-secondary.dropdown-toggle, .show > .btn-secondary.dropdown-toggle:hover, .show > .btn-secondary.dropdown-toggle:focus {
    color: #787a7b;
    border-color: #d9d9d9;
    background-color: #fafafa
}

.btn-light, .btn-default {
    color: #717171;
    background-color: #FFF;
    border-color: #e2e2e2
}

.show > .btn-light.dropdown-toggle, .show > .btn-light.dropdown-toggle:hover, .show > .btn-light.dropdown-toggle:focus, .btn-default:focus, .btn-default:hover, .show > .btn-default.dropdown-toggle, .show > .btn-default.dropdown-toggle:hover, .show > .btn-default.dropdown-toggle:focus {
    color: #717171;
    background-color: white;
    border-color: white;
    outline: 0
}

.btn-light:active:focus, .btn-default:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-light.active, .btn-light:active, .btn-default.active, .btn-default:active {
    color: #717171;
    background-color: #FFF;
    border-color: #e2e2e2
}

.btn-light.active:hover, .btn-light.active:focus, .btn-light.active.focus, .btn-light:active:hover, .btn-light:active:focus, .btn-light:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus {
    color: #717171;
    background-color: #FFF;
    border-color: #e2e2e2
}

.btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled.focus, .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled].focus, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light.focus, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: #FFF;
    border-color: #e2e2e2
}

.btn-light.active, .btn-light:active:focus, .btn-light:focus, .btn-light:hover, .show > .btn-light.dropdown-toggle, .show > .btn-light.dropdown-toggle:hover, .show > .btn-light.dropdown-toggle:focus, .btn-default.active, .btn-default:active:focus, .btn-default:focus, .btn-default:hover, .show > .btn-default.dropdown-toggle, .show > .btn-default.dropdown-toggle:hover, .show > .btn-default.dropdown-toggle:focus {
    color: #717171;
    border-color: #d8d8d8;
    background-color: #fafafa;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.dropdown-menu {
    border-color: rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05)
}

.dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 7px 17px;
    color: #5a5a5a
}

.dropdown-menu .dropdown-item i {
    min-width: 22px
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
    color: rgba(0, 0, 0, 0.7);
    background-color: #f5f5f5
}

.dropdown-menu .active, .dropdown-menu .active:focus, .dropdown-menu .active:hover {
    color: #fff;
    background-color: #e4ff4d
}

.dropdown-toggle::after {
    float: right;
    margin-top: 7px;
    margin-left: 5px
}

.btn-group .dropdown-toggle:not(:first-child)::after {
    margin-top: 0;
    margin-right: -4px
}

.form-control {
    border-color: #e2e2e2;
    font-size: 15px;
    padding: 0 15px;
    color: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
    height: 40px;
    line-height: 40px
}

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

.form-control::-webkit-input-placeholder {
    color: #878787
}

.form-control + .form-control {
    margin-top: 20px
}

.form-control[readonly] {
    background-color: #eee
}

.form-control-secondary {
    background-color: #fafafa
}

.form-control-secondary:focus {
    background-color: #fff
}

select.form-control {
    line-height: inherit;
    height: auto
}

textarea.form-control {
    height: auto;
    line-height: inherit;
    padding: 10px 15px
}

.form-group {
    margin-bottom: 25px
}

.form-text {
    font-size: 13px;
    margin-top: 8px;
    font-weight: 400;
    display: block;
    color: #8a8a8a
}

.form-control-lg {
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    border-radius: 4px
}

.form-control-sm {
    height: 36px;
    line-height: 36px
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eee
}

input:focus {
    outline: 0 !important
}

legend {
    border: 0;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #5a5a5a
}

label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #5a5a5a;
    white-space: nowrap
}

.col-form-label {
    padding-top: 10px;
    padding-bottom: 0
}

.input-icon-right {
    position: relative
}

.input-icon-right .form-control {
    padding-right: 35px
}

.input-icon-right i {
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    line-height: 39px;
    text-align: center;
    height: 39px;
    font-size: 15px
}

.input-group-addon {
    border-color: rgba(0, 0, 0, 0.1);
    color: #75797b;
    font-size: 14px;
    background-color: #eee
}

.form-check .form-check-input {
    position: absolute
}

.form-check label {
    font-weight: 300;
    color: #6f6f6f
}

.form-control-file {
    font-weight: 300
}

input[type="file"] {
    font-size: 14px
}

.has-success .form-control, .has-warning .form-control, .has-danger .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .form-control:focus, .has-warning .form-control:focus, .has-danger .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .form-control {
    color: #499342;
    border-color: #7fc378
}

.has-success .form-control:focus {
    border-color: #52a549
}

.has-success small, .has-success .control-label {
    color: #499342
}

.has-warning .form-control {
    color: #ff8b24;
    border-color: #ffc18a
}

.has-warning .form-control:focus {
    border-color: #ff983e
}

.has-warning small, .has-warning .control-label {
    color: #ff8b24
}

.has-danger .form-control {
    color: #ff4a38;
    border-color: #ffa79e
}

.has-danger .form-control:focus {
    border-color: #ff6252
}

.has-danger small, .has-danger .control-label {
    color: #ff4a38
}

.divider {
    margin: 18px 0;
    z-index: 1;
    text-align: center;
    position: relative
}

.divider span {
    font-size: 14px;
    color: #7b7b7b;
    font-weight: normal;
    background-color: #fafafa;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px
}

.divider span:before {
    content: "";
    width: 100%;
    height: 1px;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #ececec
}

.input-group-addon {
    border-color: #e2e2e2
}

.checkbox.form-inline label input {
    float: left;
    margin-right: 5px
}

.checkbox.form-inline + .checkbox {
    margin-left: 10px
}

.checkbox + .btn {
    margin-top: 10px
}

.checkbox label {
    font-size: 14px;
    font-weight: 300
}

.alert {
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px
}

.alert b, .alert strong {
    color: inherit
}

.alert-success {
    color: #5b865b;
    background-color: #f0f9ed;
    border-color: #d6e6d0
}

.alert-success b, .alert-success strong {
    color: #517751
}

.alert-info {
    color: #5086a0;
    background-color: #effaff;
    border-color: #b8e9ff
}

.alert-info b, .alert-info strong {
    color: #48788f
}

.alert-warning {
    color: #968c53;
    background-color: #fdfbef;
    border-color: #ece8ce
}

.alert-warning b, .alert-warning strong {
    color: #867d4a
}

.alert-danger {
    color: #986f68;
    background-color: #fdedea;
    border-color: #f1d6d1
}

.alert-danger b, .alert-danger strong {
    color: #89645d
}

.progress {
    background-color: #ebedef;
    border-radius: 30px;
    height: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 25px
}

.progress-bar {
    background-color: #e4ff4d;
    line-height: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 11px;
    font-weight: bold;
    color: #FFF
}

.progress-lg {
    height: 12px
}

.progress-sm {
    height: 8px
}

.progress-bar-success {
    background-color: #6ab961
}

.progress-bar-warning {
    background-color: #fbb32f
}

.progress-bar-danger {
    background-color: #ca422e
}

.progress-bar-info {
    background-color: #52baff
}

.pagination {
    margin-top: 30px;
    margin-bottom: 0
}

.pagination > li > span {
    display: inline-block
}

.pagination > li > span, .pagination > li > a {
    font-size: 14px;
    padding: 8px 13px;
    color: #808080;
    background-color: #fff;
    border-color: #f5ffc0;
    font-weight: 300;
    line-height: 1.25
}

.pagination > li > span:hover, .pagination > li > a:hover {
    color: #808080;
    background-color: #f5f5f5
}

.pagination > li.separate span {
    background-color: transparent;
    border-color: transparent;
    padding-top: 10px
}

.pagination .active > a {
    background-color: #e4ff4d !important;
    border-color: #e4ff4d !important;
    color: #090e1e
}

.pagination .active > a:hover {
    background-color: #e4ff4d !important
}

.pager li > a {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.01);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.01);
    padding: 10px 16px;
    border-radius: 30px;
    margin-right: 5px
}

.pager li > a:focus, .pager li > a:hover {
    color: inherit;
    background-color: #fafafa
}

.badge {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    padding: 8px 12px;
    border-radius: 30px;
    color: #fff
}

.badge-primary {
    background-color: #e4ff4d;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.badge-primary[href]:active, .badge-primary[href]:focus, .badge-primary[href]:hover {
    background-color: #327dde
}

.badge-success {
    background-color: #0e9a49
}

.badge-warning {
    color: #fff;
    background-color: #fbb32f
}

.badge-danger {
    background-color: #e74c3c
}

.card {
    background-color: #fff;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden
}

.card .card-img {
    position: relative;
    margin: -1px -1px 0 -1px;
    width: auto
}

.card .card-img img {
    max-width: 100%
}

.card .card-img .badge {
    margin-right: 10px;
    position: absolute;
    bottom: 20px;
    left: 30px
}

.card .card-img .card-likes {
    position: absolute;
    bottom: 23px;
    right: 30px;
    font-size: 15px
}

.card .card-img .card-likes a {
    color: #fff
}

.card .card-img .card-likes a:before {
    content: "\f08a";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    margin-right: 6px
}

.card .card-img .card-likes a:hover:before {
    content: "\f004"
}

.card .card-img-top {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.card .card-block {
    padding: 20px
}

.card .card-block::after {
    display: block;
    content: "";
    clear: both
}

.card .card-block .card-title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 0
}

.card .card-block .card-meta {
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: 13px;
    line-height: 26px
}

.card .card-block p:last-child {
    margin-bottom: 0
}

.card .card-block .divider span {
    background-color: #fff
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    border-radius: 6px 6px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-header::after {
    display: block;
    content: "";
    clear: both
}

.card-header .card-title {
    color: #585858;
    font-weight: 600;
    font-size: 15px;
    margin: 0
}

.card-header .card-title i {
    float: left;
    margin-right: 10px
}

.card-header .card-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.card-header .card-tools a {
    display: inline-block
}

.card-footer {
    border-top: 1px solid #efefef;
    padding: 10px 20px;
    background-color: transparent
}

.card-primary {
    border-color: #e4ff4d
}

.card-primary .card-header {
    background-color: #e4ff4d
}

.card-primary .card-header .card-title {
    color: #fff
}

.card-success {
    border-color: #6ab961
}

.card-success .card-header {
    background-color: #6ab961
}

.card-success .card-header .card-title {
    color: #fff
}

.card-danger {
    border-color: #ca422e
}

.card-danger .card-header {
    background-color: #ca422e
}

.card-danger .card-header .card-title {
    color: #fff
}

.card-info {
    border-color: #52baff
}

.card-info .card-header {
    background-color: #52baff
}

.card-info .card-header .card-title {
    color: #fff
}

.card-warning {
    border-color: #fbb32f
}

.card-warning .card-header {
    background-color: #fbb32f
}

.card-warning .card-header .card-title {
    color: #fff
}

.card-inverse {
    border-color: #3f464f
}

.card-inverse .card-header {
    background-color: #3f464f
}

.card-inverse .card-header .card-title {
    color: #fff
}

.card-review {
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.card-review .card-img {
    margin: 0 0 40px 0;
    border-radius: 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    text-align: center
}

.card-review .card-img img {
    width: auto;
    display: inline-block
}

.card-review .card-img .badge {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    padding: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08)
}

.card-review .card-block {
    padding: 0;
    text-align: center
}

.card-review .card-block .card-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

.card-review .card-block p {
    font-size: 14px
}

.card-video {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-video:hover .card-img:after {
    width: 100%
}

.card-video .card-img {
    position: relative;
    margin: 0 0 15px 0
}

.card-video .card-img:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 3px;
    z-index: 3;
    background: red;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.card-video .card-img .card-meta span {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: auto;
    display: inline-block;
    background-color: rgba(25, 25, 25, 0.9);
    font-size: 12px;
    padding: 2px 7px;
    color: #fff;
    border-radius: 3px
}

.card-video .card-img-top {
    padding: 0;
    border-radius: 0
}

.card-video .card-block {
    padding: 0
}

.card-video .card-block .card-meta {
    margin-top: 5px;
    font-size: 13px;
    color: #888
}

.card-video .card-block .card-meta span:after {
    content: "\002022";
    margin: 0 3px 0 5px;
    display: inline-block
}

.card-video .card-block .card-meta span:last-child:after {
    display: none
}

.card-video .card-block .card-meta i {
    margin-right: 3px
}

.card-video .card-block .card-title {
    font-size: 15px;
    line-height: 1.2
}

.card-widget {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-widget .card-img img {
    padding: 0;
    border-radius: 0;
    margin-bottom: 15px
}

.card-widget .card-meta {
    margin-top: 5px;
    font-size: 13px;
    color: #888
}

.card-widget .card-meta span:after {
    content: "\002022";
    margin: 0 3px 0 5px;
    display: inline-block
}

.card-widget .card-meta span:last-child:after {
    display: none
}

.card-widget .card-meta i {
    margin-right: 3px
}

.card-widget .card-block {
    padding: 0;
    font-size: 15px;
    line-height: 22px
}

.card-widget .card-block .card-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px
}

.card-post {
    border-color: #f5ffc0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03)
}

.card-post .card-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 15px 20px
}

.card-post .card-title {
    font-size: 17px;
    color: #090e1e
}

.card-post .card-img {
    padding: 20px
}

.card-post .card-block {
    font-size: 15px;
    padding: 0 20px
}

.card-lg .card-block {
    padding: 30px
}

.accordion .card {
    border-color: #f5ffc0;
    margin-bottom: 7px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05)
}

.accordion .card-header {
    display: block;
    padding: 0;
    border: 0
}

.accordion .card-header h5 {
    font-size: 15px;
    margin: 0;
    display: block
}

.accordion .card-header h5 a {
    padding: 15px 20px;
    display: block;
    border-bottom: 1px solid #efefef;
    font-size: 16px
}

.accordion .card-header h5 a:focus, .accordion .card-header h5 a:hover {
    color: inherit
}

.accordion .card-header h5 a.collapsed {
    border: 0
}

.accordion .card-body {
    font-size: 14px
}

.accordion-collapsed .card {
    margin: 0;
    border-radius: 0;
    border-color: #f5ffc0;
    border-bottom: 0;
    border-top-color: #efefef
}

.accordion-collapsed .card:first-child {
    border-top-color: #f5ffc0
}

.accordion-collapsed .card:last-child {
    border-bottom: 1px solid #f5ffc0
}

.accordion-icon .card-header h5 a:before {
    content: "\f068";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    margin-right: 8px
}

.accordion-icon .card-header h5 a.collapsed:before {
    content: "\f067"
}

.accordion-icon-custom .card-header h5 a:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    margin-right: 8px
}

.accordion-icon-custom .card-header h5 a.collapsed:before {
    content: "\f00c"
}

.nav-tabs {
    padding-left: 10px
}

.nav-tabs .nav-item .nav-link {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 18px;
    background-color: #f3f3f3;
    border-radius: 0;
    margin: 0;
    border-color: #ddd;
    border-width: 1px 0 1px 1px;
    line-height: 1.25;
    color: #616161
}

.nav-tabs .nav-item .nav-link i {
    margin-right: 5px
}

.nav-tabs .nav-item .nav-link:focus, .nav-tabs .nav-item .nav-link:hover {
    color: inherit;
    background-color: transparent;
    border-width: 1px 0 0 1px;
    border-color: #ddd;
    color: #616161
}

.nav-tabs .nav-item .nav-link.active {
    background-color: #fafafa;
    color: #5a5a5a;
    border-radius: 0;
    border-bottom-color: transparent;
    border-width: 1px 0 1px 1px
}

.nav-tabs .nav-item .nav-link.active:focus, .nav-tabs .nav-item .nav-link.active:hover {
    border-width: 1px 0 1px 1px;
    background-color: #fafafa;
    color: #5a5a5a
}

.nav-tabs .nav-item:last-child .nav-link.active, .nav-tabs .nav-item:last-child .nav-link {
    border-width: 1px
}

.nav-icon-left li a > i {
    margin-right: 6px
}

.tab-content > p:last-child {
    margin-bottom: 0
}

.popover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07);
    border-color: rgba(128, 128, 128, 0.2)
}

.popover-header {
    background-color: #fafafa;
    padding: 13px 18px;
    margin: -1px;
    color: #090e1e;
    font-size: 14px
}

.popover-body {
    padding: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    color: #616161
}

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

.tooltip {
    font-family: "Roboto", sans-serif
}

.tooltip.show {
    opacity: 1
}

.tooltip-inner {
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #090e1e;
    font-size: 13px
}

.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-top-left .arrow:before, .tooltip.bs-tooltip-top-right .arrow:before {
    border-top-color: #090e1e
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #090e1e
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #090e1e
}

.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-bottom-left .arrow:before, .tooltip.bs-tooltip-bottom-right .arrow:before {
    border-bottom-color: #090e1e
}

.heading {
    text-align: center;
    margin: 0 auto 50px auto;
    max-width: 800px
}

.heading i {
    font-size: 30px;
    color: #e4ff4d;
    border: 2px solid #e4ff4d;
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 30px;
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 56px
}

.heading h2 {
    font-size: 25px;
    margin-bottom: 20px
}

.heading p {
    font-size: 16px
}

.heading-left {
    text-align: left;
    margin: 0 0 50px 0
}

.heading-left i {
    text-align: center
}

.table {
    margin-bottom: 0
}

.table > thead > tr > th {
    border-top: 0
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-color: #e6e6e6;
    padding: 8px
}

.table > thead > tr > th {
    border-bottom: 0;
    padding: 15px 5px;
    color: #616161
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    outline: 0
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-color: #eaeaea
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9faf2
}

.post {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border: 0;
    font-size: 16px;
    line-height: 26px
}

.post::after {
    display: block;
    content: "";
    clear: both
}

.post .post-title {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 0
}

.post .post-thumbnail {
    position: relative;
    margin-bottom: 25px;
    margin-top: 25px
}

.post .post-thumbnail > a {
    display: block
}

.post .post-thumbnail .badge {
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 13px
}

.post .post-footer {
    margin: 0 -20px -10px -20px;
    padding: 0 20px 20px 20px
}

.post .post-header {
    display: table;
    margin-bottom: 25px
}

.post .post-header > div {
    display: table-cell;
    vertical-align: middle
}

.post .post-header > div:first-child {
    width: 55px;
    vertical-align: top
}

.post .post-header > div:first-child img {
    border-radius: 50%
}

.post .post-header > div:last-child {
    padding-left: 15px
}

.post .post-header > div:last-child .post-title {
    font-size: 22px
}

.post .post-header > div:last-child .post-meta {
    margin-top: 4px;
    margin-bottom: 0
}

.post .post-meta {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 25px
}

.post .post-meta span i {
    margin-right: 5px
}

.post .post-meta span:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 5px;
    display: inline-block
}

.post .post-meta span:last-child:after {
    display: none
}

.post-related {
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px
}

.post-tags a {
    color: #7d7d7d;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    padding: 7px 10px;
    font-size: 13px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: inline-block;
    font-weight: 400
}

.post-tags a:hover {
    color: #505050;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    border-color: #c7c7c7
}

.pager {
    display: table;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0
}

.pager > div {
    display: table-cell;
    width: 50%;
    height: 130px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

.pager > div .overlay {
    background-color: #2d2d2d;
    opacity: .7;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.pager > div:hover .overlay {
    opacity: .5
}

.pager > div h2 {
    font-size: 18px;
    color: #fff;
    margin: 0
}

.pager > div h2 a {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: .9;
    font-weight: 300;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    padding-left: 60px
}

.pager > div h2 a:focus, .pager > div h2 a:active, .pager > div h2 a:hover {
    opacity: 1;
    color: #fff
}

.pager > div h2 a:focus:before, .pager > div h2 a:active:before, .pager > div h2 a:hover:before {
    opacity: 1
}

.pager > div:last-child h2 a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 60px
}

.pager > div:last-child h2 a:before {
    display: none
}

.pager > div:last-child h2 a:focus:after, .pager > div:last-child h2 a:active:after, .pager > div:last-child h2 a:hover:after {
    opacity: 1
}

.post-single {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.post-md {
    display: table;
    border-color: #e8e8e8;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.post-md > div {
    display: table-cell;
    vertical-align: top
}

.post-md .post-thumbnail {
    width: 30%
}

.post-md .post-block {
    padding-left: 20px
}

.post-md .post-block .post-title {
    font-size: 18px;
    line-height: 22px
}

.post-md .post-block .post-meta {
    margin-bottom: 15px
}

.post-md .post-block p {
    margin: 0;
    line-height: 26px
}

.post-card {
    border: 1px solid #f5ffc0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    border-radius: 4px
}

.post-card .post-title {
    font-size: 22px
}

.post-card.post-md {
    border: 1px solid #f5ffc0;
    padding: 15px;
    width: 100%;
    margin-bottom: 15px
}

.post-card.post-md .post-thumbnail {
    width: 225px
}

.post-card.post-md .post-title {
    font-size: 17px;
    line-height: 19px
}

.post-card .post-footer {
    border-top: 1px solid #efefef;
    padding-top: 15px
}

.post-carousel {
    position: relative
}

.post-carousel .badge {
    margin-bottom: 15px;
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 3;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)
}

.post-carousel .post-block {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    padding-left: 35px;
    padding-top: 60px;
    padding-bottom: 30px
}

.post-carousel .post-block .post-title {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 7px 0
}

.post-carousel .post-block a:hover {
    color: #fff
}

.post-carousel .post-block .post-meta {
    font-size: 14px;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.6)
}

.post-carousel .post-block .post-meta span i {
    margin-right: 5px
}

.post-carousel .post-block .post-meta span:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 5px;
    display: inline-block
}

.post-carousel .post-block .post-meta span:last-child:after {
    display: none
}

.post-carousel .post-block .post-caption {
    background-color: #090e1e;
    padding: 20px 25px;
    display: inline-block;
    border-left: 4px solid #e4ff4d;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.post-profile {
    padding: 15px
}

.post-profile .post-header {
    margin-bottom: 15px;
    position: relative;
    width: 100%
}

.post-profile .post-header > div {
    vertical-align: top
}

.post-profile .post-header > div:last-child .post-title {
    font-size: 16px
}

.post-profile .post-header > div:last-child .post-title a + a:last-child:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    margin: 0 7px 0 3px;
    color: #ccc
}

.post-profile .post-header > div:first-child {
    width: 45px
}

.post-profile .post-header > div:first-child img {
    border-radius: 4px
}

.post-profile .post-header > div .dropdown {
    position: absolute;
    right: 5px;
    top: 0
}

.post-profile .post-thumbnail {
    margin: 0 0 15px 0
}

.post-profile .post-footer {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px
}

.post-profile .post-footer a:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 8px;
    display: inline-block
}

.post-profile .post-footer a:last-child:after {
    display: none
}

.post-profile .post-footer a i {
    margin-right: 3px
}

figure {
    margin-bottom: 0
}

.figure-effect figure .figure-img {
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 7px
}

.figure-effect figure .figure-img a {
    display: block
}

.figure-effect figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.figure-effect figure:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.figure-img .figure-likes {
    position: absolute;
    bottom: 18px;
    right: 18px;
    color: #fff;
    font-size: 15px
}

.figure-img .figure-likes:before {
    content: "\f08a";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    margin-right: 6px
}

.widget {
    margin-bottom: 45px
}

.widget:last-child {
    margin-bottom: 0
}

.widget .widget-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0 8px 15px;
    border-left: 3px solid #e4ff4d;
    color: #424242;
    margin-bottom: 15px;
    position: relative
}

.widget .widget-title i {
    font-size: 15px
}

.widget .widget-title span {
    font-weight: 300
}

.widget img {
    width: 100%
}

.widget-post > a {
    display: block
}

.widget-post img {
    margin-bottom: 15px
}

.widget-post h4 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0
}

.widget-post span {
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px;
    display: inline-block
}

.widget-post p {
    font-size: 14px;
    margin-bottom: 0
}

.widget-post .widget-list {
    margin-top: 15px
}

.widget-post .widget-list li {
    display: table;
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #e8e8e8
}

.widget-post .widget-list li:last-child {
    padding-bottom: 0
}

.widget-post .widget-list li > div {
    display: table-cell;
    vertical-align: top
}

.widget-post .widget-list li > div.widget-img {
    width: 100px
}

.widget-post .widget-list li > div:last-child {
    padding-left: 13px
}

.widget-post .widget-list li > div img {
    margin: 0
}

.widget-post .widget-list li > div h4 {
    font-size: 15px;
    line-height: 17px;
    margin: 0
}

.widget-post .widget-list li > div span {
    font-size: 13px;
    margin: 0
}

.widget-video .widget-img {
    position: relative;
    margin-bottom: 15px
}

.widget-video .widget-img span {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: auto;
    display: inline-block;
    background-color: rgba(25, 25, 25, 0.9);
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 7px;
    color: #fff
}

.widget-video .widget-img span:after {
    display: none
}

.widget-video .widget-img .video-play-icon {
    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: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.widget-video .widget-img .video-play-icon i {
    background-color: #090e1e;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    border-radius: 50%
}

.widget-video .widget-img .video-play-icon i:hover {
    color: #fff;
    background-color: #dc2745;
    -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2)
}

.widget-video h4 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0
}

.widget-video span {
    margin-top: 3px;
    font-size: 14px;
    display: inline-block
}

.widget-video span i {
    margin-right: 3px
}

.widget-video span:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 3px 0 8px;
    display: inline-block
}

.widget-video span:last-child:after {
    display: none
}

.widget-video p {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0
}

.widget-tabs .nav-tabs {
    padding-left: 5px
}

.widget-tabs .widget-post .widget-list > li {
    padding: 13px 0
}

.widget-tabs .widget-post .widget-list > li:first-child {
    border-top: 0;
    padding-top: 5px
}

.widget-tabs .widget-post .widget-list > li span {
    margin-top: 3px;
    font-size: 14px;
    display: inline-block
}

.widget-tabs .widget-post .widget-list > li span i {
    margin-right: 3px
}

.widget-tabs .widget-post .widget-list > li span:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 3px 0 8px;
    display: inline-block
}

.widget-tabs .widget-post .widget-list > li span:last-child:after {
    display: none
}

.widget-tabs .widget-post .widget-list > li h4 {
    font-size: 15px;
    line-height: 18px
}

.widget-list ul li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
    font-size: 14px
}

.widget-list ul li:first-child a {
    padding-top: 5px
}

.widget-list ul li:last-child a {
    border: 0
}

.widget-game .widget-block {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative
}

.widget-game .widget-block .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 37, 37, 0.77)), to(#252525));
    background: linear-gradient(to bottom, rgba(37, 37, 37, 0.77) 0, #252525 100%)
}

.widget-game .widget-block .widget-item {
    position: relative;
    z-index: 3;
    padding: 35px;
    color: #d0d0d0
}

.widget-game .widget-block .widget-item h4 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #fff
}

.widget-game .widget-block .widget-item h5 {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 30px
}

.widget-game .widget-block .widget-item .meta {
    font-size: 14px
}

.widget-game .widget-block .widget-item .badge {
    margin-right: 5px
}

.widget-game .widget-block .widget-item ul li {
    display: inline-block;
    font-size: 14px
}

.widget-game .widget-block .widget-item ul li a {
    color: #d0d0d0
}

.widget-game .widget-block .widget-item ul li a:hover {
    text-decoration: underline;
    color: #fff
}

.widget-game .widget-block .widget-item p {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px
}

.widget-games a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    height: 100px;
    width: 100%;
    padding: 25px 20px;
    position: relative
}

.widget-games a:hover .overlay {
    opacity: .8
}

.widget-games a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #232323 0, #232323 26%, rgba(37, 37, 37, 0.3) 100%);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.widget-games a .widget-block {
    position: relative;
    z-index: 3;
    display: table;
    width: 100%;
    height: 100%
}

.widget-games a .widget-block .count {
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    float: left;
    font-size: 27px;
    color: rgba(255, 255, 255, 0.5)
}

.widget-games a .widget-block .description {
    display: table-cell;
    vertical-align: middle;
    padding-left: 14px;
    text-align: left;
    width: 95%
}

.widget-games a .widget-block h5 {
    line-height: 22px;
    color: #fff;
    margin-bottom: 0;
    margin-top: -5px
}

.widget-games a .widget-block .date {
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5)
}

.widget-videos .widget-list li {
    margin-bottom: 20px
}

.widget-videos .widget-list h4 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0
}

.widget-videos > .widget-block {
    padding-bottom: 25px
}

.widget-videos span {
    margin-top: 3px;
    font-size: 14px;
    display: inline-block
}

.widget-videos span i {
    margin-right: 3px
}

.widget-videos span:after {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 3px 0 8px;
    display: inline-block
}

.widget-videos span:last-child:after {
    display: none
}

.widget-videos p {
    font-size: 14px;
    margin-bottom: 0
}

.widget-videos .widget-img {
    margin-bottom: 15px;
    position: relative
}

.widget-videos .widget-img:hover:after {
    width: 100%
}

.widget-videos .widget-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    z-index: 3;
    background: red;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.widget-videos .widget-img span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: auto;
    display: inline-block;
    background-color: rgba(25, 25, 25, 0.9);
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 7px;
    color: #fff
}

.widget-share .widget-block {
    margin-top: 2px
}

.widget-share .widget-block a {
    margin-bottom: 5px;
    margin-left: 3px
}

.widget-share .widget-block span {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 7px 8px;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.widget-share .widget-block span:after, .widget-share .widget-block span:before {
    top: 100%;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.widget-share .widget-block span:after {
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px
}

.widget-share .widget-block span:before {
    border-top-color: #e6e6e6;
    border-width: 7px;
    margin-left: -7px
}

.widget-newsletter .widget-block {
    padding: 60px 40px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.widget-newsletter .widget-block .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 2;
    background-color: #2d2d2d
}

.widget-newsletter .widget-block form {
    position: relative;
    z-index: 3
}

.widget-newsletter .widget-block form .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff
}

.widget-newsletter .widget-block form .form-control:active, .widget-newsletter .widget-block form .form-control:focus {
    color: #fff
}

.widget-newsletter .widget-block form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.widget-newsletter .widget-block form p {
    color: white;
    line-height: 20px;
    padding: 0 0 20px 0;
    margin-bottom: 10px;
    text-align: center
}

.widget-tags .post-tags a {
    margin-bottom: 5px
}

.widget-about {
    margin-top: 40px
}

.widget-about p {
    font-size: 15px
}

.widget-about ul li {
    font-size: 14px;
    margin-bottom: 5px
}

.widget-about ul li i {
    width: 20px;
    margin-right: 3px;
    text-align: center
}

.note-popover .popover-content .note-para .dropdown-menu, .card-header.note-toolbar .note-para .dropdown-menu {
    min-width: 230px
}

.chart {
    position: relative;
    display: inline-block;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.easypiechart {
    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: 90px;
    line-height: 90px;
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

.easypiechart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fast {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important
}

.btn-demo .btn {
    margin-bottom: 5px;
    display: inline-block
}

.blank {
    min-height: 600px
}

.icons {
    color: #4c4c4c;
    margin: 0 -10px;
    padding-top: 15px
}

.icons i {
    font-size: 20px;
    width: 46.95px;
    height: 40px;
    cursor: pointer;
    text-align: center
}

.icons h5 {
    margin-left: 13px;
    margin-top: 30px;
    margin-bottom: 25px
}

.icons h5:first-child {
    margin-top: 0
}

.anchor {
    padding-top: 80px;
    margin-top: -80px
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.float-none {
    float: none !important
}

.relative {
    position: relative
}

.row-5 {
    margin: 0 -5px
}

.row-5 > div {
    padding: 0 5px
}

.row-3 {
    margin: 0 -3px
}

.row-3 > div {
    padding: 0 3px
}

.full-width {
    width: 100% !important
}

.font-weight-300 {
    font-weight: 300
}

.bg-primary {
    color: #fff;
    background-color: #e4ff4d !important
}

.bg-danger {
    color: #fff;
    background-color: #e74c3c !important
}

.bg-warning {
    color: #fff;
    background-color: #fbb32f !important
}

.bg-info {
    color: #fff;
    background-color: #52baff !important
}

.bg-success {
    color: #fff;
    background-color: #0e9a49 !important
}

.bg-inverse {
    color: #fff;
    background-color: #222 !important
}

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

.mx-auto {
    margin: 0 auto;
    float: none
}

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

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

.text-muted {
    color: #969696 !important
}

.text-primary {
    color: #1a63c1 !important
}

.text-secondary {
    color: #dc2745 !important
}

.text-success {
    color: #419e1c !important
}

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

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

.text-info {
    color: #2688ca !important
}

.text-white {
    color: #fff !important
}

.text-dark {
    color: rgba(0, 0, 0, 0.5) !important
}

.display-none {
    display: none !important
}

.display-block {
    display: block !important
}

.display-inline {
    display: inline !important
}

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

.no-border {
    border: 0 !important
}

.no-border-top {
    border-top: 0 !important
}

.no-border-bottom {
    border-bottom: 0 !important
}

.no-border-left {
    border-left: 0 !important
}

.no-border-right {
    border-right: 0 !important
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.no-radius {
    border-radius: 0 !important
}

.nowrap {
    white-space: nowrap !important
}

.p-t-35 {
    padding-top: 35px !important
}

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

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

.p-t-25 {
    padding-top: 25px !important
}

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

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

.p-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-x-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

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

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

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

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

.p-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-t-0 {
    padding-top: 0
}

.p-b-0 {
    padding-bottom: 0
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

@media (max-width: 1600px) {
    #header .nav > ul > li.mega-menu > ul {
        background-image: none !important
    }
}

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

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

@media (max-width: 992px) {
    body {
        overflow-x: hidden
    }

    .container {
        max-width: 100% !important
    }

    #header .navbar-left .nav {
        display: none
    }

    .navbar-backdrop {
        margin: 0 -5px
    }

    .navbar-toggle {
        float: left;
        display: inline-block;
        color: #fff !important;
        font-size: 16px;
        padding: 4px 8px;
        z-index: 3;
        background-color: rgba(255, 255, 255, 0.04);
        border-radius: 4px;
        margin-right: 15px
    }

    .navbar-toggle:focus, .navbar-toggle:active, .navbar-toggle:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.03)
    }

    .nav-responsive {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 50px;
        padding-bottom: 50px;
        background-color: #090e1e;
        overflow-y: scroll;
        height: 100%;
        width: 100%
    }

    .nav-responsive > ul {
        padding: 0
    }

    .nav-responsive > ul > li a {
        display: block;
        font-weight: 500;
        font-size: 15px;
        padding: 5px 10px;
        color: #fff
    }

    .nav-responsive > ul > li a:hover {
        background-color: #090e1e !important;
        color: #fff
    }

    .nav-responsive > ul > li > a {
        padding: 12px 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.03)
    }

    .nav-responsive > ul > li.has-dropdown > a:after {
        content: "\f078";
        font-family: 'Font Awesome 5 Brands';
        font-family: "Font Awesome 5 Pro";
        font-size: 13px;
        float: right;
        margin-left: 5px;
        font-weight: bold
    }

    .nav-responsive > ul > li > ul {
        display: none
    }

    .nav-responsive > ul > li.open {
        background-color: #090e1e !important
    }

    .nav-responsive > ul > li.open > ul {
        display: block
    }

    .nav-responsive > ul > li.open > a:focus, .nav-responsive > ul > li.open > a:hover, .nav-responsive > ul > li.open > a {
        color: #fff;
        background-color: #090e1e !important;
        border-color: rgba(255, 255, 255, 0.05)
    }

    .nav-responsive > ul > li.mega-menu ul {
        background-image: none !important
    }

    .nav-responsive > ul > li.mega-menu ul .title {
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 20px;
        display: block
    }

    .nav-responsive > ul > li.mega-menu ul a {
        padding: 5px 0
    }

    .nav-responsive > ul > li.mega-menu ul a i {
        width: 20px
    }

    .nav-responsive > ul > li.mega-menu .col {
        -ms-flex-preferred-size: auto;
        max-width: 50%
    }

    .nav-responsive > ul > li ul {
        padding: 0 0 10px 0
    }

    .nav-responsive > ul > li ul li a {
        font-weight: 400;
        font-size: 14px
    }

    .navbar-open {
        overflow: hidden
    }

    .navbar-open .nav-responsive {
        display: block
    }

    .navbar-search {
        padding: 5px 0 10px 0
    }

    .navbar-search .container {
        padding: 0 10px
    }

    section {
        padding: 20px 0
    }

    section.bg-image-sm {
        padding: 50px 0
    }

    section.bg-image:not(.bg-image-sm):not(.mobile) {
        background-image: none;
        padding: 0 !important
    }

    section.bg-image:not(.bg-image-sm) .overlay {
        display: none
    }

    section.bg-image:not(.bg-image-sm) .container {
        padding: 0
    }

    #header .logo {
        margin-left: 5px
    }

    .post .post-title {
        font-size: 22px
    }

    .post .post-meta {
        margin-bottom: 15px
    }

    .post .post-thumbnail {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .breadcrumbs .container {
        padding: 0
    }

    .toolbar form {
        display: none
    }

    .video-play h5 {
        left: 20px;
        top: auto;
        bottom: 20px;
        margin: 0
    }

    .hero-block .hero-right {
        display: none
    }

    .sidebar {
        border: 0;
        padding-left: 0;
        margin-top: 40px
    }

    .review {
        padding: 0 20px
    }

    .review .review-bad, .review .review-good {
        margin-top: 30px;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    #header .logo, #header .navbar, #header {
        height: 50px
    }

    #header .nav > ul > li > a {
        line-height: 50px
    }

    .navbar-search-open .navbar-search {
        top: 50px
    }

    #header .logo {
        padding: 12px 0
    }

    #header .nav > ul > li > a > .badge {
        top: 5px
    }

    #header .nav > ul > li > ul {
        top: 50px
    }

    .fixed-header {
        padding-top: 50px
    }

    #footer {
        padding: 5px
    }

    #footer .footer-title {
        margin-top: 30px;
        margin-bottom: 15px
    }

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

    .pager > div {
        display: block;
        width: 100%
    }

    .video-play h5 {
        display: none
    }

    .post-carousel .post-block {
        padding-left: 10px;
        padding-bottom: 10px
    }

    .post-carousel .post-block .post-caption {
        padding: 15px 15px
    }

    .post-carousel .post-block .post-title {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 576px) {
    .card-lg .card-block {
        padding: 25px
    }

    #header .container {
        padding: 0 13px
    }

    .p-y-80 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    #header .navbar-right.nav > ul > li > a {
        padding: 0 8px
    }

    #header .logo {
        margin: 0 auto;
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        display: inline-block;
        text-align: center
    }

    #header .logo img {
        width: auto
    }

    .nav-responsive > ul > li.mega-menu .col {
        max-width: 100%
    }

    .hidden-xs {
        display: none !important
    }

    .post .post-title {
        font-size: 20px;
        line-height: 24px
    }

    .post .post-header > div:first-child {
        display: none
    }

    .post .post-header > div:last-child {
        padding-left: 0
    }

    .post .post-header > div:last-child .post-title {
        font-size: 20px;
        line-height: 24px
    }

    .video-play .video-play-icon i {
        width: 74px;
        height: 74px;
        line-height: 74px;
        font-size: 20px
    }

    .toolbar-custom form {
        margin-bottom: 15px;
        padding-right: 0 !important
    }

    .review .chart {
        margin-top: 10px
    }

    .hero .hero-block {
        padding: 0 20px
    }

    .hero .hero-block .hero-title {
        font-size: 26px
    }

    .hero .hero-block p {
        font-size: 14px
    }

    .post-carousel .post-block {
        padding: 0
    }

    .post-carousel .post-block .post-caption {
        padding: 15px 15px;
        display: block;
        border: 0
    }

    .post-carousel .post-block .post-title {
        font-size: 14px;
        margin: 0;
        line-height: 20px;
        font-weight: 500;
        color: #a7a7a7
    }

    .post-carousel .post-block .post-meta {
        display: none
    }
}

@media (max-width: 500px) {
    .post-md > div {
        display: block
    }

    .post-md .post-thumbnail {
        width: 100%
    }

    .post-md .post-block {
        padding-left: 0
    }

    .post-review > div {
        display: block
    }

    .post-review .post-thumbnail {
        width: 100%
    }

    .post-review .post-thumbnail .badge {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        top: 20px;
        right: 20px;
        left: auto
    }

    .post-review .post-block {
        padding-left: 0
    }

    .hero .hero-block .btn {
        display: block;
        margin-left: 0 !important
    }
}

.sidebar-left .widget, .sidebar .widget {
    font-size: 15px
}

.text-link {
    text-decoration: underline;
    color: #5c606c
}

@media (max-width: 992px) {
    .text-link {
        color: #333
    }
}

.text-link:hover {
    color: #090e1e
}

.card-shadow {
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede
}

.card-large {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

.card-small {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 2px 2px 4px -1px #dedede;
    -moz-box-shadow: 2px 2px 4px -1px #dedede;
    box-shadow: 2px 2px 4px -1px #dedede
}

.reset-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0
}

html {
    font-size: 16px;
    line-height: 26px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 20px
}

h1:not([class]), h2:not([class]) {
    margin-top: 10px
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 22px;
    font-weight: normal
}

h5 {
    font-size: 20px;
    font-weight: normal
}

h6 {
    font-size: 18px;
    font-weight: normal
}

h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) {
    border-left: 3px solid #e4ff4d;
    padding: 5px 0 5px 15px
}

.widget h2:not([class]), .widget h3:not([class]), .widget h4:not([class]), .widget h5:not([class]), .widget h6:not([class]) {
    border: 0;
    padding: 0
}

.regular-page h2:not([class]), .regular-page h3:not([class]), .regular-page h4:not([class]), .regular-page h5:not([class]), .regular-page h6:not([class]) {
    border-left: none;
    padding: 0
}

.regular-page iframe.lazy-hidden {
    background-color: #ccc
}

.post h2:not([class]) a, .post h3:not([class]) a, .post h4:not([class]) a, .post h5:not([class]) a, .post h6:not([class]) a {
    text-decoration: none
}

.post a:not([class]) {
    text-decoration: underline
}

.post .post-title:not(h1) {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px
}

.post .post-title:not(h1) a {
    text-decoration: none
}

@media (max-width: 768px) {
    .post .post-header {
        display: block
    }
}

.post .video-container {
    margin-top: 20px;
    margin-bottom: 20px
}

.post img {
    margin-bottom: 20px
}

.post img.pull-right, .post figure.pull-right {
    margin-right: 0;
    margin-left: 20px
}

@media (max-width: 768px) {
    .post img.pull-right, .post figure.pull-right {
        float: none !important;
        margin: 0;
        margin-bottom: 20px;
        display: block
    }
}

.post img.pull-left, .post figure.pull-left {
    margin-left: 0;
    margin-right: 20px
}

@media (max-width: 768px) {
    .post img.pull-left, .post figure.pull-left {
        float: none !important;
        margin: 0;
        margin-bottom: 20px;
        display: block
    }
}

.post ul:not([class]) {
    list-style-type: disc;
    padding-left: 15px;
    margin: 20px 0
}

.post ul:not([class]) li {
    line-height: 1.5
}

.post ul:not([class]) li > ul {
    margin: 0;
    list-style-type: circle
}

.post .post-thumbnail.right {
    width: auto;
    max-width: 400px;
    padding-left: 20px
}

.message {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background-color: #090e1e
}

.message figure img {
    height: 61px;
    padding: 8px 0
}

@media (max-width: 767px) {
    .message figure img {
        height: 50px
    }
}

.message figure, .message figcaption {
    color: #fff
}

.message figcaption {
    padding: 0 5px;
    max-width: calc(100% - 45px)
}

@media (max-width: 640px) {
    .message figcaption {
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .message figcaption {
        font-size: 11px
    }
}

@media (max-width: 321px) {
    .message figcaption {
        font-size: 10px
    }
}

#header {
    min-height: 62px;
    height: auto
}

#header > .container {
    background-color: #090e1e
}

#header .navbar-right {
    padding-right: 0
}

#header .navbar-backdrop {
    margin-right: auto;
    width: calc(100% - 150px)
}

@media (max-width: 480px) {
    #header .navbar-backdrop {
        width: calc(100% - 110px)
    }
}

@media (max-width: 576px) {
    #header .logo {
        padding-right: 145px
    }
}

@media (max-width: 321px) {
    #header .logo {
        padding-left: 30px
    }
}

.button.primary {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 15px;
    padding: 16px 27px;
    background-color: #259e55;
    border-color: #259e55
}

.button.primary:hover {
    background-color: #4be05f;
    border-color: #4be05f;
    font-weight: normal
}

.button.primary.demo {
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #090e1e
}

.button.primary.demo:hover, .button.primary.demo:active, .button.primary.demo:focus {
    background-color: #f5ffc0;
    border-color: #f5ffc0;
    font-weight: normal
}

.button.primary.small {
    padding: 8px 16px
}

.button.secondary {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 13px;
    padding: 7px 10px;
    background-color: #259e55;
    border-color: #259e55
}

.button.secondary:hover {
    background-color: #4be05f;
    border-color: #4be05f;
    font-weight: normal
}

.button.secondary.blue {
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    text-decoration: none;
    color: #090e1e
}

.button.secondary.blue:hover {
    background-color: #090e1e;
    border-color: #090e1e;
    text-decoration: none;
    color: #e4ff4d;
    font-weight: normal
}

.button.disabled {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 15px;
    padding: 16px 27px;
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    cursor: not-allowed;
    color: #616161 !important
}

.button.disabled:hover {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    font-weight: normal !important
}

@media (max-width: 1200px) {
    .sidebar {
        margin-top: 50px;
        padding-left: 0;
        border-left: none
    }
}

ol li ol {
    list-style-type: lower-alpha
}

a[data-title] {
    position: relative
}

[data-title]:hover:after {
    opacity: 1;
    transition: all .2s ease .6s;
    visibility: visible
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    color: #5c606c;
    background: #f9faf2;
    border: 1px solid #090e1e;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    visibility: hidden;
    top: 100%;
    width: 450px;
    z-index: 9999;
    left: -225px;
    text-align: center
}

@media (max-width: 992px) {
    [data-title]:after {
        max-width: 90vw;
        left: -50vw
    }
}

.navbar-search {
    padding: 10px 0;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    right: auto;
    left: 0;
    z-index: 999
}

@media (max-width: 1200px) {
    .navbar-search {
        max-width: 940px;
        left: auto
    }
}

@media (max-width: 991px) {
    .navbar-search {
        max-width: 720px
    }
}

@media (max-width: 767px) {
    .navbar-search {
        max-width: 100%;
        left: 0
    }
}

.navbar-search > .container {
    width: 100%
}

.navbar-search form {
    position: relative
}

.navbar-search input[type="text"] {
    font-size: 16px;
    font-weight: 400;
    border-color: transparent;
    height: 38px;
    line-height: 26px;
    display: block;
    width: 100%;
    padding: 0 15px;
    color: #666;
    position: relative
}

.search-page {
    padding-top: 50px;
    padding-bottom: 50px
}

.post .search-list {
    padding-top: 0
}

.navbar-right {
    padding-right: 160px
}

@media (max-width: 640px) {
    .navbar-right {
        padding-right: 130px
    }
}

@media (max-width: 480px) {
    .navbar-right {
        padding-right: 110px
    }
}

.search-result {
    margin: 20px auto
}

.search-result h3 {
    margin: 10px auto 5px auto;
    padding: 5px 0 0 0;
    border-left: none
}

.search-result span {
    margin-bottom: 5px;
    display: block
}

.search-result p {
    margin-bottom: 0
}

.search-result p b {
    background-color: #e4ff4d !important;
    color: #5c606c !important;
    padding: 2px 4px;
    font-weight: normal
}

@media (max-width: 992px) {
    .search-result p b {
        color: #333 !important
    }
}

.game-search-form {
    position: relative;
    z-index: 5;
    max-width: 375px;
    width: 100%;
    margin: 0 auto 15px auto
}

@media (max-width: 991px) {
    .game-search-form {
        padding-bottom: 15px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .game-search-form {
        max-width: 100%;
        padding: 0 15px 15px 15px
    }
}

@media (max-width: 640px) {
    .game-search-form {
        max-width: 100%;
        padding: 0 15px 15px 15px
    }
}

.game-search-form #prefetch {
    margin-bottom: 0
}

.game-search-form .typeahead {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #5c606c
}

.game-search-form .typeahead::-webkit-input-placeholder {
    color: #5c606c
}

@media (max-width: 992px) {
    .game-search-form .typeahead::-webkit-input-placeholder {
        color: #333
    }
}

@media (max-width: 992px) {
    .game-search-form .typeahead {
        color: #333
    }
}

.game-search-form .twitter-typeahead {
    width: 100%
}

.game-search-form .twitter-typeahead .typeahead {
    margin-top: 0
}

@media (min-width: 992px) {
    .game-search-form .twitter-typeahead .typeahead {
        background-color: rgba(255, 255, 255, 0.4) !important
    }
}

.game-search-form .twitter-typeahead .typeahead:active, .game-search-form .twitter-typeahead .typeahead:focus {
    outline: 0;
    outline-offset: 0
}

@media (max-width: 991px) {
    .game-search-form .twitter-typeahead .tt-menu, .game-search-form .twitter-typeahead .tt-dataset, .game-search-form .twitter-typeahead .tt-suggestion {
        background-color: #fff;
        z-index: 200
    }
}

.game-search-form .twitter-typeahead .tt-menu {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding-top: 4px;
    background-color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 991px) {
    .game-search-form .twitter-typeahead .tt-menu {
        z-index: 9999 !important
    }
}

.game-search-form .twitter-typeahead .tt-dataset {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.game-search-form .twitter-typeahead .tt-dataset .tt-suggestion, .game-search-form .twitter-typeahead .tt-dataset .no-results {
    display: block;
    width: 100%;
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
    color: #5c606c;
    background-color: transparent !important;
    position: relative;
    z-index: 2 !important
}

@media (max-width: 992px) {
    .game-search-form .twitter-typeahead .tt-dataset .tt-suggestion, .game-search-form .twitter-typeahead .tt-dataset .no-results {
        color: #333
    }
}

.game-search-form .twitter-typeahead .tt-dataset .tt-suggestion:hover, .game-search-form .twitter-typeahead .tt-dataset .no-results:hover, .game-search-form .twitter-typeahead .tt-dataset .tt-suggestion:active, .game-search-form .twitter-typeahead .tt-dataset .no-results:active, .game-search-form .twitter-typeahead .tt-dataset .tt-suggestion:focus, .game-search-form .twitter-typeahead .tt-dataset .no-results:focus {
    color: #090e1e
}

.game-search-form .twitter-typeahead .tt-dataset .tt-suggestion:last-child, .game-search-form .twitter-typeahead .tt-dataset .no-results:last-child, .game-search-form .twitter-typeahead .tt-dataset .tt-suggestion:only-child, .game-search-form .twitter-typeahead .tt-dataset .no-results:only-child {
    border-bottom: 0
}

.game-search-form.darker .tt-menu {
    background-color: #f9faf2;
    color: #090e1e
}

@media (max-width: 992px) {
    a[data-toggle="search"] {
        margin-right: 15px;
        padding: 0
    }
}

@media (max-width: 992px) and (max-width: 500px) {
    a[data-toggle="search"] {
        margin-right: 10px
    }
}

@media (max-width: 992px) and (max-width: 500px) and (max-width: 400px) {
    a[data-toggle="search"] {
        margin-right: 5px
    }
}

.widget-tabs .tab-content > .tab-pane {
    display: block
}

.card-widget .card-img img {
    width: 100%
}

.news-img {
    padding-bottom: calc(200 / 500 * 100%)
}

.has-sidebar .latest-news {
    max-width: 100%
}

.latest-news .news-item {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 15px
}

.news-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

.news-item .post-thumbnail {
    -webkit-flex: 0 0 350px;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    width: 100%;
    max-width: 100%;
    margin: 0
}

@media (max-width: 991px) {
    .news-item .post-thumbnail {
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%
    }
}

@media (max-width: 500px) {
    .news-item .post-thumbnail {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (min-width: 501px) {
    .news-item .post-thumbnail figure {
        margin: 0
    }
}

.news-item .post-block {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news-item .card-widget .card-img > a {
    padding-bottom: 0;
    height: auto
}

.news-container {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.news-container.col-lg-10 {
    width: 100%;
    max-width: 970px
}

.news-container.col-lg-10 .post-related {
    clear: both
}

.news-container .post-title, .news-container .post-meta, .news-container .post-titlez {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.post-meta .tags a {
    margin-right: 8px;
    text-decoration: none
}

.post-meta .tags a:last-child {
    margin-right: 0
}

.post-thumbnail > a {
    display: block;
    min-height: 120px;
    -webkit-transition: min-height .5s ease-in;
    -moz-transition: min-height .5s ease-in;
    -ms-transition: min-height .5s ease-in;
    -o-transition: min-height .5s ease-in
}

@media (max-width: 1200px) {
    .post-thumbnail > a {
        min-height: 155px
    }
}

@media (max-width: 991px) {
    .post-thumbnail > a {
        min-height: 120px
    }
}

@media (max-width: 767px) {
    .post-thumbnail > a {
        min-height: 120px
    }
}

@media (max-width: 640px) {
    .post-thumbnail > a {
        min-height: 70px
    }
}

@media (max-width: 500px) {
    .post-thumbnail > a {
        min-height: 100px
    }
}

.post-thumbnail img {
    width: 100%
}

.post-thumbnail img.lazy-loaded {
    opacity: 1
}

.post-thumbnail noscript img {
    opacity: 1
}

.swiper-arrows.related-news .swiper-button-prev, .swiper-arrows.related-news .swiper-button-next {
    top: 2px;
    right: 0;
    left: auto;
    margin: 0;
    background-image: none;
    width: 20px;
    height: 20px;
    color: #e4ff4d;
    font-size: 18px
}

.swiper-arrows.related-news .swiper-button-prev:hover, .swiper-arrows.related-news .swiper-button-next:hover, .swiper-arrows.related-news .swiper-button-prev:active, .swiper-arrows.related-news .swiper-button-next:active {
    color: #090e1e
}

.swiper-arrows.related-news .swiper-button-prev {
    right: 25px
}

.related-news .card-widget .card-img > a {
    padding-bottom: calc(200 / 500 * 100%)
}

.widget-game.specs {
    max-width: 360px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-right: 30px
}

@media (max-width: 768px) {
    .widget-game.specs {
        float: none;
        max-width: 100%;
        margin-bottom: 15px
    }
}

.widget-game.specs table.table {
    margin: 30px 0 0 0
}

.widget-game.specs table.table a {
    text-decoration: underline
}

.widget-game.specs table.table a:hover {
    color: #090e1e;
    text-decoration: none
}

.widget-game.specs.smaller {
    max-width: 220px
}

@media (max-width: 767px) {
    .widget-game.specs.smaller {
        float: none;
        max-width: 100%;
        margin-bottom: 20px
    }
}

.widget-game.specs .widget-block {
    background-image: none;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .widget-game.specs .widget-block {
        min-height: 1px
    }
}

.widget-game.specs .widget-block .widget-item {
    color: #090e1e;
    z-index: 2;
    padding: 0
}

.widget-game.specs .widget-block .widget-item h1, .widget-game.specs .widget-block .widget-item h2, .widget-game.specs .widget-block .widget-item h3, .widget-game.specs .widget-block .widget-item h4, .widget-game.specs .widget-block .widget-item h5, .widget-game.specs .widget-block .widget-item h6, .widget-game.specs .widget-block .widget-item p {
    color: #090e1e
}

@media (max-width: 768px) {
    .widget-game.specs .widget-block .widget-item {
        padding: 15px
    }
}

.widget-game.specs .widget-block h5 {
    font-weight: bold;
    margin-bottom: 6px
}

.widget-game.specs .widget-block .overlay {
    background: 0
}

.widget-game.specs .widget-block ul {
    list-style-type: disc;
    padding: 0 0 0 15px;
    margin: 3px 0 20px 0;
    color: #d0d0d0
}

.widget-game.specs .widget-block ul:not([class]) li {
    list-style-type: disc;
    position: relative;
    vertical-align: middle;
    display: list-item;
    color: #090e1e
}

.widget-game.specs + .post.regular-page blockquote {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

@media (max-width: 991px) {
    .widget-game.specs + .post.regular-page blockquote {
        margin: 0 0 20px 0
    }
}

.filter-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 30px;
    text-align: center;
    background-color: #259e55;
    color: #fff;
    max-width: 1140px;
    margin: 0 auto;
    font-weight: bold;
    z-index: 12;
    border: 1px solid rgba(0, 0, 0, 0.13);
    -webkit-transition: bottom .5s ease-in;
    -moz-transition: bottom .5s ease-in;
    -ms-transition: bottom .5s ease-in;
    -o-transition: bottom .5s ease-in
}

.filter-notification.slide-down {
    bottom: -100%;
    -webkit-transition: bottom .5s ease-in;
    -moz-transition: bottom .5s ease-in;
    -ms-transition: bottom .5s ease-in;
    -o-transition: bottom .5s ease-in
}

.filter-notification a {
    color: #fff;
    display: block
}

.filter-notification a:hover, .filter-notification a:focus, .filter-notification a:active {
    color: #fff
}

.filter-notification.no-results {
    background-color: #ca422e
}

.filter-notification:not(.no-results):hover {
    background-color: #4be05f
}

.filter-notification p {
    margin: 0
}

.filter-notification p span {
    margin-right: 10px
}

@media (max-width: 991px) {
    .game-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    .game-content .widget-game.specs {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        margin-right: 0;
        float: none
    }
}

@media (max-width: 991px) {
    .game-content .post.regular-page {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.post-related + .post-related {
    margin-top: 0
}

.game-view .post-header h1 {
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    z-index: 3;
    position: relative
}

.toolbar-custom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 991px) {
    .toolbar-custom {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    .toolbar-custom .search {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 15px;
        padding-right: 0 !important;
        -webkit-order: 3;
        -ms-order: 3;
        order: 3
    }
}

.toolbar-custom .category-dropdown {
    margin-left: 0;
    margin-right: auto
}

@media (max-width: 991px) {
    .toolbar-custom .category-dropdown {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.toolbar-custom .filter-dropdown {
    z-index: 11;
    position: relative
}

@media (max-width: 991px) {
    .toolbar-custom .filter-dropdown {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }
}

.toolbar-custom .filter-dropdown .btn-default.animated {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite
}

.toolbar-custom .filter-dropdown .btn-default i {
    float: right
}

@media (max-width: 991px) {
    .toolbar-custom .filter-dropdown {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-bottom: 0
    }
}

.toolbar-custom .most-played {
    min-width: 205px
}

@media (max-width: 991px) {
    .toolbar-custom .most-played {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2
    }
}

.toolbar-custom .most-played .btn-default {
    width: 100%;
    text-align: left
}

@media (max-width: 991px) {
    .toolbar-custom .most-played .btn-default {
        text-align: center
    }
}

.toolbar-custom .most-played .btn-default i {
    float: right
}

.toolbar-custom .most-played .btn-default:after {
    content: "";
    display: block;
    clear: both
}

.toolbar-custom .most-played .dropdown-menu {
    width: 100%
}

@media (max-width: 992px) {
    .toolbar-custom .most-played {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

@media (max-width: 767px) {
    .toolbar-custom .most-played {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.toolbar-custom form.search {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0
}

.toolbar-custom form.search input.form-control {
    border: 1px solid #e2e2e2;
    font-size: 16px;
    padding: 0 15px;
    color: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

@media (max-width: 992px) {
    .toolbar-custom .most-played button, .toolbar-custom .category-dropdown button, .toolbar-custom .filter-dropdown button {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 992px) {
    .toolbar-custom .most-played .dropdown-menu, .toolbar-custom .category-dropdown .dropdown-menu, .toolbar-custom .filter-dropdown .dropdown-menu {
        width: 100%;
        text-align: center
    }
}

.toolbar-custom .dropdown {
    margin-left: 0;
    margin-right: auto
}

.toolbar-custom .dropdown-menu a.dropdown-item {
    display: block;
    padding: 7px 15px
}

.toolbar-custom .dropdown-menu a.dropdown-item:hover, .toolbar-custom .dropdown-menu a.dropdown-item:active, .toolbar-custom .dropdown-menu a.dropdown-item.active {
    color: #5c606c
}

@media (max-width: 992px) {
    .toolbar-custom .dropdown-menu a.dropdown-item:hover, .toolbar-custom .dropdown-menu a.dropdown-item:active, .toolbar-custom .dropdown-menu a.dropdown-item.active {
        color: #333
    }
}

.clear-filter {
    text-align: center;
    margin: 0
}

.clear-filter > a {
    text-decoration: underline
}

.bg-image-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.bg-image-footer .footer-top {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width: 1201px) {
    .bg-image-footer .footer-top {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1201px) {
    .bg-image-footer .footer-top.has-likes {
        margin-right: -350px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.bg-image-footer .game-buttons {
    text-align: center;
    margin: 15px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    position: relative
}

@media (max-width: 768px) {
    .bg-image-footer .game-buttons {
        padding: 0 15px
    }
}

@media (max-width: 640px) {
    .bg-image-footer .game-buttons {
        margin-bottom: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.bg-image-footer .game-buttons.no-margin {
    margin: 0
}

.bg-image-footer .game-buttons a {
    display: block;
    margin: 0 15px 0 0
}

@media (max-width: 640px) {
    .bg-image-footer .game-buttons a.button {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%
    }
}

.bg-image-footer .game-buttons a.button:last-child, .bg-image-footer .game-buttons a.button:only-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .bg-image-footer .game-buttons a.button:last-child, .bg-image-footer .game-buttons a.button:only-child {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.bg-image-footer .game-buttons a.button + .button {
    margin-right: 0
}

.bg-image-footer .game-buttons a.button.demo {
    display: none
}

.bg-image-footer .game-buttons a.button.demo.active, .bg-image-footer .game-buttons a.button.demo.inactive {
    display: block
}

@media (min-width: 768px) {
    .bg-image-footer .game-buttons a.button.demo.active, .bg-image-footer .game-buttons a.button.demo.inactive {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (max-width: 767px) {
    .bg-image-footer .game-buttons a.button.demo.active, .bg-image-footer .game-buttons a.button.demo.inactive {
        max-width: 50%
    }
}

@media (max-width: 640px) {
    .bg-image-footer .game-buttons a.button.demo.active, .bg-image-footer .game-buttons a.button.demo.inactive {
        max-width: 100%
    }
}

.bg-image-footer .game-buttons a.button.demo.inactive {
    cursor: default;
    background-color: #7d7d7d;
    color: #e2e2e2
}

@media (min-width: 768px) {
    .bg-image-footer .game-buttons a.button.demo.mobile-only {
        display: none
    }
}

@media (max-width: 767px) {
    .bg-image-footer .game-buttons a.button.demo.desktop-only {
        display: none
    }
}

@media (max-width: 768px) {
    .bg-image-footer .game-buttons a {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 50%
    }
}

.bg-image-footer .game-buttons .extra-content {
    color: #fff;
    margin: 15px 0 0 0
}

.bg-image-footer .game-buttons .extra-content .nice-arrow {
    display: none
}

@media (min-width: 1201px) {
    .bg-image-footer .game-buttons .extra-content .nice-content {
        max-width: 350px;
        min-width: 200px
    }

    .bg-image-footer .game-buttons .extra-content .nice-arrow {
        display: block;
        flex: 1;
        background-image: url(../images/nice-arrow.svg);
        background-size: 350px;
        background-position: right;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: -150%;
        height: 80px
    }
}

@media (min-width: 1201px) {
    .bg-image-footer .game-buttons .extra-content {
        position: absolute;
        left: 0;
        bottom: calc(-100% - 7px);
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        width: 450px
    }
}

@media (max-width: 1200px) {
    .bg-image-footer .game-buttons .extra-content {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 640px) {
    .bg-image-footer .game-buttons .extra-content {
        margin: 0 0 15px 0
    }
}

.bg-image-footer .game-buttons .extra-content span {
    display: block;
    text-align: center
}

@media (max-width: 1200px) {
    .bg-image-footer .game-buttons .extra-content span {
        display: contents;
        text-align: center
    }
}

.bg-image-footer .game-buttons .extra-content.two-buttons .nice-arrow {
    background-size: 240px;
    right: 23%
}

@media (max-width: 1200px) {
    .bg-image-footer .game-buttons .button.primary:not(.demo) {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2
    }
}

@media (max-width: 1200px) {
    .bg-image-footer .game-buttons .button.primary.demo {
        -webkit-order: 3;
        -ms-order: 3;
        order: 3
    }
}

.likes {
    color: #fffffe;
    text-align: center;
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 3;
    padding: 0 15px;
    max-width: 350px;
    -webkit-flex: 1 1 350px;
    -ms-flex: 1 1 350px;
    flex: 1 1 350px;
    margin: 20px auto 20px 0
}

@media (max-width: 1200px) {
    .likes {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 auto;
        max-width: 100%
    }
}

.likes footer > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    min-height: 76.5px
}

.likes footer > div p {
    margin-bottom: 0
}

.likes form {
    margin-bottom: 10px
}

.likes p {
    color: #fffffe
}

.likes #vote-result {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    display: block !Important
}

.likes #vote-result.not-active {
    display: none !important;
    opacity: 0
}

.likes #vote-result.active {
    opacity: 1;
    display: block !important
}

.likes button[type="submit"] {
    background-color: transparent;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-size: 50px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 15px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: transform .4s ease-in .1s;
    -moz-transition: transform .4s ease-in .1s;
    -ms-transition: transform .4s ease-in .1s;
    -o-transition: transform .4s ease-in .1s
}

.likes button[type="submit"]:hover, .likes button[type="submit"]:active, .likes button[type="submit"]:focus {
    background-color: transparent
}

.likes button[type="submit"].active i {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 1
}

.likes button[type="submit"].not-active i {
    opacity: .5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8)
}

.likes button[type="submit"] i {
    opacity: 1;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.likes button.positive {
    color: #259e55
}

.likes button.positive:hover {
    color: #259e55
}

.likes button.negative {
    color: #ca422e;
    margin-top: 15px
}

.likes button.negative:hover {
    color: #ca422e
}

.likes .btn-group {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropdown-menu.mega-menu {
    position: static;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
    padding: 50px 30px 30px 30px;
    margin-bottom: 30px;
    float: none
}

.dropdown-menu.mega-menu.active {
    display: block
}

.clear-filter {
    text-align: center
}

.casino-filter .clear-filter {
    text-align: left
}

.clear-filter p {
    margin: 0
}

.clear-filter a {
    color: #090e1e;
    text-decoration: underline
}

.filter .radio, .filter .checkbox {
    padding-left: 20px;
    position: relative;
    display: block
}

.filter .radio input, .filter .checkbox input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -20px
}

.filter .radio input:checked + label::before, .filter .checkbox input:checked + label::before {
    border-color: #259bff
}

.filter .radio input:checked + label::after, .filter .checkbox input:checked + label::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 2px;
    top: 2px;
    margin-left: -20px;
    border: 1px solid #259bff;
    border-radius: 50%;
    background-color: #259bff
}

.filter .radio label, .filter .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.filter .radio label::before, .filter .checkbox label::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background-color: #fff
}

.filter .radio.disabled label, .filter .checkbox.disabled label {
    color: #dedede
}

.filter .radio.disabled label::before, .filter .checkbox.disabled label::before {
    opacity: .54;
    border-color: #dedede
}

.filter .checkbox input:checked + label::before {
    border-color: #259bff;
    background-color: #259bff
}

.filter .checkbox input:checked + label::after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    top: -3px;
    left: 2px;
    border-color: transparent;
    background-color: transparent
}

.filter .checkbox label::before {
    border-radius: 2px
}

.filter > label {
    color: #000
}

.filter select.form-control {
    padding: 6px 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff
}

.filter select.form-control option:hover {
    background-color: #fffffe
}

.filter a:not([class]) {
    text-decoration: underline
}

.filter .form-control {
    height: 40px
}

.filter.bet .range-container {
    position: relative;
    min-height: 20px;
    width: 200px
}

.filter.bet .range-container input[type=range] {
    position: absolute;
    background-color: transparent;
    z-index: 1
}

.filter.bet .range-container input[type=range]#rangeA {
    left: 0
}

.filter.bet .range-container input[type=range]#rangeB {
    right: 0
}

.filter.bet .range-container .line {
    width: 100%;
    height: 4px;
    background-color: #ccc;
    position: absolute;
    top: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.filter.bet .range-container #maxbet-value .only-max {
    display: none
}

.filter.bet .range-container#min .line.active {
    width: 100%;
    background-color: #259bff
}

.filter.bet .range-container#max .line.active {
    width: 100%;
    background-color: #259bff;
    right: 0
}

.filter.bet .range-container#maxprofit .line.active {
    width: 100%;
    background-color: #259bff;
    right: 0
}

.filter.bet .number-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 200px
}

.filter.bet .number-container input[type=number] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%
}

.filter.bet .number-container .form-control + .form-control {
    margin-top: 0
}

.filter.bet input[type=range] {
    -webkit-appearance: none;
    margin: 0;
    width: 100%
}

.filter.bet input[type=range]:focus {
    outline: 0
}

.filter.bet input[type=range]::-webkit-slider-runnable-track, .filter.bet input[type=range]::-moz-range-track {
    width: 100%;
    height: 0;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.filter.bet input[type=range]::-webkit-slider-thumb, .filter.bet input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13), 0px 0 1px rgba(0, 0, 0, 0.13);
    border: 1px solid #259bff;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    background: #259bff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -1px;
    z-index: 4
}

.filter.bet input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent
}

.filter.bet input[type=range]::-ms-fill-lower {
    background: #259bff;
    border: .2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000, 0px 0 1px #0d0d0d
}

.filter.bet input[type=range]::-ms-fill-upper {
    background: #259bff;
    border: .2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000, 0px 0 1px #0d0d0d
}

.filter.bet input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000, 0px 0 1px #0d0d0d;
    border: 1px solid #000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer
}

.filter.bet input {
    width: 100%;
    display: block
}

.filter.bet input[type="number"] {
    border: 1px solid #fff;
    text-align: center;
    padding: 5px
}

.filter.bet input[type="number"]:hover {
    outline: 0;
    outline-offset: 0
}

.search-bar .empty {
    display: none
}

.search-bar .empty p {
    margin-bottom: 30px
}

.search-bar .empty.active {
    display: block
}

.card .card-img .badge-container {
    position: absolute;
    bottom: 10px;
    left: 30px;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card .card-img .badge-container .badge {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 10px 10px 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.badge-expect {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: default;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #090e1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    line-height: 1.25;
    font-size: 13px;
    padding: 7px 10px
}

.badge a:hover {
    color: #fff;
    text-decoration: none
}

.alternativeLabel p {
    color: #fff;
    text-align: center;
    font-size: 18px
}

@media (max-width: 1280px) and (min-height: 720px) {
    .embed-responsive.iframe-placeholder {
        max-width: 849px;
        max-height: 566px;
        margin: 0 auto
    }
}

.embed-responsive.iframe-placeholder.played img, .embed-responsive.iframe-placeholder.played .play-iframe {
    display: none
}

.embed-responsive p {
    color: #fff;
    text-align: center;
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin-bottom: 0;
    font-size: 18px;
    z-index: 4
}

.embed-responsive .play-pause-video {
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.2)
}

.embed-responsive .play-pause-video iframe {
    background-color: transparent
}

.embed-responsive .speel-bewust {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    color: #fff
}

.embed-responsive .speel-bewust figcaption {
    padding: 0 0 0 10px;
    font-size: 18px
}

@media (max-width: 640px) {
    .embed-responsive .speel-bewust img {
        width: 126px;
        height: 45px
    }
}

.embed-responsive figure img:not(.img-age) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 3
}

.embed-responsive figure img:not(.img-age).fadeOut {
    z-index: -1;
    opacity: 0
}

.embed-responsive iframe video {
    width: 100%
}

.video-container, .custom-video-container {
    padding-top: 0
}

.video-container video, .custom-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.video-container:not(.playing) .play-pause-video, .custom-video-container:not(.playing) .play-pause-video {
    opacity: 1
}

.video-container:not(.playing) .play-pause-video i, .custom-video-container:not(.playing) .play-pause-video i {
    color: #fff
}

.video-container.playing .play-pause-video, .custom-video-container.playing .play-pause-video {
    opacity: 1;
    z-index: -3
}

.video-container.playing .play-pause-video:after, .custom-video-container.playing .play-pause-video:after {
    background-color: rgba(9, 14, 30, 0)
}

.video-container.playing .play-pause-video .fa-pause, .custom-video-container.playing .play-pause-video .fa-pause {
    opacity: 0
}

@media (max-width: 767px) {
    .video-container.playing .play-pause-video .fa-pause, .custom-video-container.playing .play-pause-video .fa-pause {
        display: none
    }
}

.video-container:hover:not(.playing) .play-pause-video, .custom-video-container:hover:not(.playing) .play-pause-video, .video-container:hover:not(.playing) .play-iframe, .custom-video-container:hover:not(.playing) .play-iframe {
    opacity: 1
}

.video-container:hover:not(.playing) .play-pause-video i.fa-play, .custom-video-container:hover:not(.playing) .play-pause-video i.fa-play, .video-container:hover:not(.playing) .play-iframe i.fa-play, .custom-video-container:hover:not(.playing) .play-iframe i.fa-play {
    color: #e4ff4d
}

.video-container:hover.playing .play-pause-video, .custom-video-container:hover.playing .play-pause-video {
    opacity: 1;
    color: #e4ff4d
}

.video-container:hover.playing .play-pause-video .fa-pause, .custom-video-container:hover.playing .play-pause-video .fa-pause {
    opacity: 1
}

@media (max-width: 767px) {
    .video-container:hover.playing .play-pause-video .fa-pause, .custom-video-container:hover.playing .play-pause-video .fa-pause {
        display: none !important
    }
}

.custom-video-container {
    margin-bottom: 15px
}

.play-pause-video, .play-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    z-index: 0
}

.play-pause-video div, .play-iframe div {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: block;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: color .5s ease-in, opacity .5s ease-in;
    -moz-transition: color .5s ease-in, opacity .5s ease-in;
    -ms-transition: color .5s ease-in, opacity .5s ease-in;
    -o-transition: color .5s ease-in, opacity .5s ease-in;
    text-align: center
}

.play-pause-video span, .play-iframe span {
    display: block;
    color: #fff;
    margin: 10px 0;
    font-size: 18px
}

@media (max-width: 640px) {
    .play-pause-video span, .play-iframe span {
        font-size: 16px;
        line-height: normal;
        line-height: 26px
    }
}

.play-pause-video i, .play-iframe i {
    color: #fff;
    font-size: 90px;
    line-height: 90px
}

@media (max-width: 767px) {
    .play-pause-video i, .play-iframe i {
        font-size: 40px;
        line-height: 40px
    }
}

@media (max-width: 640px) {
    .play-pause-video i, .play-iframe i {
        font-size: 30px;
        line-height: 30px
    }
}

.play-pause-video i.fa-pause, .play-iframe i.fa-pause {
    display: none
}

.play-pause-video:after, .play-iframe:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(9, 14, 30, 0.3);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in
}

.play-pause-video:hover:after, .play-iframe:hover:after {
    background-color: rgba(9, 14, 30, 0)
}

.overflow-visible {
    overflow: visible
}

.play-iframe {
    z-index: 3
}

.play-iframe:hover {
    color: #e4ff4d
}

.play-iframe:hover i {
    color: #e4ff4d
}

.play-iframe iframe {
    background-color: transparent
}

@media (max-width: 991px) {
    .post-header {
        padding-top: 60px
    }
}

.post-header p {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 40px
}

.container.games {
    width: 100%
}

.games-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.games-row > .col-12 {
    margin-bottom: 30px;
    -webkit-flex: 1 1 33.3%;
    -ms-flex: 1 1 33.3%;
    flex: 1 1 33.3%;
    max-width: 33.3%
}

@media (min-width: 1201px) {
    .games-row > .col-12 {
        max-width: 390px
    }
}

@media (max-width: 991px) {
    .games-row > .col-12 {
        width: 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.games-row .card {
    height: 100%;
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: 4px 4px 15px -4px #dedede;
    box-shadow: 4px 4px 15px -4px #dedede
}

.games-row .card time {
    font-size: .875rem;
    margin-top: 3px;
    margin-bottom: 13px;
    display: block
}

.games-row .card .card-img {
    position: relative;
    height: 0;
    padding-bottom: calc(360 / 540 * 100%);
    margin: 0
}

.games-row .card .card-img > a {
    display: block
}

.games-row .card .card-img > a img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    object-fit: cover;
    height: 100%
}

.games-row .card .card-img > a img.lazy-hidden {
    opacity: 0
}

.games-row .card .card-text {
    display: inline-block;
    width: 100%;
    margin: 0
}

.games-row .pagination {
    padding-left: 15px;
    padding-right: 15px
}

#age-check.played .play-iframe {
    display: none
}

#age-check .message, #age-check .messager {
    max-width: 640px;
    width: 100%;
    margin: 0 auto
}

#age-check .message p, #age-check .messager p {
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 20px
}

@media (max-width: 767px) {
    #age-check .message br, #age-check .messager br {
        display: none
    }
}

#age-check-form {
    background-color: #fff;
    padding: 30px;
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
    display: block
}

#age-check-form label {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: normal;
    line-height: 26px
}

#age-check-form .form-control {
    height: 52px;
    font-size: 16px
}

#age-check-form .help-block {
    display: none
}

#age-check-form .form-group {
    margin-bottom: 15px
}

#age-check-form .form-group[data-template="5"] {
    margin-bottom: 0
}

#age-check-form .form-group.has-success label, #age-check-form .form-group .has-error label, #age-check-form .form-group.has-success .form-control, #age-check-form .form-group .has-error .form-control {
    color: #090e1e;
    border-color: transparent
}

#age-check-form .input-group-addon {
    background-color: #e4ff4d;
    color: #fff;
    border-color: #e4ff4d
}

#age-check-form button[type="submit"] {
    background-color: #259e55;
    border: 1px solid #259e55;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    line-height: 26px;
    font-size: 16px;
    padding: 16px 27px;
    -webkit-appearance: none
}

.card-widget .card-img {
    margin: 0
}

.card-widget .card-img > a {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(110 / 165 * 100%);
    margin-bottom: 15px
}

.card-widget .card-img > a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.card-widget .card-img img.lazy-loaded {
    opacity: 1
}

.card-widget .card-img noscript img {
    opacity: 1
}

.swiper-container.owl-posts {
    height: 0;
    padding-bottom: calc(533 / 1903 * 100%)
}

@media (max-width: 1200px) {
    .swiper-container.owl-posts {
        padding-bottom: calc(720 / 1280 * 100%)
    }
}

.swiper-container.owl-posts .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.swiper-container.owl-posts .empty {
    height: 100%
}

.swiper-container.owl-posts .empty img {
    height: auto
}

@media (min-width: 1201px) {
    .swiper-container.owl-videos .swiper-wrapper.loaded {
        transform: translate3d(2226px, 0px, 0px) !important;
        -webkit-transform: translate3d(2226px, 0px, 0px) !important
    }
}

@media (max-width: 576px) {
    .swiper-container .swiper-slide .post-caption {
        background-color: rgba(9, 14, 30, 0.7)
    }
}

@media (max-width: 576px) {
    .swiper-container .swiper-slide .post-block {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        bottom: auto
    }
}

@media (min-width: 1920px) {
    .swiper-container .swiper-slide img {
        object-fit: cover;
        width: 100%
    }
}

.swiper-container .swiper-slide figure.main-fig {
    position: relative;
    height: 0;
    padding-bottom: calc(720 / 1280 * 100%);
    background-color: #090e1e
}

.swiper-container .swiper-slide figure.main-fig img.main-img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    object-fit: cover;
    height: 100%
}

@media (max-width: 576px) {
    .swiper-container .swiper-slide .post-meta {
        display: block;
        color: #fff;
        font-size: 13px
    }
}

.swiper-container .swiper-slide .post-meta p {
    margin-bottom: 0
}

.swiper-container.related-news .swiper-slide .card-widget .card-img > a {
    padding-bottom: 0;
    height: auto;
    overflow: visible
}

.swiper-container.related-news .swiper-slide figure.main-fig {
    background-color: #fffffe;
    position: relative;
    height: 0;
    padding-bottom: calc(200 / 500 * 100%);
    margin-bottom: 15px
}

.swiper-container.related-news .swiper-slide figure.main-fig img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: contain;
    opacity: 1;
    filter: alpha(opacity=100)
}

.slides + .small-slides {
    padding-top: 5px
}

.small-slides {
    padding-bottom: 0
}

.card-video {
    width: 270px !important;
    max-height: 180px;
    margin-bottom: 5px;
    margin-left: 5px !important;
    min-height: 180px !important
}

.card-video .card-img figure.main-fig {
    position: relative;
    height: 0;
    padding-bottom: calc(180 / 270 * 100%);
    background-color: #090e1e
}

.card-video .card-img figure.main-fig img.main-img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    object-fit: cover;
    height: 100%
}

.card-video .card-img:after {
    background: #e4ff4d
}

.card-video .card-block {
    opacity: 0;
    filter: alpha(opacity=0)
}

.card-video .card-block.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.card-video .card-block .card-title {
    text-align: left
}

.widget-slider .widget-header {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

@media (max-width: 991px) {
    .widget-slider .widget-header header {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.widget-slider .widget-header nav {
    margin-left: auto
}

.widget-slider .widget-header nav a {
    color: #259e55;
    margin-bottom: 20px;
    display: block
}

.widget-slider .swiper-container {
    width: 100%
}

.widget-slider .swiper-container[data-type="bonus"] .swiper-slide {
    max-width: calc(100% / 1.25)
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-slider .swiper-container[data-type="bonus"] .swiper-slide {
        max-width: calc(100% / 2.25)
    }
}

@media (min-width: 992px) {
    .widget-slider .swiper-container[data-type="bonus"] .swiper-slide {
        max-width: 342px
    }
}

.widget-slider .swiper-container[data-type="games"] .swiper-slide {
    max-width: calc(100% / 1.25)
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-slider .swiper-container[data-type="games"] .swiper-slide {
        max-width: calc(100% / 3.25)
    }
}

@media (min-width: 992px) {
    .widget-slider .swiper-container[data-type="games"] .swiper-slide {
        max-width: 170px
    }
}

@media (min-width: 1201px) {
    .widget-slider .swiper-container[data-type="games"] .swiper-slide {
        max-width: 195px
    }
}

.widget-slider .swiper-container[data-type="news"] .swiper-slide {
    max-width: calc(100% / 4.25)
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-slider .swiper-container[data-type="news"] .swiper-slide {
        max-width: calc(100% / 2.25)
    }
}

@media (max-width: 767px) {
    .widget-slider .swiper-container[data-type="news"] .swiper-slide {
        max-width: calc(100% / 1.25)
    }
}

.widget-slider .swiper-container[data-type="news-small"] .swiper-slide {
    max-width: calc(100% / 3.25)
}

@media (min-width: 768px) and (max-width: 991px) {
    .widget-slider .swiper-container[data-type="news-small"] .swiper-slide {
        max-width: calc(100% / 2.25)
    }
}

@media (max-width: 767px) {
    .widget-slider .swiper-container[data-type="news-small"] .swiper-slide {
        max-width: calc(100% / 1.25)
    }
}

.widget-slider .swiper-container[data-type="news-small"] .swiper-slide figure.main-fig {
    padding-bottom: calc(200 / 500 * 100%)
}

.widget-slider .swiper-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 33.3%;
    -webkit-transition: filter .3s ease-in;
    -moz-transition: filter .3s ease-in;
    -ms-transition: filter .3s ease-in;
    -o-transition: filter .3s ease-in
}

@media (max-width: 991px) {
    .widget-slider .swiper-slide {
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .widget-slider .swiper-slide {
        max-width: 100%
    }
}

.widget-slider .swiper-slide .item {
    width: 100%
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23090E1E'%2F%3E%3C%2Fsvg%3E") !important
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23090E1E'%2F%3E%3C%2Fsvg%3E") !important
}

.hero.hero-review {
    background-attachment: fixed;
    background-size: contain;
    background-position: top center
}

@media (max-width: 1200px) {
    .hero.hero-review {
        background-attachment: scroll;
        background-position: top center
    }
}

@media (max-width: 992px) {
    .hero.hero-review {
        background-size: cover
    }
}

.hero .overlay {
    opacity: .6;
    filter: alpha(opacity=60)
}

@media (max-width: 640px) {
    .hero .hero-block {
        padding-left: 0;
        padding-right: 0
    }
}

.hero .hero-block > .flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    max-width: 1140px;
    width: 100%;
    margin: 15px auto
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .hero .hero-block > .flex-row {
        max-width: 950px
    }
}

@media (max-width: 992px) {
    .hero .hero-block > .flex-row {
        max-width: 720px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 640px) {
    .hero .hero-block > .flex-row {
        padding-left: 0;
        padding-right: 0
    }
}

.hero .hero-block > .flex-row .logo {
    max-width: 180px;
    -webkit-flex: 0 1 180px;
    -ms-flex: 0 1 180px;
    flex: 0 1 180px
}

@media (min-width: 992px) {
    .hero .hero-block > .flex-row .logo {
        margin-left: auto
    }
}

@media (min-width: 992px) {
    .hero .hero-block > .flex-row .logo.no-reviews {
        margin-right: auto
    }
}

@media (max-width: 640px) {
    .hero .hero-block > .flex-row .logo {
        margin-right: 0
    }
}

.hero .hero-block > .flex-row .logo figure {
    position: relative;
    height: 0;
    padding-bottom: calc(150 / 150 * 100%)
}

.hero .hero-block > .flex-row .logo figure img {
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 150px;
    max-height: 150px
}

.hero .hero-block > .flex-row .chart {
    margin-left: 0;
    margin-right: auto;
    width: 90px;
    margin-bottom: 0;
    line-height: 90px
}

.hero .hero-block.fixed {
    animation: getFixed .5s 1 forwards;
    -ms-animation: getFixed .5s 1 forwards;
    -moz-animation: getFixed .5s 1 forwards;
    -webkit-animation: getFixed .5s 1 forwards;
    -o-animation: getFixed .5s 1 forwards
}

@media (max-width: 991px) {
    .hero .hero-block.fixed {
        animation: getFixedMobile .5s 1 forwards;
        -ms-animation: getFixedMobile .5s 1 forwards;
        -moz-animation: getFixedMobile .5s 1 forwards;
        -webkit-animation: getFixedMobile .5s 1 forwards;
        -o-animation: getFixedMobile .5s 1 forwards
    }
}

@media (max-width: 480px) {
    .hero .hero-block.fixed {
        padding-left: 5px;
        padding-right: 5px
    }
}

.hero .hero-block.fixed h1 {
    display: none
}

.hero .hero-block.fixed h1 + p {
    display: none
}

.hero .hero-block.fixed h1 + p + .button.primary {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px)
}

@media (max-width: 768px) {
    .hero .hero-block.fixed h1 + p + .button.primary {
        top: 12px;
        padding: 10px 15px
    }
}

@media (max-width: 640px) {
    .hero .hero-block.fixed h1 + p + .button.primary {
        top: 20px
    }
}

@media (max-width: 480px) {
    .hero .hero-block.fixed h1 + p + .button.primary {
        top: 10px
    }
}

.hero .hero-block.fixed > .flex-row {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.hero .hero-block.fixed > .flex-row .logo {
    width: auto;
    float: none;
    margin-left: 0
}

@media (max-width: 640px) {
    .hero .hero-block.fixed > .flex-row .logo {
        max-width: 100%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.hero .hero-block.fixed > .flex-row .logo.no-reviews {
    margin-left: 0
}

.hero .hero-block.fixed > .flex-row .logo figure {
    height: auto;
    padding-bottom: 0
}

.hero .hero-block.fixed > .flex-row .logo img {
    height: 90px;
    padding-top: 1px;
    padding-bottom: 1px;
    object-fit: contain;
    position: relative
}

@media (max-width: 768px) {
    .hero .hero-block.fixed > .flex-row .logo img {
        height: 62px
    }
}

.hero .hero-block.fixed > .flex-row .chart-container {
    width: auto;
    float: none
}

.hero .hero-block.fixed > .flex-row .chart {
    margin-right: 0;
    margin-bottom: 0 !important
}

.hero .hero-block.fixed > .flex-row .chart.easypiechart {
    width: 90px !important;
    height: 90px !important;
    line-height: 90px
}

@media (max-width: 768px) {
    .hero .hero-block.fixed > .flex-row .chart.easypiechart {
        width: 80px !important;
        height: 80px !important;
        line-height: 80px
    }
}

@media (max-width: 480px) {
    .hero .hero-block.fixed > .flex-row .chart.easypiechart {
        width: 60px !important;
        height: 60px !important;
        line-height: 60px;
        font-size: 18px
    }
}

.hero .hero-block.fixed > .flex-row .chart canvas {
    width: 90px;
    height: 90px
}

@media (max-width: 768px) {
    .hero .hero-block.fixed > .flex-row .chart canvas {
        width: 80px !important;
        height: 80px !important
    }
}

@media (max-width: 480px) {
    .hero .hero-block.fixed > .flex-row .chart canvas {
        width: 60px !important;
        height: 60px !important;
        line-height: 60px
    }
}

section.payments-box {
    margin-top: 30px
}

section.box {
    padding: 30px 0 0 0
}

section.box.games-author {
    margin: 0 -15px;
    border: 0
}

section.box.games-author .container {
    width: 100%
}

section.box.last {
    padding-top: 0;
    padding-bottom: 30px
}

section.box#author .post {
    padding-bottom: 30px
}

section.box .author .image {
    -webkit-flex: 1 1 130px;
    -ms-flex: 1 1 130px;
    flex: 1 1 130px;
    max-width: 130px
}

@media (max-width: 767px) {
    section.box .author .image {
        margin-bottom: 30px;
        max-width: 100%
    }
}

section.box .author .image figure {
    margin: 0
}

@media (max-width: 767px) {
    section.box .author .image figure img {
        margin: 0 auto
    }
}

section.box .author .content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

section.box .author .content .post-meta {
    margin-bottom: 10px
}

section.box .author .content h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px
}

section.box .author .content h3 {
    margin-bottom: 0
}

section.box .post {
    background-color: #fff;
    position: relative;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px;
    margin-bottom: 0
}

section.box .post .hidden-content {
    display: none
}

section.box .post .hidden-content.active {
    display: block
}

section.box .post .rating {
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    float: right;
    padding: 0 0 30px 30px
}

section.box .post .rating p {
    color: #616161;
    margin: 0 10px 0 0;
    font-weight: bold
}

section.box .post .rating span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    color: #fff
}

section.box .post .rating span.success {
    background-color: #259e55
}

section.box .post .rating span.warning {
    background-color: #fbb32f;
    color: #fff
}

section.box .post .rating span.danger {
    background-color: #ca422e;
    color: #fff
}

section.box .post hr {
    width: calc(100% + 60px);
    margin: 30px -30px;
    border-top: 1px solid #e8e8e8
}

section.bg-image.touch-device.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999
}

section.bg-image.game-view {
    padding-top: 60px
}

section.bg-image.bg-image-sm {
    background-attachment: fixed;
    background-size: contain;
    background-position: center center
}

@media (max-width: 1200px) {
    section.bg-image.bg-image-sm {
        background-attachment: scroll;
        background-position: top center
    }
}

@media (max-width: 992px) {
    section.bg-image.bg-image-sm {
        background-size: cover
    }
}

section.bg-image .overlay-dark {
    opacity: .8;
    filter: alpha(opacity=80)
}

section.bg-image .iframe-video-container {
    position: relative
}

section.bg-image .iframe-video-container .videos {
    z-index: 2
}

section.bg-image .iframe-video-container #age-check {
    display: none
}

section#experience + #comment-container {
    padding-top: 0;
    padding-bottom: 5px
}

section#about .widget-block {
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff
}

@media (max-width: 991px) {
    section#about .widget-block {
        padding: 30px 15px
    }
}

section#about .widget-block p {
    margin: 0
}

section#about .widget-block table {
    color: #090e1e
}

section#about .widget-block table tr td:first-child {
    white-space: nowrap
}

.video-play .embed-responsive-item {
    object-fit: cover
}

.video-play .video-caption h5 {
    padding-right: 15px
}

.casino-popup {
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 2px 2px 4px -1px #dedede;
    -moz-box-shadow: 2px 2px 4px -1px #dedede;
    box-shadow: 2px 2px 4px -1px #dedede
}

.casino-popup > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 -8px
}

#popup .casino-popup > .row {
    margin: 0 -15px
}

@media (max-width: 570px) {
    .casino-popup > .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.casino-popup h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px
}

@media (max-width: 480px) {
    .casino-popup h3 {
        font-size: 18px
    }
}

.casino-popup h3:before {
    display: none !important
}

.casino-popup h3 > a {
    height: auto;
    padding: 0
}

.casino-popup .image {
    padding: 0 8px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px
}

#popup .casino-popup .image {
    padding: 0 15px;
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px
}

.casino-popup .image figure {
    margin: 0;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%
}

.casino-popup .image figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.casino-popup .image figure .badge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    line-height: 30px
}

.casino-popup .image > a {
    height: auto;
    width: auto;
    padding: 0
}

.casino-popup .header {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.casino-popup .header-links-container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 8px 0 4px
}

.casino-popup .header-links-container .links {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.casino-popup .links {
    -webkit-flex: 0 0 130px;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-left: auto;
    -webkit-align-items: start;
    -ms-align-items: start;
    align-items: start
}

@media (max-width: 1200px) {
    .casino-popup .links {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 480px) {
    .casino-popup .links {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        margin: 15px 0
    }
}

#popup .casino-popup .links {
    padding: 0 15px
}

.casino-popup .links .date {
    text-align: left
}

@media (max-width: 480px) {
    .casino-popup .links .date {
        margin-bottom: 5px
    }
}

.casino-popup .links > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 7px 10px;
    font-size: 16px;
    color: #fff;
    background-color: #259e55;
    border-color: #259e55;
    height: auto;
    width: auto;
    display: inline-block;
    text-decoration: none;
    line-height: 26px
}

#popup .casino-popup .links > a {
    width: 100%;
    text-align: center;
    padding: 7px 10px
}

@media (max-width: 480px) {
    .casino-popup .links > a {
        display: block;
        width: 100%;
        padding: 10px
    }
}

.casino-popup .links > a:hover, .casino-popup .links > a:focus {
    background-color: #4be05f;
    text-decoration: none
}

.post-review {
    display: table;
    border-color: #e8e8e8;
    margin-bottom: 23px;
    padding-bottom: 23px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

@media (max-width: 992px) {
    .post-review {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.post-review > div {
    display: table-cell;
    vertical-align: top;
    display: inherit
}

.post-review .post-block {
    padding-left: 20px
}

.post-review .post-block p {
    margin: 0;
    line-height: 26px
}

.post-review .post-block .post-meta {
    margin-bottom: 15px
}

.post-review .post-block .post-title {
    font-size: 18px;
    line-height: 22px
}

.post-review .post-header {
    margin-bottom: 0;
    width: 100%
}

.post-review .post-header > div:first-child {
    width: 90%
}

.post-review .post-header > div {
    vertical-align: top
}

.post-review .post-header .badge {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3)
}

.post-review .post-thumbnail {
    width: 150px
}

.post-review .post-thumbnail a {
    position: relative
}

.post-review .post-thumbnail .badge {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    bottom: 8px;
    left: 8px;
    right: auto;
    top: auto
}

@media (max-width: 992px) {
    .post-review .casino-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 640px) {
    .post-review .casino-row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.post-review .post-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center
}

@media (max-width: 992px) {
    .post-review .post-block {
        -webkit-align-self: center;
        -ms-align-self: center;
        align-self: center
    }
}

@media (max-width: 640px) {
    .post-review .post-block {
        padding-left: 0;
        margin: 20px 0
    }
}

.post-review .post-thumbnail {
    -webkit-flex: 1 0 150px;
    -ms-flex: 1 0 150px;
    flex: 1 0 150px;
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.post-review .post-thumbnail img {
    width: auto;
    margin: 0 auto;
    display: block
}

@media (max-width: 640px) {
    .post-review .post-thumbnail {
        margin: 0 auto;
        display: block
    }
}

.post-review .post-thumbnail.right {
    -webkit-flex: 1 0 250px;
    -ms-flex: 1 0 250px;
    flex: 1 0 250px;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center
}

@media (max-width: 992px) {
    .post-review .post-thumbnail.right {
        display: block;
        max-width: 100%;
        padding-left: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.post-review .post-button {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    margin: 0 0 0 15px;
    text-align: center
}

@media (max-width: 640px) {
    .post-review .post-button {
        margin: 0 0 15px 0
    }
}

.post-review .post-button .button {
    display: block;
    margin-bottom: 8px
}

@media (max-width: 640px) {
    .post-review .post-button .button {
        margin: 15px 0
    }
}

.white-popup-block .container-fluid {
    padding: 0;
    color: #000
}

.white-popup-block .container-fluid .row {
    margin: 0
}

.white-popup-block .container-fluid .row [class*="col-md-"] {
    padding: 0
}

.white-popup-block .container-fluid.white-bg section {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
    padding: 30px;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (max-width: 991px) {
    .white-popup-block .container-fluid.white-bg section {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}

.white-popup-block .container-fluid.white-bg section p {
    margin: 0
}

.white-popup-block .container-fluid figure img {
    display: block;
    margin: 0 auto
}

@media (max-width: 991px) {
    .white-popup-block .container-fluid section {
        padding: 15px
    }
}

.review .scroll-to {
    text-decoration: underline
}

.review .scroll-to:hover, .review .scroll-to:focus, .review .scroll-to:active {
    color: #fff
}

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

.review a:hover, .review a:focus {
    color: #fff
}

.review .show_review_form {
    margin: 0 20px
}

@media (max-width: 991px) {
    .review .show_review_form {
        display: block;
        text-align: center
    }
}

@media (max-width: 767px) {
    .review .show_review_form {
        margin: 30px auto 0 auto;
        display: block;
        text-align: center
    }
}

.review .review-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .review .review-content {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.review .review-content > .flex-row {
    width: 100%
}

@media (max-width: 767px) {
    .review .review-content > .row {
        width: 100%
    }
}

@media (min-width: 768px) {
    .review .review-content {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }
}

.review .review-col {
    width: 100%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%
}

@media (max-width: 991px) {
    .review .review-col {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (max-width: 767px) {
    .review .col-lg-7.flex-row > .row {
        width: 100%
    }
}

@media (max-width: 767px) {
    .review .col-lg-5, .review .col-lg-7 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .review .review-good, .review .review-bad {
        margin-top: 0
    }
}

.review .review-good p:before, .review .review-bad p:before {
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900
}

.review .review-good h5, .review .review-bad h5 {
    border-left: none;
    padding: 0
}

.review .review-good h5 {
    color: #259e55
}

.review .review-good p:before {
    color: #259e55;
    content: "\f00c"
}

.review .review-bad p:before {
    content: "\f068"
}

.badge.success {
    background-color: #259e55
}

.badge.warning {
    background-color: #fbb32f
}

.badge.danger {
    background-color: #ca422e
}

#about {
    overflow-x: hidden
}

.mobile-filter {
    display: none;
    margin: 10px 0
}

@media (max-width: 991px) {
    .mobile-filter {
        display: block
    }
}

.mobile-filter button {
    width: 100%;
    display: block;
    text-align: center
}

.mobile-filter button i {
    float: right
}

.mobile-filter-content {
    display: none
}

@media (min-width: 992px) {
    .mobile-filter-content {
        display: block !important
    }
}

@media (max-width: 991px) {
    #casino-grid {
        margin: 30px 0
    }
}

.casino-filter .filter-content {
    max-height: 175px;
    overflow-y: auto
}

.casino-filter .filter-content .checkbox {
    scroll-snap-align: start
}

.casino-filter .filter a:not([class]) {
    text-decoration: underline
}

.casino-filter .selected {
    font-size: 12px;
    display: block
}

.casino-filter .selected span {
    color: #090e1e
}

.casino-filter .selected:not(:empty) {
    padding-bottom: 10px;
    border: 0;
    margin-bottom: 10px
}

.casino-filter .casino-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 150px;
    position: relative;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

.casino-filter .casino-item .badge {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 27px;
    left: 6px;
    margin: 5px;
    z-index: 2;
    font-size: 13px;
    font-weight: bold
}

@media (max-width: 992px) {
    .casino-filter .casino-item .badge {
        top: 0;
        left: 0
    }
}

.casino-filter .casino-item h2 {
    border-left: none;
    padding: 0;
    margin-top: 0
}

.casino-filter .casino-item .image {
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    max-width: 150px
}

@media (max-width: 992px) {
    .casino-filter .casino-item .image {
        padding: 0 20px
    }
}

@media (max-width: 992px) and (max-width: 480px) {
    .casino-filter .casino-item .image {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.casino-filter .casino-item .image > a {
    position: relative
}

.casino-filter .casino-item .image .badge {
    position: absolute;
    top: 0;
    left: 20px
}

.casino-filter .casino-item .image figure {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(150 / 150 * 100%)
}

.casino-filter .casino-item .image figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.casino-filter .casino-item .image img {
    display: block;
    margin: 0 auto
}

.casino-filter .casino-item .content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 15px
}

@media (max-width: 480px) {
    .casino-filter .casino-item .content {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media (min-width: 1201px) {
    .casino-filter .casino-item .content p:last-child, .casino-filter .casino-item .content p:only-child {
        margin-bottom: 0
    }
}

.casino-filter .casino-item .links {
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    padding: 0 15px;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px
}

@media (max-width: 640px) {
    .casino-filter .casino-item .links {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0;
        text-align: center
    }
}

.casino-filter .casino-item .links .button {
    width: 100%;
    display: block;
    text-align: center
}

.casino-filter .casino-item .links .button + p {
    margin-top: 10px;
    margin-bottom: 0
}

.casino-filter .casino-item .links .button + p > a {
    text-decoration: underline
}

@media (max-width: 640px) {
    .casino-filter .casino-item .links .button + p {
        margin-bottom: 0
    }
}

.progress-bar-success {
    background-color: #259e55
}

.badge-success {
    background-color: #259e55
}

.table-container {
    overflow-x: auto
}

.bonus-table {
    display: table
}

@media (max-width: 768px) {
    .bonus-table {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .bonus-table thead, .bonus-table tbody {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (max-width: 768px) {
    .bonus-table thead tr, .bonus-table tbody tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch
    }
}

@media (max-width: 768px) {
    .bonus-table thead tr th, .bonus-table tbody tr th {
        text-align: center
    }
}

@media (max-width: 768px) {
    .bonus-table thead tr td, .bonus-table tbody tr td {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        text-align: center
    }
}

@media (max-width: 767px) {
    .bonus-table thead tr td.average, .bonus-table tbody tr td.average {
        -webkit-flex: 0 0 52px;
        -ms-flex: 0 0 52px;
        flex: 0 0 52px;
        max-width: 52px
    }
}

.bonus-table thead tr td.logo, .bonus-table tbody tr td.logo {
    width: 86px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .bonus-table thead tr td.logo, .bonus-table tbody tr td.logo {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 86px;
        margin-left: auto
    }
}

.bonus-table thead tr td.logo img, .bonus-table tbody tr td.logo img {
    object-fit: contain
}

@media (max-width: 480px) {
    .bonus-table thead tr td.logo, .bonus-table tbody tr td.logo {
        display: none
    }
}

@media (max-width: 768px) {
    .bonus-table thead tr td.link, .bonus-table tbody tr td.link {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 110px
    }
}

@media (max-width: 480px) {
    .bonus-table thead tr td.link, .bonus-table tbody tr td.link {
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .bonus-table thead tr td.title, .bonus-table tbody tr td.title {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: left;
        max-width: calc(100% - 228px)
    }
}

@media (max-width: 480px) {
    .bonus-table thead tr td.title, .bonus-table tbody tr td.title {
        max-width: calc(100% - 162px)
    }
}

@media (max-width: 767px) {
    .bonus-table thead tr td.title a, .bonus-table tbody tr td.title a {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start
    }
}

@media (max-width: 767px) {
    .bonus-table thead tr td.title a, .bonus-table tbody tr td.title a, .bonus-table thead tr td.title span, .bonus-table tbody tr td.title span {
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start
    }
}

.bonus-table thead tr td.title .date, .bonus-table tbody tr td.title .date {
    text-align: left
}

@media (min-width: 768px) {
    .bonus-table thead tr td.title .date, .bonus-table tbody tr td.title .date {
        display: none
    }
}

@media (max-width: 768px) {
    .bonus-table thead tr td a, .bonus-table tbody tr td a, .bonus-table thead tr td span, .bonus-table tbody tr td span {
        -webkit-align-self: center;
        -ms-align-self: center;
        align-self: center
    }
}

.bonus-table .badge {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    bottom: 8px;
    left: 8px;
    right: auto;
    top: auto
}

@media (max-width: 768px) {
    .bonus-table th {
        white-space: nowrap
    }
}

@media (max-width: 768px) {
    .bonus-table th, .bonus-table td {
        -webkit-flex: 1 1 80px;
        -ms-flex: 1 1 80px;
        flex: 1 1 80px;
        max-width: 100%;
        text-align: center;
        overflow: hidden
    }
}

@media (max-width: 480px) {
    .bonus-table th, .bonus-table td {
        text-align: left
    }
}

@media (max-width: 321px) {
    .bonus-table th, .bonus-table td {
        text-align: center
    }
}

@media (max-width: 768px) {
    .bonus-table th.hidden-xs, .bonus-table td.hidden-xs {
        display: none !important
    }
}

.bonus-table td .button {
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

.bonus-table img {
    display: block
}

.post .bonus-table img {
    margin-bottom: 0
}

.chart_new {
    width: 90px;
    height: 90px;
    line-height: 82px;
    text-align: center;
    display: block;
    position: relative;
    margin: 0 auto
}

.bg-image .chart_new {
    margin: 10px auto 20px auto
}

.hero-block .chart_new {
    margin: 0 auto 0 0
}

@media (max-width: 767px) {
    .hero-block .chart_new {
        width: 80px;
        height: 80px;
        line-height: 72px
    }
}

@media (max-width: 480px) {
    .hero-block .chart_new {
        width: 60px;
        height: 60px;
        line-height: 52px
    }
}

.chart_new svg {
    stroke-linecap: butt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
    height: 100%;
    width: 100%
}

.chart_new svg .background {
    stroke-width: 5px;
    opacity: .3
}

.chart_new svg .fill {
    stroke-width: 5px;
    fill: none
}

.chart_new span {
    color: #fff;
    font-size: 20px;
    line-height: 90px
}

@media (max-width: 767px) {
    .hero-block .chart_new span {
        line-height: 80px
    }
}

@media (max-width: 480px) {
    .hero-block .chart_new span {
        line-height: 60px;
        font-size: 18px
    }
}

@-webkit-keyframes getFixed {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 124px
    }
}

@-moz-keyframes getFixed {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 124px
    }
}

@-ms-keyframes getFixed {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 124px
    }
}

@-o-keyframes getFixed {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 124px
    }
}

@keyframes getFixed {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 124px
    }
}

@-webkit-keyframes getFixedMobile {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 62px
    }
}

@-moz-keyframes getFixedMobile {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 62px
    }
}

@-ms-keyframes getFixedMobile {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 62px
    }
}

@-o-keyframes getFixedMobile {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 62px
    }
}

@keyframes getFixedMobile {
    0% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: -100%
    }
    100% {
        position: fixed;
        left: 0;
        background-color: rgba(9, 14, 30, 0.8);
        width: 100%;
        z-index: 5;
        top: 62px
    }
}

.casino-products a:not([class]) {
    text-decoration: underline
}

.casino-products a:not([class]):hover {
    color: #0f1732
}

#footer .post-tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#footer .post-tags a {
    margin: 1px;
    background-color: #fffffe;
    color: #090e1e
}

#footer .form-container {
    display: none
}

#footer .form-placeholder {
    background-color: #fffffe
}

#footer .form-placeholder .form-control.fake-disabled {
    background-color: #fffffe
}

@media (max-width: 991px) {
    #footer ul:not([class]) li a {
        padding: 15px 0
    }
}

#footer form .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

#footer form .form-group input {
    background-color: #fffffe;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#footer form .form-group input:focus {
    outline: 0;
    border: 1px solid #090e1e;
    -webkit-box-shadow: 0 0 5px #090e1e;
    box-shadow: 0 0 5px #090e1e
}

#footer form .form-group[data-template="14"] {
    margin: 15px 0 0 0
}

#footer form .form-group button {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    width: 100%;
    height: 40px;
    display: block;
    color: #090e1e
}

#footer .flex-row {
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch
}

#footer .flex-row [class*="col-"] {
    margin-bottom: 25px
}

.backtotop {
    width: 40px;
    height: 40px;
    background-color: #e4ff4d;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    opacity: 0;
    z-index: -1;
    text-align: center;
    line-height: 40px;
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 15px;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in
}

.backtotop i {
    line-height: 40px;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    color: #fff
}

.backtotop.active {
    opacity: 1;
    z-index: 12;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in
}

.age-check-footer a {
    text-decoration: underline
}

.tags .post .post-md, .author .post .post-md {
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

.tags .post .post-md.blocked-age-check + .pagination, .author .post .post-md.blocked-age-check + .pagination {
    display: none
}

.tags .post .post-md:last-child, .author .post .post-md:last-child {
    border-bottom: 0
}

.tags .post .post-md figure, .author .post .post-md figure {
    margin-bottom: 0
}

.tags .post .post-block.no-image, .author .post .post-block.no-image {
    padding-left: 0
}

.tags .post .post-meta a, .author .post .post-meta a {
    text-decoration: none
}

.tags .post .post-meta span a, .author .post .post-meta span a {
    text-decoration: underline
}

.tags .post .post-meta span a:hover, .author .post .post-meta span a:hover, .tags .post .post-meta span a:active, .author .post .post-meta span a:active, .tags .post .post-meta span a:focus, .author .post .post-meta span a:focus {
    color: #090e1e
}

.tags .post .game-intro, .author .post .game-intro {
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.tags figure.main-fig.games {
    border-radius: 6px
}

.tags .post-md {
    width: 100%
}

.post .author a {
    text-decoration: none
}

.regular-page .intro {
    padding: 0
}

.accordion {
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.accordion-header {
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    font-weight: bold;
    background-color: #fbfbfb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #000;
    font-size: 18px
}

.widget .accordion-header {
    border-bottom: 0
}

.accordion {
    margin-bottom: 20px
}

.accordion .card {
    background-color: #fff;
    border: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0
}

.accordion .card .card-header h5 {
    border-left: none;
    padding: 0
}

.accordion .card .card-header h5 a {
    padding: 15px 20px;
    border-bottom: 0;
    color: #fff;
    background-color: #259e55
}

.accordion .card .card-header h5 a:before {
    font-weight: 700
}

.accordion .card .card-header h5 a.collapsed {
    background-color: transparent;
    color: #090e1e;
    font-weight: 300
}

.accordion .card .card-body {
    padding: 0 45px 15px;
    font-size: 1rem;
    margin-bottom: 0
}

.accordion .card .card-body > div[itemprop] {
    margin-top: 15px
}

.accordion .card .card-body > div[itemprop] > p {
    margin-top: 0
}

.accordion .card .card-body p {
    margin-top: 15px;
    margin-bottom: 15px
}

.accordion .card .card-body p a {
    text-decoration: underline
}

.accordion .card .card-body p.button-p {
    margin-bottom: 0
}

.faq-category-widget {
    padding: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 4px
}

@media (max-width: 1200px) {
    .faq-category-widget {
        margin-bottom: 30px !important
    }
}

.faq-category-widget .list-group {
    margin-bottom: 0
}

.faq-category-widget .list-group-item {
    border-left: none;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.faq-category-widget .list-group-item span:not([class]) {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    margin-right: auto;
    max-width: calc(100% - 40px)
}

.faq-category-widget .list-group-item.active, .faq-category-widget .list-group-item:focus, .faq-category-widget .list-group-item:hover {
    background-color: #eee;
    border-color: #eee;
    color: #555
}

.faq-category-widget .list-group-item.active .badge, .faq-category-widget .list-group-item:focus .badge, .faq-category-widget .list-group-item:hover .badge {
    background-color: #259e55;
    color: #fff
}

.faq-category-widget .list-group-item .badge {
    background-color: #000;
    text-align: center;
    float: none;
    width: 25px;
    height: 25px;
    padding: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    line-height: 25px;
    display: block;
    -webkit-flex: 0 1 25px;
    -ms-flex: 0 1 25px;
    flex: 0 1 25px;
    vertical-align: middle
}

.faq-category {
    padding-top: 0
}

@media (max-width: 991px) {
    .faq-category .post {
        margin-bottom: 0;
        padding-bottom: 30px
    }
}

@media (max-width: 991px) {
    .faq-category > .container > .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    .faq-category > .container > .row .col-lg-4 {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2
    }
}

@media (max-width: 991px) {
    .faq-category > .container > .row .col-lg-4 .sidebar-left {
        padding-right: 0
    }
}

@media (max-width: 991px) {
    .faq-category > .container > .row .col-lg-8 {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        margin-bottom: 30px
    }
}

.widget.widget-newsletter .widget-block {
    color: #fff
}

.widget.widget-newsletter .widget-block .overlay {
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in
}

.widget.widget-newsletter .widget-block:hover .overlay {
    opacity: 0;
    filter: alpha(opacity=0)
}

.widget.widget-newsletter .widget-block .btn {
    display: inline-block;
    margin: 0 auto;
    background-color: #259e55;
    border-color: #259e55
}

.widget.widget-newsletter .widget-block .btn:hover, .widget.widget-newsletter .widget-block .btn:active, .widget.widget-newsletter .widget-block .btn:focus {
    background-color: #4be05f;
    border-color: #4be05f
}

.widget.widget-newsletter .widget-block form {
    text-align: center
}

.widget.widget-newsletter .widget-block form p {
    padding-bottom: 10px
}

@media (max-width: 992px) {
    .widget.widget-newsletter .widget-block form p {
        padding-bottom: 0
    }
}

.widget.widget-newsletter .widget-block h3 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
    color: #fff
}

.payments h5 {
    border: 0;
    padding: 0
}

.payments img {
    max-height: 50px
}

.payment-img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(600 / 800 * 100%)
}

.payment-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 768px) {
    .payment-img img {
        max-width: 300px;
        margin: 0 auto;
        max-height: 200px
    }
}

@media (min-width: 768px) {
    .widget-item .payment-img img {
        max-width: 100%;
        max-height: 100%
    }
}

.payment {
    -webkit-flex: 0 1 136px;
    -ms-flex: 0 1 136px;
    flex: 0 1 136px;
    text-align: center;
    padding: 0 15px;
    max-width: 136px
}

@media (max-width: 991px) {
    .payment {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%
    }
}

@media (max-width: 767px) {
    .payment {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 24.9%
    }
}

@media (max-width: 480px) {
    .payment {
        -webkit-flex: 1 1 33.3%;
        -ms-flex: 1 1 33.3%;
        flex: 1 1 33.3%;
        max-width: 33.3%
    }
}

.payment figure {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(300 / 400 * 100%)
}

.payment figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 80px;
    max-height: 60px;
    display: block;
    margin: 0 auto
}

.payment section {
    padding: 0;
    margin: 5px 0
}

.payment section p {
    margin: 0
}

.payment section p a {
    text-decoration: none
}

.payment section p a:hover, .payment section p a:focus, .payment section p a:hover:focus {
    color: #f5ffc0;
    text-decoration: underline
}

.payment-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1201px) {
    .payment-row {
        -webkit-justify-content: start;
        -ms-justify-content: start;
        justify-content: start
    }
}

.payment-row > .col-lg-3 {
    margin-bottom: 30px;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%
}

@media (max-width: 1200px) {
    .payment-row > .col-lg-3 {
        -webkit-flex: 1 1 33.3%;
        -ms-flex: 1 1 33.3%;
        flex: 1 1 33.3%;
        max-width: 33.3%
    }
}

@media (max-width: 991px) {
    .payment-row > .col-lg-3 {
        width: 100%;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }
}

@media (max-width: 767px) {
    .payment-row > .col-lg-3 {
        width: 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.payment-row .card {
    height: 100%;
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px;
    padding: 0
}

.paymentmethods .card-img img {
    max-width: 260px;
    height: 195px;
    width: 100%;
    margin: 0 auto;
    object-fit: contain
}

.paymentmethods div[data-mh="payment-item"] {
    margin-bottom: 30px
}

.paymentmethods .card.card-lg {
    height: 100%
}

.paymentmethods .card .card-block .card-title {
    margin-bottom: 13px
}

.paymentmethods .card .card-block .intro {
    display: inline-block
}

.wrapper.paymentmethod .widget-game.specs .widget-block .widget-item figure img, .wrapper.author .widget-game.specs .widget-block .widget-item figure img {
    margin-bottom: 30px
}

.wrapper.paymentmethod .widget-game.specs .widget-block .widget-item p, .wrapper.author .widget-game.specs .widget-block .widget-item p {
    margin: 0 0 15px 0
}

.wrapper.paymentmethod .widget-game.specs .widget-block .widget-item footer p, .wrapper.author .widget-game.specs .widget-block .widget-item footer p {
    margin: 0
}

.row.categories {
    padding: 25px 0 0 0
}

.row.categories h5 {
    border: 0;
    padding: 0
}

.row.categories .category {
    -webkit-flex: 0 1 136px;
    -ms-flex: 0 1 136px;
    flex: 0 1 136px;
    text-align: center;
    padding: 0 15px;
    max-width: 136px
}

@media (max-width: 991px) {
    .row.categories .category {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%
    }
}

@media (max-width: 767px) {
    .row.categories .category {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 24.9%
    }
}

@media (max-width: 480px) {
    .row.categories .category {
        -webkit-flex: 1 1 33.3%;
        -ms-flex: 1 1 33.3%;
        flex: 1 1 33.3%;
        max-width: 33.3%
    }
}

.row.categories .category figure {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(600 / 800 * 100%)
}

.row.categories .category figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 80px;
    max-height: 60px;
    display: block;
    margin: 0 auto
}

.row.categories .category section {
    padding: 0;
    margin: 5px 0
}

.row.categories .category section p {
    margin: 0
}

.row.categories .category section p a {
    text-decoration: none
}

.row.categories .category section p a:hover, .row.categories .category section p a:focus, .row.categories .category section p a:hover:focus {
    color: rgba(9, 14, 30, 0.8);
    text-decoration: underline
}

.category-content {
    margin-bottom: 0;
    padding-bottom: 15px
}

.category-content .post {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.category-content + .toolbar-custom {
    padding-top: 25px;
    border-top: 1px solid #ececec
}

.category-content .more {
    display: block
}

.category-content .more-content h1:before, .category-content .more-content h2:before, .category-content .more-content h3:before, .category-content .more-content h4:before, .category-content .more-content h5:before, .category-content .more-content h6:before {
    display: none
}

.category-content figure.main-fig {
    position: relative;
    height: 0;
    padding-bottom: calc(450 / 600 * 100%)
}

.category-content figure.main-fig img.main-img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    object-fit: cover;
    height: 100%
}

.pushmessage {
    position: fixed;
    bottom: -144px;
    -webkit-transition: bottom .3s ease-in;
    -moz-transition: bottom .3s ease-in;
    -ms-transition: bottom .3s ease-in;
    -o-transition: bottom .3s ease-in;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 999;
    height: auto;
    min-height: 120px;
    width: 100%
}

.pushmessage .close-ad {
    top: -79px
}

.pushmessage .close-ad .icon {
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 18px;
    color: #000
}

.pushmessage .close-ad .icon:before {
    content: "\f091";
    font-family: "Font Awesome 5 Free";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    background-color: transparent
}

.pushmessage.active {
    bottom: 0;
    -webkit-transition: bottom .3s ease-in;
    -moz-transition: bottom .3s ease-in;
    -ms-transition: bottom .3s ease-in;
    -o-transition: bottom .3s ease-in
}

.pushmessage.active .close-ad {
    top: -20px
}

.pushmessage.active .close-ad .icon {
    width: 20px;
    height: 3px;
    background-color: #000
}

.pushmessage.active .close-ad .icon:before {
    display: none
}

.pushmessage .age-container {
    bottom: 0;
    right: 5px;
    z-index: -1
}

.pushmessage .content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.pushmessage .content h2 {
    font-size: 20px;
    font-weight: 700
}

.pushmessage .content h2, .pushmessage .content h3, .pushmessage .content p {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.pushmessage .content h2.shadow, .pushmessage .content h3.shadow, .pushmessage .content p.shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9)
}

.pushmessage .content h2, .pushmessage .content h3 {
    margin: 0 10px;
    padding: 0;
    line-height: 24px;
    vertical-align: middle;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center
}

.pushmessage .content h3 {
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal
}

.pushmessage .content p {
    font-size: 16px;
    margin: 0;
    line-height: 26px
}

.pushmessage .content .button.primary {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.close-ad {
    position: absolute;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    left: 10px;
    font-size: 18px;
    top: -20px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #5c606c;
    z-index: 999;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-transition: top .3s ease-in;
    -moz-transition: top .3s ease-in;
    -ms-transition: top .3s ease-in;
    -o-transition: top .3s ease-in
}

.close-ad i {
    line-height: 22px;
    text-align: center;
    display: block;
    vertical-align: middle
}

@media (max-width: 1200px) {
    .wrapper.author .content-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 1200px) {
    .wrapper.author .content-container .widget-game.specs {
        float: none
    }
}

@media (max-width: 991px) {
    .wrapper.author .content-container .widget-game.specs {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        margin-right: 0
    }
}

.wrapper.author .content-container .widget-game.specs .widget-block .widget-item ul li a {
    text-decoration: underline;
    color: #090e1e
}

.wrapper.author .content-container .widget-game.specs .widget-block .widget-item ul li a:hover, .wrapper.author .content-container .widget-game.specs .widget-block .widget-item ul li a:focus, .wrapper.author .content-container .widget-game.specs .widget-block .widget-item ul li a:active {
    color: #e4ff4d
}

@media (max-width: 1200px) {
    .wrapper.author .content-container .post.regular-page {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

figure.category-img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(300 / 400 * 100%)
}

figure.category-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0
}

figure.news-img {
    position: relative;
    height: 0;
    overflow: hidden
}

figure.news-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0
}

@media (min-width: 992px) {
    .latest-news figure.news-img img {
        max-width: 260px;
        max-height: 104px
    }
}

figure.author-img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(569 / 550 * 100%);
    margin-bottom: 35px
}

figure.author-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -0.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul > li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-check:before {
    content: "\f00c"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-clock:before {
    content: "\f017"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-dice:before {
    content: "\f522"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-heart:before {
    content: "\f004"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-minus:before {
    content: "\f068"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-play:before {
    content: "\f04b"
}

.fa-plus:before {
    content: "\f067"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-sack-dollar:before {
    content: "\f81d"
}

.fa-search:before {
    content: "\f002"
}

.fa-spade:before {
    content: "\f2f4"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-user:before {
    content: "\f007"
}

.fa-youtube:before {
    content: "\f167"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/fa-brands-400.eot);
    src: url(/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/fa-brands-400.woff2) format("woff2"), url(/fa-brands-400.woff) format("woff"), url(/fa-brands-400.ttf) format("truetype"), url(/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/fa-regular-400.eot);
    src: url(/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/fa-regular-400.woff2) format("woff2"), url(/fa-regular-400.woff) format("woff"), url(/fa-regular-400.ttf) format("truetype"), url(/fa-regular-400.svg#fontawesome) format("svg")
}

.fab, .far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fa-solid-900.eot);
    src: url(fa-solid-900.eot) format("embedded-opentype"), url(fa-solid-900.woff2) format("woff2"), url(fa-solid-900.woff) format("woff"), url(fa-solid-900.ttf) format("truetype"), url(fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Pro"
}

.fa, .fas {
    font-weight: 900
}

#comments {
    display: none;
    padding-top: 15px
}

#comments > ul li {
    margin-bottom: 24px
}

#comments .comment-footer {
    margin-left: auto
}

#comments .comment-footer > ul li {
    margin-bottom: 0
}

.stars, div[id*="rating"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.stars .star, div[id*="rating"] .star, .stars .radio-inline, div[id*="rating"] .radio-inline {
    padding: 0;
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .9em;
    margin-right: .9em;
    margin-bottom: 1.2em;
    border-right: .3em solid transparent;
    border-bottom: .7em solid #ccc;
    border-left: .3em solid transparent;
    text-indent: -9999px;
    cursor: pointer
}

.comment-header .stars .star, .comment-header div[id*="rating"] .star, .comment-header .stars .radio-inline, .comment-header div[id*="rating"] .radio-inline {
    font-size: 12px;
    float: left;
    margin-left: 15px
}

.stars .star:hover, div[id*="rating"] .star:hover, .stars .radio-inline:hover, div[id*="rating"] .radio-inline:hover, .stars .star.active, div[id*="rating"] .star.active, .stars .radio-inline.active, div[id*="rating"] .radio-inline.active, .stars .star.disable-hover, div[id*="rating"] .star.disable-hover, .stars .radio-inline.disable-hover, div[id*="rating"] .radio-inline.disable-hover {
    border-bottom-color: #FC0
}

.stars .star:hover:before, div[id*="rating"] .star:hover:before, .stars .radio-inline:hover:before, div[id*="rating"] .radio-inline:hover:before, .stars .star.active:before, div[id*="rating"] .star.active:before, .stars .radio-inline.active:before, div[id*="rating"] .radio-inline.active:before, .stars .star.disable-hover:before, div[id*="rating"] .star.disable-hover:before, .stars .radio-inline.disable-hover:before, div[id*="rating"] .radio-inline.disable-hover:before, .stars .star:hover:after, div[id*="rating"] .star:hover:after, .stars .radio-inline:hover:after, div[id*="rating"] .radio-inline:hover:after, .stars .star.active:after, div[id*="rating"] .star.active:after, .stars .radio-inline.active:after, div[id*="rating"] .radio-inline.active:after, .stars .star.disable-hover:after, div[id*="rating"] .star.disable-hover:after, .stars .radio-inline.disable-hover:after, div[id*="rating"] .radio-inline.disable-hover:after {
    border-bottom-color: #FC0
}

.stars .star:before, div[id*="rating"] .star:before, .stars .radio-inline:before, div[id*="rating"] .radio-inline:before, .stars .star:after, div[id*="rating"] .star:after, .stars .radio-inline:after, div[id*="rating"] .radio-inline:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: .6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: .7em solid #ccc;
    border-left: 1em solid transparent;
    transform: rotate(-35deg)
}

.stars .star:after, div[id*="rating"] .star:after, .stars .radio-inline:after, div[id*="rating"] .radio-inline:after {
    transform: rotate(35deg)
}

.stars .star input[type="radio"], div[id*="rating"] .star input[type="radio"], .stars .radio-inline input[type="radio"], div[id*="rating"] .radio-inline input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0
}

.stars .star input[type="radio"]:checked + label, div[id*="rating"] .star input[type="radio"]:checked + label, .stars .radio-inline input[type="radio"]:checked + label, div[id*="rating"] .radio-inline input[type="radio"]:checked + label {
    border-bottom-color: #FC0
}

.stars .star input[type="radio"]:checked + label:before, div[id*="rating"] .star input[type="radio"]:checked + label:before, .stars .radio-inline input[type="radio"]:checked + label:before, div[id*="rating"] .radio-inline input[type="radio"]:checked + label:before, .stars .star input[type="radio"]:checked + label:after, div[id*="rating"] .star input[type="radio"]:checked + label:after, .stars .radio-inline input[type="radio"]:checked + label:after, div[id*="rating"] .radio-inline input[type="radio"]:checked + label:after {
    border-bottom-color: #FC0
}

.toggle {
    text-decoration: underline;
    color: #e4ff4d
}

.comment {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 24px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09)
}

@media (max-width: 767px) {
    .comment {
        padding: 16px
    }
}

.comment .stars {
    pointer-events: none
}

.comment.comment-header h3 {
    margin-bottom: 0
}

.comment.comment-header h3 + p.form-header {
    margin-top: 20px;
    margin-bottom: 0
}

.comment .comment-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comment .comment-header .comment-author {
    -webkit-flex: 0 0 33.3%;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%
}

@media (max-width: 640px) {
    .comment .comment-header .comment-author {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        margin-right: 0
    }
}

.comment .comment-header .comment-footer {
    -webkit-flex: 0 0 33.3%;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%
}

.comment .comment-header .comment-footer ul {
    text-align: right
}

@media (max-width: 640px) {
    .comment .comment-header .comment-footer {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        text-align: right;
        margin-top: 4px;
        margin-bottom: 4px
    }
}

.comment .comment-header .comment-footer li {
    margin-bottom: 0
}

.comment .comment-header .stars {
    margin: 0 auto;
    -webkit-flex: 0 0 33.3%;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

@media (max-width: 640px) {
    .comment .comment-header .stars {
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        margin: 8px -10px
    }
}

.comment .comment-header .stars .star {
    margin-right: 3px
}

.comment .comment-post {
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    color: #000
}

@media (max-width: 640px) {
    .comment .comment-post {
        padding-top: 0
    }
}

.comment .comment-post .comment-footer {
    color: #555
}

@media (max-width: 480px) {
    .comment .comment-post .comment-footer {
        position: relative;
        padding-top: 0
    }
}

@media (max-width: 480px) {
    .comment .comment-post .comment-footer li {
        margin-bottom: 0
    }
}

.reply {
    background-color: #fff;
    padding: 12px 12px 12px 106px
}

@media (max-width: 767px) {
    .reply {
        padding-left: 48px
    }
}

.reply p:last-child, .reply p:only-child {
    margin-bottom: 0
}

.reply .comment {
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-box-shadow: 2px 2px 4px -1px #dedede;
    -moz-box-shadow: 2px 2px 4px -1px #dedede;
    box-shadow: 2px 2px 4px -1px #dedede;
    position: relative
}

.comments > ul {
    margin-top: 30px;
    margin-bottom: 30px
}

.comments > ul > li {
    background-color: #fff
}

.comments > ul > li .comment-container {
    padding: 12px 12px 0 12px
}

.comments > ul > li .comment-container .comment {
    position: relative;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-box-shadow: 2px 2px 4px -1px #dedede;
    -moz-box-shadow: 2px 2px 4px -1px #dedede;
    box-shadow: 2px 2px 4px -1px #dedede
}

.comments > ul > li:last-child .comment {
    border-bottom: 0
}

.comments > ul > li:nth-child(2) .comment {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.comments > ul > li:nth-child(2) .comment a:not([class]) {
    word-break: break-word
}

.comments > ul > li .comment {
    width: 100%;
    display: table
}

.comments > ul > li .comment.comment-header {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.comments .comments-header h5 {
    float: left;
    padding-top: 8px;
    margin-bottom: 0
}

.comments .comments-header:after {
    display: block;
    content: "";
    clear: both
}

.comments.anchor {
    padding-top: 0;
    margin-top: 0
}

.comments > ul li .comment:hover .comment-action .dropdown {
    display: inline-block !important
}

.comments > ul li .comment > div {
    display: table-cell;
    vertical-align: top
}

.comments > ul li .comment > div.comment-avatar {
    width: 60px;
    position: relative
}

@media (max-width: 480px) {
    .comments > ul li .comment > div.comment-avatar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        position: absolute;
        bottom: 8px;
        right: 8px;
        padding: 8px
    }
}

.comments > ul li .comment > div.comment-avatar .badge {
    position: absolute;
    top: 38px;
    right: 0;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 26px;
    height: 26px;
    line-height: 23px
}

.comments > ul li .comment > div.comment-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.comments > ul li .comment > div.comment-avatar img.avatar-logo {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.comments > ul li .comment > div.comment-post {
    padding-left: 22px;
    font-size: 16px;
    line-height: 26px
}

.comments > ul li .comment > div.comment-post.no-image {
    padding-left: 0
}

@media (max-width: 480px) {
    .comments > ul li .comment > div.comment-post {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 8px 0 40px 0
    }
}

.comments > ul li .comment > div.comment-post .comment-header {
    margin-bottom: 10px
}

.comments > ul li .comment > div.comment-post .comment-header::after {
    display: block;
    content: "";
    clear: both
}

.comments > ul li .comment > div.comment-post .comment-author h5 {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 0
}

.comments > ul li .comment > div.comment-post .comment-author h5 > span {
    padding: 3px 5px;
    margin-left: 5px;
    vertical-align: top
}

.comments > ul li .comment > div.comment-post .comment-author > span {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    line-height: 26px
}

.comments > ul li .comment > div.comment-post .comment-author > span:before {
    color: #9c9c9c;
    content: "\002022";
    margin: 0 5px 0 0;
    display: inline-block
}

.comments > ul li .comment > div.comment-post .comment-action {
    float: right;
    padding-right: 10px
}

.comments > ul li .comment > div.comment-post .comment-action .dropdown {
    display: none
}

.comments > ul li .comment > div.comment-post .comment-action .dropdown .dropdown-menu-right {
    margin-right: -7px
}

.comments > ul li .comment > div.comment-post .comment-action .dropdown > a {
    color: #5c606c
}

@media (max-width: 992px) {
    .comments > ul li .comment > div.comment-post .comment-action .dropdown > a {
        color: #333
    }
}

.comments > ul li .comment > div.comment-post .comment-action .dropdown > a:hover {
    color: #5e5e5e
}

.comments > ul li .comment > div.comment-post .comment-action .dropdown.show {
    display: inline-block
}

.comments > ul li .comment > div.comment-post .comment-footer {
    display: block;
    margin-left: auto
}

.comments > ul li .comment > div.comment-post .comment-footer ul {
    padding: 0
}

.comments > ul li .comment > div.comment-post .comment-footer ul li {
    display: inline-block;
    font-size: 16px;
    line-height: 26px
}

.comments > ul li .comment > div.comment-post .comment-footer ul li i {
    margin-right: 3px
}

.comments > ul li .comment > div.comment-post .comment-footer ul li:after {
    font-size: 12px;
    color: #ccc;
    content: "\002022";
    margin: 0 5px;
    display: inline-block
}

.comments > ul li .comment > div.comment-post .comment-footer ul li:last-child:after {
    display: none
}

.comments > ul li .comment > div.comment-post > span {
    font-size: 16px;
    line-height: 26px
}

.comments > ul li .comment > div.comment-post > span i {
    margin-right: 3px
}

.comments > ul li > ul {
    padding-left: 80px;
    padding-top: 20px
}

textarea.form-control {
    width: 100%;
    max-width: 100%;
    font-family: inherit
}

textarea.form-control:focus {
    outline: 0;
    outline-offset: 0;
    border: 1px solid #e4ff4d
}

.form-control {
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd
}

.form-control::-webkit-input-placeholder {
    font-family: inherit
}

.form-control:focus {
    outline: 0;
    outline-offset: 0;
    border: 1px solid #e4ff4d
}

label {
    font-size: 16px;
    color: #5c606c;
    line-height: 26px
}

@media (max-width: 992px) {
    label {
        color: #333
    }
}

.form-check-inline, .form-check {
    position: relative;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 15px
}

.form-check-inline .form-check-input, .form-check .form-check-input {
    position: absolute;
    left: 15px
}

.form-check-inline .form-check-label, .form-check .form-check-label {
    padding-left: 25px
}

button[type="submit"] {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 15px;
    padding: 16px 27px;
    background-color: #259e55;
    border-color: #259e55;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

button[type="submit"].primary {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 15px;
    padding: 16px 27px;
    background-color: #259e55;
    border-color: #259e55
}

button[type="submit"].primary:hover {
    background-color: #4be05f;
    border-color: #4be05f;
    font-weight: normal
}

button[type="submit"].primary.demo {
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #090e1e
}

button[type="submit"].primary.demo:hover, button[type="submit"].primary.demo:active, button[type="submit"].primary.demo:focus {
    background-color: #f5ffc0;
    border-color: #f5ffc0;
    font-weight: normal
}

button[type="submit"].primary.small {
    padding: 8px 16px
}

button[type="submit"].secondary {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 13px;
    padding: 7px 10px;
    background-color: #259e55;
    border-color: #259e55
}

button[type="submit"].secondary:hover {
    background-color: #4be05f;
    border-color: #4be05f;
    font-weight: normal
}

button[type="submit"].secondary.blue {
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    text-decoration: none;
    color: #090e1e
}

button[type="submit"].secondary.blue:hover {
    background-color: #090e1e;
    border-color: #090e1e;
    text-decoration: none;
    color: #e4ff4d;
    font-weight: normal
}

button[type="submit"].disabled {
    border-color: transparent;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    line-height: 1.25;
    font-size: 14px;
    cursor: pointer;
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #fff;
    background-color: #6ab961;
    border-color: #6ab961;
    font-size: 15px;
    padding: 16px 27px;
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    cursor: not-allowed;
    color: #616161 !important
}

button[type="submit"].disabled:hover {
    background-color: #e2e2e2 !important;
    border-color: #e2e2e2 !important;
    font-weight: normal !important
}

button[type="submit"]:hover {
    background-color: #4be05f;
    border-color: #4be05f;
    font-weight: normal
}

button[type="submit"].demo {
    background-color: #e4ff4d;
    border-color: #e4ff4d;
    color: #090e1e
}

button[type="submit"].demo:hover, button[type="submit"].demo:active, button[type="submit"].demo:focus {
    background-color: #f5ffc0;
    border-color: #f5ffc0;
    font-weight: normal
}

button[type="submit"].small {
    padding: 8px 16px
}

.form-group.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .form-group.row .form-control {
        margin-bottom: 15px
    }
}

.form-group.row.align-end {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end
}

.help-block.help-block-error {
    color: #ca422e
}

.form-group.has-error label {
    color: #ca422e
}

.form-group.has-error .form-control {
    color: #ca422e;
    border-color: #ca422e
}

@media (min-width: 768px) {
    .form-group.static[data-template="11"] {
        display: inline-block;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .form-group[data-template="14"] {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.form-placeholder {
    position: relative;
    margin-bottom: 15px;
    cursor: pointer
}

.form-placeholder span {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 0 8px 0 0
}

.form-placeholder span.fake-disabled {
    position: relative;
    top: 0;
    padding: 0
}

.form-placeholder span img {
    display: none;
    width: 24px;
    height: 24px;
    object-fit: cover
}

.form-placeholder span img.active {
    display: inline-block;
    vertical-align: middle
}

.form-placeholder .show_review_form {
    position: relative;
    display: inline-block;
    padding: 9px 20px 9px 20px;
    -webkit-transition: padding-right .2s ease-in;
    -moz-transition: padding-right .2s ease-in;
    -ms-transition: padding-right .2s ease-in;
    -o-transition: padding-right .2s ease-in
}

.form-placeholder .show_review_form.expand {
    padding-right: 40px
}

.form-placeholder .show_review_form span.fake-disabled + i {
    display: none
}

.form-placeholder .show_review_form span.fake-disabled + i + span {
    top: 4px
}

.form-placeholder .form-control {
    cursor: pointer
}

.form-placeholder .form-control.fake-disabled {
    background-color: #f1f1f1;
    border-color: transparent;
    pointer-events: none;
    color: #666;
    height: 40px;
    line-height: 1
}

.form-placeholder i {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
    color: #090e1e;
    line-height: 40px;
    padding: 0 10px 0 0
}

.form-placeholder.show-newsletter-form span {
    margin: 8px 0
}

div.aria-widget-slider {
    clear: both;
    padding-top: .5em;
    padding-bottom: 1em
}

div.rail-label {
    padding-right: .5em;
    text-align: right;
    float: left;
    width: 4em;
    position: relative;
    top: -0.5em
}

div.rail-label.max {
    padding-left: .5em;
    text-align: left
}

div.aria-widget-slider .rail {
    background-color: #eee;
    border: 1px solid #888;
    position: relative;
    height: 4px;
    float: left
}

div.aria-widget-slider img[role="slider"] {
    position: absolute;
    padding: 0;
    margin: 0;
    top: -10px
}

div.aria-widget-slider img[role="slider"].focus, div.aria-widget-slider img[role="slider"]:hover {
    outline-color: #8ccbf2;
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
}

div.aria-widget-slider .rail.focus {
    background-color: #aaa
}

#popup .post {
    background-color: #fff;
    max-width: 740px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 50px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 640px) {
    #popup .post {
        padding: 30px
    }
}

#popup .post button.mfp-close {
    color: #000;
    text-indent: inherit;
    font-size: 16px
}

#popup .post button.mfp-close:hover, #popup .post button.mfp-close:active, #popup .post button.mfp-close:focus {
    background-color: transparent;
    color: #000
}

#popup .post header h2 {
    margin-top: 0
}

@media (max-width: 640px) {
    #popup .post header h2 {
        font-size: 24px
    }
}

#popup .post .sidebar-left {
    padding-right: 0;
    border-right: 0;
    margin-bottom: 30px
}

#popup .post .review-link p {
    margin-bottom: 0
}

#popup .post h2:before, #popup .post h5:before {
    display: none
}

#popup .post h5.widget-title {
    display: none
}

#popup .post .post-review .post-thumbnail .badge {
    position: relative;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px
}

#popup .post .widget-games .casino-container {
    width: 100%;
    max-width: 100%
}

@media (max-width: 767px) {
    #popup .post .widget-games .casino-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 480px) {
    #popup .post .widget-games .casino-container {
        background-size: 50px
    }
}

@media (max-width: 360px) {
    #popup .post .widget-games .casino-container .post-review {
        display: none
    }
}

@media (max-width: 360px) {
    #popup .post .widget-games .casino-container:hover a .description {
        padding-left: 0;
        padding-right: 0
    }
}

#popup .post .widget-games .casino-container a.casino-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

@media (max-width: 640px) {
    #popup .post .widget-games .casino-container a .description {
        line-height: normal
    }
}

@media (max-width: 360px) {
    #popup .post .widget-games .casino-container a .description {
        padding-left: 0
    }
}

@media (max-width: 500px) {
    #popup .post .widget-games .casino-container .widget-block h5 {
        font-size: 16px
    }
}

@media (max-width: 500px) {
    #popup .post .widget-games .casino-container .widget-block .date {
        font-size: 12px
    }
}

@media (max-width: 360px) {
    #popup .post .widget-games a .widget-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }
}

@media (max-width: 360px) {
    #popup .post .widget-games a .widget-block .description {
        padding-right: 0;
        max-width: calc(100% - 65px);
        width: 100%
    }
}

#popup .post section {
    padding: 0
}

#popup .post .container {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

#popup .casino-popup {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin-bottom: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-close {
    background-image: url(../images/close_icon.png) !important;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    text-indent: -9999px;
    margin: 4px;
    background-image: unset !important
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 10%;
    max-height: 90%;
    overflow-y: auto
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

@media (max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0
    }

    .modal.fade {
        top: -100px
    }

    .modal.fade.in {
        top: 20px
    }
}

.a-popup-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999999;
    background: rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.a-popup-container .a-popup {
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative
}

.a-popup-container .a-popup #age-verification {
    overflow-y: auto;
    max-height: 100vh
}

@media (max-width: 767px) {
    .a-popup-container .a-popup #age-verification {
        position: relative
    }
}

@media (max-width: 500px) {
    .a-popup-container .a-popup {
        margin: 0 15px
    }
}

.a-popup-container .a-popup .header {
    background: #090e1e;
    padding: 30px 20px 25px 20px
}

.a-popup-container .a-popup .header p {
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    font-family: "Roboto", sans-serif
}

.a-popup-container .a-popup .info {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    margin: 10px
}

@media (max-width: 767px) {
    .a-popup-container .a-popup .info {
        margin: 5px
    }
}

.a-popup-container .a-popup .info .tooltip-button {
    color: #fff
}

@media (max-width: 767px) {
    .a-popup-container .a-popup .info .tooltip-button {
        position: static
    }
}

@media (max-width: 767px) {
    .a-popup-container .a-popup .info .tooltip-button:hover span {
        display: none
    }
}

.a-popup-container .a-popup .info .tooltip-button span {
    background-color: #fff;
    color: #090e1e;
    width: 330px;
    line-height: normal;
    white-space: pre-line
}

@media (max-width: 767px) {
    .a-popup-container .a-popup .info .tooltip-button span {
        left: auto;
        transform: none;
        right: 0;
        width: calc(100vw - 70px)
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .a-popup-container .a-popup .info .tooltip-button span {
        width: calc(100vw - 180px)
    }
}

.a-popup-container .a-popup .info .tooltip-button span:before {
    border-color: transparent transparent #fff transparent
}

@media (max-width: 767px) {
    .a-popup-container .a-popup .info .tooltip-button span:before {
        left: calc(100% - 13px)
    }
}

.a-popup-container .a-popup .content {
    padding: 20px
}

.a-popup-container .a-popup .content form {
    margin: 20px 0 5px
}

.a-popup-container .a-popup .content form label {
    text-align: left;
    white-space: inherit
}

.a-popup-container .a-popup .content form > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 25px
}

.a-popup-container .a-popup .content form > div button {
    margin: 5px 10px;
    width: 100%
}

.a-popup-container .a-popup .content form > div button.secondary {
    background: unset;
    padding: 16px 27px;
    color: #259e55;
    font-size: 15px;
    border: 2px solid #259e55;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%
}

.a-popup-container .a-popup .content form > div button.secondary:first-child {
    background: #259e55;
    color: #fff
}

.a-popup-container .a-popup .content form > div button.secondary:first-child:hover {
    background: #fff;
    color: #259e55
}

.a-popup-container .a-popup .content form > div button.secondary:last-child {
    margin-bottom: 0
}

.a-popup-container .a-popup .content form > div button.secondary:hover {
    color: #fff;
    background: #259e55
}

.a-popup-container .a-popup .content p.title {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 5px 0
}

.a-popup-container .a-popup .content p a {
    text-decoration: underline
}

.a-popup-container .a-popup .content p.small {
    font-size: 11px;
    line-height: 130%;
    text-align: left;
    font-weight: 100
}

.a-popup-container .a-popup .content label p.small {
    margin-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.a-popup-container .a-popup .content label p.small input {
    width: 10px;
    margin: 0 5px 3px 0
}

.a-popup-container .a-popup #blocked, .a-popup-container .a-popup #partial_blocked {
    padding: 50px 25px
}

.a-popup-container .a-popup #blocked p, .a-popup-container .a-popup #partial_blocked p {
    font-size: 14px
}

.a-popup-container .a-popup #blocked p.title, .a-popup-container .a-popup #partial_blocked p.title {
    font-weight: bold;
    font-size: 25px
}

.a-popup-container .a-popup #blocked p:last-child, .a-popup-container .a-popup #partial_blocked p:last-child {
    margin: 0
}

.a-popup-container .a-popup #blocked p a, .a-popup-container .a-popup #partial_blocked p a {
    text-decoration: underline
}

.a-popup-container .a-popup #partial_blocked {
    position: relative
}

.a-popup-container .a-popup #partial_blocked:after {
    content: 'x';
    position: absolute;
    top: 15px;
    right: 20px;
    line-height: 0;
    width: 0;
    height: 0;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer
}

.tooltip-button {
    position: relative;
    padding: 6px;
    font-size: 14px;
    cursor: default
}

.tooltip-button span {
    position: absolute;
    width: fit-content;
    background-color: #000;
    color: #fff;
    padding: .5rem;
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    white-space: nowrap;
    z-index: -1;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    -ms-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    opacity: 0;
    font-size: 12px;
    display: none;
    line-height: 1
}

.tooltip-button span:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 8px 4px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.tooltip-button:hover span {
    opacity: 1;
    z-index: 12;
    display: block
}

body.age-bloced .blocked-age-check {
    display: none
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #BBB
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

#navbar {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 12;
    background: #090e1e
}

#navbar .navbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    position: inherit;
    margin: 0
}

@media (max-width: 992px) {
    #navbar .navbar {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
}

#navbar .navbar .navbar-left {
    -webkit-flex: 1 1 190px;
    -ms-flex: 1 1 190px;
    flex: 1 1 190px;
    float: unset !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

@media (min-width: 992px) {
    #navbar .navbar .navbar-left {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
}

@media (max-width: 500px) {
    #navbar .navbar .navbar-left {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: 25px
    }

    #navbar .navbar .navbar-left .logo img {
        height: auto
    }
}

#navbar .navbar .navbar-left .logo {
    display: block
}

@media (max-width: 992px) {
    #navbar .navbar .navbar-left .logo {
        padding: 3px 0
    }
}

#navbar .navbar .navbar-left .subtitle-logo {
    color: #fff;
    text-align: center;
    font-style: italic;
    line-height: 150%;
    margin-top: 5px;
    font-size: 13px;
    margin-bottom: 10px
}

@media (max-width: 992px) {
    #navbar .navbar .navbar-left .subtitle-logo {
        display: none
    }
}

#navbar .navbar .navbar-left .navbar-toggle {
    margin: 0 15px 0 0
}

#navbar .navbar .navbar-right {
    -webkit-flex: 1 1 125px;
    -ms-flex: 1 1 125px;
    flex: 1 1 125px;
    padding: 0 !important
}

@media (max-width: 992px) {
    #navbar .navbar .navbar-right {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: end;
        -ms-justify-content: end;
        justify-content: end
    }
}

#navbar .navbar .navbar-middle {
    -webkit-flex: 1 1 calc(100% - 300px);
    -ms-flex: 1 1 calc(100% - 300px);
    flex: 1 1 calc(100% - 300px);
    padding: 0 30px;
    display: none
}

@media (min-width: 992px) {
    #navbar .navbar .navbar-middle {
        display: block
    }
}

#navbar .navbar .nav ul {
    background: #090e1e
}

@media (min-width: 992px) {
    #navbar .navbar .nav ul {
        text-align: right
    }
}

#navbar .navbar .nav .extra-menu {
    border-top: 1px solid #e4ff4d;
    padding-right: 40px
}

#navbar .navbar .nav .extra-menu a {
    font-size: 15px
}

#navbar .navbar .nav li {
    display: inline-block;
    position: relative
}

#navbar .navbar .nav li a {
    color: #fff;
    font-size: 17px;
    padding: 0 10px;
    font-weight: 500;
    line-height: 62px
}

#navbar .navbar .nav li a:hover {
    color: #e4ff4d
}

#navbar .navbar .nav li:first-child a {
    padding: 0 10px 0 0
}

#navbar .navbar .nav li.mega-menu {
    position: static
}

#navbar .navbar .nav li.mega-menu > ul {
    width: 100%;
    padding: 20px 0 30px 0;
    display: none
}

#navbar .navbar .nav li.mega-menu > ul a {
    padding: 6px 0 !important;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px !important
}

#navbar .navbar .nav li.mega-menu > ul a:hover {
    background-color: transparent
}

#navbar .navbar .nav li.mega-menu > ul a i {
    width: 20px;
    text-align: center;
    margin-right: 5px
}

#navbar .navbar .nav li.mega-menu > ul .title {
    text-transform: uppercase;
    font-weight: 500;
    color: #f5ffc0;
    font-size: 13px;
    display: block;
    margin-bottom: 10px
}

#navbar .navbar .nav li.mega-menu:hover > ul {
    display: block
}

#navbar .navbar .nav li.mega-menu li {
    width: 100%
}

#navbar .navbar .nav li.has-dropdown ul {
    position: absolute;
    left: 0;
    z-index: 99;
    top: 60px;
    min-width: 220px;
    background-color: #090e1e;
    padding: 5px 0 10px 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: left
}

#navbar .navbar .nav li.has-dropdown ul li a {
    line-height: 100%;
    padding: 10px 20px;
    display: block
}

#navbar .navbar .nav li.has-dropdown ul:hover {
    opacity: 1;
    visibility: visible
}

#navbar .navbar .nav li.has-dropdown ul.deactivate {
    opacity: 0 !important;
    visibility: hidden !important
}

#navbar .navbar .nav li.has-dropdown:hover ul {
    opacity: 1;
    visibility: visible
}

#navbar .navbar .nav li.has-dropdown.open > a {
    background-color: inherit;
    color: #fff
}

#navbar .navbar .nav li.has-dropdown > a:after {
    content: "\f078";
    font-family: 'Font Awesome 5 Brands';
    font-family: "Font Awesome 5 Pro";
    font-size: 8px;
    float: right;
    margin-left: -3px;
    margin-right: 3px;
    font-weight: bold
}

.page-header {
    padding: 30px 15px;
    margin: 0;
    border: 0;
    color: #fff
}

.page-header.featured {
    background-color: #f5ffc0;
    color: #090e1e;
    border-bottom: 0;
    position: relative
}

.col-lg-12 .regular-page .page-header.featured:before, .col-lg-12 .regular-page .page-header.featured:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background-color: #f5ffc0;
    width: 100%;
    height: 100%
}

.col-lg-12 .regular-page .page-header.featured:before {
    left: -100%
}

.col-lg-12 .regular-page .page-header.featured:after {
    right: -100%
}

.has-sidebar .page-header.featured, .col-lg-8 .page-header.featured {
    padding: 30px;
    border-bottom: 0
}

.has-sidebar .page-header.featured .container, .col-lg-8 .page-header.featured .container {
    max-width: 100%
}

.page-header.featured section {
    padding: 20px 0 0 0
}

.page-header.featured h2:not([class]), .page-header.featured h3:not([class]), .page-header.featured h4:not([class]), .page-header.featured h5:not([class]), .page-header.featured h6:not([class]) {
    border: 0;
    color: #090e1e;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0
}

.page-header.featured .button {
    display: inline-block
}

.page-header.featured .page-header-img {
    padding-bottom: calc(100%)
}

.page-header h2:not([class]), .page-header h3:not([class]), .page-header h4:not([class]), .page-header h5:not([class]), .page-header h6:not([class]) {
    border: 0;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 0
}

@media (max-width: 991px) {
    .page-header .page-header-img {
        margin-top: 15px;
        height: 0;
        position: relative;
        overflow: hidden;
        padding-bottom: calc(160 / 240 * 100%)
    }
}

@media (min-width: 992px) {
    .page-header .page-header-img {
        height: 0;
        position: relative;
        overflow: hidden;
        padding-bottom: calc(200 / 300 * 100%)
    }
}

@media (max-width: 991px) {
    .has-sidebar .page-header .page-header-img, .col-lg-8 .page-header .page-header-img {
        margin-bottom: 0
    }
}

.page-header .page-header-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media (max-width: 991px) {
    .page-header .content > section {
        padding-bottom: 0
    }
}

@media (max-width: 991px) {
    .page-header .content h1 + p {
        margin-bottom: 0
    }
}

.page-header .content ul {
    list-style: none;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-header .content ul li {
    margin-right: 10px
}

.page-header .content ul li:last-child, .page-header .content ul li:only-child {
    margin-right: 0
}

.page-header .content ul li:before {
    content: "\f35a";
    color: #e3fe4d;
    font-family: "Font Awesome 5 Free";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    display: inline-block;
    margin-right: 5px
}

.page-header .content .redactor a:not([class]):hover {
    color: #e4ff4d
}

.row > .page-header.featured {
    background-color: transparent;
    border-bottom: 0
}

.mobile-only {
    display: block !important
}

.mobile-only.top-link {
    text-decoration: underline;
    padding: 0 10px
}

@media (min-width: 992px) {
    .mobile-only {
        display: none !important
    }
}

.desktop-only {
    display: none !important
}

@media (min-width: 992px) {
    .desktop-only {
        display: block !important
    }
}

.nav-responsive.navbar-right {
    display: none !important
}

.nav-responsive .extra-menu {
    border-top: 1px solid #fff
}

.usps {
    margin: 60px 0
}

.has-sidebar .usps > .row > .container {
    max-width: 100%
}

@media (max-width: 767px) {
    .usps {
        margin: 30px 0
    }
}

.usps .usp {
    margin-bottom: 30px;
    text-align: center
}

@media (max-width: 767px) {
    .usps .usp {
        margin-bottom: 40px
    }
}

.usps .usp h2:not([class]), .usps .usp h3:not([class]), .usps .usp h4:not([class]), .usps .usp h5:not([class]), .usps .usp h6:not([class]) {
    border: 0;
    padding: 0;
    margin: 0
}

.usps .usp header > a {
    color: #e4ff4d
}

.usps .usp header > a:hover {
    color: #dcff1a
}

.usps .usp img {
    display: block;
    margin: 0 auto 30px auto;
    text-align: center
}

.usps .usp section {
    padding: 20px 0
}

@media (max-width: 767px) {
    .usps .usp section {
        padding-bottom: 0
    }
}

.usps .usp .game-search-form {
    margin: 0 0 15px 0
}

.usps .usp .game-search-form .twitter-typeahead .tt-dataset .tt-suggestion {
    background-color: #f9faf2 !important;
    color: #090e1e
}

.usps .usp .game-search-form input {
    background-color: #fff !important;
    -webkit-box-shadow: inset 3px 3px 6px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 3px 3px 6px -3px rgba(0, 0, 0, 0.4);
    box-shadow: inset 3px 3px 6px -3px rgba(0, 0, 0, 0.4)
}

.usps .usp .game-search-form input.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #f9faf2 !important;
    padding: 16px 27px;
    height: auto;
    line-height: normal
}

.usps .usp nav + .game-search-form {
    margin: 15px 0
}

.usps .usp .button {
    display: inline-block
}

.bonuses > .container > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bonuses.category {
    margin: 0 -15px
}

.bonuses.category.is-home {
    margin: 0;
    padding: 0
}

.bonuses .day-header {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 30px
}

.bonuses + .page {
    padding-top: 0 !important
}

.bonuses #calendar .filter-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bonuses #calendar .calendar-content {
    width: 100%;
    padding: 0
}

@media (max-width: 991px) {
    .bonuses #calendar .calendar-content {
        margin: 15px 0
    }
}

.bonuses #calendar .calendar-content .day-container {
    display: none
}

.bonuses #calendar .calendar-content .day-container.active {
    display: block
}

.bonuses #calendar .day {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    min-width: 150px
}

@media (max-width: 991px) {
    .bonuses #calendar .day {
        -webkit-flex: 1 1 33.3%;
        -ms-flex: 1 1 33.3%;
        flex: 1 1 33.3%
    }

    .bonuses #calendar .day:nth-child(1n+5) {
        min-width: 113px
    }
}

.bonuses #calendar .day > a {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.bonuses #calendar .day > a.active {
    background-color: #259e55;
    color: #fff
}

.bonuses #calendar .day > a span {
    padding: 0 15px;
    line-height: 40px;
    border: 1px solid #dedede;
    display: block;
    text-align: center
}

.bonuses #calendar .filter {
    padding: 15px;
    max-width: 100%;
    margin-bottom: 0
}

@media (min-width: 992px) {
    .bonuses #calendar .filter {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        padding: 15px 0
    }
}

.bonuses #calendar .filter .checkbox {
    padding: 0 20px;
    margin: 5px 0
}

@media (min-width: 992px) {
    .bonuses #calendar .filter .checkbox {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 992px) {
    .bonuses #calendar .filter .checkbox label {
        margin-bottom: 0
    }
}

.bonuses #calendar .day-header {
    padding: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bonuses header h2 {
    clear: both
}

.bonuses .item {
    margin-bottom: 30px
}

.bonuses.box h5 {
    border-left: none;
    padding: 0
}

.bonuses.box .item {
    margin: 15px 0
}

.bonuses .card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede
}

.bonuses .card .card-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 321px) and (max-width: 640px) {
    .bonuses .card .card-block {
        padding: 15px
    }
}

.bonuses .card .card-block nav {
    margin-top: auto
}

.bonuses .card .card-block nav .button {
    margin-right: 15px
}

.bonuses .card .card-block nav .button + a {
    text-decoration: underline;
    white-space: nowrap;
    margin: 10px 0 0;
    display: inline-block
}

.bonuses .card .logo {
    position: absolute;
    top: 0;
    left: 0
}

.bonuses .card time {
    font-size: .875rem;
    margin-top: 0;
    margin-bottom: 3px;
    display: inline-block
}

.bonuses .card .logo, .bonuses .card .badge-container {
    z-index: 2
}

.bonuses .card .logo {
    left: 30px;
    top: 10px
}

@media (min-width: 321px) and (max-width: 640px) {
    .bonuses .card .logo {
        left: 10px;
        top: 0
    }
}

@media (max-width: 480px) {
    .bonuses .card .logo img {
        max-width: 70px;
        max-height: 70px
    }
}

@media (min-width: 481px) {
    .bonuses .card .logo img {
        max-width: 100px;
        max-height: 100px
    }
}

.bonuses .card .game-intro {
    margin-bottom: 15px
}

.bonuses .card .game-intro p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical
}

.bonuses .card .game-intro a {
    text-decoration: underline;
    color: #5c606c
}

@media (max-width: 992px) {
    .bonuses .card .game-intro a {
        color: #333
    }
}

.bonuses .card .game-intro a:hover {
    color: #090e1e
}

.bonuses .card .button {
    display: inline-block
}

.bonuses .card .card-title-container {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: auto;
    top: auto;
    color: #fff;
    left: 0;
    padding: 0 30px 10px 30px;
    width: 100%
}

@media (min-width: 321px) and (max-width: 640px) {
    .bonuses .card .card-title-container {
        padding: 0 15px 10px 15px
    }
}

.bonuses .card .card-title-container .card-title {
    margin-bottom: 0;
    color: #fff
}

.bonuses .card .age-container {
    top: 0;
    right: 10px
}

@media (min-width: 321px) and (max-width: 640px) {
    .bonuses .card .age-container {
        right: 3px
    }
}

.bonuses .card .badge-container {
    position: absolute;
    top: 45px;
    right: 10px;
    left: auto;
    bottom: auto;
    display: block
}

.bonuses .card .badge-container .badge-expect {
    position: relative;
    margin-bottom: 10px;
    margin-left: auto;
    top: unset;
    right: unset;
    width: fit-content
}

@media (min-width: 321px) and (max-width: 640px) {
    .bonuses .card .badge-container .badge-expect {
        font-size: 10px;
        padding: 6px 8px;
        margin-right: 5px;
        margin-bottom: 0;
        margin-top: 5px
    }
}

.bonuses .card .card-img {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(600 / 800 * 100%);
    margin: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.bonuses .card .card-img > figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 992px) and (max-width: 1200px) {
    .bonuses .card .card-img > figure img {
        max-width: 293px;
        max-height: 219px
    }
}

@media (min-width: 1201px) {
    .bonuses .card .card-img > figure img {
        max-width: 360px;
        max-height: 270px
    }
}

@media (max-width: 991px) {
    .bonuses .card .card-img > figure img {
        max-width: 347px;
        max-height: 258px
    }
}

@media (max-width: 767px) {
    .bonuses .card .card-img > figure img {
        max-width: 100%;
        max-height: 100%
    }
}

.bonuses .card .card-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #090e1e;
    background: linear-gradient(0deg, rgba(9, 14, 30, 0.3) 0, rgba(255, 255, 255, 0) 100%)
}

#bonus-tool > .container {
    width: 100%
}

.page #bonus-tool {
    margin: 0 -15px
}

#bonus-tool label {
    display: inline-block;
    white-space: normal;
    margin: 0
}

#bonus-tool .card-container {
    padding: 0 15px;
    -webkit-flex: 1 1 33.3%;
    -ms-flex: 1 1 33.3%;
    flex: 1 1 33.3%;
    max-width: 33.3%
}

@media (max-width: 992px) {
    #bonus-tool .card-container {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }
}

@media (max-width: 992px) and (max-width: 767px) {
    #bonus-tool .card-container {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

#bonus-tool #totalbet, #bonus-tool #bonusvalue {
    font-size: 18px;
    font-weight: 400;
    margin-left: 20px
}

@media (max-width: 767px) {
    #bonus-tool #totalbet, #bonus-tool #bonusvalue {
        float: right
    }
}

@media (max-width: 360px) {
    #bonus-tool #totalbet, #bonus-tool #bonusvalue {
        display: block;
        margin-left: 0;
        float: none
    }
}

#bonus-tool footer .card-container {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%
}

@media (max-width: 767px) {
    #bonus-tool footer .card-container {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

#bonus-tool .card {
    padding: 30px 30px 15px 30px;
    overflow: inherit
}

#bonus-tool .form-group {
    margin-bottom: 0
}

@media (max-width: 767px) {
    #bonus-tool .form-group p:after {
        content: "";
        display: block;
        clear: both
    }
}

#bonus-tool .custom-radio {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px
}

#bonus-tool .custom-radio .radio-inline {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 15px;
    text-align: center;
    margin: 0;
    line-height: 40px;
    border: 1px solid #dedede;
    display: block;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    min-height: 1px
}

#bonus-tool .custom-radio .radio-inline:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right: 0
}

#bonus-tool .custom-radio .radio-inline:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: none
}

#bonus-tool .custom-radio .radio-inline input[type="radio"] {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-align: center
}

#bonus-tool .custom-radio .radio-inline input[type="radio"]:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: attr(value);
    line-height: 38px
}

#bonus-tool .custom-radio .radio-inline input[type="radio"]:checked:after {
    background-color: #259e55;
    color: #fff
}

#bonus-tool .custom-radio .radio-inline input[type="radio"][value="Ja"]:checked:after {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#bonus-tool .custom-radio .radio-inline input[type="radio"][value="Nee"]:checked:after {
    background-color: #259e55;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#bonus-tool .title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 10px
}

#bonus-tool .title p {
    margin: 0
}

#bonus-tool .help-block:hover span {
    display: block
}

#bonus-tool .help-block i {
    padding: 0 0 0 5px;
    cursor: help
}

#bonus-tool .help-block span {
    position: absolute;
    background-color: #090e1e;
    color: #fff;
    left: 0;
    right: 0;
    top: 40px;
    padding: 10px;
    display: none;
    line-height: 1.5;
    font-size: 16px;
    text-align: left;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    line-height: 26px
}

#bonus-tool button[type="submit"], #bonus-tool button {
    display: block;
    margin: 0 auto 30px auto
}

#bonus-tool .input-container {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#bonus-tool .input-container input {
    margin-bottom: 15px
}

#bonus-tool .input-container .error {
    position: absolute;
    left: 0;
    color: #ca422e;
    bottom: calc(-100% - -21px)
}

#bonus-tool .input-widget-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    width: 100%
}

#bonus-tool .input-widget-container .input-widget {
    padding: 0 15px;
    border: 1px solid #ddd;
    border-left: 0;
    font-size: 16px;
    color: #5c606c;
    display: flex;
    align-items: center;
    background: #f1f1f1;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 26px
}

#bonus-tool .card {
    border: 0;
    -webkit-box-shadow: 4px 4px 8px -2px #dedede;
    -moz-box-shadow: 4px 4px 8px -2px #dedede;
    box-shadow: 4px 4px 8px -2px #dedede;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 30px;
    margin-bottom: 30px
}

#bonus-tool footer p {
    margin: 0
}

body {
    overflow-x: hidden
}

body.modal-open, body.age-popup-active {
    overflow-y: hidden
}

body.modal-open .wrapper, body.age-popup-active .wrapper {
    position: relative
}

body:not(.age-bloced) .only-age-check {
    display: none
}

body.age-bloced .only-age-check {
    display: block
}

body.age-bloced .redactor img {
    -webkit-filter: blur(18px);
    filter: blur(18px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='18')
}

body.age-bloced .redactor img.noblur {
    -webkit-filter: none;
    filter: none
}

body.age-bloced .page .bonuses.category {
    display: none
}

body.age-bloced #footer .redactor img, body.age-bloced .page-module .redactor img {
    -webkit-filter: none;
    filter: none
}

body.age-popup-active .wrapper:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    -webkit-filter: blur(20px);
    z-index: 99999;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(20px)
}

body.modal-open.age-popup-active .wrapper:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    -webkit-filter: blur(20px);
    z-index: 99999;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(20px)
}

body.modal-open.age-popup-active #popup.not-available-popup {
    display: none !important
}

img.blurry {
    -webkit-filter: blur(18px);
    filter: blur(18px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='18')
}

.cookie-container {
    background-color: rgba(9, 14, 30, 0.7)
}

.cookie-container .cookie-content a {
    color: #fff;
    text-decoration: underline
}

.cookie-container .cookie-content a.button {
    text-decoration: none
}

.cookie-container .cookie-content a.button:hover {
    color: #fff
}

.cookie-container .cookie-content .cookie-button a.btn-cookie {
    background-color: #e4ff4d;
    color: #fff
}

.cookie-container .cookie-content .cookie-button a.btn-cookie:hover, .cookie-container .cookie-content .cookie-button a.btn-cookie:active, .cookie-container .cookie-content .cookie-button a.btn-cookie:focus, .cookie-container .cookie-content .cookie-button a.btn-cookie:hover:focus {
    background-color: #fff;
    color: #e4ff4d;
    text-decoration: none
}

.age-container {
    position: absolute;
    z-index: 2
}

.age-container img {
    position: relative;
    width: 126px;
    height: 45px
}

.landscape-notification {
    color: #fff;
    text-align: center;
    margin: 2px 0;
    display: none !important
}

.landscape-notification span {
    margin-left: 5px
}

.mega-menu .flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.mega-menu .flex-row .col {
    padding: 0 15px;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 24.9%
}

@media (max-width: 767px) {
    .mega-menu .flex-row .col {
        -webkit-flex-basis: 1;
        -ms-flex-basis: 1;
        flex-basis: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 49.9%
    }
}

@media (max-width: 640px) {
    .mega-menu .flex-row .col {
        -webkit-flex-basis: 1;
        -ms-flex-basis: 1;
        flex-basis: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media (max-width: 992px) {
    .mega-menu .container {
        width: 100%
    }
}

.mega-menu .close-button {
    text-align: center;
    margin-bottom: -30px
}

@media (max-width: 991px) {
    .mega-menu .close-button {
        display: none
    }
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.align-self-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.align-center {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.justify-center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.badge-success {
    background-color: #259e55
}

@media (min-width: 992px) {
    .mobile-only {
        display: none
    }
}

.more {
    color: #5c606c;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 15px
}

@media (max-width: 992px) {
    .more {
        color: #333
    }
}

.paymentmethods .more {
    display: inline-block
}

.more:hover, .more:focus, .more:active, .more:hover:focus {
    color: #090e1e
}

.more span:nth-child(1) {
    display: block
}

.more span:nth-child(2) {
    display: none
}

.more.active span:nth-child(1) {
    display: none
}

.more.active span:nth-child(2) {
    display: block
}

.more-content {
    display: none;
    padding: 0
}

.lazy-hidden {
    background: url(../images/loading.gif) 50% 50% no-repeat #eee
}

.swiper-lazy.swiper-lazy-loaded.lazy-hidden {
    opacity: 1 !important
}

.lazy-loaded {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in .3s;
    -moz-transition: opacity .3s ease-in .3s;
    -ms-transition: opacity .3s ease-in .3s;
    -o-transition: opacity .3s ease-in .3s
}

.lazy-loaded iframe {
    background-color: #ccc
}

.lazy-loaded.lazy-hidden {
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    opacity: 0
}

img.lazy-loaded.lazy-hidden {
    background-color: #ccc
}

.page-content {
    padding: 30px 15px
}

.post h1[id], .post h2[id], .post h3[id], .post h4[id], .post h5[id], .post h6[id] {
    position: relative;
    z-index: -1
}

.post h1[id]:before, .post h2[id]:before, .post h3[id]:before, .post h4[id]:before, .post h5[id]:before, .post h6[id]:before {
    display: block;
    content: " ";
    visibility: hidden;
    pointer-events: none
}

@media (min-width: 992px) {
    .post h1[id]:before, .post h2[id]:before, .post h3[id]:before, .post h4[id]:before, .post h5[id]:before, .post h6[id]:before {
        margin-top: -124px;
        height: 124px
    }
}

@media (max-width: 991px) {
    .post h1[id]:before, .post h2[id]:before, .post h3[id]:before, .post h4[id]:before, .post h5[id]:before, .post h6[id]:before {
        margin-top: -62px;
        height: 62px
    }
}

.post figcaption {
    font-size: 12px;
    margin: 4px 0;
    font-style: italic
}

.post figure {
    margin-bottom: 20px;
    position: relative
}

.post figure > a {
    position: relative;
    width: 100%
}

.post figure > a[href*="#popup"]:before, .post figure > a.popup:before, .post figure > a[href*="#popup"]:after, .post figure > a.popup:after {
    position: absolute;
    content: "";
    display: block
}

.post figure > a[href*="#popup"]:after, .post figure > a.popup:after {
    background-color: rgba(92, 96, 108, 0);
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in
}

.post figure > a[href*="#popup"]:before, .post figure > a.popup:before {
    content: "\f002";
    font-family: "FontAwesome", "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: bold;
    z-index: 2;
    font-size: 50px;
    color: #090e1e;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in
}

@media (max-width: 991px) {
    .post figure > a[href*="#popup"]:before, .post figure > a.popup:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 35px
    }
}

.post figure > a[href*="#popup"]:hover:after, .post figure > a.popup:hover:after {
    background-color: rgba(92, 96, 108, 0.05)
}

.post figure > a[href*="#popup"]:hover:before, .post figure > a.popup:hover:before {
    opacity: 1
}

.post figure > a[href*="youtube.com"] {
    display: inline-block;
    width: 100%
}

.post figure > a[href*="youtube.com"]:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(9, 14, 30, 0.5);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in
}

.post figure > a[href*="youtube.com"] img {
    width: 100%
}

.post figure > a[href*="youtube.com"] i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: block;
    z-index: 2;
    color: #fff;
    font-size: 90px;
    line-height: 90px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: color .5s ease-in;
    -moz-transition: color .5s ease-in;
    -ms-transition: color .5s ease-in;
    -o-transition: color .5s ease-in
}

@media (max-width: 767px) {
    .post figure > a[href*="youtube.com"] i {
        font-size: 40px;
        line-height: 40px
    }
}

.post figure > a[href*="youtube.com"]:hover:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.post figure > a[href*="youtube.com"]:hover i {
    color: #e4ff4d
}

.post figure img {
    margin: 0
}

.post figure.center-block img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.post table {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%
}

.post table > tbody > tr > td, .post table > tbody > tr > th {
    vertical-align: middle;
    outline: 0
}

.post table > tbody > tr > td, .post table > tbody > tr th {
    border-color: #e6e6e6;
    padding: 8px;
    line-height: 1.42857143;
    border-top: 1px solid #ddd
}

.post table > tbody > tr:nth-of-type(odd) {
    background-color: #f9faf2
}

.post table.bonus-table > tbody > tr {
    border-top: 1px solid #ddd
}

.post table.bonus-table > tbody > tr > td {
    border-top: 0
}

figure.page-main-img {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(456 / 1140 * 100%)
}

figure.page-main-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

figure.main-fig.games, figure.main-fig.news {
    height: 0;
    position: relative;
    overflow: hidden
}

figure.main-fig.games {
    padding-bottom: calc(200 / 300 * 100%)
}

figure.main-fig.news {
    padding-bottom: calc(140 / 350 * 100%)
}

figure.main-fig img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover
}

blockquote {
    font-style: italic;
    font-size: 22px;
    background-color: #fffffe;
    position: relative;
    padding: 25px 75px;
    text-align: center;
    margin: 0 25px 20px 25px;
    border: 0
}

@media (max-width: 640px) {
    blockquote {
        margin-left: 0;
        margin-right: 0
    }
}

blockquote:before, blockquote:after {
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #e4ff4d;
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 700;
    padding: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

blockquote:before {
    content: "\f10d";
    left: 0;
    top: 0;
    padding-top: 5px
}

blockquote:after {
    content: "\f10e";
    right: 0;
    bottom: 0;
    padding-bottom: 5px
}

.custom-video-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(716 / 1280 * 100%)
}

.custom-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.game-wrapper {
    position: relative
}

.game-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: -1;
    visibility: hidden;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in
}

.new-feature {
    position: absolute;
    top: -122px;
    bottom: 0;
    width: 200px;
    left: 50%;
    display: none;
    right: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1
}

.new-feature.active {
    display: block
}

.new-feature span {
    display: block;
    text-align: center;
    color: #fff;
    margin-top: -40px
}

.new-feature svg {
    width: 50px;
    display: block;
    margin: 0 auto;
    color: #e4ff4d;
    height: 100px;
    transform-origin: bottom;
    animation-duration: 1.4s;
    animation-iteration-count: infinite
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0)
    }
}

.p-t-menu {
    padding-top: 30px !important
}

.custom-close-btn {
    background-image: url(../images/close_icon.png) !important;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    text-indent: -9999px;
    margin: 4px
}

@-webkit-keyframes glowing {
    0% {
        -webkit-box-shadow: 0 0 3px 1px #e0ff33
    }
    50% {
        -webkit-box-shadow: 0 0 10px 4px #e4ff4d
    }
    100% {
        -webkit-box-shadow: 0 0 3px 1px #e0ff33
    }
}

@-moz-keyframes glowing {
    0% {
        -moz-box-shadow: 0 0 3px 1px #e0ff33
    }
    50% {
        -moz-box-shadow: 0 0 10px 4px #e4ff4d
    }
    100% {
        -moz-box-shadow: 0 0 3px 1px #e0ff33
    }
}

@-o-keyframes glowing {
    0% {
        box-shadow: 0 0 3px 1px #e0ff33
    }
    50% {
        box-shadow: 0 0 10px 4px #e4ff4d
    }
    100% {
        box-shadow: 0 0 3px 1px #e0ff33
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 3px 1px #e0ff33
    }
    50% {
        box-shadow: 0 0 10px 4px #e4ff4d
    }
    100% {
        box-shadow: 0 0 3px 1px #e0ff33
    }
}

.redactor h1, .redactor h2 {
    margin-top: 10px;
    margin-bottom: 20px
}

.redactor h3 {
    margin-top: 10px;
    margin-bottom: 12px
}

.redactor h4 {
    margin-top: 8px;
    margin-bottom: 10px
}

.redactor h5, .redactor h6 {
    margin-top: 8px;
    margin-bottom: 5px
}

.redactor a:not([class]) {
    text-decoration: underline
}

.redactor a:not([class]):hover {
    color: #090e1e
}

body.casinogamesfun .post-carousel .post-block .post-caption {
    border-left-color: #de4147
}

body.casinogamesfun .card-video .card-img:after {
    background: #de4147
}

body.casinogamesfun .card-widget .card-block .card-title a {
    color: inherit
}

body.casinogamesfun .widget .widget-title {
    border-left-color: #de4147
}

body.casinogamesfun #footer form .form-group button {
    background-color: #de4147;
    border-color: #de4147
}

body.casinogamesfun .cookie-container .cookie-content .cookie-button a.btn-cookie:active, body.casinogamesfun .cookie-container .cookie-content .cookie-button a.btn-cookie:focus, body.casinogamesfun .cookie-container .cookie-content .cookie-button a.btn-cookie:hover, body.casinogamesfun .cookie-container .cookie-content .cookie-button a.btn-cookie:hover:focus {
    color: #de4147
}

body.casinogamesfun .cookie-container .cookie-content .cookie-button a.btn-cookie {
    background-color: #de4147
}

body.casinogamesfun a:hover, body.casinogamesfun a:focus, body.casinogamesfun a:active {
    color: #de4147
}

body.casinogamesfun .widget-games .casino-container .play-here span {
    background-color: #de4147
}

body.casinogamesfun .dropdown-menu .active, body.casinogamesfun .dropdown-menu .active:focus, body.casinogamesfun .dropdown-menu .active:hover {
    background-color: #de4147
}

body.casinogamesfun .subtitle {
    border-left-color: #de4147
}

body.casinogamesfun .search-result p b {
    background-color: #de4147 !important
}

body.casinogamesfun .pagination .active > a {
    background-color: #de4147 !important;
    border-color: #de4147 !important
}

body.casinogamesfun .pagination .active > a:hover {
    background-color: #de4147 !important
}

body.casinogamesfun .blockquote {
    border-color: #de4147
}

body.casinogamesfun .post-review .post-thumbnail .badge {
    background-color: #259e55
}

body.casinogamesfun .button.primary:hover, body.casinogamesfun .button.primary:focus, body.casinogamesfun .button.secondary:hover, body.casinogamesfun .button.secondary:focus {
    background-color: #129ed1;
    border-color: #129ed1
}

body.casinogamesfun .widget.widget-newsletter .widget-block .btn:hover, body.casinogamesfun .widget.widget-newsletter .widget-block .btn:focus {
    background-color: #129ed1;
    border-color: #129ed1
}

body.casinogamesfun .widget.widget-newsletter .widget-block .btn {
    background-color: #f9b92f;
    border-color: #f9b92f
}

body.casinogamesfun .button.primary, body.casinogamesfun .button.secondary {
    background-color: #f9b92f;
    border-color: #f9b92f
}

body.casinogamesfun .accordion .card .card-header h5 a.collapsed {
    background-color: transparent
}

body.casinogamesfun .accordion .card .card-header h5 a {
    background-color: #f9b92f
}

body.casinogamesfun .faq-category-widget .list-group-item.active .badge, body.casinogamesfun .faq-category-widget .list-group-item:focus .badge, body.casinogamesfun .faq-category-widget .list-group-item:hover .badge {
    background-color: #f9b92f
}

@media (min-width: 1200px) {
    .table-width-1140 {
        width: 1140px;
        margin-left: -100px;
        margin-right: -100px
    }
}

@media (max-width: 768px) {
    .table-width-1140 table tr td:nth-child(2) {
        padding: 2px
    }
}

.table-width-1140 img {
    margin: 0
}

ol.best-list {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    padding: 0
}

ol.best-list li {
    counter-increment: my-awesome-counter;
    font-size: .8rem;
    margin-bottom: .5rem;
    font-size: 16px;
    position: relative;
    margin-left: 40px
}

ol.best-list li::before {
    content: counter(my-awesome-counter);
    font-weight: bold;
    line-height: 1;
    border: 1px solid #259e55;
    border-radius: 100px;
    color: #333;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding: 7px 0 0 1px;
    margin: 0 10px 10px 0;
    position: absolute;
    left: -40px;
    top: -5px
}

ol.best-list li h4 {
    margin-top: 0
}

ol.best-list li:nth-child(1):before {
    border: 1px solid #d4af37
}

ol.best-list li:nth-child(2):before {
    border: 1px solid #c0c0c0
}

ol.best-list li :nth-child(3):before {
    border: 1px solid #b5a642
}

table.sortable th:after {
    display: inline-block;
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold
}