@import url(https://fonts.googleapis.com/css?family=Montserrat:500|Roboto);
.bet-logo-spinner {
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(/theme/shared/img/logo-loader.gif) no-repeat;
    background-size: contain;
    background-position: 50%;
}

.animate,
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.half-sec {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.two-sec {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.three-sec {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.animated-background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    to {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    to {
        background-position: 468px 0;
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shake {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

@-webkit-keyframes gr {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transform: rotateY(0deg);
    }
    to {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        transform: rotateY(1turn);
    }
}

@keyframes gr {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transform: rotateY(0deg);
    }
    to {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        transform: rotateY(1turn);
    }
}

@-webkit-keyframes float {
    0% {
        transform: translatey(0);
    }
    50% {
        transform: translatey(-20px);
    }
    to {
        transform: translatey(0);
    }
}

@keyframes float {
    0% {
        transform: translatey(0);
    }
    50% {
        transform: translatey(-20px);
    }
    to {
        transform: translatey(0);
    }
}

.alert {
    border-radius: 0;
    padding: 15px 12px;
    transition: all 0.3s ease;
}

.alert:hover {
    opacity: 0.9;
}

button {
    outline: none !important;
}

.btn {
    border-radius: 4px;
    padding: 5px 12px;
    text-transform: uppercase;
}

.btn.btn-sm {
    font-size: 12px;
    padding: 3px 8px;
}

.btn.btn-big {
    padding: 8px 50px;
    font-size: 18px;
}

.btn-primary {
    background-color: #D73531 !important;
    color: #fff !important;
    border-color: #D73531 !important;
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #CA2713 !important;
    color: #fff !important;
    border-color: #CA2713 !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 59, 59, 0.3);
}

.btn-primary:active {
    background-color: #CA2713 !important;
    color: #fff !important;
    border-color: #CA2713 !important;
}

.btn-success {
    background-color: #4caf50 !important;
}

.btn-success,
.btn-success:hover {
    color: #fff !important;
    border-color: #5cb860 !important;
}

.btn-success:hover {
    background-color: #6ec071 !important;
}

.btn-success:active,
.btn-success:focus {
    background-color: #6ec071 !important;
    color: #fff !important;
    border-color: #5cb860 !important;
}

.btn-danger {
    background-color: #D73531 !important;
}

.btn-danger,
.btn-danger:hover {
    color: #fff !important;
    border-color: #CA2713 !important;
}

.btn-danger:hover {
    background-color: #CA2713 !important;
}

.btn-danger:active,
.btn-danger:focus {
    background-color: #CA2713 !important;
    color: #fff !important;
    border-color: #CA2713 !important;
}

.btn-warning {
    background-color: #004d2a !important;
    color: #fff !important;
    border-color: #004d2a !important;
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #013d21 !important;
    color: #fff !important;
    border-color: #013d21 !important;
}

.btn-accent {
    background-color: #d32f2f !important;
    color: #fff !important;
    border-color: #d74444 !important;
}

.btn-accent:focus,
.btn-accent:hover {
    background-color: #dc5959 !important;
    color: #fff !important;
    border-color: #d74444 !important;
}

.btn-accent:focus {
    box-shadow: 0 0 0 0.2rem rgba(233, 152, 152, 0.3);
}

.btn-accent:active {
    background-color: #dc5959 !important;
    color: #fff !important;
    border-color: #d74444 !important;
}

.btn-secondary {
    background-color: #013d21 !important;
    color: #fff !important;
    border-color: hsla(0, 0%, 100%, 0.2) !important;
}

.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #d32f2f !important;
    color: #fff !important;
    border-color: hsla(0, 0%, 100%, 0.5) !important;
}

.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.2);
}

.btn-secondary:active {
    background-color: #013d21 !important;
    color: #fff !important;
    border-color: hsla(0, 0%, 100%, 0.5) !important;
}

.btn-tertiary {
    background-color: #fff !important;
    color: #212121 !important;
    border-color: rgba(33, 33, 33, 0.2) !important;
}

.btn-tertiary:focus,
.btn-tertiary:hover {
    background-color: #fff !important;
    color: #212121 !important;
    border-color: rgba(33, 33, 33, 0.5) !important;
}

.btn-tertiary:focus {
    box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.2);
}

.btn-tertiary:active {
    background-color: #fff !important;
    color: #212121 !important;
    border-color: rgba(33, 33, 33, 0.5) !important;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translateZ(0);
}

.carousel-blur .carousel-item {
    opacity: 0;
    transition-duration: 2.5s;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}

.carousel-blur .carousel-item-next.carousel-item-left,
.carousel-blur .carousel-item-prev.carousel-item-right,
.carousel-blur .carousel-item.active {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
}

.carousel-blur .active.carousel-item-left,
.carousel-blur .active.carousel-item-right {
    opacity: 0;
}

.carousel-blur .active.carousel-item-left,
.carousel-blur .active.carousel-item-prev,
.carousel-blur .carousel-item-next,
.carousel-blur .carousel-item-prev,
.carousel-blur .carousel-item.active {
    transform: translateX(0);
    transform: translateZ(0);
}

.carousel.slickalike .carousel-item-next,
.carousel.slickalike .carousel-item-prev,
.carousel.slickalike .carousel-item.active {
    display: flex;
}

.carousel.slickalike .carousel-inner .carousel-item-next,
.carousel.slickalike .carousel-inner .carousel-item-right.active {
    transform: translateX(33.33%);
}

.carousel.slickalike .carousel-inner .carousel-item-left.active,
.carousel.slickalike .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33%);
}

.carousel.slickalike .carousel-inner .carousel-item-left,
.carousel.slickalike .carousel-inner .carousel-item-right {
    transform: translateX(0);
}

.txt-success {
    color: #4caf50;
}

.txt-warning {
    color: #fbc02d;
}

.txt-danger {
    color: #e74c3c;
}

.alert-success,
.bg-success {
    background: #4caf50;
    color: #fff;
}

.alert-action,
.bg-action {
    background: #004d2a;
    color: #fff;
}

.alert-warning,
.bg-warning {
    background: #DDDDDD;
    color: #000;
    border-radius: 2px;
}

.alert-danger,
.bg-danger {
    background: #e74c3c;
    color: #fff;
}

.bg-primary {
    background: #CA2713 !important;
    color: #fff !important;
}

.bg-accent {
    background: #fff;
    color: #CA2713 !important;
}

.bg-secondary {
    background: #013d21 !important;
    color: #fff !important;
}

.bg-tertiary {
    background: #fff !important;
    color: #212121 !important;
}

body {
    width: 100%;
    height: 100%;
    background-color: #111821;
    color: #fff;
    min-width: 320px;
}

@media (max-width: 767px) {
    body #frontend {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
    }
}

body .flex-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

body .flex-wrapper main {
    flex-grow: 1;
}

body .flex-wrapper footer,
body .flex-wrapper header,
body .flex-wrapper main {
    flex-shrink: 0;
}

body .flex-wrapper .page-box {
    background: #fff;
    color: #343434;
    padding: 15px;
    border-radius: 2px;
}

body .flex-wrapper .content-holder {
    background: #efefef;
    color: #4d585a;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 2px;
}

@media (max-width: 576px) {
    body .flex-wrapper .content-holder {
        padding: 15px 5px;
    }
}

body .flex-wrapper .content-holder .page-box {
    border: 0 solid #d9d9d9;
}

body .flex-wrapper .left-col {
    max-width: 250px;
    min-width: 250px;
}

body .flex-wrapper .right-col {
    max-width: 280px;
    min-width: 280px;
}

body .flex-wrapper .mid-col {
    min-width: calc(100% - 550px);
}

@media (max-width: 767px) {
    body .flex-wrapper {
        min-height: 100vh;
    }
}

.widget {
    margin-bottom: 15px;
}

.container {
    max-width: 1600px;
    width: 100%;
    min-width: 990px;
}

@media only screen and (max-width: 991px) {
    .container {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-18 {
    width: 18% !important;
}

.w-19 {
    width: 19% !important;
}

.w-20 {
    width: 20% !important;
}

.w-21 {
    width: 21% !important;
}

.w-22 {
    width: 22% !important;
}

.w-23 {
    width: 23% !important;
}

.w-24 {
    width: 24% !important;
}

.w-25 {
    width: 25% !important;
}

.w-26 {
    width: 26% !important;
}

.w-27 {
    width: 27% !important;
}

.w-28 {
    width: 28% !important;
}

.w-29 {
    width: 29% !important;
}

.w-30 {
    width: 30% !important;
}

.w-31 {
    width: 31% !important;
}

.w-32 {
    width: 32% !important;
}

.w-33 {
    width: 33% !important;
}

.w-34 {
    width: 34% !important;
}

.w-35 {
    width: 35% !important;
}

.w-36 {
    width: 36% !important;
}

.w-37 {
    width: 37% !important;
}

.w-38 {
    width: 38% !important;
}

.w-39 {
    width: 39% !important;
}

.w-40 {
    width: 40% !important;
}

.w-41 {
    width: 41% !important;
}

.w-42 {
    width: 42% !important;
}

.w-43 {
    width: 43% !important;
}

.w-44 {
    width: 44% !important;
}

.w-45 {
    width: 45% !important;
}

.w-46 {
    width: 46% !important;
}

.w-47 {
    width: 47% !important;
}

.w-48 {
    width: 48% !important;
}

.w-49 {
    width: 49% !important;
}

.w-50 {
    width: 50% !important;
}

.w-51 {
    width: 51% !important;
}

.w-52 {
    width: 52% !important;
}

.w-53 {
    width: 53% !important;
}

.w-54 {
    width: 54% !important;
}

.w-55 {
    width: 55% !important;
}

.w-56 {
    width: 56% !important;
}

.w-57 {
    width: 57% !important;
}

.w-58 {
    width: 58% !important;
}

.w-59 {
    width: 59% !important;
}

.w-60 {
    width: 60% !important;
}

.w-61 {
    width: 61% !important;
}

.w-62 {
    width: 62% !important;
}

.w-63 {
    width: 63% !important;
}

.w-64 {
    width: 64% !important;
}

.w-65 {
    width: 65% !important;
}

.w-66 {
    width: 66% !important;
}

.w-67 {
    width: 67% !important;
}

.w-68 {
    width: 68% !important;
}

.w-69 {
    width: 69% !important;
}

.w-70 {
    width: 70% !important;
}

.w-71 {
    width: 71% !important;
}

.w-72 {
    width: 72% !important;
}

.w-73 {
    width: 73% !important;
}

.w-74 {
    width: 74% !important;
}

.w-75 {
    width: 75% !important;
}

.w-76 {
    width: 76% !important;
}

.w-77 {
    width: 77% !important;
}

.w-78 {
    width: 78% !important;
}

.w-79 {
    width: 79% !important;
}

.w-80 {
    width: 80% !important;
}

.w-81 {
    width: 81% !important;
}

.w-82 {
    width: 82% !important;
}

.w-83 {
    width: 83% !important;
}

.w-84 {
    width: 84% !important;
}

.w-85 {
    width: 85% !important;
}

.w-86 {
    width: 86% !important;
}

.w-87 {
    width: 87% !important;
}

.w-88 {
    width: 88% !important;
}

.w-89 {
    width: 89% !important;
}

.w-90 {
    width: 90% !important;
}

.w-91 {
    width: 91% !important;
}

.w-92 {
    width: 92% !important;
}

.w-93 {
    width: 93% !important;
}

.w-94 {
    width: 94% !important;
}

.w-95 {
    width: 95% !important;
}

.w-96 {
    width: 96% !important;
}

.w-97 {
    width: 97% !important;
}

.w-98 {
    width: 98% !important;
}

.w-99 {
    width: 99% !important;
}

.w-100 {
    width: 100% !important;
}

.form-control {
    border-radius: 4px;
    padding: 5px 12px;
    height: auto !important;
    font-size: inherit;
}

.form-control:focus {
    box-shadow: none;
    border-color: #02a057;
}

.form-control.fc-sm {
    padding: 1px 3px !important;
}

.input-group-text {
    padding: 5px 12px;
}

input[type="date"].form-control {
    padding-top: 4px;
    padding-bottom: 4px;
}

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

.form-control:disabled:hover,
.form-control[readonly]:hover {
    cursor: not-allowed;
}

.form-group.has-error label {
    color: #e74c3c;
    font-weight: 700;
}

.form-group input.data-error,
.form-group select.data-error {
    border: 1px solid #e74c3c;
    background: #fdd;
}

.custom-control {
    padding: 5px 1.5rem;
}

.custom-control-label:before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-control-label:after,
.custom-control-label:before {
    position: absolute;
    top: -7px;
    bottom: 0;
    margin: auto;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
}

.custom-control-label:after {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%;
}

.form-group {
    margin-bottom: 13px;
}

.form-group>label {
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s ease;
    margin-bottom: 5px;
}

.form-group>label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 0;
    background: #0082cb;
    transition: all 0.4s ease;
}

.form-group.has-nolabel {
    display: flex;
    display: table;
    vertical-align: bottom;
}

.form-title {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    margin-bottom: 10px;
    font-size: 16px;
}

select.form-control {
    -webkit-appearance: none;
    background-image: url(/theme/shared/css/img/misc/down-arrow.png) !important;
    background-position: right 10px bottom 50% !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    padding-right: 20px !important;
}

.flag-icon {
    position: relative;
    width: 22px;
    height: 18px;
    background-size: contain;
    background-position: 50% 50%;
    line-height: 1.5;
    background-repeat: no-repeat;
    float: left;
}

.flag-en {
    background-image: url(/css/img/flags/en.svg);
}

.flag-it {
    background-image: url(/css/img/flags/it.svg);
}

.flag-es {
    background-image: url(/css/img/flags/es.svg);
}

.flag-icon.flag-16 {
    width: 16px;
    height: 12px;
}

.flag-icon.flag-32 {
    width: 32px;
    height: 24px;
}

.flag-icon.flag-44 {
    width: 44px;
    height: 33px;
}

.flag-icon.flag-62 {
    width: 62px;
    height: 46px;
}

.flag-en {
    background-image: url(/theme/shared/css/img/flags/en.svg);
}

.flag-es {
    background-image: url(/theme/shared/css/img/flags/es.svg);
}

.modal .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.modal .modal-dialog .modal-content {
    border: 0;
    box-shadow: 1px 2px 15px 1px rgba(0, 0, 0, 0.75);
}

.modal .modal-dialog .modal-content .modal-header {
    position: relative;
    background: #04283a;
    color: #fff;
    border-radius: 0;
    padding: 8px 15px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    font-size: 16px;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    position: relative;
    display: block;
    padding: 0;
}

.modal .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    color: #fff;
    opacity: 1;
    float: none;
    padding: 0;
    overflow: hidden;
    text-shadow: none;
}

.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
}

.modal .modal-dialog .modal-content .modal-body {
    background: #04283a;
    color: #fff;
    padding: 15px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 8px 15px;
    background: #04283a;
    color: #fff;
    border-top: 1px solid #fff;
}

.modal.modal-m {
    padding: 0 !important;
}

.modal.modal-m .modal-dialog {
    margin: 0;
    max-width: 100% !important;
    width: 100% !important;
}

.modal.modal-m .modal-dialog .modal-content {
    min-height: 100vh;
}

.modal.modal-m .modal-dialog .modal-content .modal-header {
    background: #fff;
    color: #212121;
    border-bottom: 2px solid #d32f2f;
}

.modal.modal-m .modal-dialog .modal-content .modal-header .close {
    color: #212121;
}

.modal.modal-m .modal-dialog .modal-content .modal-body {
    background: #04283a;
    color: #fff;
}

.table {
    color: #4d4d4d;
}

.table.multi-table {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #4d4d4d;
    font-size: 12px;
    max-width: 100%;
}

.table.multi-table a {
    color: #4d4d4d;
}

.table.multi-table thead tr {
    background: #fff;
    color: #fff;
}

.table.multi-table thead tr th {
    border-bottom: 0;
    font-weight: 400 !important;
    font-size: 11px;
    text-transform: uppercase;
}

.table.multi-table tbody tr td,
.table.multi-table thead tr th {
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table.multi-table tbody tr td {
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.table.multi-table tbody tr td:hover {
    cursor: pointer;
}

.table.multi-table tbody tr:hover {
    background: #f2f2f2;
}

.table.multi-table tbody tr.sub-tr>td {
    background: #fff;
    padding: 20px 15px 10px;
    border: 0;
    box-shadow: inset 0 3px 3px 1px rgba(0, 0, 0, 0.35), inset 0 -3px 3px 1px rgba(0, 0, 0, 0.35);
}

.table.multi-table tbody tr.sub-tr>td .table.multi-table {
    margin: 0 auto 10px;
}

.table.multi-table tbody tr.sub-tr>td .table.multi-table thead tr:hover {
    background: #fff;
}

.table.multi-table tbody tr.tr-foot {
    background: #f2f2f2;
    font-weight: 700;
    text-transform: uppercase;
}

.table.multi-table tbody tr.tr-foot td {
    border-top: 2px solid #d32f2f;
}

.table.multi-table tbody tr.disabled {
    background: #d5d5d5;
}

.table.multi-table tbody tr.disabled td:hover {
    cursor: not-allowed;
}

.table.multi-table .card {
    border-radius: 0;
    margin-bottom: 15px;
    border: 0 solid grey;
    display: block;
}

.table.multi-table .card:last-child {
    margin-bottom: 0;
}

.table.multi-table .card .card-header {
    padding: 5px;
    border-radius: 0;
    background: #fff;
    color: #666;
    text-align: left;
    border: 0;
}

.table.multi-table .card .card-body {
    padding: 5px;
}

.table.multi-table .card .card-body .table.multi-table:last-child {
    margin: 0;
}

.table.multi-table .card .card-footer {
    padding: 5px;
    border-radius: 0;
    background: #fff;
    color: #666;
    text-align: left;
    border: 0;
}

.table.multi-table .card .card-footer div:last-child {
    margin-bottom: 0;
}

.table.multi-table .cell-lg {
    width: auto;
}

.table.multi-table .cell-md {
    max-width: 65px;
}

.table.multi-table .cell-sm {
    max-width: 38px;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .table.multi-table {
        border-collapse: separate;
        border-spacing: 0 10px;
        border: 0;
        font-size: 11px;
        text-transform: uppercase;
    }
    .table.multi-table thead {
        display: none;
    }
    .table.multi-table thead tr th {
        width: 33.33% !important;
        max-width: unset !important;
        text-align: left !important;
        float: left;
        padding: 5px;
    }
    .table.multi-table tbody tr {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
    }
    .table.multi-table tbody tr td {
        width: 33.3% !important;
        max-width: unset !important;
        text-align: left !important;
        float: left;
        padding: 5px;
    }
    .table.multi-table tbody tr td:first-child {
        width: 100% !important;
        text-align: center !important;
        background: #d9d9d9;
        color: #666;
        border-bottom: 2px solid #0082cb;
        font-weight: 700;
    }
    .table.multi-table tbody tr.sub-tr {
        box-shadow: none;
    }
    .table.multi-table tbody tr.sub-tr>td {
        padding: 15px;
        border: 0;
    }
    .table.multi-table tbody tr.sub-tr>td:first-child {
        background: #fff;
    }
    .table.multi-table tbody tr.sub-tr>td .table.multi-table {
        margin: 0 auto;
    }
    .table.multi-table tbody tr.tr-foot {
        box-shadow: inset 0 0 0 1px #d32f2f;
    }
    .table.multi-table tbody tr.tr-foot td {
        border-top: 0;
    }
    .table.multi-table tbody tr.tr-foot td:first-child {
        background: #e6e6e6;
    }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .table.multi-table {
        font-size: 11px;
    }
    .table.multi-table tbody tr td {
        width: 50% !important;
    }
}

body {
    line-height: 1.7;
}

.btn,
.form-control,
body {
    font-size: 13px;
    font-family: Montserrat, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 15px;
    font-weight: 500;
}

.dashboard .pagination .page-item .page-link {
    color: #4d585a;
    background-color: #efefef;
    border-color: rgba(77, 88, 90, 0.2);
}

.dashboard .pagination .page-item.active .page-link {
    background-color: #d32f2f;
    color: #fff;
}

@media (max-width: 576px) {
    .dashboard .pagination .page-item .page-link {
        padding: 5px 8px;
        font-size: 90%;
    }
}

.popover {
    background: #fff;
    color: #333;
}

.popover.popover-danger .popover-header {
    background: #fff;
    color: #e74c3c;
    border-color: #e74c3c;
}

.popover.popover-success .popover-header {
    background: #fff;
    color: #4caf50;
    border-color: #4caf50;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #D73531;
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(/fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
    src: url(/fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713) format("embedded-opentype"), url(/fonts/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(/fonts/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(/fonts/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(/fonts/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde) format("svg");
    font-weight: 400;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.2857142857em;
    text-align: center;
}


/* .widget.header-1-m .fa-fw {
    color: #000;
} */

.widget.header-1-m .btn-tertiary {
    background-color: #000 !important;
    color: #fff !important;
    border-color: rgba(248, 248, 248, 0.2) !important;
    border: 2px solid;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.1428571429em;
    list-style-type: none;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: 0.1428571429em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.8571428571em;
}

.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: 0.08em solid #eee;
    border-radius: 0.1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: 0.3em;
}

.fa.fa-pull-right {
    margin-left: 0.3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: 0.3em;
}

.fa.pull-right {
    margin-left: 0.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% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1);
}

: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 {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-glass:before {
    content: "\F000";
}

.fa-music:before {
    content: "\F001";
}

.fa-search:before {
    content: "\F002";
}

.fa-envelope-o:before {
    content: "\F003";
}

.fa-heart:before {
    content: "\F004";
}

.fa-star:before {
    content: "\F005";
}

.fa-star-o:before {
    content: "\F006";
}

.fa-user:before {
    content: "\F007";
}

.fa-film:before {
    content: "\F008";
}

.fa-th-large:before {
    content: "\F009";
}

.fa-th:before {
    content: "\F00A";
}

.fa-th-list:before {
    content: "\F00B";
}

.fa-check:before {
    content: "\F00C";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\F00D";
}

.fa-search-plus:before {
    content: "\F00E";
}

.fa-search-minus:before {
    content: "\F010";
}

.fa-power-off:before {
    content: "\F011";
}

.fa-signal:before {
    content: "\F012";
}

.fa-cog:before,
.fa-gear:before {
    content: "\F013";
}

.fa-trash-o:before {
    content: "\F014";
}

.fa-home:before {
    content: "\F015";
}

.fa-file-o:before {
    content: "\F016";
}

.fa-clock-o:before {
    content: "\F017";
}

.fa-road:before {
    content: "\F018";
}

.fa-download:before {
    content: "\F019";
}

.fa-arrow-circle-o-down:before {
    content: "\F01A";
}

.fa-arrow-circle-o-up:before {
    content: "\F01B";
}

.fa-inbox:before {
    content: "\F01C";
}

.fa-play-circle-o:before {
    content: "\F01D";
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\F01E";
}

.fa-refresh:before {
    content: "\F021";
}

.fa-list-alt:before {
    content: "\F022";
}

.fa-lock:before {
    content: "\F023";
}

.fa-flag:before {
    content: "\F024";
}

.fa-headphones:before {
    content: "\F025";
}

.fa-volume-off:before {
    content: "\F026";
}

.fa-volume-down:before {
    content: "\F027";
}

.fa-volume-up:before {
    content: "\F028";
}

.fa-qrcode:before {
    content: "\F029";
}

.fa-barcode:before {
    content: "\F02A";
}

.fa-tag:before {
    content: "\F02B";
}

.fa-tags:before {
    content: "\F02C";
}

.fa-book:before {
    content: "\F02D";
}

.fa-bookmark:before {
    content: "\F02E";
}

.fa-print:before {
    content: "\F02F";
}

.fa-camera:before {
    content: "\F030";
}

.fa-font:before {
    content: "\F031";
}

.fa-bold:before {
    content: "\F032";
}

.fa-italic:before {
    content: "\F033";
}

.fa-text-height:before {
    content: "\F034";
}

.fa-text-width:before {
    content: "\F035";
}

.fa-align-left:before {
    content: "\F036";
}

.fa-align-center:before {
    content: "\F037";
}

.fa-align-right:before {
    content: "\F038";
}

.fa-align-justify:before {
    content: "\F039";
}

.fa-list:before {
    content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\F03B";
}

.fa-indent:before {
    content: "\F03C";
}

.fa-video-camera:before {
    content: "\F03D";
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\F03E";
}

.fa-pencil:before {
    content: "\F040";
}

.fa-map-marker:before {
    content: "\F041";
}

.fa-adjust:before {
    content: "\F042";
}

.fa-tint:before {
    content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\F044";
}

.fa-share-square-o:before {
    content: "\F045";
}

.fa-check-square-o:before {
    content: "\F046";
}

.fa-arrows:before {
    content: "\F047";
}

.fa-step-backward:before {
    content: "\F048";
}

.fa-fast-backward:before {
    content: "\F049";
}

.fa-backward:before {
    content: "\F04A";
}

.fa-play:before {
    content: "\F04B";
}

.fa-pause:before {
    content: "\F04C";
}

.fa-stop:before {
    content: "\F04D";
}

.fa-forward:before {
    content: "\F04E";
}

.fa-fast-forward:before {
    content: "\F050";
}

.fa-step-forward:before {
    content: "\F051";
}

.fa-eject:before {
    content: "\F052";
}

.fa-chevron-left:before {
    content: "\F053";
}

.fa-chevron-right:before {
    content: "\F054";
}

.fa-plus-circle:before {
    content: "\F055";
}

.fa-minus-circle:before {
    content: "\F056";
}

.fa-times-circle:before {
    content: "\F057";
}

.fa-check-circle:before {
    content: "\F058";
}

.fa-question-circle:before {
    content: "\F059";
}

.fa-info-circle:before {
    content: "\F05A";
}

.fa-crosshairs:before {
    content: "\F05B";
}

.fa-times-circle-o:before {
    content: "\F05C";
}

.fa-check-circle-o:before {
    content: "\F05D";
}

.fa-ban:before {
    content: "\F05E";
}

.fa-arrow-left:before {
    content: "\F060";
}

.fa-arrow-right:before {
    content: "\F061";
}

.fa-arrow-up:before {
    content: "\F062";
}

.fa-arrow-down:before {
    content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\F064";
}

.fa-expand:before {
    content: "\F065";
}

.fa-compress:before {
    content: "\F066";
}

.fa-plus:before {
    content: "\F067";
}

.fa-minus:before {
    content: "\F068";
}

.fa-asterisk:before {
    content: "\F069";
}

.fa-exclamation-circle:before {
    content: "\F06A";
}

.fa-gift:before {
    content: "\F06B";
}

.fa-leaf:before {
    content: "\F06C";
}

.fa-fire:before {
    content: "\F06D";
}

.fa-eye:before {
    content: "\F06E";
}

.fa-eye-slash:before {
    content: "\F070";
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\F071";
}

.fa-plane:before {
    content: "\F072";
}

.fa-calendar:before {
    content: "\F073";
}

.fa-random:before {
    content: "\F074";
}

.fa-comment:before {
    content: "\F075";
}

.fa-magnet:before {
    content: "\F076";
}

.fa-chevron-up:before {
    content: "\F077";
}

.fa-chevron-down:before {
    content: "\F078";
}

.fa-retweet:before {
    content: "\F079";
}

.fa-shopping-cart:before {
    content: "\F07A";
}

.fa-folder:before {
    content: "\F07B";
}

.fa-folder-open:before {
    content: "\F07C";
}

.fa-arrows-v:before {
    content: "\F07D";
}

.fa-arrows-h:before {
    content: "\F07E";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\F080";
}

.fa-twitter-square:before {
    content: "\F081";
}

.fa-facebook-square:before {
    content: "\F082";
}

.fa-camera-retro:before {
    content: "\F083";
}

.fa-key:before {
    content: "\F084";
}

.fa-cogs:before,
.fa-gears:before {
    content: "\F085";
}

.fa-comments:before {
    content: "\F086";
}

.fa-thumbs-o-up:before {
    content: "\F087";
}

.fa-thumbs-o-down:before {
    content: "\F088";
}

.fa-star-half:before {
    content: "\F089";
}

.fa-heart-o:before {
    content: "\F08A";
}

.fa-sign-out:before {
    content: "\F08B";
}

.fa-linkedin-square:before {
    content: "\F08C";
}

.fa-thumb-tack:before {
    content: "\F08D";
}

.fa-external-link:before {
    content: "\F08E";
}

.fa-sign-in:before {
    content: "\F090";
}

.fa-trophy:before {
    content: "\F091";
}

.fa-github-square:before {
    content: "\F092";
}

.fa-upload:before {
    content: "\F093";
}

.fa-lemon-o:before {
    content: "\F094";
}

.fa-phone:before {
    content: "\F095";
}

.fa-square-o:before {
    content: "\F096";
}

.fa-bookmark-o:before {
    content: "\F097";
}

.fa-phone-square:before {
    content: "\F098";
}

.fa-twitter:before {
    content: "\F099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\F09A";
}

.fa-github:before {
    content: "\F09B";
}

.fa-unlock:before {
    content: "\F09C";
}

.fa-credit-card:before {
    content: "\F09D";
}

.fa-feed:before,
.fa-rss:before {
    content: "\F09E";
}

.fa-hdd-o:before {
    content: "\F0A0";
}

.fa-bullhorn:before {
    content: "\F0A1";
}

.fa-bell:before {
    content: "\F0F3";
}

.fa-certificate:before {
    content: "\F0A3";
}

.fa-hand-o-right:before {
    content: "\F0A4";
}

.fa-hand-o-left:before {
    content: "\F0A5";
}

.fa-hand-o-up:before {
    content: "\F0A6";
}

.fa-hand-o-down:before {
    content: "\F0A7";
}

.fa-arrow-circle-left:before {
    content: "\F0A8";
}

.fa-arrow-circle-right:before {
    content: "\F0A9";
}

.fa-arrow-circle-up:before {
    content: "\F0AA";
}

.fa-arrow-circle-down:before {
    content: "\F0AB";
}

.fa-globe:before {
    content: "\F0AC";
}

.fa-wrench:before {
    content: "\F0AD";
}

.fa-tasks:before {
    content: "\F0AE";
}

.fa-filter:before {
    content: "\F0B0";
}

.fa-briefcase:before {
    content: "\F0B1";
}

.fa-arrows-alt:before {
    content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
    content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
    content: "\F0C1";
}

.fa-cloud:before {
    content: "\F0C2";
}

.fa-flask:before {
    content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\F0C5";
}

.fa-paperclip:before {
    content: "\F0C6";
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\F0C7";
}

.fa-square:before {
    content: "\F0C8";
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\F0C9";
}

.fa-list-ul:before {
    content: "\F0CA";
}

.fa-list-ol:before {
    content: "\F0CB";
}

.fa-strikethrough:before {
    content: "\F0CC";
}

.fa-underline:before {
    content: "\F0CD";
}

.fa-table:before {
    content: "\F0CE";
}

.fa-magic:before {
    content: "\F0D0";
}

.fa-truck:before {
    content: "\F0D1";
}

.fa-pinterest:before {
    content: "\F0D2";
}

.fa-pinterest-square:before {
    content: "\F0D3";
}

.fa-google-plus-square:before {
    content: "\F0D4";
}

.fa-google-plus:before {
    content: "\F0D5";
}

.fa-money:before {
    content: "\F0D6";
}

.fa-caret-down:before {
    content: "\F0D7";
}

.fa-caret-up:before {
    content: "\F0D8";
}

.fa-caret-left:before {
    content: "\F0D9";
}

.fa-caret-right:before {
    content: "\F0DA";
}

.fa-columns:before {
    content: "\F0DB";
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\F0DC";
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\F0DD";
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\F0DE";
}

.fa-envelope:before {
    content: "\F0E0";
}

.fa-linkedin:before {
    content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\F0E2";
}

.fa-gavel:before,
.fa-legal:before {
    content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\F0E4";
}

.fa-comment-o:before {
    content: "\F0E5";
}

.fa-comments-o:before {
    content: "\F0E6";
}

.fa-bolt:before,
.fa-flash:before {
    content: "\F0E7";
}

.fa-sitemap:before {
    content: "\F0E8";
}

.fa-umbrella:before {
    content: "\F0E9";
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\F0EA";
}

.fa-lightbulb-o:before {
    content: "\F0EB";
}

.fa-exchange:before {
    content: "\F0EC";
}

.fa-cloud-download:before {
    content: "\F0ED";
}

.fa-cloud-upload:before {
    content: "\F0EE";
}

.fa-user-md:before {
    content: "\F0F0";
}

.fa-stethoscope:before {
    content: "\F0F1";
}

.fa-suitcase:before {
    content: "\F0F2";
}

.fa-bell-o:before {
    content: "\F0A2";
}

.fa-coffee:before {
    content: "\F0F4";
}

.fa-cutlery:before {
    content: "\F0F5";
}

.fa-file-text-o:before {
    content: "\F0F6";
}

.fa-building-o:before {
    content: "\F0F7";
}

.fa-hospital-o:before {
    content: "\F0F8";
}

.fa-ambulance:before {
    content: "\F0F9";
}

.fa-medkit:before {
    content: "\F0FA";
}

.fa-fighter-jet:before {
    content: "\F0FB";
}

.fa-beer:before {
    content: "\F0FC";
}

.fa-h-square:before {
    content: "\F0FD";
}

.fa-plus-square:before {
    content: "\F0FE";
}

.fa-angle-double-left:before {
    content: "\F100";
}

.fa-angle-double-right:before {
    content: "\F101";
}

.fa-angle-double-up:before {
    content: "\F102";
}

.fa-angle-double-down:before {
    content: "\F103";
}

.fa-angle-left:before {
    content: "\F104";
}

.fa-angle-right:before {
    content: "\F105";
}

.fa-angle-up:before {
    content: "\F106";
}

.fa-angle-down:before {
    content: "\F107";
}

.fa-desktop:before {
    content: "\F108";
}

.fa-laptop:before {
    content: "\F109";
}

.fa-tablet:before {
    content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\F10B";
}

.fa-circle-o:before {
    content: "\F10C";
}

.fa-quote-left:before {
    content: "\F10D";
}

.fa-quote-right:before {
    content: "\F10E";
}

.fa-spinner:before {
    content: "\F110";
}

.fa-circle:before {
    content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\F112";
}

.fa-github-alt:before {
    content: "\F113";
}

.fa-folder-o:before {
    content: "\F114";
}

.fa-folder-open-o:before {
    content: "\F115";
}

.fa-smile-o:before {
    content: "\F118";
}

.fa-frown-o:before {
    content: "\F119";
}

.fa-meh-o:before {
    content: "\F11A";
}

.fa-gamepad:before {
    content: "\F11B";
}

.fa-keyboard-o:before {
    content: "\F11C";
}

.fa-flag-o:before {
    content: "\F11D";
}

.fa-flag-checkered:before {
    content: "\F11E";
}

.fa-terminal:before {
    content: "\F120";
}

.fa-code:before {
    content: "\F121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\F123";
}

.fa-location-arrow:before {
    content: "\F124";
}

.fa-crop:before {
    content: "\F125";
}

.fa-code-fork:before {
    content: "\F126";
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\F127";
}

.fa-question:before {
    content: "\F128";
}

.fa-info:before {
    content: "\F129";
}

.fa-exclamation:before {
    content: "\F12A";
}

.fa-superscript:before {
    content: "\F12B";
}

.fa-subscript:before {
    content: "\F12C";
}

.fa-eraser:before {
    content: "\F12D";
}

.fa-puzzle-piece:before {
    content: "\F12E";
}

.fa-microphone:before {
    content: "\F130";
}

.fa-microphone-slash:before {
    content: "\F131";
}

.fa-shield:before {
    content: "\F132";
}

.fa-calendar-o:before {
    content: "\F133";
}

.fa-fire-extinguisher:before {
    content: "\F134";
}

.fa-rocket:before {
    content: "\F135";
}

.fa-maxcdn:before {
    content: "\F136";
}

.fa-chevron-circle-left:before {
    content: "\F137";
}

.fa-chevron-circle-right:before {
    content: "\F138";
}

.fa-chevron-circle-up:before {
    content: "\F139";
}

.fa-chevron-circle-down:before {
    content: "\F13A";
}

.fa-html5:before {
    content: "\F13B";
}

.fa-css3:before {
    content: "\F13C";
}

.fa-anchor:before {
    content: "\F13D";
}

.fa-unlock-alt:before {
    content: "\F13E";
}

.fa-bullseye:before {
    content: "\F140";
}

.fa-ellipsis-h:before {
    content: "\F141";
}

.fa-ellipsis-v:before {
    content: "\F142";
}

.fa-rss-square:before {
    content: "\F143";
}

.fa-play-circle:before {
    content: "\F144";
}

.fa-ticket:before {
    content: "\F145";
}

.fa-minus-square:before {
    content: "\F146";
}

.fa-minus-square-o:before {
    content: "\F147";
}

.fa-level-up:before {
    content: "\F148";
}

.fa-level-down:before {
    content: "\F149";
}

.fa-check-square:before {
    content: "\F14A";
}

.fa-pencil-square:before {
    content: "\F14B";
}

.fa-external-link-square:before {
    content: "\F14C";
}

.fa-share-square:before {
    content: "\F14D";
}

.fa-compass:before {
    content: "\F14E";
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\F150";
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\F151";
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\F152";
}

.fa-eur:before,
.fa-euro:before {
    content: "\F153";
}

.fa-gbp:before {
    content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\F155";
}

.fa-inr:before,
.fa-rupee:before {
    content: "\F156";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\F157";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\F158";
}

.fa-krw:before,
.fa-won:before {
    content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\F15A";
}

.fa-file:before {
    content: "\F15B";
}

.fa-file-text:before {
    content: "\F15C";
}

.fa-sort-alpha-asc:before {
    content: "\F15D";
}

.fa-sort-alpha-desc:before {
    content: "\F15E";
}

.fa-sort-amount-asc:before {
    content: "\F160";
}

.fa-sort-amount-desc:before {
    content: "\F161";
}

.fa-sort-numeric-asc:before {
    content: "\F162";
}

.fa-sort-numeric-desc:before {
    content: "\F163";
}

.fa-thumbs-up:before {
    content: "\F164";
}

.fa-thumbs-down:before {
    content: "\F165";
}

.fa-youtube-square:before {
    content: "\F166";
}

.fa-youtube:before {
    content: "\F167";
}

.fa-xing:before {
    content: "\F168";
}

.fa-xing-square:before {
    content: "\F169";
}

.fa-youtube-play:before {
    content: "\F16A";
}

.fa-dropbox:before {
    content: "\F16B";
}

.fa-stack-overflow:before {
    content: "\F16C";
}

.fa-instagram:before {
    content: "\F16D";
}

.fa-flickr:before {
    content: "\F16E";
}

.fa-adn:before {
    content: "\F170";
}

.fa-bitbucket:before {
    content: "\F171";
}

.fa-bitbucket-square:before {
    content: "\F172";
}

.fa-tumblr:before {
    content: "\F173";
}

.fa-tumblr-square:before {
    content: "\F174";
}

.fa-long-arrow-down:before {
    content: "\F175";
}

.fa-long-arrow-up:before {
    content: "\F176";
}

.fa-long-arrow-left:before {
    content: "\F177";
}

.fa-long-arrow-right:before {
    content: "\F178";
}

.fa-apple:before {
    content: "\F179";
}

.fa-windows:before {
    content: "\F17A";
}

.fa-android:before {
    content: "\F17B";
}

.fa-linux:before {
    content: "\F17C";
}

.fa-dribbble:before {
    content: "\F17D";
}

.fa-skype:before {
    content: "\F17E";
}

.fa-foursquare:before {
    content: "\F180";
}

.fa-trello:before {
    content: "\F181";
}

.fa-female:before {
    content: "\F182";
}

.fa-male:before {
    content: "\F183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\F184";
}

.fa-sun-o:before {
    content: "\F185";
}

.fa-moon-o:before {
    content: "\F186";
}

.fa-archive:before {
    content: "\F187";
}

.fa-bug:before {
    content: "\F188";
}

.fa-vk:before {
    content: "\F189";
}

.fa-weibo:before {
    content: "\F18A";
}

.fa-renren:before {
    content: "\F18B";
}

.fa-pagelines:before {
    content: "\F18C";
}

.fa-stack-exchange:before {
    content: "\F18D";
}

.fa-arrow-circle-o-right:before {
    content: "\F18E";
}

.fa-arrow-circle-o-left:before {
    content: "\F190";
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\F191";
}

.fa-dot-circle-o:before {
    content: "\F192";
}

.fa-wheelchair:before {
    content: "\F193";
}

.fa-vimeo-square:before {
    content: "\F194";
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\F195";
}

.fa-plus-square-o:before {
    content: "\F196";
}

.fa-space-shuttle:before {
    content: "\F197";
}

.fa-slack:before {
    content: "\F198";
}

.fa-envelope-square:before {
    content: "\F199";
}

.fa-wordpress:before {
    content: "\F19A";
}

.fa-openid:before {
    content: "\F19B";
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\F19C";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\F19D";
}

.fa-yahoo:before {
    content: "\F19E";
}

.fa-google:before {
    content: "\F1A0";
}

.fa-reddit:before {
    content: "\F1A1";
}

.fa-reddit-square:before {
    content: "\F1A2";
}

.fa-stumbleupon-circle:before {
    content: "\F1A3";
}

.fa-stumbleupon:before {
    content: "\F1A4";
}

.fa-delicious:before {
    content: "\F1A5";
}

.fa-digg:before {
    content: "\F1A6";
}

.fa-pied-piper-pp:before {
    content: "\F1A7";
}

.fa-pied-piper-alt:before {
    content: "\F1A8";
}

.fa-drupal:before {
    content: "\F1A9";
}

.fa-joomla:before {
    content: "\F1AA";
}

.fa-language:before {
    content: "\F1AB";
}

.fa-fax:before {
    content: "\F1AC";
}

.fa-building:before {
    content: "\F1AD";
}

.fa-child:before {
    content: "\F1AE";
}

.fa-paw:before {
    content: "\F1B0";
}

.fa-spoon:before {
    content: "\F1B1";
}

.fa-cube:before {
    content: "\F1B2";
}

.fa-cubes:before {
    content: "\F1B3";
}

.fa-behance:before {
    content: "\F1B4";
}

.fa-behance-square:before {
    content: "\F1B5";
}

.fa-steam:before {
    content: "\F1B6";
}

.fa-steam-square:before {
    content: "\F1B7";
}

.fa-recycle:before {
    content: "\F1B8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\F1B9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\F1BA";
}

.fa-tree:before {
    content: "\F1BB";
}

.fa-spotify:before {
    content: "\F1BC";
}

.fa-deviantart:before {
    content: "\F1BD";
}

.fa-soundcloud:before {
    content: "\F1BE";
}

.fa-database:before {
    content: "\F1C0";
}

.fa-file-pdf-o:before {
    content: "\F1C1";
}

.fa-file-word-o:before {
    content: "\F1C2";
}

.fa-file-excel-o:before {
    content: "\F1C3";
}

.fa-file-powerpoint-o:before {
    content: "\F1C4";
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\F1C5";
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\F1C6";
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\F1C7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\F1C8";
}

.fa-file-code-o:before {
    content: "\F1C9";
}

.fa-vine:before {
    content: "\F1CA";
}

.fa-codepen:before {
    content: "\F1CB";
}

.fa-jsfiddle:before {
    content: "\F1CC";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\F1CD";
}

.fa-circle-o-notch:before {
    content: "\F1CE";
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\F1D0";
}

.fa-empire:before,
.fa-ge:before {
    content: "\F1D1";
}

.fa-git-square:before {
    content: "\F1D2";
}

.fa-git:before {
    content: "\F1D3";
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\F1D4";
}

.fa-tencent-weibo:before {
    content: "\F1D5";
}

.fa-qq:before {
    content: "\F1D6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\F1D7";
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\F1D8";
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\F1D9";
}

.fa-history:before {
    content: "\F1DA";
}

.fa-circle-thin:before {
    content: "\F1DB";
}

.fa-header:before {
    content: "\F1DC";
}

.fa-paragraph:before {
    content: "\F1DD";
}

.fa-sliders:before {
    content: "\F1DE";
}

.fa-share-alt:before {
    content: "\F1E0";
}

.fa-share-alt-square:before {
    content: "\F1E1";
}

.fa-bomb:before {
    content: "\F1E2";
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\F1E3";
}

.fa-tty:before {
    content: "\F1E4";
}

.fa-binoculars:before {
    content: "\F1E5";
}

.fa-plug:before {
    content: "\F1E6";
}

.fa-slideshare:before {
    content: "\F1E7";
}

.fa-twitch:before {
    content: "\F1E8";
}

.fa-yelp:before {
    content: "\F1E9";
}

.fa-newspaper-o:before {
    content: "\F1EA";
}

.fa-wifi:before {
    content: "\F1EB";
}

.fa-calculator:before {
    content: "\F1EC";
}

.fa-paypal:before {
    content: "\F1ED";
}

.fa-google-wallet:before {
    content: "\F1EE";
}

.fa-cc-visa:before {
    content: "\F1F0";
}

.fa-cc-mastercard:before {
    content: "\F1F1";
}

.fa-cc-discover:before {
    content: "\F1F2";
}

.fa-cc-amex:before {
    content: "\F1F3";
}

.fa-cc-paypal:before {
    content: "\F1F4";
}

.fa-cc-stripe:before {
    content: "\F1F5";
}

.fa-bell-slash:before {
    content: "\F1F6";
}

.fa-bell-slash-o:before {
    content: "\F1F7";
}

.fa-trash:before {
    content: "\F1F8";
}

.fa-copyright:before {
    content: "\F1F9";
}

.fa-at:before {
    content: "\F1FA";
}

.fa-eyedropper:before {
    content: "\F1FB";
}

.fa-paint-brush:before {
    content: "\F1FC";
}

.fa-birthday-cake:before {
    content: "\F1FD";
}

.fa-area-chart:before {
    content: "\F1FE";
}

.fa-pie-chart:before {
    content: "\F200";
}

.fa-line-chart:before {
    content: "\F201";
}

.fa-lastfm:before {
    content: "\F202";
}

.fa-lastfm-square:before {
    content: "\F203";
}

.fa-toggle-off:before {
    content: "\F204";
}

.fa-toggle-on:before {
    content: "\F205";
}

.fa-bicycle:before {
    content: "\F206";
}

.fa-bus:before {
    content: "\F207";
}

.fa-ioxhost:before {
    content: "\F208";
}

.fa-angellist:before {
    content: "\F209";
}

.fa-cc:before {
    content: "\F20A";
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\F20B";
}

.fa-meanpath:before {
    content: "\F20C";
}

.fa-buysellads:before {
    content: "\F20D";
}

.fa-connectdevelop:before {
    content: "\F20E";
}

.fa-dashcube:before {
    content: "\F210";
}

.fa-forumbee:before {
    content: "\F211";
}

.fa-leanpub:before {
    content: "\F212";
}

.fa-sellsy:before {
    content: "\F213";
}

.fa-shirtsinbulk:before {
    content: "\F214";
}

.fa-simplybuilt:before {
    content: "\F215";
}

.fa-skyatlas:before {
    content: "\F216";
}

.fa-cart-plus:before {
    content: "\F217";
}

.fa-cart-arrow-down:before {
    content: "\F218";
}

.fa-diamond:before {
    content: "\F219";
}

.fa-ship:before {
    content: "\F21A";
}

.fa-user-secret:before {
    content: "\F21B";
}

.fa-motorcycle:before {
    content: "\F21C";
}

.fa-street-view:before {
    content: "\F21D";
}

.fa-heartbeat:before {
    content: "\F21E";
}

.fa-venus:before {
    content: "\F221";
}

.fa-mars:before {
    content: "\F222";
}

.fa-mercury:before {
    content: "\F223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\F224";
}

.fa-transgender-alt:before {
    content: "\F225";
}

.fa-venus-double:before {
    content: "\F226";
}

.fa-mars-double:before {
    content: "\F227";
}

.fa-venus-mars:before {
    content: "\F228";
}

.fa-mars-stroke:before {
    content: "\F229";
}

.fa-mars-stroke-v:before {
    content: "\F22A";
}

.fa-mars-stroke-h:before {
    content: "\F22B";
}

.fa-neuter:before {
    content: "\F22C";
}

.fa-genderless:before {
    content: "\F22D";
}

.fa-facebook-official:before {
    content: "\F230";
}

.fa-pinterest-p:before {
    content: "\F231";
}

.fa-whatsapp:before {
    content: "\F232";
}

.fa-server:before {
    content: "\F233";
}

.fa-user-plus:before {
    content: "\F234";
}

.fa-user-times:before {
    content: "\F235";
}

.fa-bed:before,
.fa-hotel:before {
    content: "\F236";
}

.fa-viacoin:before {
    content: "\F237";
}

.fa-train:before {
    content: "\F238";
}

.fa-subway:before {
    content: "\F239";
}

.fa-medium:before {
    content: "\F23A";
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\F23B";
}

.fa-optin-monster:before {
    content: "\F23C";
}

.fa-opencart:before {
    content: "\F23D";
}

.fa-expeditedssl:before {
    content: "\F23E";
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\F240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\F241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\F242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\F243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\F244";
}

.fa-mouse-pointer:before {
    content: "\F245";
}

.fa-i-cursor:before {
    content: "\F246";
}

.fa-object-group:before {
    content: "\F247";
}

.fa-object-ungroup:before {
    content: "\F248";
}

.fa-sticky-note:before {
    content: "\F249";
}

.fa-sticky-note-o:before {
    content: "\F24A";
}

.fa-cc-jcb:before {
    content: "\F24B";
}

.fa-cc-diners-club:before {
    content: "\F24C";
}

.fa-clone:before {
    content: "\F24D";
}

.fa-balance-scale:before {
    content: "\F24E";
}

.fa-hourglass-o:before {
    content: "\F250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\F251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\F252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\F253";
}

.fa-hourglass:before {
    content: "\F254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\F255";
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\F256";
}

.fa-hand-scissors-o:before {
    content: "\F257";
}

.fa-hand-lizard-o:before {
    content: "\F258";
}

.fa-hand-spock-o:before {
    content: "\F259";
}

.fa-hand-pointer-o:before {
    content: "\F25A";
}

.fa-hand-peace-o:before {
    content: "\F25B";
}

.fa-trademark:before {
    content: "\F25C";
}

.fa-registered:before {
    content: "\F25D";
}

.fa-creative-commons:before {
    content: "\F25E";
}

.fa-gg:before {
    content: "\F260";
}

.fa-gg-circle:before {
    content: "\F261";
}

.fa-tripadvisor:before {
    content: "\F262";
}

.fa-odnoklassniki:before {
    content: "\F263";
}

.fa-odnoklassniki-square:before {
    content: "\F264";
}

.fa-get-pocket:before {
    content: "\F265";
}

.fa-wikipedia-w:before {
    content: "\F266";
}

.fa-safari:before {
    content: "\F267";
}

.fa-chrome:before {
    content: "\F268";
}

.fa-firefox:before {
    content: "\F269";
}

.fa-opera:before {
    content: "\F26A";
}

.fa-internet-explorer:before {
    content: "\F26B";
}

.fa-television:before,
.fa-tv:before {
    content: "\F26C";
}

.fa-contao:before {
    content: "\F26D";
}

.fa-500px:before {
    content: "\F26E";
}

.fa-amazon:before {
    content: "\F270";
}

.fa-calendar-plus-o:before {
    content: "\F271";
}

.fa-calendar-minus-o:before {
    content: "\F272";
}

.fa-calendar-times-o:before {
    content: "\F273";
}

.fa-calendar-check-o:before {
    content: "\F274";
}

.fa-industry:before {
    content: "\F275";
}

.fa-map-pin:before {
    content: "\F276";
}

.fa-map-signs:before {
    content: "\F277";
}

.fa-map-o:before {
    content: "\F278";
}

.fa-map:before {
    content: "\F279";
}

.fa-commenting:before {
    content: "\F27A";
}

.fa-commenting-o:before {
    content: "\F27B";
}

.fa-houzz:before {
    content: "\F27C";
}

.fa-vimeo:before {
    content: "\F27D";
}

.fa-black-tie:before {
    content: "\F27E";
}

.fa-fonticons:before {
    content: "\F280";
}

.fa-reddit-alien:before {
    content: "\F281";
}

.fa-edge:before {
    content: "\F282";
}

.fa-credit-card-alt:before {
    content: "\F283";
}

.fa-codiepie:before {
    content: "\F284";
}

.fa-modx:before {
    content: "\F285";
}

.fa-fort-awesome:before {
    content: "\F286";
}

.fa-usb:before {
    content: "\F287";
}

.fa-product-hunt:before {
    content: "\F288";
}

.fa-mixcloud:before {
    content: "\F289";
}

.fa-scribd:before {
    content: "\F28A";
}

.fa-pause-circle:before {
    content: "\F28B";
}

.fa-pause-circle-o:before {
    content: "\F28C";
}

.fa-stop-circle:before {
    content: "\F28D";
}

.fa-stop-circle-o:before {
    content: "\F28E";
}

.fa-shopping-bag:before {
    content: "\F290";
}

.fa-shopping-basket:before {
    content: "\F291";
}

.fa-hashtag:before {
    content: "\F292";
}

.fa-bluetooth:before {
    content: "\F293";
}

.fa-bluetooth-b:before {
    content: "\F294";
}

.fa-percent:before {
    content: "\F295";
}

.fa-gitlab:before {
    content: "\F296";
}

.fa-wpbeginner:before {
    content: "\F297";
}

.fa-wpforms:before {
    content: "\F298";
}

.fa-envira:before {
    content: "\F299";
}

.fa-universal-access:before {
    content: "\F29A";
}

.fa-wheelchair-alt:before {
    content: "\F29B";
}

.fa-question-circle-o:before {
    content: "\F29C";
}

.fa-blind:before {
    content: "\F29D";
}

.fa-audio-description:before {
    content: "\F29E";
}

.fa-volume-control-phone:before {
    content: "\F2A0";
}

.fa-braille:before {
    content: "\F2A1";
}

.fa-assistive-listening-systems:before {
    content: "\F2A2";
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\F2A3";
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\F2A4";
}

.fa-glide:before {
    content: "\F2A5";
}

.fa-glide-g:before {
    content: "\F2A6";
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\F2A7";
}

.fa-low-vision:before {
    content: "\F2A8";
}

.fa-viadeo:before {
    content: "\F2A9";
}

.fa-viadeo-square:before {
    content: "\F2AA";
}

.fa-snapchat:before {
    content: "\F2AB";
}

.fa-snapchat-ghost:before {
    content: "\F2AC";
}

.fa-snapchat-square:before {
    content: "\F2AD";
}

.fa-pied-piper:before {
    content: "\F2AE";
}

.fa-first-order:before {
    content: "\F2B0";
}

.fa-yoast:before {
    content: "\F2B1";
}

.fa-themeisle:before {
    content: "\F2B2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\F2B3";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\F2B4";
}

.fa-handshake-o:before {
    content: "\F2B5";
}

.fa-envelope-open:before {
    content: "\F2B6";
}

.fa-envelope-open-o:before {
    content: "\F2B7";
}

.fa-linode:before {
    content: "\F2B8";
}

.fa-address-book:before {
    content: "\F2B9";
}

.fa-address-book-o:before {
    content: "\F2BA";
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\F2BB";
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\F2BC";
}

.fa-user-circle:before {
    content: "\F2BD";
}

.fa-user-circle-o:before {
    content: "\F2BE";
}

.fa-user-o:before {
    content: "\F2C0";
}

.fa-id-badge:before {
    content: "\F2C1";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\F2C2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\F2C3";
}

.fa-quora:before {
    content: "\F2C4";
}

.fa-free-code-camp:before {
    content: "\F2C5";
}

.fa-telegram:before {
    content: "\F2C6";
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\F2C7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\F2C8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\F2C9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\F2CA";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\F2CB";
}

.fa-shower:before {
    content: "\F2CC";
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\F2CD";
}

.fa-podcast:before {
    content: "\F2CE";
}

.fa-window-maximize:before {
    content: "\F2D0";
}

.fa-window-minimize:before {
    content: "\F2D1";
}

.fa-window-restore:before {
    content: "\F2D2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\F2D3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\F2D4";
}

.fa-bandcamp:before {
    content: "\F2D5";
}

.fa-grav:before {
    content: "\F2D6";
}

.fa-etsy:before {
    content: "\F2D7";
}

.fa-imdb:before {
    content: "\F2D8";
}

.fa-ravelry:before {
    content: "\F2D9";
}

.fa-eercast:before {
    content: "\F2DA";
}

.fa-microchip:before {
    content: "\F2DB";
}

.fa-snowflake-o:before {
    content: "\F2DC";
}

.fa-superpowers:before {
    content: "\F2DD";
}

.fa-wpexplorer:before {
    content: "\F2DE";
}

.fa-meetup:before {
    content: "\F2E0";
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
    transition: all 0.3s ease;
    color: unset;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

.solid-hide {
    z-index: -9 !important;
    transition: all 0.4s ease;
    position: relative !important;
    opacity: 0 !important;
}

.m-33 {
    min-height: 33px;
}

.timeline-item {
    background: #fff;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    padding: 12px;
    min-height: 200px;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

.overflow-hidden {
    overflow: hidden;
}

svg path {
    stroke: none !important;
}

.svg-inline,
.weglot-container.wg-default {
    display: none;
}

.theear-dev-toolbar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: -300px;
    position: fixed;
    width: 300px;
    background: #000;
    height: 100%;
    z-index: 10;
    transition: all 0.4s ease 0s;
}

.theear-dev-toolbar-wrapper .theear-dev-toolbar {
    width: 100%;
    padding: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.theear-dev-toolbar-wrapper .theear-dev-tools-toggler {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    height: 60px;
    width: 30px;
    background: #000;
    color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    z-index: 10;
    transition: all 0.4s ease 0s;
}

.theear-dev-toolbar-wrapper .theear-dev-tools-toggler span {
    font-size: 20px;
}

.theear-dev-toolbar-wrapper .theear-dev-tools-toggler span i {
    cursor: pointer;
}

.theear-dev-toolbar-wrapper .theear-dev-tools-toggler:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 10px 30px 0 0;
}

.theear-dev-toolbar-wrapper .theear-dev-tools-toggler:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 10px 0 0 30px;
}

@media only screen and (max-width: 991px) {
    .theear-dev-toolbar-wrapper .theear-dev-tools-toggler {
        display: none;
    }
}

.card {
    transition: all 0.3s ease;
    border-radius: 4px;
}

.g-recaptcha iframe {
    height: 78px !important;
}

.currency[data-currency="0"] {
    color: #000;
}

.currency:not([data-currency*="-"]):not([data-currency="0"]) {
    color: green;
}

.currency[data-currency*="-"] {
    color: red;
}

.currency.reverse[data-currency*="-"] {
    color: green;
}

.currency.reverse:not([data-currency*="-"]):not([data-currency="0"]) {
    color: red;
}

.component.stats-card-1 {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    min-height: 6em;
    padding: 15px;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    border-radius: 2px;
}

.component.stats-card-1 .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    font-size: 46px;
    height: 50px;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.component.stats-card-1 .heading {
    font-size: 2.654321em;
}

.component.stats-card-1 .description {
    display: block;
    text-align: right;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
}

.component.stats-card-1:hover {
    opacity: 0.9;
}

.component.stats-card-1:hover .icon {
    bottom: 15px;
}

@media only screen and (max-width: 991px) {
    .component.stats-card-1 {
        margin-bottom: 15px;
    }
}

.component.common-langpicker-1 {
    position: relative;
    display: inline-flex;
}

.component.common-langpicker-1 .dropdown i {
    margin-right: 5px;
}

.component.common-langpicker-1 .dropdown .dropdown-toggle:after {
    margin-left: 5px;
}

.component.common-langpicker-1 .dropdown .dropdown-menu {
    left: unset !important;
    right: 0;
    top: 2px !important;
    min-width: unset;
    border-radius: 2px;
    background: #fff;
    color: #000;
}

.component.common-langpicker-1 .dropdown .dropdown-menu a {
    color: #000;
    background: transparent;
    padding: 5px 15px !important;
    font-size: 13px;
}

.component.common-langpicker-1 .dropdown .dropdown-menu a:hover {
    background: #004d2a;
    color: #fff;
}

.widget.casino-featured-games-1 {
    margin: 20px 0;
    display: block;
}

.widget.casino-featured-games-1 .heading {
    margin-bottom: 15px;
}

.widget.casino-featured-games-1 .game-row {
    justify-content: center;
    overflow: hidden;
    justify-content: space-between;
    position: relative;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1 {
    position: absolute;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:first-child,
.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:last-child {
    position: relative;
    flex: 0 0 33.3%;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:nth-child(2) {
    position: absolute;
    top: 0;
    left: 33.3%;
    width: 16.6%;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:nth-child(3) {
    position: absolute;
    top: 0;
    right: 33.3%;
    width: 16.6%;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:nth-child(4) {
    position: absolute;
    bottom: 0;
    left: 33.3%;
    width: 16.6%;
}

.widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1:nth-child(5) {
    position: absolute;
    bottom: 0;
    right: 33.3%;
    width: 16.6%;
}

@media only screen and (max-width: 991px) {
    .widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1 {
        position: relative !important;
        flex: 0 0 33.3% !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }
}

@media only screen and (max-width: 576px) {
    .widget.casino-featured-games-1 .game-row .widget.casino-gamepods-featured-1 {
        flex: 0 0 50% !important;
    }
}

.widget.casino-games-filter-1 {
    background: #001E10;
    color: #fff;
    padding: 15px 0;
    margin-top: -15px;
}

.widget.casino-games-filter-1 .filters-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.widget.casino-games-filter-1 .filters-row .btn-filter {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.widget.casino-games-filter-1 .filters-row .col-left {
    max-width: 230px;
}

.widget.casino-games-filter-1 .filters-row .game-input {
    margin-bottom: 10px;
}

.widget.casino-games-filter-1 .filters-row .provider-select {
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .widget.casino-games-filter-1 .filters-row .game-input,
    .widget.casino-games-filter-1 .filters-row .provider-select {
        padding-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control {
    background: #013d21;
    color: #fff;
    outline: 0 !important;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control:focus,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control:focus {
    box-shadow: none;
    border-color: #d32f2f;
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control::-webkit-input-placeholder,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control::-moz-placeholder,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control::-moz-placeholder {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control:-ms-input-placeholder,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control::-ms-input-placeholder,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .game-input .form-control::placeholder,
.widget.casino-games-filter-1 .filters-row .provider-select .form-control::placeholder {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .game-input .bg-secondary.input-group-text,
.widget.casino-games-filter-1 .filters-row .provider-select .bg-secondary.input-group-text {
    border-color: hsla(0, 0%, 100%, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.widget.casino-games-filter-1 .filters-row .game-input .bg-secondary.input-group-text:active,
.widget.casino-games-filter-1 .filters-row .game-input .bg-secondary.input-group-text:focus,
.widget.casino-games-filter-1 .filters-row .game-input .bg-secondary.input-group-text:hover,
.widget.casino-games-filter-1 .filters-row .provider-select .bg-secondary.input-group-text:active,
.widget.casino-games-filter-1 .filters-row .provider-select .bg-secondary.input-group-text:focus,
.widget.casino-games-filter-1 .filters-row .provider-select .bg-secondary.input-group-text:hover {
    background-color: #02a057 !important;
    color: #fff !important;
}

.widget.casino-games-filter-1 .filters-row .col-right {
    flex-grow: 1;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category {
    flex: 1 0;
    padding: 5px;
    cursor: pointer;
    opacity: 0.75;
    transition: all 0.2s ease;
    background: transparent;
    border: none;
    color: #fff;
    margin: 0 2px;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon {
    display: block;
    overflow: hidden;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg {
    display: block;
    margin: 10px auto;
    width: 35px;
    height: 35px;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg circle,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg g,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg path,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg polygon {
    fill: #fff;
}

.btn-container.categories-holder.filter-container.mt-4 {
    justify-content: center;
    padding-top: 10px;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .title {
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category:hover {
    opacity: 1;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category:hover .title {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active {
    opacity: 1;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active svg circle,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active svg g,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active svg path,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active svg polygon {
    fill: #d32f2f;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active .title {
    color: #d32f2f;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch {
    border-radius: 5px;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active {
    background-color: #d32f2f !important;
    color: #fff !important;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active svg circle,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active svg g,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active svg path,
.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active svg polygon {
    fill: #fff;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch.active .title {
    color: #fff;
}

.widget.casino-games-filter-1 .filters-row .col-right .categories-holder .divider {
    display: flex;
    height: 35px;
    width: 1px;
    background: hsla(0, 0%, 100%, 0.3);
    margin: 0 2px;
}

.widget.casino-games-filter-1 .btn,
.widget.casino-games-filter-1 .form-control {
    padding: 4px 8px;
    text-transform: uppercase;
}

.widget.casino-games-filter-1 select.form-control:not([size]):not([multiple]) {
    padding-top: 4px;
    padding-bottom: 4px;
}

@media only screen and (max-width: 991px) {
    .widget.casino-games-filter-1 {
        padding: 15px 0;
    }
    .widget.casino-games-filter-1 .filters-row {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .widget.casino-games-filter-1 .filters-row .col-left {
        display: flex;
        align-items: center;
        flex-direction: row;
        max-width: 100%;
        flex: 1 1 100%;
    }
    .widget.casino-games-filter-1 .filters-row .col-left .game-input,
    .widget.casino-games-filter-1 .filters-row .col-left .provider-select {
        width: 49%;
        margin-bottom: 15px;
        display: flex;
    }
    .widget.casino-games-filter-1 .filters-row .col-left .provider-select {
        margin-left: auto;
    }
    .widget.casino-games-filter-1 .filters-row .provider-select {
        margin-bottom: 15px;
    }
    .widget.casino-games-filter-1 .filters-row .col-right {
        flex: 1 1 100%;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder {
        flex-wrap: wrap;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category {
        margin-bottom: 15px;
        flex: 1 0 20%;
        opacity: 1;
        border: 2px solid transparent;
        display: none;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.active {
        background: rgba(0, 0, 0, 0.2);
        border: 2px solid #0082cb;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category.cat-switch {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .widget.casino-games-filter-1 .divider {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .widget.casino-games-filter-1 .filters-row .col-left {
        flex-direction: column;
    }
    .widget.casino-games-filter-1 .filters-row .col-left .game-input,
    .widget.casino-games-filter-1 .filters-row .col-left .provider-select {
        width: 100%;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category {
        flex: 1 0 25%;
        margin: 0;
        border: 0;
    }
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon img,
    .widget.casino-games-filter-1 .filters-row .col-right .categories-holder .category .icon svg {
        margin-bottom: 12px;
        max-width: 35px;
        max-height: 25px;
    }
}

.widget.casino-games-filter-2 {
    background: #000;
    color: #fff;
    padding: 20px 0;
    margin-top: -15px;
}

.widget.casino-games-filter-2 .filters-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.widget.casino-games-filter-2 .filters-row .btn-filter {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

@media (max-width: 576px) {
    .widget.casino-games-filter-2 .filters-row .game-input,
    .widget.casino-games-filter-2 .filters-row .provider-select {
        padding-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control {
    color: #013d21;
    font-weight: 900;
    outline: 0 !important;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control:focus,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control:focus {
    box-shadow: none;
    border-color: #fff;
    border-width: 2px;
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control::-webkit-input-placeholder,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control::-moz-placeholder,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control::-moz-placeholder {
    color: #fff;
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control:-ms-input-placeholder,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control::-ms-input-placeholder,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.casino-games-filter-2 .filters-row .game-input .form-control::placeholder,
.widget.casino-games-filter-2 .filters-row .provider-select .form-control::placeholder {
    color: #013d21;
}

.widget.casino-games-filter-2 .filters-row .game-input .bg-secondary.input-group-text,
.widget.casino-games-filter-2 .filters-row .provider-select .bg-secondary.input-group-text {
    border-color: hsla(0, 0%, 100%, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.widget.casino-games-filter-2 .filters-row .game-input .bg-secondary.input-group-text:active,
.widget.casino-games-filter-2 .filters-row .game-input .bg-secondary.input-group-text:focus,
.widget.casino-games-filter-2 .filters-row .game-input .bg-secondary.input-group-text:hover,
.widget.casino-games-filter-2 .filters-row .provider-select .bg-secondary.input-group-text:active,
.widget.casino-games-filter-2 .filters-row .provider-select .bg-secondary.input-group-text:focus,
.widget.casino-games-filter-2 .filters-row .provider-select .bg-secondary.input-group-text:hover {
    box-shadow: inset 100px 100px 0 100px #013d21;
    color: #fff !important;
    border-color: #fff;
    /* border-width: 2px; */
}

.widget.casino-games-filter-2 .filters-row .btn-container {
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.widget.casino-games-filter-2 .filters-row .btn-container .category {
    border: 0 !important;
    text-align: center;
    min-width: 85px;
}

.widget.casino-games-filter-2 .filters-row .btn-container .category.btn-primary {
    background-color: transparent !important;
    color: #fff !important;
}

.widget.casino-games-filter-2 .filters-row .btn-container .category .title {
    text-transform: uppercase;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.casino-games-filter-2 .filters-row .btn-container .category.active {
    background: #0082cb !important;
    color: #fff !important;
}

.widget.casino-games-filter-2 .btn,
.widget.casino-games-filter-2 .form-control {
    padding: 4px 8px;
    text-transform: uppercase;
}

.widget.casino-games-filter-2 select.form-control:not([size]):not([multiple]) {
    padding-top: 4px;
    padding-bottom: 4px;
}

.widget.casino-games-filter-2.alternate-0 {
    background: #fff;
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control {
    background: #fff;
    color: #212121;
    border-color: rgba(33, 33, 33, 0.3);
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control::-webkit-input-placeholder,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control::-webkit-input-placeholder {
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control::-moz-placeholder,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control::-moz-placeholder {
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control:-ms-input-placeholder,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control:-ms-input-placeholder {
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control::-ms-input-placeholder,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control::-ms-input-placeholder {
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .form-control::placeholder,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .form-control::placeholder {
    color: #212121;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .game-input .bg-secondary.input-group-text,
.widget.casino-games-filter-2.alternate-0 .filters-row .provider-select .bg-secondary.input-group-text {
    border-color: rgba(33, 33, 33, 0.3);
    background: #fff !important;
    color: #212121 !important;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .btn-container .category {
    background: #fff !important;
    color: #212121 !important;
}

.widget.casino-games-filter-2.alternate-0 .filters-row .btn-container .category.active {
    background: #0082cb !important;
    color: #fff !important;
}

.widget.casino-game-frame-1 {
    margin: 0;
    max-height: 100vh;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .topbar {
    background: #004d2a;
    color: #fff;
    font-size: 14px;
    height: 50px;
}

.widget.casino-game-frame-1 .topbar .col-center,
.widget.casino-game-frame-1 .topbar .col-left,
.widget.casino-game-frame-1 .topbar .col-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.widget.casino-game-frame-1 .topbar .col-left {
    justify-content: flex-start;
    flex-shrink: 1;
}

.widget.casino-game-frame-1 .topbar .col-left .favorites,
.widget.casino-game-frame-1 .topbar .col-left .game-title,
.widget.casino-game-frame-1 .topbar .col-left .timeclock {
    padding: 0 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-left .favorites span,
.widget.casino-game-frame-1 .topbar .col-left .game-title span,
.widget.casino-game-frame-1 .topbar .col-left .timeclock span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px;
}

.widget.casino-game-frame-1 .topbar .col-left .game-title {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-center {
    background: #fff;
    color: #212121;
    margin: 0 35px;
    position: relative;
    width: 300px;
    max-width: 300px;
}

.widget.casino-game-frame-1 .topbar .col-center:before {
    content: "";
    left: -30px;
    top: 0;
    width: 0;
    position: absolute;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 0 30px 50px 0;
}

.widget.casino-game-frame-1 .topbar .col-center:after {
    content: "";
    right: -30px;
    top: 0;
    width: 0;
    position: absolute;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 50px 30px 0 0;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box {
    margin: 0 15px;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: #999;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    margin-bottom: 0;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box input:checked+label {
    background: #02a057;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box input:checked+label:after {
    left: calc(100% - 1px);
    transform: translateX(-100%);
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-box label:active:after {
    width: 18px;
}

.widget.casino-game-frame-1 .topbar .col-center .real-or-demo .switch-button {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: center;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .btn {
    font-size: 14px;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .btn:first-child {
    margin-right: 10px;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .username {
    display: inline;
    margin-right: 10px;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt {
    background: #fff;
    color: #212121;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance {
    border-color: #fff !important;
    font-size: 16px;
    padding: 5px 10px;
    width: auto;
    margin-right: 0;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #013d21 !important;
    box-shadow: none;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance.bg-primary:focus,
.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance.bg-primary:hover {
    background: #CA2713 !important;
    color: #fff !important;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt {
    position: relative;
    display: block;
    padding: 0 10px;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt .balance {
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    opacity: 0;
    z-index: -1;
    transform: translateY(35px);
    transition: all 0.3s ease;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt .balance.show {
    transform: translate(0);
    z-index: 1;
    opacity: 1;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt .hide-balance {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 1;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt .hide-balance.hide {
    opacity: 0;
    z-index: -1;
    display: block !important;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-2 .username {
    margin-right: 15px;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn {
    background: transparent;
    border: 0;
    color: #fff;
}

.widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn i {
    font-size: 18px;
}

.widget.casino-game-frame-1 .iframe-wrapper {
    position: relative;
    height: calc(100vh - 85px);
    max-height: calc(100vh - 85px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.widget.casino-game-frame-1 .iframe-wrapper .video-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.widget.casino-game-frame-1 .iframe-wrapper .video-container .gameframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 0 !important;
    max-height: calc(100vh - 115px);
    width: 80vw !important;
    height: 45vw;
    background-color: #111;
}

.widget.casino-game-frame-1 .bottombar {
    background: #004d2a;
    color: #fff;
    height: 35px;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo {
    display: none;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box {
    margin: 0 5px;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box label {
    cursor: pointer;
    text-indent: -9999px;
    width: 30px;
    height: 15px;
    background: #999;
    display: block;
    border-radius: 100px;
    position: relative;
    margin-bottom: 0;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box input:checked+label {
    background: #02a057;
    margin-top: -15pt;
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box input:checked+label:after {
    left: calc(100% - 1px);
    transform: translateX(-100%);
}

.widget.casino-game-frame-1 .bottombar .col-left .real-or-demo .switch-box label:active:after {
    width: 13px;
}

.widget.casino-game-frame-1 .bottombar .col-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.widget.casino-game-frame-1 .bottombar .col-right .feedback-text {
    display: inline-block;
}

.widget.casino-game-frame-1 .bottombar .col-right .feedback-stars {
    display: inline-block;
    margin-left: 15px;
}

@media only screen and (max-width: 1200px) {
    .widget.casino-game-frame-1 .topbar .col-center {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol {
        justify-content: flex-end;
    }
    .widget.casino-game-frame-1 .bottombar .col-left .real-or-demo {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .widget.casino-game-frame-1 .bottombar .col-right .feedback-text {
        display: none;
    }
    .widget.casino-game-frame-1 .iframe-wrapper {
        padding: 0 5px;
    }
    .widget.casino-game-frame-1 .iframe-wrapper .video-container .gameframe {
        width: 95vw !important;
        height: 56.25vw;
    }
}

@media only screen and (max-width: 767px) {
    .widget.casino-game-frame-1 .topbar {
        font-size: 13px;
        padding: 0;
    }
    .widget.casino-game-frame-1 .topbar .col-left {
        font-size: 18px;
        padding-left: 10px;
    }
    .widget.casino-game-frame-1 .topbar .col-left .game-title {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-right {
        padding-right: 10px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .btn {
        font-size: 13px;
        padding: 3px 5px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .btn:nth-child(2) {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn i {
        font-size: 18px;
    }
    .widget.casino-game-frame-1 .iframe-wrapper {
        padding: 0;
    }
    .widget.casino-game-frame-1 .iframe-wrapper .video-container .gameframe {
        width: 100%;
        height: 100%;
    }
    .widget.casino-game-frame-1 .bottombar {
        font-size: 12px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.casino-game-frame-1 .topbar .col-left {
        padding-right: 0;
    }
    .widget.casino-game-frame-1 .topbar .col-left .favorites,
    .widget.casino-game-frame-1 .topbar .col-left .game-title,
    .widget.casino-game-frame-1 .topbar .col-left .timeclock {
        padding: 0 5px;
    }
    .widget.casino-game-frame-1 .topbar .col-left .timeclock {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-left .favorites {
        font-size: 16px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .btn {
        width: 60px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn {
        padding: 5px 2px;
        margin-left: 10px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn i {
        font-size: 16px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-actions .btn:first-child {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .username {
        max-width: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .btn-balance {
        display: none;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt {
        padding: 3px 5px;
    }
    .widget.casino-game-frame-1 .topbar .col-right .btn-usercontrol .user-balance-1 .balance-cnt .span-cnt .hide-balance {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .widget.casino-game-frame-1 .bottombar .col-right {
        display: none;
    }
}

.widget.casino-game-frame-1.game-frame-fullscreen {
    background: transparent !important;
    height: auto;
}

.widget.casino-game-frame-1.game-frame-fullscreen .bottombar,
.widget.casino-game-frame-1.game-frame-fullscreen .topbar {
    display: none !important;
}

.widget.casino-games-mini-1 .game-holder {
    margin-bottom: 10px;
}

.widget.casino-games-mini-1 .game-holder .card {
    position: relative;
    border-radius: 0;
    background: #004d2a;
    color: #fff;
    overflow: hidden;
    border-radius: 4px;
}

.widget.casino-games-mini-1 .game-holder .card>a img {
    display: block;
    transition: all 0.2s ease;
}

.widget.casino-games-mini-1 .game-holder .card .icon-fav {
    display: block;
    transition: all 0.2s ease;
    transform: translate(0);
    position: absolute;
    left: 5px;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.widget.casino-games-mini-1 .game-holder .card .badge {
    font-weight: 400;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    display: block;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
    visibility: hidden;
}

.widget.casino-games-mini-1 .game-holder .card .card-footer {
    padding: 3px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    background: #004d2a;
    color: #fff;
    border-radius: 0;
    transition: all 0.2s ease;
    transform: translateY(25px);
    border: 0;
}

.widget.casino-games-mini-1 .game-holder .card .card-footer span {
    text-transform: capitalize;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
}

.widget.casino-games-mini-1 .game-holder .card:hover>a {
    background-color: #04283a;
}

.widget.casino-games-mini-1 .game-holder .card:hover>a img {
    transform: scale(1.25);
    opacity: 0.65;
}

.widget.casino-games-mini-1 .game-holder .card:hover .card-footer,
.widget.casino-games-mini-1 .game-holder .card:hover .icon-fav {
    transform: translate(0);
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .widget.casino-games-mini-1 .game-holder .card .badge {
        right: 1px;
        top: 1px;
    }
    .widget.casino-games-mini-1 .game-holder .card .icon-fav {
        left: 1px;
        top: 1px;
    }
    .widget.casino-games-mini-1 .game-holder .card .card-footer {
        display: none;
    }
    .widget.casino-games-mini-1 .game-holder .card:hover>a img {
        transform: scale(1);
    }
}

.widget.casino-jackpot-games-1 {
    margin: 20px 0;
    display: block;
}

.widget.casino-jackpot-games-1 .heading {
    margin-bottom: 15px;
}

.widget.casino-jackpot-games-1 .carousel .carousel-inner .carousel-item .col-game {
    position: relative;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .widget.casino-jackpot-games-1 .carousel .carousel-inner .carousel-item .col-game .card .card-footer,
    .widget.casino-jackpot-games-1 .carousel .carousel-inner .carousel-item .col-game .card .card-header {
        font-size: 14px;
        padding: 4px;
    }
    .widget.casino-jackpot-games-1 .carousel .carousel-inner .carousel-item .col-game .card .card-body a {
        position: relative;
        height: 130px;
        display: block;
    }
    .widget.casino-jackpot-games-1 .carousel .carousel-inner .carousel-item .col-game .card .card-body a img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 130px;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.widget.casino-jackpot-games-1 .carousel .carousel-indicators {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    margin: 15px 0;
}

.widget.casino-jackpot-games-1 .carousel .carousel-indicators li.active {
    background-color: #0082cb;
}

.widget.casino-jackpot-games-2 {
    margin: 25px 0;
    display: block;
}

.widget.casino-jackpot-games-2 .heading {
    margin-bottom: 15px;
}

.overlay-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.65);
    z-index: -98;
    transition: all 0.3s ease;
    opacity: 0;
}

.overlay-bg.visible {
    z-index: 98;
    opacity: 1;
}

.widget.casino-off-menu-1 {
    background: #001E10;
    color: #fff;
    width: 400px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    transform: translate(-400px);
    transition: all 0.3s ease;
}

.widget.casino-off-menu-1 .off-menu {
    position: relative;
    display: block;
}

.widget.casino-off-menu-1 .off-menu .nav.nav-tabs {
    height: 50px;
    background: #013d21;
    border-bottom: 1px solid #004d2a;
}

.widget.casino-off-menu-1 .off-menu .nav.nav-tabs .nav-item {
    background: transparent;
}

.widget.casino-off-menu-1 .off-menu .nav.nav-tabs .nav-item .nav-link {
    background: transparent;
    border-radius: 0;
    border: 0;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.widget.casino-off-menu-1 .off-menu .nav.nav-tabs .nav-item .nav-link.active {
    background: #001E10;
    color: #fff;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane {
    padding: 15px 0;
    overflow-y: auto;
    height: calc(100vh - 37px);
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box {
    position: relative;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    overflow: hidden;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box.nav-promo-box {
    height: 120px;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 4px;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box img {
    transition: all 0.3s ease;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box .img-fluid {
    min-height: 120px;
    max-height: 120px;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box .btn {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    padding: 3px 8px;
    font-size: 13px;
    z-index: 3;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box:hover {
    border-color: #d32f2f;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-promo .promo-box:hover img {
    transform: scale(1.3);
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters {
    padding: 15px 0;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1,
.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters form {
    margin: 0;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container {
    width: 100%;
    max-width: 100%;
    min-width: unset;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row {
    flex-direction: column;
    flex-wrap: wrap;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-left {
    flex: 1 1 100%;
    max-width: 100%;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right {
    flex: 1 1 100%;
    padding-top: 15px;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right .categories-holder {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right .categories-holder .category {
    flex: 0 1 25%;
    margin: 0;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right .categories-holder .category .icon svg {
    width: 28px;
    height: 28px;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right .categories-holder .category .title {
    font-size: 11px;
}

.widget.casino-off-menu-1 .off-menu .tab-content .tab-pane.tab-games .game-filters .widget.casino-games-filter-1 .container .filters-row .col-right .categories-holder .divider {
    display: flex;
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, 0.3);
    margin: 15px 0;
}

.widget.casino-off-menu-1 .trigger-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 400px;
    background: #004d2a;
    color: #fff;
    height: 60px;
    width: 30px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.widget.casino-off-menu-1 .trigger-btn:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #004d2a;
    border-style: solid;
    border-width: 10px 0 0 30px;
}

.widget.casino-off-menu-1 .trigger-btn:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-color: #004d2a transparent transparent;
    border-style: solid;
    border-width: 10px 30px 0 0;
}

.widget.casino-off-menu-1.visible {
    transform: translate(0);
}

@media only screen and (max-width: 991px) {
    .widget.casino-off-menu-1 {
        display: none;
    }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .widget.casino-off-menu-1 {
        width: 280px;
        transform: translate(-280px);
    }
    .widget.casino-off-menu-1 .trigger-btn {
        left: 280px;
        font-size: 14px;
        width: 25px;
        height: 40px;
    }
    .widget.casino-off-menu-1 .trigger-btn:before {
        border-width: 10px 0 0 25px;
    }
    .widget.casino-off-menu-1 .trigger-btn:after {
        border-width: 10px 25px 0 0;
    }
}

.widget.casino-gamepods-featured-1 {
    display: block;
    flex: 0 1 16.6666666666%;
    margin-bottom: 10px;
}

.widget.casino-gamepods-featured-1 .card {
    position: relative;
    background: #04283a;
    color: #fff;
    overflow: hidden;
    border: 0;
}

.widget.casino-gamepods-featured-1 .card>a img {
    display: block;
    transition: all 0.2s linear;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.widget.casino-gamepods-featured-1 .card .icon-fav {
    display: block;
    transition: all 0.2s linear;
    transform: translate(0);
    position: absolute;
    left: 5px;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.widget.casino-gamepods-featured-1 .card .badge {
    font-weight: 400;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    display: block;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
}

.widget.casino-gamepods-featured-1 .card .card-footer {
    padding: 3px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    background: #0082cb;
    color: #fff;
    border-radius: 0;
    transition: all 0.2s linear;
    transform: translateY(25px);
    border: 0;
}

.widget.casino-gamepods-featured-1 .card .card-footer span {
    text-transform: capitalize;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
}

.widget.casino-gamepods-featured-1 .card:hover>a {
    background-color: #04283a;
}

.widget.casino-gamepods-featured-1 .card:hover>a img {
    transform: scale(1.25);
    opacity: 0.65;
}

.widget.casino-gamepods-featured-1 .card:hover .card-footer,
.widget.casino-gamepods-featured-1 .card:hover .icon-fav {
    transform: translate(0);
}

@media only screen and (max-width: 991px) {
    .widget.casino-gamepods-featured-1 {
        flex: 0 1 25%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.casino-gamepods-featured-1 {
        flex: 0 1 50%;
        margin-bottom: 6px;
        padding-left: 3px;
        padding-right: 3px;
    }
    .widget.casino-gamepods-featured-1 .card {
        border: 0;
    }
    .widget.casino-gamepods-featured-1 .card .badge {
        right: 1px;
        top: 1px;
    }
    .widget.casino-gamepods-featured-1 .card .icon-fav {
        left: 1px;
        top: 1px;
    }
    .widget.casino-gamepods-featured-1 .card .card-footer {
        display: none;
    }
    .widget.casino-gamepods-featured-1 .card:hover>a img {
        transform: scale(1);
    }
}

.widget.casino-gamepods-jackpot-1 {
    margin: 0;
}

.widget.casino-gamepods-jackpot-1 .card {
    border: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
}

.widget.casino-gamepods-jackpot-1 .card .card-header {
    background: #04283a;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    transition: all 0.2s linear;
}

.widget.casino-gamepods-jackpot-1 .card .card-header span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}

.widget.casino-gamepods-jackpot-1 .card .card-body {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.widget.casino-gamepods-jackpot-1 .card .card-body img {
    display: block;
    transition: all 0.2s linear;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.widget.casino-gamepods-jackpot-1 .card .card-body .icon-fav {
    display: block;
    transition: all 0.2s linear;
    transform: translate(0);
    position: absolute;
    left: 5px;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.widget.casino-gamepods-jackpot-1 .card .card-footer {
    background: #04283a;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    transition: all 0.2s linear;
}

.widget.casino-gamepods-jackpot-1 .card .card-footer span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
}

.widget.casino-gamepods-jackpot-1 .card:hover .card-footer,
.widget.casino-gamepods-jackpot-1 .card:hover .card-header {
    background: #04283a;
    color: #fff;
}

.widget.casino-gamepods-jackpot-1 .card:hover .card-body img {
    transform: scale(1.25);
    opacity: 0.65;
}

.widget.casino-gamepods-jackpot-1 .card:hover .card-body .icon-fav {
    transform: translate(0);
}

.widget.casino-gamepods-jackpot-2 {
    margin-bottom: 10px;
}

.widget.casino-gamepods-jackpot-2 .card {
    background: #04283a;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.widget.casino-gamepods-jackpot-2 .card:hover,
.widget.casino-gamepods-jackpot-2 .card:hover .thumb {
    border-color: #04283a;
}

.widget.casino-gamepods-jackpot-2 .card .thumb {
    border-right: 1px solid transparent;
    transition: all 0.3s ease;
}

.widget.casino-gamepods-jackpot-2 .card .text {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.widget.casino-gamepods-jackpot-2 .card .text .title {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.widget.casino-gamepods-jackpot-2 .card .text .amount,
.widget.casino-gamepods-jackpot-2 .card .text .title {
    display: block;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.casino-gamepods-jackpot-2 .card .btn-cnt {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.widget.common-banner-1 {
    display: block;
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 200px;
}

.widget.common-banner-1 .caption-box {
    background: rgba(4, 40, 58, 0.8);
    color: #fff;
    text-align: center;
    padding: 50px 15px;
}

.widget.common-banner-1 .caption-box .heading {
    font-size: 50px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
}

.widget.common-banner-1 .caption-box .desc {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
    .widget.common-banner-1 {
        padding: 50px 0;
    }
    .widget.common-banner-1 .caption-box {
        padding: 35px 15px;
    }
    .widget.common-banner-1 .caption-box .heading {
        font-size: 24px;
    }
    .widget.common-banner-1 .caption-box .btn,
    .widget.common-banner-1 .caption-box .desc {
        font-size: 14px;
    }
    .widget.common-banner-1 .caption-box .btn {
        padding: 6px 35px;
    }
}

.widget.common-carousel-1 .carousel {
    margin: 0 !important;
    background: #111821;
}

.widget.common-carousel-1 .carousel .carousel-inner {
    height: auto;
}

.widget.common-carousel-1 .carousel .carousel-inner .home-carousel-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -5%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    color: #fff;
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-color: rgba(4, 40, 58, 0.5);
    transition: all 0.5s;
    width: 0;
    transform: skew(-20deg);
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    min-height: 150px;
    max-height: 370px;
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-height: 400px;
    width: 100%;
    min-height: 150px;
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .title {
    font-size: 40px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .desc {
    margin-bottom: 15px;
    display: block;
    font-size: 18px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .btn {
    border: 0;
    display: table;
    width: 130px;
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .btn:hover {
    background-color: #d32f2f !important;
    color: #fff !important;
}

.widget.common-carousel-1 .carousel .carousel-inner .carousel-item.active>.home-carousel-bg {
    width: 50%;
    left: -5%;
    transition: all 0.9s ease;
}

.widget.common-carousel-1 .carousel .carousel-control-next,
.widget.common-carousel-1 .carousel .carousel-control-prev {
    width: 100px;
    display: none;
}

.widget.common-carousel-1 .carousel .carousel-control-next-icon,
.widget.common-carousel-1 .carousel .carousel-control-prev-icon {
    background: 0 0;
}

.widget.common-carousel-1 .carousel .carousel-control-next-icon:before,
.widget.common-carousel-1 .carousel .carousel-control-prev-icon:before {
    background-image: none;
    content: "\F053";
    font-family: FontAwesome;
    font-size: 22px;
    color: #fff;
}

.widget.common-carousel-1 .carousel .carousel-control-next-icon:before {
    content: "\F054";
}

.widget.common-carousel-1 .carousel-indicators li {
    width: 30px;
    height: 5px;
    background-color: #04283a;
    cursor: pointer;
}

.widget.common-carousel-1 .carousel-indicators .active {
    background-color: #d32f2f;
}

@media screen and (max-width: 991px) {
    .widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .title {
        font-size: 24px;
        text-align: center;
    }
    .widget.common-carousel-1 .carousel .carousel-inner .carousel-item .carousel-caption-home .btn {
        padding: 5px 10px;
        font-size: 14px;
        width: auto;
    }
    .widget.common-carousel-1 .carousel .carousel-control-next,
    .widget.common-carousel-1 .carousel .carousel-control-prev,
    .widget.common-carousel-1 .carousel .carousel-indicators {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .widget.common-carousel-1 .home-carousel-bg {
        transform: skew(0deg) !important;
        left: 0 !important;
        width: 100% !important;
    }
}

.widget.common-carousel-2 .carousel .col-left {
    padding-right: 5px;
}

.widget.common-carousel-2 .carousel .col-left .carousel-inner {
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

.widget.common-carousel-2 .carousel .col-left .carousel-inner .carousel-item {
    padding: 0;
}

.widget.common-carousel-2 .carousel .col-left .carousel-inner .carousel-item img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 991px) {
    .widget.common-carousel-2 .carousel .col-left .carousel-inner .carousel-item img {
        height: 230px;
    }
}

@media (max-width: 767px) {
    .widget.common-carousel-2 .carousel .col-left .carousel-inner .carousel-item img {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .widget.common-carousel-2 .carousel .col-left .carousel-inner .carousel-item img {
        height: 175px;
    }
}

@media (max-width: 991px) {
    .widget.common-carousel-2 .carousel .col-left {
        padding: 0;
    }
    .widget.common-carousel-2 .carousel .col-left .carousel-inner {
        border: 0;
    }
}

.widget.common-carousel-2 .carousel .col-right {
    padding-left: 5px;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators {
    position: relative;
    top: auto;
    bottom: auto;
    width: calc(100% + 5px);
    left: -5px;
    right: 0;
    height: auto;
    display: table;
    table-layout: fixed;
    margin: 0 auto !important;
    text-align: center;
    height: 303px;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li {
    position: relative;
    height: 101px;
    width: auto;
    display: table-cell;
    padding: 0 5px !important;
    margin: 0 !important;
    opacity: 0.3;
    transition: all 0.4s ease;
    background: transparent !important;
    display: block !important;
}

@media (max-width: 991px) {
    .widget.common-carousel-2 .carousel .col-right .carousel-indicators li {
        height: auto;
    }
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li.active {
    opacity: 1;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li.active a img {
    border-color: #d32f2f;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li:hover {
    opacity: 0.6;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li a {
    transition: all 0.4s ease;
    display: block;
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li a img {
    transition: all 0.4s ease;
    border: 2px solid transparent;
    box-sizing: content-box;
    height: 95px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 991px) {
    .widget.common-carousel-2 .carousel .col-right .carousel-indicators li a img {
        height: 80px;
    }
}

@media (max-width: 767px) {
    .widget.common-carousel-2 .carousel .col-right .carousel-indicators li a img {
        height: 65px;
    }
}

.widget.common-carousel-2 .carousel .col-right .carousel-indicators li:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .widget.common-carousel-2 .carousel .col-right {
        padding: 0;
    }
    .widget.common-carousel-2 .carousel .col-right .carousel-indicators {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 5px;
        height: auto;
    }
}

.widget.common-carousel-3 .carousel .image-area {
    width: 100%;
    height: auto;
    max-height: 400px;
}

.widget.common-carousel-3 .carousel .carousel-inner {
    height: 100%;
}

.widget.common-carousel-3 .carousel .carousel-inner .carousel-item {
    text-align: center;
    height: 100%;
}

.widget.common-carousel-3 .carousel .carousel-inner .carousel-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.widget.common-carousel-3 .carousel .carousel-inner .carousel-item .carousel-caption {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 35px;
    color: #f9f9f9;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.55);
}

.widget.common-carousel-3 .carousel .carousel-inner .carousel-item .carousel-caption .container {
    padding: 0 75px;
}

@media (max-width: 767px) {
    .widget.common-carousel-3 .carousel .carousel-inner .carousel-item .carousel-caption {
        display: none;
    }
}

.widget.common-carousel-3 .carousel .carousel-control-next,
.widget.common-carousel-3 .carousel .carousel-control-prev {
    width: 65px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 767px) {
    .widget.common-carousel-3 .carousel .carousel-control-next,
    .widget.common-carousel-3 .carousel .carousel-control-prev {
        width: 45px;
        height: 45px;
    }
    .widget.common-carousel-3 .carousel .carousel-control-next .carousel-control-next-icon,
    .widget.common-carousel-3 .carousel .carousel-control-next .carousel-control-prev-icon,
    .widget.common-carousel-3 .carousel .carousel-control-prev .carousel-control-next-icon,
    .widget.common-carousel-3 .carousel .carousel-control-prev .carousel-control-prev-icon {
        width: 15px;
        height: 15px;
    }
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    background: #fff;
    color: #fff;
    border: 1px solid white;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    border: none;
    background: #fff;
}

.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover {
    right: 2px;
    top: 2px;
}

.ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
    left: 2px;
    top: 2px;
}

.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
    font-family: Poppins, sans-serif;
    background: #004d2a;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.4);
}

.ui-datepicker.ui-widget-content {
    font-family: Poppins, sans-serif;
    background: #004d2a;
    color: #fff;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
    background: #004d2a;
    color: #fff;
    border: none;
    border-radius: 2px;
}

.ui-datepicker.ui-widget-content .ui-state-default {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004d2a;
    color: #fff;
    border-color: transparent;
}

.ui-datepicker.ui-widget-content .ui-state-default.ui-state-active {
    background: #02a057;
    color: #fff;
}

.bootstrap-datetimepicker-widget {
    list-style: none;
    background: #004d2a;
    color: #fff;
    font-family: Poppins, sans-serif;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
    background: #04283a;
    color: #fff;
}

.bootstrap-datetimepicker-widget .picker-switch td i,
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.5em;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: #fff;
    color: #212121;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
    background: #04283a;
    color: #fff;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #04283a;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
    background: #04283a;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #212121;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #04283a;
    color: #fff;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #fff;
    opacity: 0.4;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border-color: rgba(0, 0, 0, 0.2) transparent #212121;
    border-style: solid;
    border-width: 0 0 7px 7px;
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #04283a;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: #fff;
    color: #212121;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td i,
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 0.25rem;
}

.bootstrap-datetimepicker-widget table td i:hover,
.bootstrap-datetimepicker-widget table td span:hover {
    background: #04283a;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td i.active,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #04283a;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td i.old,
.bootstrap-datetimepicker-widget table td span.old {
    color: #212121;
}

.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td i.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: #fff;
    color: #212121;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.widget.faq-item-1 {
    display: block;
    margin: 15px 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.05);
    color: #343434;
}

.widget.faq-item-1 h2,
.widget.faq-item-1 h3.heading {
    font-size: 48px;
}

.widget.faq-item-1 .sub-heading,
.widget.faq-item-1 h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget.faq-item-1 .paragraph,
.widget.faq-item-1 p {
    font-size: 14px;
    margin-bottom: 15px;
}

.widget.faq-item-1 .jumbotron {
    margin: 20px 0;
    padding: 30px;
    border-radius: 0;
    background: #fff;
    color: #343434;
}

.widget.faq-item-1 .jumbotron .inner {
    border-left: 3px solid #0082cb;
    padding-left: 10px;
}

.widget.faq-item-1 .list,
.widget.faq-item-1 ul {
    display: block;
}

.widget.faq-item-1 .list li,
.widget.faq-item-1 ul li {
    font-size: 14px;
    margin-bottom: 2px;
    font-style: italic;
}

.widget.faq-item-1 .tec {
    border: 1px dashed rgba(52, 52, 52, 0.5);
    padding: 15px;
    background: rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
}

.widget.faq-item-1 .tec a {
    text-decoration: underline;
}

.widget.faq-item-1 .tec .sub-heading {
    font-size: 15px;
}

.widget.faq-item-1 .tec .num {
    display: block;
    font-size: 16px;
    margin-right: 10px;
    font-style: italic;
    font-weight: 700;
}

.widget.faq-item-1 .tec .paragraph {
    display: block;
    font-size: 14px;
}

.widget.faq-item-1 .topic {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.widget.faq-item-1 .topic .card-body,
.widget.faq-item-1 .topic .card-header {
    background: transparent;
}

@media only screen and (max-width: 991px) {
    .widget.faq-item-1 h2,
    .widget.faq-item-1 h3.heading {
        font-size: 24px;
    }
}

.widget.filters-modal-1 {
    margin: 0;
}

@media (max-width: 767px) {
    .widget.filters-modal-1 {
        padding-right: 0 !important;
    }
}

.widget.filters-modal-1 .modal-dialog {
    max-width: 650px;
}

@media (max-width: 767px) {
    .widget.filters-modal-1 .modal-dialog {
        margin: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .widget.filters-modal-1 .modal-dialog .modal-content {
        height: 100%;
    }
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body {
    max-height: 500px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body hr {
    border-color: #fff;
}

@media (max-width: 767px) {
    .widget.filters-modal-1 .modal-dialog .modal-content .modal-body {
        max-height: unset;
    }
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 7px 5px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    cursor: pointer;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile .img-fluid {
    max-height: 60px;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile span {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile.active {
    border-color: #0082cb;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: #0082cb;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile.text-only {
    padding: 10px 5px;
    font-size: unset;
}

.widget.filters-modal-1 .modal-dialog .modal-content .modal-body .tile.text-only span {
    margin: 0;
}

.widget.inline-tabs-1 {
    margin-bottom: 0;
}

.widget.inline-tabs-1 .nav.nav-tabs {
    display: flex;
    margin: 0;
    border-bottom: 1px solid rgba(52, 52, 52, 0.15);
}

.widget.inline-tabs-1 .nav.nav-tabs .nav-item {
    width: auto;
    padding: 0;
    display: block;
    background: transparent;
    border-radius: 0;
    border: 0;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.widget.inline-tabs-1 .nav.nav-tabs .nav-item .nav-link {
    display: block;
    padding: 10px 15px;
    background: #004d2a;
    color: #fff;
    box-shadow: inset 0 2px 0 0 transparent;
    border-radius: 0;
    border: 0;
}

.widget.inline-tabs-1 .nav.nav-tabs .nav-item .nav-link.active {
    background: #fff;
    color: #02a057;
    box-shadow: inset 0 2px 0 0 #02a057;
    opacity: 1;
}

.widget.inline-tabs-1 .nav.nav-tabs .nav-item .nav-link:hover {
    background: #02a057;
    color: #fff;
    box-shadow: inset 0 2px 0 0 #02a057;
}

.widget.inline-tabs-1 .nav.nav-tabs .nav-item:last-child {
    border-right: 1px solid #efefef;
}

@media only screen and (max-width: 991px) {
    .widget.inline-tabs-1 .nav.nav-tabs .nav-item {
        float: left;
        width: 33.3%;
        border: 0;
        background: transparent;
    }
    .widget.inline-tabs-1 .nav.nav-tabs .nav-item .nav-link {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px;
        text-transform: uppercase;
        margin: 1px;
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .widget.inline-tabs-1 .nav.nav-tabs .nav-item {
        float: left;
        width: 50%;
        border: 0;
        background: transparent;
    }
}

.widget.login-modal-1 {
    margin-bottom: 0;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-header {
    background: #fff;
    color: #212121;
    padding: 15px;
    border-bottom: 0;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-header .close {
    color: #d32f2f;
    height: 30px;
    margin: 10px 0;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-header .close span {
    font-size: 28px;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-header img {
    display: block;
    max-height: 150px;
    max-width: 320px;
    margin: 0 auto;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body {
    background: #fff;
    color: #212121;
    padding: 50px;
}

@media only screen and (max-width: 767px) {
    .widget.login-modal-1 .modal-dialog .modal-content .modal-body {
        padding: 25px;
    }
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 {
    max-width: 350px;
    display: block;
    margin: 0 auto;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp {
    position: relative;
    margin-bottom: 20px;
    display: block;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control {
    background: #fff;
    color: #212121 !important;
    border-color: rgba(33, 33, 33, 0.3) !important;
    padding: 10px 40px 10px 50px;
    font-size: 16px;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control::placeholder,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control::placeholder {
    color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #212121;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp .form-control:focus,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp .form-control:focus {
    border-color: #d32f2f !important;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .password-inp>i,
.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .username-inp>i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 22px;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .forgot-password {
    display: block;
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .forgot-password {
        margin-bottom: 25px;
    }
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .forgot-password a {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.75;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .btn {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    width: 100%;
    padding: 10px;
    margin-bottom: 25px;
    border: 0;
}

@media only screen and (max-width: 767px) {
    .widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .btn {
        margin-bottom: 20px;
    }
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-body .login-form-1 .btn i {
    display: none;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer {
    padding: 40px 0;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .widget.login-modal-1 .modal-dialog .modal-content .modal-footer {
        padding: 25px 0;
    }
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer .btn {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    width: 100%;
    padding: 10px;
    max-width: 350px;
    margin: 0 auto;
    border: 0;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer .btn i {
    display: none;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer .new-member {
    position: absolute;
    width: 50%;
    height: 25px;
    left: 0;
    right: 0;
    top: -25px;
    margin: auto;
    background: #d32f2f;
    color: #fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer .new-member:before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent #d32f2f;
    border-style: solid;
    border-width: 0 0 25px 15px;
}

.widget.login-modal-1 .modal-dialog .modal-content .modal-footer .new-member:after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #d32f2f;
    border-style: solid;
    border-width: 25px 0 0 15px;
}

.widget.common-seobox-1 {
    background: #111821;
    color: #fff;
    margin: 0;
}

.widget.common-seobox-1 .container {
    padding-top: 15px;
}

.widget.common-latest-winners-1 {
    overflow: hidden;
}

@media (max-width: 991px) {
    .widget.common-latest-winners-1 {
        display: none;
    }
}

.widget.common-latest-winners-1 .ticker-wrap {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    background: #04283a;
    color: #fff;
    position: relative;
    border-radius: 4px;
}

.widget.common-latest-winners-1 .ticker-wrap .carousel-control-next,
.widget.common-latest-winners-1 .ticker-wrap .carousel-control-prev {
    width: 75px;
    opacity: 1;
    color: #fff;
}

.widget.common-latest-winners-1 .ticker-wrap .carousel-control-next:hover,
.widget.common-latest-winners-1 .ticker-wrap .carousel-control-prev:hover {
    color: #0082cb;
}

.widget.common-latest-winners-1 .ticker-wrap .carousel {
    display: flex;
    width: calc(100% - 150px);
    margin: 0 auto;
}

.widget.common-latest-winners-1 .ticker-wrap .ticker {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    text-align: center;
    padding: 10px 15px;
}

.widget.common-latest-winners-1 .ticker-wrap .ticker .ticker-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    width: 25%;
}

.widget.common-latest-winners-1 .ticker-wrap .ticker .ticker-item .left-side {
    padding-right: 15px;
    font-size: 32px;
    color: #0082cb;
    line-height: 1;
}

.widget.common-latest-winners-1 .ticker-wrap .ticker .ticker-item .right-side .amount,
.widget.common-latest-winners-1 .ticker-wrap .ticker .ticker-item .right-side .username {
    display: block;
    text-align: left;
}

.widget.common-latest-winners-1.alternate-0 .ticker-wrap {
    background: #fff;
    color: #212121;
}

.widget.common-latest-winners-1.alternate-0 .ticker-wrap .carousel-control-next,
.widget.common-latest-winners-1.alternate-0 .ticker-wrap .carousel-control-prev {
    width: 75px;
    opacity: 1;
    color: #212121;
}

.widget.common-latest-winners-1.alternate-0 .ticker-wrap .carousel-control-next:hover,
.widget.common-latest-winners-1.alternate-0 .ticker-wrap .carousel-control-prev:hover {
    color: #0082cb;
}

.widget.common-latest-winners-2 .card {
    border: 1px solid transparent;
    background: #04283a;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.widget.common-latest-winners-2 .card:before {
    content: "";
    left: -8%;
    top: -5%;
    bottom: 0;
    margin: auto;
    height: 115%;
    width: 110px;
    position: absolute;
    z-index: 0;
    background: #0082cb;
    transform: translate(-150px);
    transition: all 0.3s ease;
}

.widget.common-latest-winners-2 .card .left-side {
    font-size: 36px;
    line-height: 1;
    color: #0082cb;
    transition: all 0.3s ease;
    padding: 0 10px;
    position: relative;
    z-index: 3;
}

@media (max-width: 576px) {
    .widget.common-latest-winners-2 .card .left-side {
        padding: 0;
        position: absolute;
        font-size: 14px;
        left: -25px;
        top: -25px;
        width: 50px;
        height: 50px;
        transform: rotate(-45deg);
        background: #0082cb;
        color: #fff;
    }
    .widget.common-latest-winners-2 .card .left-side .fa {
        transform: rotate(45deg);
        position: absolute;
        right: 18px;
        bottom: 2px;
    }
}

.widget.common-latest-winners-2 .card .right-side {
    flex-grow: 1;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 576px) {
    .widget.common-latest-winners-2 .card .right-side {
        font-size: 12px;
    }
}

.widget.common-latest-winners-2 .card .right-side .username {
    display: block;
    text-transform: uppercase;
}

.widget.common-latest-winners-2 .card .right-side span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.widget.common-latest-winners-2 .card:hover {
    border-color: #0082cb;
}

.widget.common-latest-winners-2 .card:hover:before {
    transform: translate(0);
}

.widget.common-latest-winners-2 .card:hover .left-side {
    color: #fff;
}

.widget.common-latest-winners-2.alternate-0 .card {
    background: #fff;
    color: #212121;
}

.widget.common-latest-winners-2.alternate-0 .card:hover {
    border-color: #0082cb;
}

.widget.common-latest-winners-2.alternate-0 .card:hover .left-side {
    color: #fff;
}

.widget.common-latest-winners-3 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget.common-latest-winners-3 .card {
    border: 0;
    background: #04283a;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .widget.common-latest-winners-3 .card {
        height: 100%;
    }
}

.widget.common-latest-winners-3 .card .left-side {
    font-size: 36px;
    line-height: 1;
    color: #0082cb;
    transition: all 0.3s ease;
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%;
    display: flex;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .widget.common-latest-winners-3 .card .left-side {
        width: 35%;
    }
}

.widget.common-latest-winners-3 .card .left-side .img-fluid {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .widget.common-latest-winners-3 .card .left-side .img-fluid {
        max-height: 125px;
    }
}

.widget.common-latest-winners-3 .card .right-side {
    flex-grow: 1;
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    text-transform: uppercase;
}

.widget.common-latest-winners-3 .card .right-side .amount,
.widget.common-latest-winners-3 .card .right-side .username {
    display: block;
    margin-bottom: 5px;
}

.widget.common-latest-winners-3 .card .right-side span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 0 10px;
}

.widget.common-latest-winners-3 .card:hover {
    background: #0082cb;
    color: #fff;
}

.widget.common-latest-winners-3 .card:hover .left-side {
    color: #fff;
}

.widget.common-latest-winners-3.alternate-0 .card {
    background: #fff;
    color: #212121;
}

.widget.common-latest-winners-3.alternate-0 .card:hover {
    border-color: #0082cb;
}

.widget.common-latest-winners-3.alternate-0 .card:hover .left-side {
    color: #fff;
}

.widget.common-pagination-1 {
    margin-bottom: 30px;
}

.widget.common-pagination-1 .page-item .page-link {
    color: #fff;
    background: #04283a;
    border-color: hsla(0, 0%, 100%, 0.2);
}

.widget.common-pagination-1 .page-item .page-link:hover {
    border-color: hsla(0, 0%, 100%, 0.6);
    background: #021822;
}

.widget.common-pagination-1 .page-item.active .page-link {
    border-color: #0082cb;
    color: #fff;
    background: #0082cb;
}

.widget.common-promo-help-1 .card {
    border: 1px solid transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #000;
    color: #fff;
    overflow: hidden;
    margin-bottom: 10px;
    height: 100%;
}

@media (max-width: 991px) {
    .widget.common-promo-help-1 .card {
        flex-direction: column;
        height: auto;
    }
}

.widget.common-promo-help-1 .card .left-side {
    width: 35%;
    height: 100%;
}

@media (max-width: 991px) {
    .widget.common-promo-help-1 .card .left-side {
        width: 100%;
    }
}

.widget.common-promo-help-1 .card .left-side .img-fluid {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .widget.common-promo-help-1 .card .left-side .img-fluid {
        max-height: 150px;
    }
}

.widget.common-promo-help-1 .card .right-side {
    padding: 15px;
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .widget.common-promo-help-1 .card .right-side {
        width: 100%;
    }
}

.widget.common-promo-help-1 .card .right-side .sub {
    display: block;
    margin-bottom: 15px;
}

.widget.common-promo-help-1 .card:hover {
    border-color: #fff;
}

.widget.common-grid-1 .heading {
    margin-bottom: 15px;
}

.widget.common-grid-1 .form-row {
    justify-content: center;
}

.widget.common-grid-1 .gamepod {
    display: block;
    flex: 0 1 16.6666666666%;
    margin-bottom: 10px;
}

.widget.common-grid-1 .gamepod .card {
    position: relative;
    background: #04283a;
    color: #fff;
    overflow: hidden;
    border: 0;
}

.widget.common-grid-1 .gamepod .card>a img {
    display: block;
    transition: all 0.2s linear;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.widget.common-grid-1 .gamepod .card .icon-fav {
    display: block;
    transition: all 0.2s linear;
    transform: translate(0);
    position: absolute;
    left: 5px;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.widget.common-grid-1 .gamepod .card .badge {
    font-weight: 400;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    display: block;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
}

.widget.common-grid-1 .gamepod .card .card-footer {
    padding: 3px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    background: #0082cb;
    color: #fff;
    border-radius: 0;
    transition: all 0.2s linear;
    transform: translateY(25px);
    border: 0;
}

.widget.common-grid-1 .gamepod .card .card-footer span {
    text-transform: capitalize;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
}

.widget.common-grid-1 .gamepod .card:hover>a {
    background-color: #04283a;
}

.widget.common-grid-1 .gamepod .card:hover>a img {
    transform: scale(1.25);
    opacity: 0.65;
}

.widget.common-grid-1 .gamepod .card:hover .card-footer,
.widget.common-grid-1 .gamepod .card:hover .icon-fav {
    transform: translate(0);
}

@media only screen and (max-width: 991px) {
    .widget.common-grid-1 .gamepod {
        flex: 0 1 25%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.common-grid-1 .gamepod {
        flex: 0 1 50%;
        margin-bottom: 6px;
        padding-left: 3px;
        padding-right: 3px;
    }
    .widget.common-grid-1 .gamepod .card {
        border: 0;
    }
    .widget.common-grid-1 .gamepod .card .badge {
        right: 1px;
        top: 1px;
    }
    .widget.common-grid-1 .gamepod .card .icon-fav {
        left: 1px;
        top: 1px;
    }
    .widget.common-grid-1 .gamepod .card .card-footer {
        display: none;
    }
    .widget.common-grid-1 .gamepod .card:hover>a img {
        transform: scale(1);
    }
}

.widget.common-grid-2 .heading {
    margin-bottom: 15px;
}

.widget.common-grid-2 .gamepod {
    margin-bottom: 10px;
    flex: 0 0 33.3%;
    padding: 0 5px;
    overflow: hidden;
}

.widget.common-grid-2 .gamepod .card {
    background: #04283a;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.widget.common-grid-2 .gamepod .card:hover,
.widget.common-grid-2 .gamepod .card:hover .thumb {
    border-color: #0082cb;
}

.widget.common-grid-2 .gamepod .card .thumb {
    border-right: 1px solid transparent;
    transition: all 0.3s ease;
    display: block;
}

.widget.common-grid-2 .gamepod .card .text {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.widget.common-grid-2 .gamepod .card .text .upper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.widget.common-grid-2 .gamepod .card .text .upper .icon-fav {
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.widget.common-grid-2 .gamepod .card .text .upper .title {
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.common-grid-2 .gamepod .card .text .badge {
    align-self: flex-start;
    font-weight: 400;
    padding: 3px 10px;
    border-radius: 0;
}

.widget.common-grid-2 .gamepod .card .btn-cnt {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

@media only screen and (max-width: 991px) {
    .widget.common-grid-2 .gamepod {
        flex: 0 0 50%;
    }
}

@media only screen and (max-width: 576px) {
    .widget.common-grid-2 .gamepod {
        flex: 0 0 100%;
    }
}

.widget.common-grid-3 {
    margin: 65px 0 -30px;
}

.widget.common-grid-3 .heading {
    padding-bottom: 40px;
}

.widget.common-grid-3 .col-custom {
    flex: 0 0 20%;
    max-width: 20%;
}

.widget.common-grid-3 .col-custom .single-game {
    background: #013d21;
    color: #fff;
    padding: 10px;
    margin-bottom: 55px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid black
}

.widget.common-grid-3 .col-custom .single-game .img-row {
    position: relative;
    text-align: center;
}

.widget.common-grid-3 .col-custom .single-game .img-row .img-fluid {
    position: relative;
    top: -40px;
    display: block;
    margin: 0 auto;
    transition: all 0.75s ease-in-out;
    border-radius: 4px;
    border: 1px solid #000;
}

.widget.common-grid-3 .col-custom .single-game:hover .img-row .img-fluid {
    box-shadow: 0px 0px 0px 1px #fff;
    transition: .3s ease-in-out;
}

.widget.common-grid-3 .col-custom .single-game:hover .badge.badge-success {
    background-color: #D83633;
    transition: .3s ease-in-out;
}

.widget.common-grid-3 .col-custom .single-game .text-row {
    margin-top: -20px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    position: relative;
    padding-bottom: 12px;
}

.widget.common-grid-3 .col-custom .single-game .text-row .provider,
.widget.common-grid-3 .col-custom .single-game .text-row .title {
    display: block;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget.common-grid-3 .col-custom .single-game .text-row .title {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: block;
}

.widget.common-grid-3 .col-custom .single-game .text-row .icon-fav {
    position: absolute;
    left: 0;
    bottom: -10px;
    line-height: 1;
}

.widget.common-grid-3 .col-custom .single-game .text-row .badge {
    position: absolute;
    right: 0;
    bottom: -10px;
    font-weight: 400;
    visibility: hidden;
}

.widget.common-grid-3 .col-custom .single-game:hover {
    /* border-color: #CA2713; */
    background-color: #000;
    box-shadow: 0px 0px 3px 1px #fff;
    transition: .3s cubic-bezier(0.4, 0, 1, 1);
}

.widget.common-grid-3 .col-custom .single-game:hover .img-row .img-fluid {
    transform: scale(1.15);
}

@media (max-width: 991px) {
    .widget.common-grid-3 .col-custom .single-game:hover .img-row .img-fluid {
        transform: scale(1);
    }
}

.widget.common-grid-3 .col-custom .single-game:hover .text-row .title {
    color: #D83633;
    font-weight: 800;
    transition: .3s ease-in-out;
}

@media (max-width: 991px) {
    .widget.common-grid-3 .col-custom {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media (max-width: 576px) {
    .widget.common-grid-3 .col-custom {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.widget.common-grid-4 {
    margin: 30px 0 0;
}

.widget.common-grid-4 .featured-game {
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.widget.common-grid-4 .featured-game .img-fluid {
    width: 100%;
    height: 100%;
    min-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .widget.common-grid-4 .featured-game {
        border: 0;
    }
    .widget.common-grid-4 .featured-game .img-fluid {
        min-height: 210px;
    }
}

.widget.common-grid-4 .featured-game .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 40, 58, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.3s ease;
    padding-bottom: 25px;
}

@media (max-width: 991px) {
    .widget.common-grid-4 .featured-game .overlay-elements {
        opacity: 1;
        background: none;
    }
}

.widget.common-grid-4 .featured-game .overlay-elements .btn {
    transition: all 0.5s ease !important;
    transform: translateY(100px);
}

@media (max-width: 991px) {
    .widget.common-grid-4 .featured-game .overlay-elements .btn {
        transform: translateY(0);
        padding: 5px 12px;
        font-size: 14px;
    }
}

.widget.common-grid-4 .featured-game:hover {
    border-color: #d32f2f;
}

.widget.common-grid-4 .featured-game:hover .overlay-elements {
    opacity: 1;
}

.widget.common-grid-4 .featured-game:hover .overlay-elements .btn {
    transform: translateY(0);
}

.widget.common-grid-4 .gamepod {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

@media (max-width: 991px) {
    .widget.common-grid-4 .gamepod {
        border: 0;
    }
}

.widget.common-grid-4 .gamepod .front-pod {
    position: relative;
    overflow: hidden;
    width: 40%;
    flex-shrink: 0;
}

.widget.common-grid-4 .gamepod .front-pod .img-fluid {
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.common-grid-4 .gamepod .back-pod {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 60%;
    background: #04283a;
    color: #fff;
    padding: 30px 15px;
    flex-grow: 1;
}

.widget.common-grid-4 .gamepod .back-pod .icon-fav {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
}

.widget.common-grid-4 .gamepod .back-pod .badge {
    position: absolute;
    left: 10px;
    top: 10px;
}

.widget.common-grid-4 .gamepod .back-pod .provider,
.widget.common-grid-4 .gamepod .back-pod .title {
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease;
    transform: translateY(20px);
    max-width: 100%;
}

@media (max-width: 991px) {
    .widget.common-grid-4 .gamepod .back-pod .provider,
    .widget.common-grid-4 .gamepod .back-pod .title {
        font-size: 16px;
        transform: translate(0);
    }
}

@media (max-width: 576px) {
    .widget.common-grid-4 .gamepod .back-pod .provider,
    .widget.common-grid-4 .gamepod .back-pod .title {
        font-size: 14px;
    }
}

.widget.common-grid-4 .gamepod .back-pod .btn {
    transition: all 0.5s ease;
    transform: translateY(130px);
}

@media (max-width: 991px) {
    .widget.common-grid-4 .gamepod .back-pod .btn {
        transform: translate(0);
    }
}

.widget.common-grid-4 .gamepod .back-pod .provider {
    font-weight: 400;
}

.widget.common-grid-4 .gamepod:hover {
    border-color: #d32f2f;
}

.widget.common-grid-4 .gamepod:hover .front-pod .img-fluid {
    transform: scale(1.15);
}

.widget.common-grid-4 .gamepod:hover .btn,
.widget.common-grid-4 .gamepod:hover .provider,
.widget.common-grid-4 .gamepod:hover .title {
    transform: translateY(0);
}

.widget.common-grid-5 {
    margin-top: 15px;
}

.widget.common-grid-5 .featured-game {
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.widget.common-grid-5 .featured-game .img-fluid {
    width: 100%;
    height: 100%;
    min-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .widget.common-grid-5 .featured-game {
        border: 0;
    }
    .widget.common-grid-5 .featured-game .img-fluid {
        min-height: 210px;
    }
}

.widget.common-grid-5 .featured-game .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 40, 58, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.3s ease;
    padding-bottom: 25px;
}

@media (max-width: 991px) {
    .widget.common-grid-5 .featured-game .overlay-elements {
        opacity: 1;
        background: none;
    }
}

.widget.common-grid-5 .featured-game .overlay-elements .btn {
    transition: all 0.5s ease !important;
    transform: translateY(100px);
}

@media (max-width: 991px) {
    .widget.common-grid-5 .featured-game .overlay-elements .btn {
        transform: translateY(0);
        padding: 5px 12px;
        font-size: 14px;
    }
}

.widget.common-grid-5 .featured-game:hover {
    border-color: #d32f2f;
}

.widget.common-grid-5 .featured-game:hover .overlay-elements {
    opacity: 1;
}

.widget.common-grid-5 .featured-game:hover .overlay-elements .btn {
    transform: translateY(0);
}

.widget.common-grid-5 .gamepod {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .widget.common-grid-5 .gamepod {
        border: 0;
    }
}

.widget.common-grid-5 .gamepod .front-pod {
    position: relative;
    overflow: hidden;
    width: 35%;
    flex-shrink: 0;
}

.widget.common-grid-5 .gamepod .front-pod .img-fluid {
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.common-grid-5 .gamepod .back-pod {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 65%;
    background: #04283a;
    color: #fff;
    padding: 15px;
    flex-grow: 1;
}

.widget.common-grid-5 .gamepod .back-pod .icon-fav {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
}

.widget.common-grid-5 .gamepod .back-pod .badge {
    position: absolute;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
}

.widget.common-grid-5 .gamepod .back-pod .provider,
.widget.common-grid-5 .gamepod .back-pod .title {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease;
    transform: translateY(20px);
    max-width: 100%;
}

.widget.common-grid-5 .gamepod .back-pod .provider {
    font-size: 20px;
}

@media (max-width: 991px) {
    .widget.common-grid-5 .gamepod .back-pod .provider,
    .widget.common-grid-5 .gamepod .back-pod .title {
        font-size: 16px;
        transform: translate(0);
    }
}

@media (max-width: 576px) {
    .widget.common-grid-5 .gamepod .back-pod .provider,
    .widget.common-grid-5 .gamepod .back-pod .title {
        font-size: 14px;
    }
}

.widget.common-grid-5 .gamepod .back-pod .btn {
    transition: all 0.5s ease;
    transform: translateY(130px);
}

.widget.common-grid-5 .gamepod .back-pod .provider {
    font-weight: 400;
}

.widget.common-grid-5 .gamepod:hover {
    border-color: #d32f2f;
}

.widget.common-grid-5 .gamepod:hover .front-pod .img-fluid {
    transform: scale(1.15);
}

.widget.common-grid-5 .gamepod:hover .btn,
.widget.common-grid-5 .gamepod:hover .provider,
.widget.common-grid-5 .gamepod:hover .title {
    transform: translateY(0);
}

.widget.common-grid-6 {
    margin: 15px 0 50px;
}

.widget.common-grid-6 .featured-game {
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.widget.common-grid-6 .featured-game .img-fluid {
    width: 100%;
    height: 100%;
    min-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .featured-game {
        border: 0;
    }
    .widget.common-grid-6 .featured-game .img-fluid {
        min-height: 210px;
    }
}

.widget.common-grid-6 .featured-game .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 40, 58, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.3s ease;
    padding-bottom: 25px;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .featured-game .overlay-elements {
        opacity: 1;
        background: none;
    }
}

.widget.common-grid-6 .featured-game .overlay-elements .btn {
    transition: all 0.5s ease !important;
    transform: translateY(100px);
}

@media (max-width: 991px) {
    .widget.common-grid-6 .featured-game .overlay-elements .btn {
        transform: translateY(0);
        padding: 5px 12px;
        font-size: 14px;
    }
}

.widget.common-grid-6 .featured-game:hover {
    border-color: #d32f2f;
}

.widget.common-grid-6 .featured-game:hover .overlay-elements {
    opacity: 1;
}

.widget.common-grid-6 .featured-game:hover .overlay-elements .btn {
    transform: translateY(0);
}

.widget.common-grid-6 .gamepod {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .gamepod {
        border: 0;
    }
}

.widget.common-grid-6 .gamepod .front-pod {
    position: relative;
    overflow: hidden;
    width: 25%;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .gamepod .front-pod {
        width: 35%;
    }
}

.widget.common-grid-6 .gamepod .front-pod .img-fluid {
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.common-grid-6 .gamepod .back-pod {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 75%;
    background: #04283a;
    color: #fff;
    padding: 15px;
    flex-grow: 1;
}

.widget.common-grid-6 .gamepod .back-pod .icon-fav {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
}

.widget.common-grid-6 .gamepod .back-pod .badge {
    position: absolute;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .gamepod .back-pod {
        width: 65%;
    }
}

.widget.common-grid-6 .gamepod .back-pod .provider,
.widget.common-grid-6 .gamepod .back-pod .title {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease;
    max-width: 100%;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .gamepod .back-pod .provider,
    .widget.common-grid-6 .gamepod .back-pod .title {
        font-size: 16px;
        transform: translate(0);
    }
}

@media (max-width: 576px) {
    .widget.common-grid-6 .gamepod .back-pod .provider,
    .widget.common-grid-6 .gamepod .back-pod .title {
        font-size: 14px;
    }
}

.widget.common-grid-6 .gamepod .back-pod .btn {
    transition: all 0.5s ease;
}

@media (max-width: 991px) {
    .widget.common-grid-6 .gamepod .back-pod .btn {
        transform: translate(0);
        font-size: 14px;
        padding: 5px 12px;
    }
}

.widget.common-grid-6 .gamepod .back-pod .provider {
    font-weight: 400;
}

.widget.common-grid-6 .gamepod:hover {
    border-color: #d32f2f;
}

.widget.common-grid-6 .gamepod:hover .front-pod .img-fluid {
    transform: scale(1.15);
}

.widget.common-grid-6 .gamepod:hover .btn,
.widget.common-grid-6 .gamepod:hover .provider,
.widget.common-grid-6 .gamepod:hover .title {
    transform: translateY(0);
}

.widget.common-grid-7 {
    margin: 0;
}

.widget.common-grid-7 .col-custom {
    flex: 0 0 20%;
    max-width: 20%;
}

.widget.common-grid-7 .col-custom .single-game {
    background: transparent;
    color: #fff;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 0;
}

@media (max-width: 767px) {
    .widget.common-grid-7 .col-custom .single-game {
        padding: 0;
    }
}

.widget.common-grid-7 .col-custom .single-game .img-row {
    position: relative;
    text-align: center;
    padding-bottom: 10px;
}

.widget.common-grid-7 .col-custom .single-game .img-row .badge {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 15px;
    font-weight: 400;
    width: 100px;
    z-index: 3;
    text-transform: uppercase;
}

.widget.common-grid-7 .col-custom .single-game .img-row .img-fluid {
    position: relative;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
    transform: scale(0.9);
    z-index: 2;
    border: 2px solid transparent;
}

@media (max-width: 991px) {
    .widget.common-grid-7 .col-custom .single-game .img-row .img-fluid {
        transform: scale(1);
    }
}

.widget.common-grid-7 .col-custom .single-game .text-row {
    transition: all 0.3s ease;
    text-align: center;
}

.widget.common-grid-7 .col-custom .single-game .text-row .provider,
.widget.common-grid-7 .col-custom .single-game .text-row .title {
    display: block;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget.common-grid-7 .col-custom .single-game .text-row .title {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

.widget.common-grid-7 .col-custom .single-game .text-row .provider {
    margin-bottom: 10px;
}

.widget.common-grid-7 .col-custom .single-game .text-row .icon-fav {
    position: relative;
    text-align: center;
    line-height: 1;
}

.widget.common-grid-7 .col-custom .single-game:hover .img-row .img-fluid {
    transform: scale(1);
    border-color: #0082cb;
}

@media (max-width: 576px) {
    .widget.common-grid-7 .col-custom {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.widget.common-grid-8 {
    padding: 20px 0 0;
    margin: 0;
}

.widget.common-grid-8 .step-container {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
    overflow: visible;
    margin: 0 auto 30px;
}

.widget.common-grid-8 .step-container:hover {
    box-shadow: 0 0 0 2px #d32f2f;
}

.widget.common-grid-8 .step-container .icon-fav {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
}

.widget.common-grid-8 .step-container .badge {
    position: absolute;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
}

.widget.common-grid-8 .step-container .step-text {
    color: #f9f9f9;
    overflow: hidden;
    position: relative;
}

.widget.common-grid-8 .step-container .step-text img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    min-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 0.3s ease;
}

.widget.common-grid-8 .step-container .step-text .text-wrapper {
    background: rgba(0, 0, 0, 0.6);
    padding: 45px 15px 35px;
    color: #f9f9f9;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    display: block;
    text-shadow: -1px 2px 3px #000;
}

.widget.common-grid-8 .step-container .step-text .text-wrapper h4 {
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.common-grid-8 .step-container .step-text .text-wrapper span {
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 10px 5px;
    margin: 20px 0;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    transform: translate(-500px);
    opacity: 0;
    transition: all 0.3s linear;
}

.widget.common-grid-8 .step-container .step-text .text-wrapper .btn {
    transition: all 0.3s ease;
}

.widget.common-grid-8 .step-container .step-text:hover img {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.widget.common-grid-8 .step-container .step-text:hover .text-wrapper {
    background: rgba(0, 0, 0, 0.5);
    color: #f9f9f9;
}

.widget.common-grid-8 .step-container .step-text:hover .text-wrapper span {
    opacity: 1;
    transform: translate(0);
}

.widget.common-grid-8 .step-container .step-text:hover .text-wrapper .btn {
    transform: translateY(5px);
}

@media only screen and (max-width: 991px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper {
        padding: 15px;
    }
    .widget.common-grid-8 .step-container .step-text .text-wrapper h4 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 576px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper span {
        padding: 10px 0;
        font-size: 14px;
        opacity: 1;
        transform: translate(0);
    }
}

@media only screen and (max-width: 991px) and (max-width: 576px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper span {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 991px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper .btn {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 576px) {
    .widget.common-grid-8 .step-container .step-text .text-wrapper .btn {
        font-size: 12px;
        padding: 3px 8px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.common-grid-8 {
        padding: 10px 0 0;
    }
    .widget.common-grid-8 .step-container {
        margin-bottom: 15px;
        box-shadow: none;
    }
}

.widget.common-grid-9 {
    margin: 15px 0 0;
}

.widget.common-grid-9 .featured-game {
    position: relative;
    display: flex;
    overflow: hidden;
}

.widget.common-grid-9 .featured-game .img-fluid {
    width: 100%;
    height: 100%;
    min-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .widget.common-grid-9 .featured-game .img-fluid {
        min-height: 210px;
    }
}

.widget.common-grid-9 .featured-game .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 40, 58, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.3s ease;
    padding-bottom: 25px;
}

@media (max-width: 991px) {
    .widget.common-grid-9 .featured-game .overlay-elements {
        opacity: 1;
        background: none;
    }
}

.widget.common-grid-9 .featured-game .overlay-elements .btn {
    transition: all 0.5s ease !important;
    transform: translateY(100px);
}

@media (max-width: 991px) {
    .widget.common-grid-9 .featured-game .overlay-elements .btn {
        transform: translateY(0);
        padding: 5px 12px;
        font-size: 14px;
    }
}

.widget.common-grid-9 .featured-game:hover .overlay-elements {
    opacity: 1;
}

.widget.common-grid-9 .featured-game:hover .overlay-elements .btn {
    transform: translateY(0);
}

.widget.common-grid-9 .gamepod {
    position: relative;
    display: block;
}

.widget.common-grid-9 .gamepod .gamepod-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.widget.common-grid-9 .gamepod .gamepod-inner .front-pod {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.widget.common-grid-9 .gamepod .gamepod-inner .front-pod .img-fluid {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.common-grid-9 .gamepod .gamepod-inner .back-pod {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #04283a;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

.widget.common-grid-9 .gamepod .gamepod-inner .back-pod .provider,
.widget.common-grid-9 .gamepod .gamepod-inner .back-pod .title {
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.common-grid-9 .gamepod .gamepod-inner .back-pod .provider {
    font-weight: 400;
    font-size: 14px;
}

.widget.common-grid-9 .gamepod .bottom-row {
    padding-top: 4px;
    align-items: center;
    justify-content: stretch;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

@media (max-width: 576px) {
    .widget.common-grid-9 .gamepod .bottom-row {
        padding-top: 1px;
    }
}

.widget.common-grid-9 .gamepod .bottom-row .icon-fav {
    line-height: 1;
    font-size: 20px;
}

@media (max-width: 576px) {
    .widget.common-grid-9 .gamepod .bottom-row .icon-fav {
        font-size: 14px;
    }
}

.widget.common-grid-9 .gamepod .bottom-row .badge {
    font-weight: 400;
}

@media (max-width: 576px) {
    .widget.common-grid-9 .gamepod .bottom-row .badge {
        font-size: 9px;
    }
}

.widget.common-grid-9 .gamepod:hover .gamepod-inner {
    transform: rotateY(180deg);
}

@media (max-width: 991px) {
    .widget.common-grid-9 .gamepod .gamepod-inner .back-pod {
        display: none;
    }
    .widget.common-grid-9 .gamepod:hover .gamepod-inner {
        transform: none;
    }
}

.widget.common-grid-10 {
    margin: 35px 0 -15px;
}

@media (max-width: 1200px) {
    .widget.common-grid-10 {
        margin: 25px 0 -15px;
    }
}

.widget.common-grid-10 .col-category {
    color: #fff;
    margin-bottom: 25px;
}

@media (max-width: 576px) {
    .widget.common-grid-10 .col-category {
        margin-bottom: 10px;
    }
}

.widget.common-grid-10 .col-category .cat-title {
    border-bottom: 2px solid #0082cb;
    padding-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 25px;
    position: relative;
}

.widget.common-grid-10 .col-category .cat-title i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    line-height: 1;
}

@media (max-width: 576px) {
    .widget.common-grid-10 .col-category .cat-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.widget.common-grid-10 .col-category .col-game {
    margin-bottom: 10px;
}

.widget.common-grid-10 .col-category .col-game .gamepod {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.widget.common-grid-10 .col-category .col-game .gamepod .badge {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.widget.common-grid-10 .col-category .col-game .gamepod a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
}

.widget.common-grid-10 .col-category .col-game .gamepod a .img-wrapper {
    overflow: hidden;
}

.widget.common-grid-10 .col-category .col-game .gamepod a .img-wrapper .img-fluid {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease;
}

.widget.common-grid-10 .col-category .col-game .gamepod a .game-title {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    padding: 3px 5px;
    background: #04283a;
    color: #fff;
    font-size: 12px;
    transition: all 0.3s ease;
}

.widget.common-grid-10 .col-category .col-game .gamepod:hover a .img-wrapper .img-fluid {
    transform: scale(1.2);
}

.widget.common-grid-10 .col-category .col-game .gamepod:hover a .game-title {
    background: #0082cb;
    color: #fff;
}

.widget.common-topbanner-promo-1 {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    height: 382px;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-1 {
        height: 282px;
    }
}

.widget.common-topbanner-promo-1 .col-left {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0;
    height: 380px;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-1 .col-left {
        height: 280px;
    }
}

.widget.common-topbanner-promo-1 .col-left .left-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.widget.common-topbanner-promo-1 .col-left .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 35px 20px 30px;
    color: #f9f9f9;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #000;
}

.widget.common-topbanner-promo-1 .col-left .caption .heading,
.widget.common-topbanner-promo-1 .col-left .caption .sub {
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.75);
}

.widget.common-topbanner-promo-1 .col-left .caption .sub {
    font-size: 16px;
}

.widget.common-topbanner-promo-1 .col-right {
    width: 450px;
    max-width: 450px;
    min-width: 450px;
    height: 380px;
    flex-shrink: 0;
    display: flex;
    color: #f9f9f9;
    border-left: 2px solid #000;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-1 .col-right {
        width: 350px;
        max-width: 350px;
        min-width: 350px;
        height: 280px;
    }
}

@media (max-width: 991px) {
    .widget.common-topbanner-promo-1 .col-right {
        display: none;
    }
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner {
    height: 100%;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner {
        height: 280px;
    }
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner .carousel-item {
    height: 100%;
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner .carousel-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner .carousel-item .carousel-caption {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 30px 15px;
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-inner .carousel-item .carousel-caption .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-control-next,
.widget.common-topbanner-promo-1 .col-right .carousel .carousel-control-prev {
    background: #001E10;
    color: #fff;
    height: 40px;
    width: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.widget.common-topbanner-promo-1 .col-right .carousel .carousel-control-next:hover,
.widget.common-topbanner-promo-1 .col-right .carousel .carousel-control-prev:hover {
    background: #D73531;
    color: #fff;
    border-radius: 4px;
}

.widget.common-topbanner-promo-2 {
    border-top: 1px solid #0082cb;
    border-bottom: 1px solid #0082cb;
    height: 352px;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 {
        height: 282px;
    }
}

.widget.common-topbanner-promo-2 .col-centre {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0;
    height: 350px;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 .col-centre {
        height: 280px;
    }
}

.widget.common-topbanner-promo-2 .col-centre .left-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.widget.common-topbanner-promo-2 .col-centre .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 35px 20px 30px;
    color: #f9f9f9;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.widget.common-topbanner-promo-2 .col-centre .caption .heading,
.widget.common-topbanner-promo-2 .col-centre .caption .sub {
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.75);
}

.widget.common-topbanner-promo-2 .col-centre .caption .sub {
    font-size: 16px;
}

.widget.common-topbanner-promo-2 .col-left {
    width: 380px;
    max-width: 380px;
    min-width: 380px;
    height: 350px;
    flex-shrink: 0;
    display: flex;
    border-right: 1px solid #0082cb;
    background: #fff;
    color: #212121;
}

.widget.common-topbanner-promo-2 .col-left .rankings {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.widget.common-topbanner-promo-2 .col-left .rankings>.heading {
    background: #0082cb;
    color: #fff;
    height: 35px;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries {
    height: calc(100% - 35px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3% 15px;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry {
    background: #04283a;
    color: #fff;
    margin-bottom: 3%;
    width: 100%;
    height: 25%;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry .placement {
    padding: 0 15px;
    width: 45px;
    height: 100%;
    text-align: center;
    font-size: 22px;
    color: #0082cb;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background: #031e2c;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry .info {
    flex-grow: 1;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 .col-left .rankings .entries .entry .info {
        font-size: 11px;
    }
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry .info span {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry .info span:first-child {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #0082cb;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry:last-child {
    margin: 0;
}

.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry:hover,
.widget.common-topbanner-promo-2 .col-left .rankings .entries .entry:hover .placement {
    background: #0082cb;
    color: #fff;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 .col-left {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        height: 280px;
    }
}

@media (max-width: 991px) {
    .widget.common-topbanner-promo-2 .col-left {
        display: none;
    }
}

.widget.common-topbanner-promo-2 .col-right {
    width: 380px;
    max-width: 380px;
    min-width: 380px;
    height: 350px;
    flex-shrink: 0;
    display: flex;
    color: #f9f9f9;
    border-left: 1px solid #0082cb;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 .col-right {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        height: 280px;
    }
}

@media (max-width: 991px) {
    .widget.common-topbanner-promo-2 .col-right {
        display: none;
    }
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner {
    height: 100%;
}

@media (max-width: 1200px) {
    .widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner {
        height: 280px;
    }
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner .carousel-item {
    height: 100%;
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner .carousel-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner .carousel-item .carousel-caption {
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 30px 15px;
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-inner .carousel-item .carousel-caption .heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-control-next,
.widget.common-topbanner-promo-2 .col-right .carousel .carousel-control-prev {
    background: #04283a;
    color: #fff;
    height: 40px;
    width: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.widget.common-topbanner-promo-2 .col-right .carousel .carousel-control-next:hover,
.widget.common-topbanner-promo-2 .col-right .carousel .carousel-control-prev:hover {
    background: #0082cb;
    color: #fff;
}

.widget.common-video-1 {
    background: #000;
    position: relative;
}

.widget.common-video-1 .video-area {
    height: 460px;
    position: relative;
    overflow: hidden;
}

.widget.common-video-1 .video-area .img-poster {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget.common-video-1 .video-area .desktop-video {
    display: block;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}

.widget.common-video-1 .video-area .mobile-video {
    display: none;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}

@media only screen and (max-width: 991px) {
    .widget.common-video-1 .video-area {
        height: 200px !important;
    }
}

@media only screen and (max-width: 576px) {
    .widget.common-video-1 .video-area {
        height: 100px !important;
    }
    .widget.common-video-1 .video-area .desktop-video {
        display: none;
    }
    .widget.common-video-1 .video-area .mobile-video {
        display: block;
    }
}

.widget.common-video-1 .video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: none;
}

.widget.common-video-1 .absolute-caption {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    color: #f9f9f9;
}

.widget.common-video-1 .absolute-caption .heading {
    display: block;
    margin: 0 auto 25px;
    color: #f9f9f9;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75);
}

@media (max-width: 576px) {
    .widget.common-video-1 .absolute-caption .heading {
        font-size: 28px;
    }
}

.widget.common-video-1 .absolute-caption .sub {
    margin-bottom: 25px;
    font-size: 22px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.75);
}

@media (max-width: 576px) {
    .widget.common-video-1 .absolute-caption .btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .widget.common-video-1 .absolute-caption .heading {
        max-width: 80%;
        margin: 0 auto 25px;
    }
    .widget.common-video-1>.btn {
        font-size: 13px;
        width: 135px;
        padding: 5px 0;
        bottom: 15px;
    }
}

.widget.footer-1 {
    background: #000000;
    color: #fff;
    margin-bottom: 0;
}

.widget.footer-1 .core-section {
    overflow: hidden;
}

.widget.footer-1 .core-section .logo-col .logo-bg {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background: transparent;
    color: #212121;
    height: 100%;
    padding: 0 15px;
}

.widget.footer-1 .core-section .logo-col .logo-bg a {
    width: 100%;
}

.widget.footer-1 .core-section .logo-col .logo-bg a img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 50px;
}

.widget.footer-1 .core-section .col-pad {
    padding: 50px 15px;
}

.widget.footer-1 .core-section .col-pad .heading {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 12px;
    text-align: right;
    position: relative;
}

.widget.footer-1 .core-section .col-pad .heading:before {
    content: "";
    right: 0;
    bottom: -7px;
    height: 1px;
    width: 50%;
    position: absolute;
    background: linear-gradient(90deg, rgba(211, 47, 47, 0) 0, #d32f2f);
}

.widget.footer-1 .core-section .col-pad .info-menu-1,
.widget.footer-1 .core-section .col-pad .main-menu-1,
.widget.footer-1 .core-section .col-pad .sub-menu-1 {
    display: block;
    margin: 0;
    padding: 0;
}

.widget.footer-1 .core-section .col-pad .info-menu-1 li,
.widget.footer-1 .core-section .col-pad .main-menu-1 li,
.widget.footer-1 .core-section .col-pad .sub-menu-1 li {
    display: block;
    text-align: right;
    padding: 2px 0;
}

.widget.footer-1 .core-section .col-pad .info-menu-1 li a,
.widget.footer-1 .core-section .col-pad .main-menu-1 li a,
.widget.footer-1 .core-section .col-pad .sub-menu-1 li a {
    display: inline;
    opacity: 0.8;
    color: #fff;
}

.widget.footer-1 .core-section .col-pad .info-menu-1 li a i,
.widget.footer-1 .core-section .col-pad .main-menu-1 li a i,
.widget.footer-1 .core-section .col-pad .sub-menu-1 li a i {
    display: none;
}

.widget.footer-1 .core-section .col-pad .info-menu-1 li a:hover,
.widget.footer-1 .core-section .col-pad .main-menu-1 li a:hover,
.widget.footer-1 .core-section .col-pad .sub-menu-1 li a:hover {
    color: #CA2713;
}

.widget.footer-1 .bottom-section {
    padding: 50px 0;
    background: #00140B;
    color: #fff;
}

.widget.footer-1 .bottom-section .license-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.widget.footer-1 .bottom-section .license-1 img {
    height: 60px;
    margin-right: 15px;
}

.widget.footer-1 .bottom-section .license-1 span {
    flex-grow: 1;
    opacity: 0.8;
    font-size: 12px;
    display: block;
    text-align: center;
}

.widget.footer-1 .bottom-section .payments-1 {
    margin: 30px 0;
    display: block;
    opacity: 0.7;
}

.widget.footer-1 .bottom-section .payments-1 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.widget.footer-1 .bottom-section .payments-1 ul li {
    display: block;
    flex: 0 0 12.5%;
    margin-bottom: 30px;
}

.widget.footer-1 .bottom-section .payments-1 ul li svg {
    height: 30px;
    width: 55px;
    display: block;
    margin: 0 auto;
}

.widget.footer-1 .bottom-section .payments-1 ul li svg circle,
.widget.footer-1 .bottom-section .payments-1 ul li svg g,
.widget.footer-1 .bottom-section .payments-1 ul li svg path,
.widget.footer-1 .bottom-section .payments-1 ul li svg polygon {
    fill: #fff !important;
}

.widget.footer-1 .bottom-section .copyright,
.widget.footer-1 .bottom-section .disc-txt {
    display: block;
    text-align: center;
    /* opacity: 0.8; */
    font-size: 12px;
}

.widget.footer-1 .bottom-section .copyright {
    margin-top: 30px;
}

.widget.footer-1.alternate-0 {
    background: #fff;
    color: #212121;
}

.widget.footer-1.alternate-0 .core-section .logo-col .logo-bg {
    background: #04283a;
    color: #fff;
}

.widget.footer-1.alternate-0 .core-section .col-pad .info-menu-1 li a,
.widget.footer-1.alternate-0 .core-section .col-pad .main-menu-1 li a,
.widget.footer-1.alternate-0 .core-section .col-pad .sub-menu-1 li a {
    color: #212121;
}

.widget.footer-1.alternate-0 .core-section .col-pad .info-menu-1 li a:hover,
.widget.footer-1.alternate-0 .core-section .col-pad .main-menu-1 li a:hover,
.widget.footer-1.alternate-0 .core-section .col-pad .sub-menu-1 li a:hover {
    color: #0082cb;
}

.widget.footer-1.alternate-0 .bottom-section {
    background: #f7f7f7;
    color: #212121;
}

.widget.footer-1.alternate-0 .bottom-section .payments-1 ul li svg circle,
.widget.footer-1.alternate-0 .bottom-section .payments-1 ul li svg g,
.widget.footer-1.alternate-0 .bottom-section .payments-1 ul li svg path,
.widget.footer-1.alternate-0 .bottom-section .payments-1 ul li svg polygon {
    fill: #212121 !important;
}

@media only screen and (max-width: 991px) {
    .widget.footer-1 {
        display: none !important;
    }
}

.widget.footer-2 {
    background: #04283a;
    color: #fff;
    position: relative;
    margin: 0;
    display: block;
}

@media only screen and (max-width: 991px) {
    .widget.footer-2 {
        display: none;
    }
}

.widget.footer-2 .lines {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    margin-bottom: -135px;
}

.widget.footer-2 .lines .line-1 {
    position: relative;
    z-index: 0;
    top: -155px;
    width: 110%;
    height: 200px;
    left: -5%;
    background: #0082cb;
    transform: rotate(3deg);
}

.widget.footer-2 .lines .line-2 {
    position: absolute;
    z-index: -1;
    left: -130px;
    top: -200px;
    height: 260px;
    width: 750px;
    background: #ab2424;
    transform: rotate(-9deg);
}

.widget.footer-2 .core {
    padding: 50px 0;
    position: relative;
    z-index: 2;
}

.widget.footer-2 .core .col-pad .heading {
    text-align: left;
    color: #0082cb;
}

.widget.footer-2 .core .col-pad ul {
    display: block;
    margin: 0;
    padding: 0;
}

.widget.footer-2 .core .col-pad ul li {
    display: block;
}

.widget.footer-2 .core .col-pad ul li a {
    padding: 2px 0;
    display: block;
    color: #fff;
    text-align: left;
    font-size: 14px;
}

.widget.footer-2 .core .col-pad ul li a i {
    display: none;
}

.widget.footer-2 .core .col-pad .payments-1 {
    margin-bottom: 20px;
    display: block;
    opacity: 0.8;
}

.widget.footer-2 .core .col-pad .payments-1 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.widget.footer-2 .core .col-pad .payments-1 ul li {
    display: block;
    flex: 0 0 25%;
    padding: 10px 0;
}

.widget.footer-2 .core .col-pad .payments-1 ul li svg {
    height: 30px;
    width: 45px;
    display: block;
    margin: 0 auto;
}

.widget.footer-2 .core .col-pad .payments-1 ul li svg circle,
.widget.footer-2 .core .col-pad .payments-1 ul li svg g,
.widget.footer-2 .core .col-pad .payments-1 ul li svg path,
.widget.footer-2 .core .col-pad .payments-1 ul li svg polygon {
    fill: #fff !important;
}

.widget.footer-2 .sub {
    background: #fff;
    color: #212121;
    position: relative;
    padding: 53px 0 50px;
    margin: 0;
}

.widget.footer-2 .sub .license-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.widget.footer-2 .sub .license-1 img {
    height: 60px;
    margin-right: 15px;
}

.widget.footer-2 .sub .license-1 span {
    flex-grow: 1;
}

.widget.footer-2 .sub .disc-txt {
    display: block;
    text-align: center;
    font-size: 14px;
}

.widget.footer-2 .bottom {
    background: #fff;
    color: #212121;
    padding: 20px 0;
}

.widget.footer-2 .bottom .logo-container {
    display: block;
}

.widget.footer-2 .bottom .logo-container img {
    height: 35px;
    width: auto;
}

.widget.footer-2 .bottom .copyright {
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.widget.footer-2.alternate-0 .lines .line-1 {
    background: #fff;
}

.widget.footer-2.alternate-0 .lines .line-2 {
    background: #e6e6e6;
}

.widget.footer-2.alternate-0 .sub {
    background: #04283a;
    color: #fff;
}

.widget.footer-2.alternate-1 {
    background: #fff;
    color: #212121;
}

.widget.footer-2.alternate-1 .lines .line-1,
.widget.footer-2.alternate-1 .lines .line-2 {
    background: #04283a;
}

.widget.footer-2.alternate-1 .core .col-pad ul li a {
    color: #212121;
}

.widget.footer-2.alternate-1 .core .col-pad .payments-1 ul li svg circle,
.widget.footer-2.alternate-1 .core .col-pad .payments-1 ul li svg g,
.widget.footer-2.alternate-1 .core .col-pad .payments-1 ul li svg path,
.widget.footer-2.alternate-1 .core .col-pad .payments-1 ul li svg polygon {
    fill: #212121 !important;
}

.widget.footer-2.alternate-1 .sub {
    background: #fff;
    color: #212121;
    padding: 0 0 50px;
}

.widget.footer-2.alternate-1 .bottom {
    background: #04283a;
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .widget.footer-2 {
        display: none !important;
    }
}

.widget.footer-3 {
    margin-bottom: 0;
    background: #fff;
    color: #212121;
    position: relative;
}

@media (max-width: 991px) {
    .widget.footer-3 {
        display: none;
    }
}

.widget.footer-3 .absolute-bg {
    background: #fff;
    color: #212121;
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.widget.footer-3 .first-col .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.widget.footer-3 .first-col .logo-container .img-fluid {
    max-width: 400px;
    max-height: 150px;
}

.widget.footer-3 .first-col,
.widget.footer-3 .fourth-col,
.widget.footer-3 .second-col,
.widget.footer-3 .third-col {
    background: #fff;
    color: #212121;
    padding: 30px 15px;
}

.widget.footer-3 .first-col .heading,
.widget.footer-3 .fourth-col .heading,
.widget.footer-3 .second-col .heading,
.widget.footer-3 .third-col .heading {
    font-weight: 700;
    color: #0082cb;
    text-transform: uppercase;
    display: block;
    padding-bottom: 15px;
}

.widget.footer-3 .first-col .info-menu-1,
.widget.footer-3 .first-col .main-menu-1,
.widget.footer-3 .first-col .sub-menu-1,
.widget.footer-3 .fourth-col .info-menu-1,
.widget.footer-3 .fourth-col .main-menu-1,
.widget.footer-3 .fourth-col .sub-menu-1,
.widget.footer-3 .second-col .info-menu-1,
.widget.footer-3 .second-col .main-menu-1,
.widget.footer-3 .second-col .sub-menu-1,
.widget.footer-3 .third-col .info-menu-1,
.widget.footer-3 .third-col .main-menu-1,
.widget.footer-3 .third-col .sub-menu-1 {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.widget.footer-3 .first-col .info-menu-1 li,
.widget.footer-3 .first-col .main-menu-1 li,
.widget.footer-3 .first-col .sub-menu-1 li,
.widget.footer-3 .fourth-col .info-menu-1 li,
.widget.footer-3 .fourth-col .main-menu-1 li,
.widget.footer-3 .fourth-col .sub-menu-1 li,
.widget.footer-3 .second-col .info-menu-1 li,
.widget.footer-3 .second-col .main-menu-1 li,
.widget.footer-3 .second-col .sub-menu-1 li,
.widget.footer-3 .third-col .info-menu-1 li,
.widget.footer-3 .third-col .main-menu-1 li,
.widget.footer-3 .third-col .sub-menu-1 li {
    display: flex;
    margin: 0 1rem;
}

.widget.footer-3 .first-col .info-menu-1 li a,
.widget.footer-3 .first-col .main-menu-1 li a,
.widget.footer-3 .first-col .sub-menu-1 li a,
.widget.footer-3 .fourth-col .info-menu-1 li a,
.widget.footer-3 .fourth-col .main-menu-1 li a,
.widget.footer-3 .fourth-col .sub-menu-1 li a,
.widget.footer-3 .second-col .info-menu-1 li a,
.widget.footer-3 .second-col .main-menu-1 li a,
.widget.footer-3 .second-col .sub-menu-1 li a,
.widget.footer-3 .third-col .info-menu-1 li a,
.widget.footer-3 .third-col .main-menu-1 li a,
.widget.footer-3 .third-col .sub-menu-1 li a {
    display: flex;
    padding: 5px 0;
    font-weight: 700;
}

.widget.footer-3 .first-col .info-menu-1 li a i,
.widget.footer-3 .first-col .main-menu-1 li a i,
.widget.footer-3 .first-col .sub-menu-1 li a i,
.widget.footer-3 .fourth-col .info-menu-1 li a i,
.widget.footer-3 .fourth-col .main-menu-1 li a i,
.widget.footer-3 .fourth-col .sub-menu-1 li a i,
.widget.footer-3 .second-col .info-menu-1 li a i,
.widget.footer-3 .second-col .main-menu-1 li a i,
.widget.footer-3 .second-col .sub-menu-1 li a i,
.widget.footer-3 .third-col .info-menu-1 li a i,
.widget.footer-3 .third-col .main-menu-1 li a i,
.widget.footer-3 .third-col .sub-menu-1 li a i {
    display: none;
}

.widget.footer-3 .first-col .info-menu-1 li a:hover,
.widget.footer-3 .first-col .main-menu-1 li a:hover,
.widget.footer-3 .first-col .sub-menu-1 li a:hover,
.widget.footer-3 .fourth-col .info-menu-1 li a:hover,
.widget.footer-3 .fourth-col .main-menu-1 li a:hover,
.widget.footer-3 .fourth-col .sub-menu-1 li a:hover,
.widget.footer-3 .second-col .info-menu-1 li a:hover,
.widget.footer-3 .second-col .main-menu-1 li a:hover,
.widget.footer-3 .second-col .sub-menu-1 li a:hover,
.widget.footer-3 .third-col .info-menu-1 li a:hover,
.widget.footer-3 .third-col .main-menu-1 li a:hover,
.widget.footer-3 .third-col .sub-menu-1 li a:hover {
    color: #0082cb;
}

.widget.footer-3 .bottom-part {
    background: #fff;
    color: #212121;
    position: relative;
    z-index: 3;
    padding: 30px 0;
    text-align: center;
}

.widget.footer-3 .bottom-part span {
    display: block;
}

.widget.footer-3 .bottom-part .heading {
    font-weight: 700;
    text-transform: uppercase;
    color: #0082cb;
    padding-bottom: 30px;
    display: block;
    text-align: center;
}

.widget.footer-3 .bottom-part .license-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.widget.footer-3 .bottom-part .license-1 img {
    height: 55px;
    margin-right: 30px;
}

.widget.footer-3 .bottom-part .license-1 span {
    flex-grow: 1;
}

.widget.footer-3 .bottom-part .payments-1 {
    display: block;
    opacity: 0.8;
    margin-bottom: 15px;
}

.widget.footer-3 .bottom-part .payments-1 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    margin: 0;
    padding: 0;
}

.widget.footer-3 .bottom-part .payments-1 ul li {
    display: block;
    flex: 0 0 12.5%;
    padding-bottom: 15px;
}

.widget.footer-3 .bottom-part .payments-1 ul li svg {
    height: 35px;
    width: 55px;
    display: block;
    margin: 0 auto;
}

.widget.footer-3 .bottom-part .payments-1 ul li svg circle,
.widget.footer-3 .bottom-part .payments-1 ul li svg g,
.widget.footer-3 .bottom-part .payments-1 ul li svg path,
.widget.footer-3 .bottom-part .payments-1 ul li svg polygon {
    fill: #fff !important;
}

.widget.footer-3 .copyright-part {
    padding: 15px 0;
    text-align: center;
    background: #fff;
    color: #212121;
    font-size: 12px;
    position: relative;
    z-index: 3;
}

.widget.footer-3.alternate-0 {
    background: #04283a;
    color: #fff;
}

.widget.footer-3.alternate-0 .absolute-bg {
    background: #01070a;
}

.widget.footer-3.alternate-0 .second-col {
    background: #021822;
}

.widget.footer-3.alternate-0 .third-col {
    background: #021119;
}

.widget.footer-3.alternate-0 .fourth-col {
    background: #01070a;
}

.widget.footer-3.alternate-0 .bottom-part {
    background: #fff;
    color: #212121;
}

.widget.footer-3.alternate-0 .bottom-part .payments-1 ul li svg circle,
.widget.footer-3.alternate-0 .bottom-part .payments-1 ul li svg g,
.widget.footer-3.alternate-0 .bottom-part .payments-1 ul li svg path,
.widget.footer-3.alternate-0 .bottom-part .payments-1 ul li svg polygon {
    fill: #212121 !important;
}

.widget.footer-3.alternate-0 .copyright-part {
    background: #04283a;
    color: #fff;
}

.widget.footer-1-m {
    background: #fff;
    position: relative;
    height: 65px;
    margin: 0;
}

.widget.footer-1-m .base-fixed {
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    min-height: 65px;
    background: #fff;
    color: #212121;
    z-index: 1;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 {
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    flex-grow: 1;
    flex-basis: auto;
    align-items: center;
    width: 20%;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a {
    height: 100%;
    width: 100%;
    padding: 10px 0;
    display: block;
    color: #212121;
    opacity: 1;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a img,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a svg {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto 7px;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a img circle,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a img g,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a img path,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a img polygon,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a svg circle,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a svg g,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a svg path,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a svg polygon {
    fill: #212121 !important;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a.active {
    opacity: 1;
    color: #d32f2f;
    background: rgba(0, 0, 0, 0.1);
}

.widget.footer-1-m .base-fixed .mobile-menu-1 li a.active svg circle,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a.active svg g,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a.active svg path,
.widget.footer-1-m .base-fixed .mobile-menu-1 li a.active svg polygon {
    fill: #d32f2f !important;
}

@media only screen and (min-width: 991px) {
    .widget.footer-1-m {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .widget.footer-1-m {
        flex-grow: 1;
    }
}

.widget.header-1 {
    margin-bottom: 0;
    font-size: 13px;
}

.widget.header-1 .topbar {
    display: block;
    background: #001E10;
    color: #fff;
    padding: 8px 0;
}

.widget.header-1 .topbar .login-form-1 {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: left;
}

.widget.header-1 .topbar .login-form-1 .password-inp,
.widget.header-1 .topbar .login-form-1 .username-inp {
    max-width: 150px;
    display: inline-flex;
    position: relative;
}

.widget.header-1 .topbar .login-form-1 .password-inp:focus,
.widget.header-1 .topbar .login-form-1 .username-inp:focus {
    border-color: inset 100px 100px 0 100px #013d21;
}

.widget.header-1 .topbar .login-form-1 .password-inp i,
.widget.header-1 .topbar .login-form-1 .username-inp i {
    font-size: 15px;
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 0;
    margin: auto;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control {
    text-indent: 20px;
    box-shadow: inset 100px 100px 0 100px #013d21;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #04283a;
    -webkit-text-fill-color: #fff;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .password-inp .form-control::placeholder,
.widget.header-1 .topbar .login-form-1 .username-inp .form-control::placeholder {
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .forgot-password {
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    display: flex;
    padding: 0 10px;
    margin-right: 1em;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.widget.header-1 .topbar .login-form-1 .forgot-password a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.widget.header-1 .topbar .login-form-1 .forgot-password a>span {
    display: none;
}

.widget.header-1 .topbar .login-form-1 .forgot-password:hover {
    /* background: #063852; */
    box-shadow: inset 100px 100px 0 100px #013d21;
    border-color: hsla(0, 0%, 100%, 0.5);
}

.widget.header-1 .topbar .login-form-1 .forgot-password:hover a {
    color: inherit;
}

.widget.header-1 .topbar .user-balance-1 {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.widget.header-1 .topbar .user-balance-1 .username {
    display: inline;
    margin-right: 10px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt {
    background: #fff;
    color: #212121;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    min-width: 95px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .btn-balance {
    border-color: #fff !important;
    font-size: 16px;
    padding: 1px 10px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.header-1 .topbar .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #02a057 !important;
    box-shadow: none;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .btn-balance.bg-primary:focus,
.widget.header-1 .topbar .user-balance-1 .balance-cnt .btn-balance.bg-primary:hover {
    background: #004d2a;
    color: #fff !important;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .span-cnt {
    position: relative;
    display: block;
    padding: 0 10px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .span-cnt .balance {
    font-weight: 700;
    display: block;
    opacity: 0;
    z-index: -1;
    transform: translateY(35px);
    transition: all 0.3s ease;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .span-cnt .balance.show {
    transform: translate(0);
    z-index: 1;
    opacity: 1;
    padding-left: 3px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .span-cnt .hide-balance {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 1;
    padding-left: 5px;
}

.widget.header-1 .topbar .user-balance-1 .balance-cnt .span-cnt .hide-balance.hide {
    opacity: 0;
    z-index: -1;
    display: block !important;
}

.widget.header-1 .topbar .user-actions-1 {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}

.widget.header-1 .topbar .user-actions-1 .btn {
    margin-left: 10px;
}

.widget.header-1 .core {
    display: block;
    background: #000;
    color: #212121;
    padding: 15px 0;
    /* border-top: 1px solid #fff; */
    border-bottom: 1px solid #fff;
}

.widget.header-1 .core .col-left {
    max-width: 250px;
    display: flex;
    align-items: center;
}

.widget.header-1 .core .col-left .logo-container,
.widget.header-1 .core .col-left .logo-container img {
    max-width: 250px;
    max-height: 35px;
}

.widget.header-1 .core .main-menu-1 {
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: right;
}

.widget.header-1 .core .main-menu-1 li {
    height: 100%;
    display: block;
}

.widget.header-1 .core .main-menu-1 li.active a {
    cursor: not-allowed;
    pointer-events: none;
    /* opacity: 0.5; */
    color: #CA2713;
    box-shadow: inset 0 -2px 0 0 #CA2713;
}

.widget.header-1 .core .main-menu-1 li.active:hover a {
    background: transparent;
    /* box-shadow: none; */
    box-shadow: inset 0 -2px 0 0 #02a057;
}

.widget.header-1 .core .main-menu-1 li a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    padding: 5px 15px;
    box-shadow: inset 0 -2px 0 0 transparent;
}

.widget.header-1 .core .main-menu-1 li a span {
    text-transform: uppercase;
    font-weight: 700;
    align-self: center;
}

.widget.header-1 .core .main-menu-1 li:hover a {
    /* background: #f2f2f2; */
    box-shadow: inset 0 -2px 0 0 #02a057;
    color: #02a057;
}

.widget.header-1 .sub {
    display: block;
    background: #001E10;
    color: #fff;
    padding: 8px 0;
}

.widget.header-1 .sub .sub-menu-1 {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.widget.header-1 .sub .sub-menu-1 li {
    display: block;
}

.widget.header-1 .sub .sub-menu-1 li a {
    color: #fff;
    display: block;
    padding: 3px 0;
    margin-right: 15px;
}

.widget.header-1 .sub .sub-menu-1 li:hover a {
    color: #d32f2f;
}

.widget.header-1 .btn {
    text-transform: uppercase;
}

.widget.header-1 .btn,
.widget.header-1 .form-control {
    font-size: 13px;
    padding: 3px 8px;
}

.widget.header-1.alternate-0 .sub {
    background: #fff;
    color: #212121;
}

.widget.header-1.alternate-0 .sub .sub-menu-1 li a {
    color: #212121;
}

.widget.header-1.alternate-0 .sub .component.common-langpicker-1 .dropdown .btn.btn-secondary {
    background-color: #fff !important;
    color: #212121 !important;
    box-shadow: none !important;
    border-color: rgba(33, 33, 33, 0.2) !important;
}

.widget.header-1.alternate-1 .core {
    background: #04283a;
    color: #fff;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.widget.header-1.alternate-1 .core .main-menu-1 li a {
    color: #fff;
}

.widget.header-1.alternate-1 .core .main-menu-1 li:hover a {
    background: #021822;
}

.widget.header-1.alternate-2 .topbar {
    background: #0082cb;
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control {
    box-shadow: inset 100px 100px 0 100px #0082cb;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #0082cb;
    -webkit-text-fill-color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .password-inp .form-control::placeholder,
.widget.header-1.alternate-2 .topbar .login-form-1 .username-inp .form-control::placeholder {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .forgot-password {
    border: 1px solid hsla(0, 0%, 100%, 0.3);
}

.widget.header-1.alternate-2 .topbar .login-form-1 .forgot-password a {
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .login-form-1 .forgot-password:hover {
    background: #0092e5;
}

.widget.header-1.alternate-2 .topbar .user-balance-1 .balance-cnt {
    background-color: #0082cb;
    color: #fff;
}

.widget.header-1.alternate-2 .topbar .user-balance-1 .balance-cnt .btn-balance {
    border-color: #0082cb !important;
    background-color: #0082cb !important;
}

.widget.header-1.alternate-2 .topbar .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.header-1.alternate-2 .topbar .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #0082cb !important;
}

.widget.header-1.alternate-2 .core {
    background: #04283a;
    color: #fff;
}

.widget.header-1.alternate-2 .core .main-menu-1 li a {
    color: #fff;
}

.widget.header-1.alternate-2 .core .main-menu-1 li:hover a {
    background: #021822;
}

.widget.header-1.alternate-3 .topbar {
    background: #0082cb;
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control {
    box-shadow: inset 100px 100px 0 100px #0082cb;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #0082cb;
    -webkit-text-fill-color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .password-inp .form-control::placeholder,
.widget.header-1.alternate-3 .topbar .login-form-1 .username-inp .form-control::placeholder {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .forgot-password {
    border: 1px solid hsla(0, 0%, 100%, 0.3);
}

.widget.header-1.alternate-3 .topbar .login-form-1 .forgot-password a {
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .login-form-1 .forgot-password:hover {
    background: #0092e5;
}

.widget.header-1.alternate-3 .topbar .user-balance-1 .balance-cnt {
    background-color: #0082cb;
    color: #fff;
}

.widget.header-1.alternate-3 .topbar .user-balance-1 .balance-cnt .btn-balance {
    border-color: #0082cb !important;
    background-color: #0082cb !important;
}

.widget.header-1.alternate-3 .topbar .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.header-1.alternate-3 .topbar .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #0082cb !important;
}

.widget.header-1.alternate-3 .sub {
    background: #fff;
    color: #212121;
}

.widget.header-1.alternate-3 .sub .sub-menu-1 li a {
    color: #212121;
}

.widget.header-1.alternate-3 .sub .component.common-langpicker-1 .dropdown .btn.btn-secondary {
    background-color: #fff !important;
    color: #212121 !important;
    box-shadow: none !important;
    border-color: rgba(33, 33, 33, 0.2) !important;
}

@media only screen and (max-width: 991px) {
    .widget.header-1 {
        display: none !important;
    }
}

.widget.header-2 {
    margin-bottom: 0;
    font-size: 13px;
}

.widget.header-2 .topbar {
    display: block;
    background: #04283a;
    color: #fff;
    padding: 8px 0;
}

.widget.header-2 .topbar .sub-menu-1 {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.widget.header-2 .topbar .sub-menu-1 li {
    display: block;
}

.widget.header-2 .topbar .sub-menu-1 li a {
    color: #fff;
    display: block;
    padding: 3px 0;
    margin-right: 15px;
}

.widget.header-2 .topbar .sub-menu-1 li:hover a {
    color: #d32f2f;
}

.widget.header-2 .topbar .login-form-1 {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: left;
}

.widget.header-2 .topbar .login-form-1 .password-inp,
.widget.header-2 .topbar .login-form-1 .username-inp {
    max-width: 150px;
    display: inline-flex;
    position: relative;
}

.widget.header-2 .topbar .login-form-1 .password-inp i,
.widget.header-2 .topbar .login-form-1 .username-inp i {
    font-size: 15px;
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 0;
    margin: auto;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control {
    text-indent: 20px;
    box-shadow: inset 100px 100px 0 100px #04283a;
    color: #fff;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #04283a;
    -webkit-text-fill-color: #fff;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .password-inp .form-control::placeholder,
.widget.header-2 .topbar .login-form-1 .username-inp .form-control::placeholder {
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .forgot-password {
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    display: flex;
    padding: 0 10px;
    margin-right: 1em;
    transition: all 0.3s ease;
}

.widget.header-2 .topbar .login-form-1 .forgot-password a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.widget.header-2 .topbar .login-form-1 .forgot-password a>span {
    display: none;
}

.widget.header-2 .topbar .login-form-1 .forgot-password:hover {
    background: #063852;
}

.widget.header-2 .topbar .login-form-1 .forgot-password:hover a {
    color: inherit;
}

.widget.header-2 .topbar .user-balance-1 {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.widget.header-2 .topbar .user-balance-1 .username {
    display: inline;
    margin-right: 10px;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt {
    background: #fff;
    color: #212121;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .btn-balance {
    border-color: #fff !important;
    font-size: 16px;
    padding: 1px 10px;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.header-2 .topbar .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #04283a !important;
    box-shadow: none;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .btn-balance.bg-primary:focus,
.widget.header-2 .topbar .user-balance-1 .balance-cnt .btn-balance.bg-primary:hover {
    background: #0082cb !important;
    color: #fff !important;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .span-cnt {
    position: relative;
    display: block;
    padding: 0 10px;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .span-cnt .balance {
    font-weight: 700;
    display: block;
    opacity: 0;
    z-index: -1;
    transform: translateY(35px);
    transition: all 0.3s ease;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .span-cnt .balance.show {
    transform: translate(0);
    z-index: 1;
    opacity: 1;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .span-cnt .hide-balance {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 1;
}

.widget.header-2 .topbar .user-balance-1 .balance-cnt .span-cnt .hide-balance.hide {
    opacity: 0;
    z-index: -1;
    display: block !important;
}

.widget.header-2 .topbar .user-actions-1 {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}

.widget.header-2 .topbar .user-actions-1 .btn {
    margin-left: 10px;
}

.widget.header-2 .component.common-langpicker-1 {
    margin-right: 15px;
}

.widget.header-2 .core {
    display: block;
    background: #fff;
    color: #212121;
    padding: 13px 0;
}

.widget.header-2 .core .col-left {
    max-width: 250px;
    display: flex;
    align-items: center;
}

.widget.header-2 .core .col-left .logo-container,
.widget.header-2 .core .col-left .logo-container img {
    max-width: 250px;
    max-height: 45px;
}

.widget.header-2 .core .main-menu-1 {
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: right;
}

.widget.header-2 .core .main-menu-1 li {
    height: 100%;
    display: block;
}

.widget.header-2 .core .main-menu-1 li.active a {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.widget.header-2 .core .main-menu-1 li.active:hover a {
    background: transparent;
    box-shadow: none;
}

.widget.header-2 .core .main-menu-1 li a {
    color: #212121;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    padding: 5px 15px;
    box-shadow: inset 0 -2px 0 0 transparent;
}

.widget.header-2 .core .main-menu-1 li a span {
    text-transform: uppercase;
    font-weight: 700;
    align-self: center;
}

.widget.header-2 .core .main-menu-1 li:hover a {
    background: #f2f2f2;
    box-shadow: inset 0 -2px 0 0 #d32f2f;
}

.widget.header-2 .btn {
    text-transform: uppercase;
}

.widget.header-2 .btn,
.widget.header-2 .form-control {
    font-size: 13px;
    padding: 3px 8px;
}

@media only screen and (max-width: 991px) {
    .widget.header-2 {
        display: none;
    }
}

.widget.header-2.alternate-0 .topbar {
    background: #fff;
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .sub-menu-1 li a {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .sub-menu-1 li:hover a {
    color: #0082cb;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control {
    text-indent: 20px;
    box-shadow: inset 100px 100px 0 100px #fff;
    color: #212121;
    border-color: rgba(33, 33, 33, 0.3);
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #fff;
    -webkit-text-fill-color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control::-webkit-input-placeholder,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control::-webkit-input-placeholder {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control::-moz-placeholder,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control::-moz-placeholder {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control:-ms-input-placeholder,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control:-ms-input-placeholder {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control::-ms-input-placeholder,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control::-ms-input-placeholder {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .password-inp .form-control::placeholder,
.widget.header-2.alternate-0 .topbar .login-form-1 .username-inp .form-control::placeholder {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .forgot-password {
    border: 1px solid rgba(33, 33, 33, 0.3);
}

.widget.header-2.alternate-0 .topbar .login-form-1 .forgot-password a {
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .login-form-1 .forgot-password:hover {
    background: #fff;
}

.widget.header-2.alternate-0 .topbar .user-balance-1 .balance-cnt {
    background: #fff;
    color: #212121;
}

.widget.header-2.alternate-0 .topbar .user-balance-1 .balance-cnt .btn-balance {
    border-color: #fff !important;
}

.widget.header-2.alternate-0 .topbar .user-balance-1 .balance-cnt .btn-balance:focus,
.widget.header-2.alternate-0 .topbar .user-balance-1 .balance-cnt .btn-balance:hover {
    background-color: #fff !important;
}

.widget.header-2.alternate-0 .core {
    background: #04283a;
    color: #fff;
}

.widget.header-2.alternate-0 .core .main-menu-1 li a {
    color: #fff;
}

.widget.header-2.alternate-0 .core .main-menu-1 li:hover a {
    background: #021822;
}

.widget.header-3 {
    position: relative;
    height: 100px;
    display: block;
    background: #111821;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .widget.header-3 {
        display: none;
    }
}

.widget.header-3 .base-fixed {
    background: #111821;
    color: #212121;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 999;
    font-size: 12px;
}

.widget.header-3 .base-fixed .col-logo {
    flex: 0 1 10%;
    height: 100%;
    align-items: center;
    display: flex;
}

.widget.header-3 .base-fixed .col-logo .logo-container {
    display: block;
    padding: 5px 0;
}

.widget.header-3 .base-fixed .col-logo .logo-container img {
    max-width: 250px;
    max-height: 90px;
}

.widget.header-3 .base-fixed .col-core {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.widget.header-3 .base-fixed .col-core .divider {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid rgba(33, 33, 33, 0.15);
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.widget.header-3 .base-fixed .col-core .divider ul {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
}

.widget.header-3 .base-fixed .col-core .divider ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.widget.header-3 .base-fixed .col-core .divider ul li a {
    display: block;
    color: #212121;
    padding: 3px 8px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.widget.header-3 .base-fixed .col-core .divider ul li.active a {
    color: #d32f2f !important;
}

.widget.header-3 .base-fixed .col-core .divider ul li:hover a {
    color: #0082cb;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu {
    border-radius: 0;
    font-size: 12px;
    background: #fff;
    color: #212121;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu ul li {
    display: block;
    text-align: left;
    width: 100%;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu ul li a {
    display: block;
    text-align: left;
    color: #212121;
    padding: 10px;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu ul li a i {
    display: none;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu ul li:hover a {
    color: #0082cb;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu .user-balance-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid rgba(33, 33, 33, 0.15);
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu .user-balance-2 .username {
    margin-right: 10px;
    font-weight: 700;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu .user-actions-1 {
    padding: 10px 15px;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu .user-actions-1 .btn {
    margin-bottom: 10px;
    margin-right: 0;
}

.widget.header-3 .base-fixed .col-core .divider ul li.dropdown .dropdown-menu .user-actions-1 .btn:last-child {
    margin: 0;
}

.widget.header-3 .base-fixed .col-core .divider .support-ul {
    margin-right: 10px;
}

.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .btn.btn-secondary.dropdown-toggle {
    padding: 3px 8px;
    background-color: #fff !important;
    color: #212121 !important;
    border: 1px solid rgba(33, 33, 33, 0.15) !important;
    box-shadow: none !important;
}

.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .btn.btn-secondary.dropdown-toggle:after,
.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .btn.btn-secondary.dropdown-toggle i {
    margin: 0;
}

.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .dropdown-menu {
    background-color: #fff;
    color: #212121;
}

.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .dropdown-menu a {
    color: #212121;
}

.widget.header-3 .base-fixed .col-core .divider .component.common-langpicker-1 .dropdown .dropdown-menu a:hover {
    color: #fff;
}

.widget.header-3 .base-fixed .col-core .divider .user-control {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.widget.header-3 .base-fixed .col-core .divider .user-control .btn {
    margin-right: 10px;
    padding: 3px 8px;
}

.widget.header-3 .base-fixed .col-core .divider .user-control .btn:last-child {
    margin: 0;
}

.widget.header-3 .base-fixed .col-core .divider .user-control .user-actions-1>.btn i {
    display: none;
}

.widget.header-3 .base-fixed .col-core .divider:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}

.widget.header-3 .base-fixed .btn {
    padding: 3px 8px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.header-m-placeholder {
    display: block;
    width: 100%;
    height: 55px;
    position: relative;
}

@media only screen and (min-width: 991px) {
    .header-m-placeholder {
        display: none !important;
    }
}

.widget.header-1-m {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0 15px;
    background: #000;
    color: #fff;
    font-size: 12px;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 55px;
}

.widget.header-1-m>.container-mob {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 991px;
}

.widget.header-1-m>.container-mob .left-btn .btn,
.widget.header-1-m>.container-mob .right-btn .btn {
    position: relative;
    font-size: 18px;
    z-index: 1;
    opacity: 1;
    transition: all 0.4s ease;
}

.widget.header-1-m>.container-mob .core {
    max-width: 175px;
    max-height: 40px;
    display: block;
    text-align: center;
}

.widget.header-1-m>.container-mob .core a {
    text-align: center;
}

.widget.header-1-m>.container-mob .core a img {
    display: block;
    height: auto;
    max-width: 175px;
    margin: 0 auto;
    max-height: 40px;
}

.widget.header-1-m>.container-mob .btn,
.widget.header-1-m>.container-mob .form-control {
    font-size: 12px;
    padding: 3px 8px;
}

.widget.header-1-m .offcanvas-left {
    position: fixed;
    height: 100%;
    width: 290px;
    left: 0;
    top: 0;
    background: #fff;
    color: #212121;
    z-index: 10;
    transition: all 0.4s ease;
    transform: translate(-290px);
    padding-bottom: 65px;
}

.widget.header-1-m .offcanvas-left.show {
    transform: translate(0);
    box-shadow: 5px 0 10px 2px rgba(0, 0, 0, 0.65);
}

.widget.header-1-m .offcanvas-left .close-btn {
    position: relative;
    height: 30px;
    margin: auto;
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    width: 100%;
    border: 0;
}

.widget.header-1-m .offcanvas-left .top-banner {
    display: block;
    position: relative;
    height: 160px;
}

.widget.header-1-m .offcanvas-left .top-banner .btn {
    font-size: 16px;
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px 0;
    width: 80%;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.widget.header-1-m .offcanvas-left .main-menu {
    height: calc(100vh - 265px);
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
    margin: 15px 0;
    position: relative;
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 {
    display: block;
    padding: 0 0 15px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1 li,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 li {
    display: block;
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1 li a,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 li a {
    display: table;
    vertical-align: middle;
    padding: 8px 0 8px 20px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1 li a i,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 li a i {
    font-size: 16px;
    width: 20px;
    text-align: center;
    margin-right: 15px;
    display: none;
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1 li.active a,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 li.active a {
    color: #013d21;
    transform: translate(10px);
    position: relative;
}

.widget.header-1-m .offcanvas-left .main-menu .main-menu-1 li.active a:before,
.widget.header-1-m .offcanvas-left .main-menu .sub-menu-1 li.active a:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #02a057;
    width: 2px;
    height: 25px;
}

.widget.header-1-m .offcanvas-left .main-menu .img-logo {
    margin: 5px 20px 0;
    padding-bottom: 15px;
}

.widget.header-1-m .offcanvas-left .main-menu .bottom-part {
    display: block;
    text-align: center;
    font-size: 11px;
}

.widget.header-1-m .offcanvas-left .main-menu .bottom-part .img-license {
    max-width: 50px;
    max-height: 50px;
    display: block;
    margin: 15px auto;
}

.widget.header-1-m .offcanvas-right {
    position: fixed;
    height: 100%;
    width: 290px;
    right: 0;
    top: 0;
    background: #fff;
    color: #212121;
    z-index: 10;
    transition: all 0.4s ease;
    transform: translate(290px);
    padding-bottom: 65px;
}

.widget.header-1-m .offcanvas-right.show {
    transform: translate(0);
    box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.65);
}

.widget.header-1-m .offcanvas-right .close-btn {
    position: relative;
    height: 30px;
    margin: auto;
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    width: 100%;
    border: 0;
}

.widget.header-1-m .offcanvas-right .top-banner {
    color: #fff;
    position: relative;
}

.widget.header-1-m .offcanvas-right .top-banner>.bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.header-1-m .offcanvas-right .top-banner .reg-only {
    position: relative;
}

.widget.header-1-m .offcanvas-right .top-banner .reg-only .user-actions-1 {
    padding: 0 15px 15px;
}

.widget.header-1-m .offcanvas-right .top-banner .reg-only .user-actions-1 .btn {
    display: block;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
}

.widget.header-1-m .offcanvas-right .top-banner .reg-only .user-actions-1 .btn i {
    display: inline;
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 {
    display: block;
    position: relative;
    padding: 25px 15px 15px;
    font-size: 15px;
    background: rgba(4, 40, 58, 0.5);
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .forgot-password,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .password-inp,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .username-inp {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .password-inp,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .username-inp {
    text-indent: 25px;
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .password-inp i,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .username-inp i {
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 34px;
    color: rgba(33, 33, 33, 0.5);
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .password-inp .form-control,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .username-inp .form-control {
    text-indent: 20px;
    box-shadow: inset 100px 100px 0 100px #fff;
    color: #013d21;
    border-color: rgba(33, 33, 33, 0.2);
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .password-inp .form-control:-webkit-autofill,
.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .username-inp .form-control:-webkit-autofill {
    box-shadow: inset 100px 100px 0 100px #fff;
    -webkit-text-fill-color: #212121;
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .forgot-password {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-align: center;
}

.widget.header-1-m .offcanvas-right .top-banner .login-form-1 .btn {
    display: block;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

.widget.header-1-m .offcanvas-right .top-banner .user-actions-1 {
    position: relative;
    padding: 30px 15px 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    background: rgba(4, 40, 58, 0.5);
}

.widget.header-1-m .offcanvas-right .top-banner .user-actions-1 .btn {
    padding: 5px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget.header-1-m .offcanvas-right .top-banner .user-actions-1 .btn:last-child {
    margin-bottom: 0;
}

.widget.header-1-m .offcanvas-right .top-banner .user-actions-1 .btn i {
    display: none;
}

.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 {
    position: relative;
    display: inline-flex;
    padding: 15px 15px 30px;
    width: 100%;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    background: rgba(4, 40, 58, 0.5);
}

.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 .balance,
.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 .username {
    width: 50%;
    text-align: center;
}

.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 .balance span,
.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 .username span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.header-1-m .offcanvas-right .top-banner .user-balance-2 .username {
    border-right: 1px solid hsla(0, 0%, 100%, 0.2);
}

.widget.header-1-m .offcanvas-right .user-menu-1 {
    margin: 15px 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item {
    display: block;
    width: 100%;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 8px 0 8px 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #212121;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item a i {
    margin-right: 15px;
    height: 100%;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item a:focus {
    background: #d32f2f;
    color: #fff;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item .dropdown-menu {
    background: #f2f2f2;
    border-radius: 0;
    border: 0;
}

.widget.header-1-m .offcanvas-right .user-menu-1 ul li.nav-item .dropdown-menu a {
    text-transform: capitalize;
    font-size: 14px;
}

@media only screen and (min-width: 991px) {
    .widget.header-1-m {
        display: none !important;
    }
}

.widget.common-scrolling-action-1 {
    position: fixed;
    bottom: 50px;
    left: 50px;
    z-index: 99;
    width: 100%;
    margin: 0;
}

@media (max-width: 991px) {
    .widget.common-scrolling-action-1 {
        display: none;
    }
}

.widget.common-scrolling-action-1 .btn {
    border-radius: 500px;
    font-size: 14px !important;
    padding: 8px 30px;
}

.widget.common-scrolling-action-2 {
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    height: 100%;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .widget.common-scrolling-action-2 {
        display: none;
    }
}

.widget.common-scrolling-action-2 .btn {
    transform: rotate(-90deg);
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0 !important;
}

.dashboard .form-control,
.dashboard .form-controlselect:focus {
    background-color: inherit;
    color: inherit;
}

.dashboard option {
    background-color: #fff;
    color: #343434;
}

.dashboard option:disabled {
    color: -internal-light-dark-color(graytext, #aaa);
    background-color: inherit;
}

.dashboard .content-holder {
    background-color: #fff !important;
    color: rgba(0, 30, 16, 0.733) !important;
}

.dashboard .content-holder .page-box {
    border: 1px solid #343434;
}

.dashboard .amount-settings {
    justify-content: flex-start;
}

.dashboard .amount-settings .col {
    flex-shrink: 1;
    flex-grow: 0;
    flex-wrap: nowrap;
}

.dashboard .amount-settings .col .form-control {
    width: 250px;
    max-width: 250px;
}

@media (max-width: 991px) {
    .dashboard .amount-settings .col .form-control {
        width: 180px;
        max-width: 180px;
    }
}

@media (max-width: 767px) {
    .dashboard .amount-settings .col {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }
    .dashboard .amount-settings .col.btn-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 0;
        margin: 0 -3px 15px;
    }
    .dashboard .amount-settings .col.btn-group .btn {
        flex: 0 0 auto;
        border-radius: 4px !important;
        border: 0;
        margin: 3px;
    }
    .dashboard .amount-settings .col .form-control {
        width: 100%;
        max-width: 100%;
    }
}

.dashboard .ccard-tiles {
    padding: 0;
}

.dashboard .ccard-tiles li {
    overflow: hidden;
    display: block;
    flex: 0 0 12.5%;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .dashboard .ccard-tiles li {
        flex: 0 0 20%;
    }
}

@media (max-width: 767px) {
    .dashboard .ccard-tiles li {
        flex: 0 0 25%;
        flex: 0 0 33.33%;
    }
}

.dashboard .ccard-tiles li .img-fluid {
    border: 2px solid rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    border-radius: 4px;
    overflow: hidden;
    display: block;
}

.dashboard .ccard-tiles li:hover {
    cursor: pointer;
}

.dashboard .ccard-tiles li:hover .img-fluid {
    border-color: #0082cb;
}

.dashboard .table {
    color: #343434;
}

.dashboard .messages-table .unreaded {
    font-weight: 700;
    background-color: #f8fafc;
}

.dashboard .messages-table .message {
    cursor: pointer;
    transition: all 0.1s ease;
}

.dashboard .messages-table .message.active {
    background-color: rgba(0, 130, 203, 0.2);
    border: 2px solid #04283a;
    box-shadow: 3px -3px 5px 0 rgba(0, 0, 0, 0.75);
}

.dashboard .messages-table .message-content {
    transition: all 0.1s ease;
}

.dashboard .messages-table .message-content.active {
    background-color: rgba(0, 130, 203, 0.3);
    border: 2px solid #04283a;
    border-top: none;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.75);
}

.dashboard .messages-table .fa {
    margin: 0 10px;
}

.dashboard .messages-table .fa.message-sent {
    color: #38c172;
}

.dashboard .messages-table .fa.message-received {
    color: #3490dc;
}

.ui-datepicker {
    z-index: 999 !important;
}

.report-card .card-container {
    background: #04283a;
    color: #fff;
    padding: 1em 2em;
    margin: 1em 0;
    border-radius: 4px;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.widget.legenda-1 .color1 {
    color: #0ba461;
}

.widget.legenda-1 .background-color1 {
    background-color: rgba(11, 164, 97, 0.05);
}

.widget.legenda-1 .color2 {
    color: #eca737;
}

.widget.legenda-1 .background-color2 {
    background-color: rgba(236, 167, 55, 0.05);
}

.widget.legenda-1 .color3 {
    color: #ed6614;
}

.widget.legenda-1 .background-color3 {
    background-color: rgba(237, 102, 20, 0.05);
}

.widget.legenda-1 .color4 {
    color: #ed1414;
}

.widget.legenda-1 .background-color4 {
    background-color: rgba(237, 20, 20, 0.05);
}

.widget.legenda-1 .color5 {
    color: #636363;
}

.widget.legenda-1 .background-color5 {
    background-color: rgba(99, 99, 99, 0.05);
}

.widget.legenda-1 .color6 {
    color: #06b0da;
}

.widget.legenda-1 .background-color6 {
    background-color: rgba(6, 176, 218, 0.05);
}

.widget.legenda-1 .color7 {
    color: #f06eaa;
}

.widget.legenda-1 .status {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    display: block;
}

.widget.menu-dashboard-1 {
    margin: 15px 0;
}

.widget.menu-dashboard-1 .navbar {
    padding: 0;
}

.widget.menu-dashboard-1 .navbar .navbar-nav {
    width: 100%;
    padding: 0;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li {
    flex-grow: 1;
    flex-basis: 0;
    border-right: 1px solid #021119;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li:last-child {
    border-bottom: 0;
    border-right: 0;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li.show>a {
    background: #001E10;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li>a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 12px;
    background: #004d2a;
    color: #fff;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li>a i {
    margin-right: 5px;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li>a:hover {
    background: #02a057;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu {
    background: #04283a;
    color: #fff;
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);
}

.widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a {
    background: #001E10;
    padding: 6px 12px;
    white-space: nowrap;
    color: #fff;
    display: block;
    text-align: center;
    border-bottom: 1px solid #00140B;
    font-size: 14px;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a i {
    margin-right: 5px;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a:hover {
    background: #02a057;
    color: #fff;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a.active {
    background: #d32f2f;
    color: #fff;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li:last-child>a {
    margin-bottom: 0;
}

.widget.menu-dashboard-1 .navbar .navbar-nav li.dropdown {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .widget.menu-dashboard-1 .navbar {
        display: block;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav {
        display: table;
        table-layout: fixed;
        position: relative;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li {
        display: table-cell;
        width: auto;
        position: static !important;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li a i {
        margin: 0;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li a span {
        display: none;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu {
        position: absolute;
        text-transform: uppercase;
        font-size: 11px;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a {
        padding: 8px 12px;
    }
    .widget.menu-dashboard-1 .navbar .navbar-nav li .dropdown-menu a span {
        display: inline;
    }
}

.widget.maintenance-1 {
    height: 100vh;
    width: 100%;
    display: block;
}

.widget.maintenance-1 .box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 600px;
    height: 300px;
    background: #04283a;
    color: #fff;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.5);
}

.widget.maintenance-1 .box .logo-container {
    background: #fff;
    color: #212121;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget.maintenance-1 .box .logo-container img {
    max-height: 50%;
    width: auto;
}

.widget.maintenance-1 .box .paragraph {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    padding: 10px 15px;
    text-align: center;
    border-bottom: 2px solid #d32f2f;
    flex-direction: column;
    font-size: 13px;
}

.widget.errors-generic-1 {
    max-width: 650px;
    margin: 120px auto;
    color: #fff;
    background: #04283a;
    display: flex;
    flex-direction: row;
}

.widget.errors-generic-1:after {
    content: "";
    display: table;
    clear: both;
}

.widget.errors-generic-1 .picto {
    height: auto;
    border-right: 5px solid #d32f2f;
    border-radius: 0;
    background: #fff;
    color: #212121;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.widget.errors-generic-1 .picto div {
    font-size: 54px;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 576px) {
    .widget.errors-generic-1 .picto div {
        font-size: 22px;
    }
}

.widget.errors-generic-1 .msg {
    padding: 20px 15px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.widget.errors-generic-1 .msg div {
    font-size: 13px;
}

.widget.errors-generic-1 .msg div.bold {
    font-size: 25px;
    font-weight: bolder;
}

@media only screen and (max-width: 576px) {
    .widget.errors-generic-1 .msg div.bold {
        font-size: 22px;
    }
}

.widget.errors-generic-1 .msg .btn {
    display: block;
    width: 110px;
    margin: 15px auto;
}

.widget.errors-generic-2 {
    overflow: hidden;
    height: 600px;
    margin: 30px 0;
    background: #fff;
    color: #212121;
    position: relative;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    border: 2px solid #02a057;
    border-radius: 2px;
}

.widget.errors-generic-2 .left-side {
    background: #004d2a;
    color: #fff;
    position: relative;
    width: calc(50% - 55px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 15px;
}

.widget.errors-generic-2 .left-side:before {
    content: "";
    position: absolute;
    right: -45px;
    top: -5%;
    background: #004d2a;
    width: 100px;
    height: 110%;
    transform: rotate(8deg);
    z-index: 2;
}

.widget.errors-generic-2 .left-side:after {
    content: "";
    position: absolute;
    right: -57px;
    top: -5%;
    background: #02a057;
    width: 100px;
    height: 110%;
    transform: rotate(8deg);
    z-index: 1;
}

.widget.errors-generic-2 .left-side .heading {
    font-size: 145px;
    text-align: center;
    line-height: 1;
    margin-bottom: 25px;
    position: relative;
}

.widget.errors-generic-2 .left-side .desc {
    display: block;
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
    position: relative;
    z-index: 3;
}

.widget.errors-generic-2 .left-side .desc-a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.widget.errors-generic-2 .right-side {
    flex-grow: 1;
    padding: 0 15px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.widget.errors-generic-2 .right-side .img-character {
    position: absolute;
    height: auto;
    max-height: 80%;
    width: auto;
    max-width: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}

@media only screen and (max-width: 991px) {
    .widget.errors-generic-2 .left-side {
        width: 100%;
        height: 300px;
        border-bottom: 5px solid #0082cb;
    }
    .widget.errors-generic-2 .left-side:after,
    .widget.errors-generic-2 .left-side:before {
        display: none;
    }
    .widget.errors-generic-2 .left-side .heading {
        font-size: 82px;
    }
    .widget.errors-generic-2 .left-side .desc,
    .widget.errors-generic-2 .left-side .desc-a {
        font-size: 16px;
    }
    .widget.errors-generic-2 .right-side {
        width: 100%;
        height: 300px;
    }
}

.widget.helpcenter-banner-1 {
    height: auto;
    background-image: url(/theme/shared/img/helpcenter/banner-1/bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.widget.helpcenter-banner-1 .heading {
    margin-bottom: 15px;
    font-size: 42px;
    color: #fff;
    line-height: 1.2;
}

.widget.helpcenter-banner-1 .tip {
    margin: 0 0 30px;
    color: #fff;
    font-style: italic;
}

.widget.helpcenter-banner-1 .tip span {
    padding-right: 5px;
    color: #fc0;
    font-weight: 700;
}

.widget.helpcenter-banner-1 .input-box {
    position: relative;
    margin: 0 0 30px;
    width: 100%;
    max-width: 350px;
}

.widget.helpcenter-banner-1 .input-box input {
    width: 100%;
    height: auto;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
}

.widget.helpcenter-banner-1 .input-box input:-moz-placeholder,
.widget.helpcenter-banner-1 .input-box input:-ms-input-placeholder,
.widget.helpcenter-banner-1 .input-box input::-moz-placeholder,
.widget.helpcenter-banner-1 .input-box input::-webkit-input-placeholder {
    color: #013d21;
    box-shadow: inset 100px 100px 0 100px #fff;
}

.widget.helpcenter-banner-1 .input-box a {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 18px;
    color: #222;
}

.widget.helpcenter-banner-1 .buttons {
    padding: 0;
}

.widget.helpcenter-banner-1 .buttons .btn {
    text-align: center;
    margin-right: 15px;
    font-size: 16px;
    padding: 5px 30px;
}

@media only screen and (max-width: 991px) {
    .widget.helpcenter-banner-1 {
        height: auto;
    }
    .widget.helpcenter-banner-1 h1 {
        font-size: 24px;
    }
    .widget.helpcenter-banner-1 .tip {
        font-size: 0.8em;
        margin: 0 0 10px;
    }
    .widget.helpcenter-banner-1 .container {
        padding: 10px 15px;
    }
    .widget.helpcenter-banner-1 .input-box {
        margin: 0 0 10px;
    }
    .widget.helpcenter-banner-1 .buttons .btn {
        padding: 5px 25px;
        margin-top: 10px;
    }
    .widget.helpcenter-banner-1 .buttons .btn i {
        margin: -1px 0 0 -15px;
    }
}

.widget.helpcenter-banner-2 {
    display: block;
    padding: 75px 0;
    color: #fff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 0;
    position: relative;
}

.widget.helpcenter-banner-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.widget.helpcenter-banner-2 .heading {
    font-size: 50px;
    text-align: center;
    position: relative;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
}

.widget.helpcenter-banner-2 .desc {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.widget.helpcenter-banner-2 .form-group {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 800px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
}

.widget.helpcenter-banner-2 .form-group .form-control {
    font-size: 18px;
    padding: 8px 15px;
    color: #666;
}

.widget.helpcenter-banner-2 .form-group>i {
    position: absolute;
    height: 24px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #666;
    font-size: 20px;
}

@media only screen and (max-width: 991px) {
    .widget.helpcenter-banner-2 {
        padding: 35px 0;
    }
    .widget.helpcenter-banner-2 .heading {
        font-size: 26px;
    }
    .widget.helpcenter-banner-2 .desc {
        font-size: 14px;
    }
    .widget.helpcenter-banner-2 .form-group {
        max-width: 450px;
    }
    .widget.helpcenter-banner-2 .form-group .form-control {
        font-size: 14px;
        padding: 4px 12px;
    }
    .widget.helpcenter-banner-2 .form-group i {
        height: 20px;
        font-size: 16px;
    }
}

.widget.helpcenter-menu-1 {
    margin: 0;
}

.widget.helpcenter-menu-1 .a-card {
    display: block;
}

.widget.helpcenter-menu-1 .a-card .component.stats-card-1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    min-height: auto;
    padding: 15px;
    transition: all 0.3s ease;
    background: #D73531;
    color: #fff;
    margin-bottom: 3px;
    border-radius: 4px;
}

.widget.helpcenter-menu-1 .a-card .component.stats-card-1 .icon {
    position: relative;
    display: block;
    text-align: center;
    top: auto;
    bottom: auto;
    left: auto;
    height: auto;
    font-size: 26px;
    opacity: 1;
    margin: auto auto 15px;
}

.widget.helpcenter-menu-1 .a-card .component.stats-card-1 .heading {
    font-size: 16px;
    display: block;
    text-align: center;
    margin-bottom: 0;
    transition: all 0.3s ease;
}

.widget.helpcenter-menu-1 .a-card:hover .component.stats-card-1 {
    background: #CA2713;
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .widget.helpcenter-menu-1 .a-card .component.stats-card-1 .heading {
        font-size: 14px;
    }
}

.widget.home-banner-1 {
    position: relative;
    margin: 0 0 50px;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0;
}

.widget.home-banner-1 .img-character {
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}

@media (max-width: 991px) {
    .widget.home-banner-1 .img-character {
        display: none;
    }
}

.widget.home-banner-1 .bg-text {
    background: rgba(0, 30, 16, 0.733);
    color: #fff;
    padding: 30px;
    border-radius: 4px;
}

.widget.home-banner-1 .bg-text .heading {
    border-bottom: 2px solid #CA2713;
    border-left: 10px solid #CA2713;
    padding-bottom: 5px;
    padding-left: 12px;
}

@media (max-width: 991px) {
    .widget.home-banner-1 .bg-text {
        text-align: center;
    }
    .widget.home-banner-1 .bg-text .heading {
        border-left: none;
        padding-bottom: 10px;
    }
}

.widget.home-banner-3 {
    position: relative;
    margin: 0 0 50px;
    background-size: cover;
    background-attachment: fixed;
}

.widget.home-banner-3 .image-area {
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.widget.home-banner-3 .image-area .img-fluid {
    width: 100%;
}

.widget.home-banner-3 .image-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: none;
}

.widget.home-banner-3 .absolute-caption {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}

.widget.home-banner-3 .absolute-caption .heading {
    display: block;
    margin: 0 auto 35px;
    font-style: italic;
    color: #f9f9f9;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75);
}

@media (max-width: 576px) {
    .widget.home-banner-3 .absolute-caption .heading {
        display: none;
    }
}

@media (max-width: 576px) {
    .widget.home-banner-3 .absolute-caption .btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .widget.home-banner-3 .absolute-caption .heading {
        max-width: 80%;
        margin: 0 auto 25px;
    }
    .widget.home-banner-3>.btn {
        font-size: 13px;
        width: 135px;
        padding: 5px 0;
        bottom: 15px;
    }
}

.widget.home-games-slider-1 .carousel {
    margin: 35px 0 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

@media (max-width: 991px) {
    .widget.home-games-slider-1 .carousel {
        margin: 35px 0 40px;
    }
}

@media (max-width: 576px) {
    .widget.home-games-slider-1 .carousel {
        margin: 20px 0 25px;
    }
}

.widget.home-games-slider-1 .carousel .carousel-control-next,
.widget.home-games-slider-1 .carousel .carousel-control-prev {
    position: relative;
    width: 35px;
    height: 35px;
    background: transparent;
    color: #fff;
    opacity: 1;
    font-size: 20px;
    transition: all 0.3s ease;
}

.widget.home-games-slider-1 .carousel .carousel-control-next:hover,
.widget.home-games-slider-1 .carousel .carousel-control-prev:hover {
    transform: scale(1.5);
}

.widget.home-games-slider-1 .carousel .carousel-control-prev {
    margin-right: 10px;
}

.widget.home-games-slider-1 .carousel .carousel-control-next {
    margin-left: 10px;
}

.widget.home-games-slider-1 .carousel .carousel-inner {
    flex-shrink: 1;
}

.widget.home-games-slider-1 .carousel .carousel-inner .col-carousel a {
    display: block;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.widget.home-games-slider-1 .carousel .carousel-inner .col-carousel a .img-fluid {
    transition: all 0.3s ease;
}

.widget.home-games-slider-1 .carousel .carousel-inner .col-carousel a:hover {
    border-color: #d32f2f;
}

.widget.home-games-slider-1 .carousel .carousel-inner .col-carousel a:hover .img-fluid {
    transform: scale(1.2);
}

@media (max-width: 991px) {
    .widget.home-games-slider-1 .carousel .carousel-inner .col-carousel {
        flex: 0 0 33.3%;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .widget.home-games-slider-1 .carousel .carousel-inner .col-carousel {
        flex: 0 0 50%;
    }
}

.widget.home-games-slider-2 {
    margin: 50px 0;
    display: block;
}

.widget.home-games-slider-2 .carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.widget.home-games-slider-2 .carousel .carousel-inner {
    width: 75%;
}

.widget.home-games-slider-2 .carousel .carousel-inner .col-carousel a {
    display: block;
    overflow: hidden;
}

.widget.home-games-slider-2 .carousel .carousel-inner .col-carousel a img {
    transition: all 0.3s ease;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.widget.home-games-slider-2 .carousel .carousel-inner .col-carousel:hover a img {
    border-color: #d32f2f;
    transform: scale(1.15);
}

.widget.home-games-slider-2 .carousel .carousel-control-next {
    width: calc(25% - 10px);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    opacity: 1;
    padding: 15px;
    background: #04283a;
    color: #fff;
    transition: all 0.3s ease;
    overflow: hidden;
}

.widget.home-games-slider-2 .carousel .carousel-control-next span {
    font-size: 18px;
    font-style: italic;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    display: block;
    text-align: center;
    margin-top: 5px;
    position: absolute;
    bottom: 10px;
    transition: all 0.3s ease;
    transform: translateY(50px);
}

.widget.home-games-slider-2 .carousel .carousel-control-next i {
    font-size: 70px;
    transition: all 0.3s ease;
}

.widget.home-games-slider-2 .carousel .carousel-control-next:hover {
    background: #d32f2f;
    color: #fff;
}

.widget.home-games-slider-2 .carousel .carousel-control-next:hover span {
    transform: translate(0);
}

@media only screen and (max-width: 991px) {
    .widget.home-games-slider-2 {
        margin: 30px 0;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next {
        width: calc(25% - 10px);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        opacity: 1;
        padding: 15px;
        background: #04283a;
        color: #fff;
        transition: all 0.3s ease;
        overflow: hidden;
        border: 2px solid transparent;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next span {
        display: none;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next i {
        font-size: 32px;
        transition: all 0.3s ease;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next:hover {
        background: #d32f2f;
        color: #fff;
        border-color: #d32f2f;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next:hover span {
        transform: translate(0);
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-games-slider-2 .carousel .carousel-inner {
        width: 80%;
    }
    .widget.home-games-slider-2 .carousel .carousel-inner .col-carousel:first-child {
        width: 100%;
        flex: 1 1 100%;
        margin-bottom: 10px;
    }
    .widget.home-games-slider-2 .carousel .carousel-inner .col-carousel:first-child a img {
        width: 100%;
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next {
        width: calc(20% - 10px);
    }
    .widget.home-games-slider-2 .carousel .carousel-control-next i {
        font-size: 26px;
    }
}

.widget.home-selectors-1 {
    padding: 50px 0 35px;
    text-align: center;
}

@media (max-width: 991px) {
    .widget.home-selectors-1 {
        padding: 25px 0 15px;
    }
}

.widget.home-selectors-1 .col-layout-5 {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 991px) {
    .widget.home-selectors-1 .col-layout-5 {
        flex: 0 0 33.3%;
        max-width: 33%;
    }
}

@media (max-width: 576px) {
    .widget.home-selectors-1 .col-layout-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.widget.home-selectors-1 .selector-1 {
    display: block;
    text-align: center;
    padding: 30px 15px;
    color: #fff;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .widget.home-selectors-1 .selector-1 {
        padding: 15px;
    }
}

.widget.home-selectors-1 .selector-1 .img-fluid {
    width: 250px;
    transition: all 0.3s ease;
    transform: scale(0.9);
}

@media (max-width: 991px) {
    .widget.home-selectors-1 .selector-1 .img-fluid {
        transform: scale(1);
    }
}

.widget.home-selectors-1 .selector-1 .title {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
}

@media (max-width: 767px) {
    .widget.home-selectors-1 .selector-1 .title {
        font-size: 18px;
    }
}

.widget.home-selectors-1 .selector-1:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    width: 0;
    background: #0082cb;
    transition: all 0.5s ease;
}

.widget.home-selectors-1 .selector-1:hover {
    border-color: #0082cb;
    background-color: rgba(0, 0, 0, 0.15);
}

.widget.home-selectors-1 .selector-1:hover .img-fluid {
    transform: scale(1);
}

.widget.home-selectors-1 .selector-1:hover .title {
    color: #0082cb;
}

.widget.home-selectors-1 .selector-1:hover:before {
    width: 100%;
}

.widget.home-selectors-2 {
    display: block;
    margin: 60px 0 30px;
}

.widget.home-selectors-2 .box {
    display: block;
    position: relative;
    text-align: center;
    height: 350px;
    transition: all 0.3s ease;
    margin: 0 auto 30px;
}

.widget.home-selectors-2 .box .img-cnt {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.widget.home-selectors-2 .box .img-cnt img {
    width: 80%;
    height: 185px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    transition: all 0.3s ease;
    transform: translate(35px, 25px);
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    border: 2px solid transparent;
}

.widget.home-selectors-2 .box .sub-box {
    width: 80%;
    height: 185px;
    margin: 0 auto;
    background: rgba(4, 40, 58, 0.9);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: absolute;
    top: 165px;
    right: 0;
    transition: all 0.3s ease;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.6);
}

.widget.home-selectors-2 .box .sub-box .btn,
.widget.home-selectors-2 .box .sub-box .desc {
    font-size: 14px;
}

.widget.home-selectors-2 .box .sub-box .btn {
    padding: 5px 25px;
}

.widget.home-selectors-2 .box:hover .img-cnt img {
    transform: translate(15px, 10px);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    border-color: #d32f2f;
}

.widget.home-selectors-2 .box:hover .sub-box {
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.4);
    background: #04283a;
}

@media only screen and (max-width: 991px) {
    .widget.home-selectors-2 {
        margin: 15px 0 0;
        padding: 10px 0;
    }
    .widget.home-selectors-2 .box {
        height: auto;
        margin: 0 auto 35px;
    }
    .widget.home-selectors-2 .box .img-cnt {
        display: block;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 2;
    }
    .widget.home-selectors-2 .box .img-cnt img {
        width: 85%;
        transform: translate(0);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        border: 0 solid transparent;
        display: block;
        margin: 0 auto;
        box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.35);
    }
    .widget.home-selectors-2 .box .sub-box {
        position: relative;
        z-index: 1;
        margin-top: -15px;
        height: auto;
        width: 100%;
        padding: 35px 5px 20px;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: none;
        background: #04283a;
        transform: translate(0);
        border-bottom: 3px solid #d32f2f;
    }
    .widget.home-selectors-2 .box .sub-box .heading {
        font-size: 18px;
    }
    .widget.home-selectors-2 .box .sub-box .btn,
    .widget.home-selectors-2 .box .sub-box .desc {
        font-size: 13px;
    }
    .widget.home-selectors-2 .box .sub-box .btn {
        padding: 5px 15px;
    }
    .widget.home-selectors-2 .box:hover .img-cnt img {
        transform: translate(0);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .widget.home-selectors-2 .box:hover .sub-box {
        box-shadow: none;
        background: #04283a;
        transform: translate(0);
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-selectors-2 .box {
        position: relative;
    }
    .widget.home-selectors-2 .box .img-cnt {
        position: relative;
        z-index: 2;
    }
    .widget.home-selectors-2 .box .img-cnt img {
        width: 100%;
    }
    .widget.home-selectors-2 .box .sub-box {
        z-index: 3;
        background: #04283a;
        color: #fff;
        position: relative;
        height: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        margin-top: 0;
        padding: 15px;
        border-top: 2px solid #d32f2f;
        box-shadow: 0 -7px 15px 0 rgba(0, 0, 0, 0.5);
    }
    .widget.home-selectors-2 .box .sub-box .heading {
        font-size: 22px;
    }
    .widget.home-selectors-2 .box .sub-box .btn,
    .widget.home-selectors-2 .box .sub-box .desc {
        font-size: 13px;
    }
    .widget.home-selectors-2 .box .sub-box .btn {
        padding: 5px 15px;
    }
    .widget.home-selectors-2 .box .sub-box:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #d32f2f;
        border-style: solid;
        border-width: 20px 0 0 20px;
    }
    .widget.home-selectors-2 .box .sub-box:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-color: transparent transparent #d32f2f;
        border-style: solid;
        border-width: 0 0 20px 20px;
    }
}

.widget.home-selectors-3 {
    margin: 50px 0;
}

@media only screen and (max-width: 991px) {
    .widget.home-selectors-3 {
        margin: 25px 0;
    }
}

.widget.home-selectors-3 .heading {
    text-align: center;
    font-size: 50px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .widget.home-selectors-3 .heading {
        font-size: 30px;
    }
}

.widget.home-selectors-3 a {
    display: block;
    position: relative;
}

.widget.home-selectors-3 a .img-wrapper {
    position: relative;
    border: 2px solid transparent;
    transition: all 0.4s ease;
    overflow: hidden;
}

.widget.home-selectors-3 a .img-wrapper .img-fluid {
    transition: all 0.4s ease;
}

.widget.home-selectors-3 a .img-wrapper span {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background: rgba(4, 40, 58, 0.8);
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s ease;
}

.widget.home-selectors-3 a:hover .img-wrapper {
    border-color: #0082cb;
    box-shadow: none;
}

.widget.home-selectors-3 a:hover .img-wrapper .img-fluid {
    transform: scale(1.15);
}

.widget.home-selectors-3 a:hover .img-wrapper span {
    background: #0082cb;
    color: #fff;
    transform: translateY(20px);
}

@media only screen and (max-width: 767px) {
    .widget.home-selectors-3 a .img-promo {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
}

.widget.home-selectors-4 {
    display: block;
    margin: 50px 0 0;
}

.widget.home-selectors-4 .col-layout-5 {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 991px) {
    .widget.home-selectors-4 .col-layout-5 {
        flex: 0 0 33.3%;
        max-width: 33%;
    }
}

@media (max-width: 576px) {
    .widget.home-selectors-4 .col-layout-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.widget.home-selectors-4 .card {
    background: transparent;
    display: block;
    position: relative;
    padding-bottom: 0;
    border: 0;
    overflow: hidden;
    margin: 0 auto 50px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.5);
    border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    border-right: 1px solid hsla(0, 0%, 100%, 0.5);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
    transition: all 0.4s ease;
    width: 100%;
    max-width: 320px;
}

.widget.home-selectors-4 .card:before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    /* background: #d32f2f; */
    transform: translate(-100%);
    transition: all 0.4s ease;
}

.widget.home-selectors-4 .card:hover {
    border-color: #d32f2f;
    box-shadow: none;
}

.widget.home-selectors-4 .card:hover:before {
    transform: translate(0);
}

.widget.home-selectors-4 .card:hover .box {
    background: #d32f2f;
    color: #fff;
}

.widget.home-selectors-4 .card:hover .box .heading {
    transform: translateY(28px);
}

.widget.home-selectors-4 .card:hover .box .img-fluid {
    transform: scale(1.15);
}

.widget.home-selectors-4 .card:hover .box .desc {
    opacity: 0;
}

.widget.home-selectors-4 .card:hover .box:before {
    border-color: transparent transparent transparent #d32f2f;
}

.widget.home-selectors-4 .card:hover .box:after {
    border-color: transparent transparent #d32f2f;
}

.widget.home-selectors-4 .card .box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #004d2a;
    color: #fff;
    max-width: 320px;
    margin: 0 auto;
    align-self: center;
    overflow: hidden;
    transition: all 0.4s ease;
}

.widget.home-selectors-4 .card .box .btn-circle {
    border-radius: 50% !important;
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 24px;
    position: absolute;
    right: 35px;
    bottom: 110px;
    padding: 0;
    z-index: 3;
    transition: all 0.4 ease;
    display: none;
}

.widget.home-selectors-4 .card .box .img-fluid {
    transition: all 0.4s ease;
}

@media screen and (min-width: 1369px) {
    .widget.home-selectors-4 .card .box .img-fluid {
        height: 250px;
    }
}

.widget.home-selectors-4 .card .box .heading {
    padding: 20px 0 10px;
    font-size: 24px;
    margin: 0;
}

.widget.home-selectors-4 .card .box .desc,
.widget.home-selectors-4 .card .box .heading {
    text-align: center;
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.4s ease;
}

.widget.home-selectors-4 .card .box .desc {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 23px;
}

@media only screen and (max-width: 991px) {
    .widget.home-selectors-4 {
        margin: 30px 0 0;
    }
    .widget.home-selectors-4 .card {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-selectors-4 {
        margin: 15px 0 0;
    }
    .widget.home-selectors-4 .card {
        margin-bottom: 15px;
    }
    .widget.home-selectors-4 .card .box .btn-circle {
        bottom: 105px;
    }
    .widget.home-selectors-4 .card .box .heading {
        font-size: 20px;
    }
    .widget.home-selectors-4 .card .box .desc {
        font-size: 12px;
    }
}

.widget.home-video-1 {
    background: #000;
    position: relative;
}

.widget.home-video-1 .video-area {
    height: 460px;
    position: relative;
    overflow: hidden;
}

.widget.home-video-1 .video-area .img-poster {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget.home-video-1 .video-area .desktop-video {
    display: block;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}

.widget.home-video-1 .video-area .mobile-video {
    display: none;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
}

@media only screen and (max-width: 991px) {
    .widget.home-video-1 .video-area {
        height: 380px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-video-1 .video-area {
        height: 340px;
    }
    .widget.home-video-1 .video-area .desktop-video {
        display: none;
    }
    .widget.home-video-1 .video-area .mobile-video {
        display: block;
    }
}

.widget.home-video-1 .video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: none;
}

.widget.home-video-1 .absolute-caption {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}

.widget.home-video-1 .absolute-caption .heading {
    display: block;
    margin: 0 auto 35px;
    font-style: italic;
    color: #f9f9f9;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75);
}

@media (max-width: 576px) {
    .widget.home-video-1 .absolute-caption .heading {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .widget.home-video-1 .absolute-caption .btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .widget.home-video-1 .absolute-caption .heading {
        max-width: 80%;
        margin: 0 auto 25px;
    }
    .widget.home-video-1>.btn {
        font-size: 13px;
        width: 135px;
        padding: 5px 0;
        bottom: 15px;
    }
}

.widget.home-video-2 {
    position: relative;
}

.widget.home-video-2 .video-area {
    height: 660px;
    position: relative;
    overflow: hidden;
}

.widget.home-video-2 .video-area .img-poster {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget.home-video-2 .video-area .desktop-video {
    display: block;
    height: 660px;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.widget.home-video-2 .video-area .mobile-video {
    display: none;
    height: 380px;
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 991px) {
    .widget.home-video-2 .video-area {
        height: 380px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-video-2 .video-area .desktop-video {
        display: none;
    }
    .widget.home-video-2 .video-area .mobile-video {
        display: block;
    }
}

.widget.home-video-2 .overlay-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    background: rgba(0, 0, 0, 0.1);
}

.widget.home-video-2 .overlay-elements .caption-area {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: #D83633;
}

.widget.home-video-2 .overlay-elements .caption-area .upper-text {
    font-size: 36px;
    /* font-style: italic; */
    margin-bottom: 5px;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
}

.widget.home-video-2 .overlay-elements .caption-area .title {
    color: #D83633;
    font-size: 72px;
    margin-bottom: 25px;
    /* font-style: italic; */
    text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
    font-weight: 900;
}

@media (max-width: 576px) {
    .widget.home-video-2 .overlay-elements .caption-area .btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .widget.home-video-2 .overlay-elements .caption-area .upper-text {
        font-size: 20px;
    }
    .widget.home-video-2 .overlay-elements .caption-area .title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.home-video-2 .overlay-elements .caption-area .upper-text {
        font-size: 16px;
    }
    .widget.home-video-2 .overlay-elements .caption-area .title {
        font-size: 28px;
    }
}

.widget.home-video-2 .overlay-elements .below-icons {
    height: 100px;
    margin-bottom: 30px;
    background: rgba(0, 30, 16, 0.733);
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
}

.widget.home-video-2 .overlay-elements .below-icons .icon-col {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    border-right: 2px solid #D73531;
}

.widget.home-video-2 .overlay-elements .below-icons .icon-col svg {
    margin: 0 auto 10px;
    height: 36px;
    width: 36px;
    display: block;
    fill: #fff;
}

.widget.home-video-2 .overlay-elements .below-icons .icon-col svg circle,
.widget.home-video-2 .overlay-elements .below-icons .icon-col svg path,
.widget.home-video-2 .overlay-elements .below-icons .icon-col svg polygon {
    fill: #fff;
}

.widget.home-video-2 .overlay-elements .below-icons .icon-col span {
    font-size: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: 700;
}

.widget.home-video-2 .overlay-elements .below-icons .icon-col:last-child {
    border-right: 0;
}

@media only screen and (max-width: 991px) {
    .widget.home-video-2 .overlay-elements .below-icons {
        display: none;
    }
}

.widget.livecasino-games-grid-1 {
    padding: 25px 0 0;
}

.widget.livecasino-games-grid-1 .provider-cnt {
    margin-bottom: 35px;
}

.widget.livecasino-games-grid-1 .provider-cnt .heading {
    font-size: 50px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel {
    margin-bottom: 15px;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel .col-center .carousel-inner .carousel-item .col-game {
    display: block;
    padding: 0 5px;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel .col-center .carousel-inner .carousel-item .col-game .img-fluid {
    margin: 0 auto;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    border-radius: 4px;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel .col-center .carousel-inner .carousel-item .col-game:hover .img-fluid {
    border-color: #d32f2f;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel .carousel-control-next,
.widget.livecasino-games-grid-1 .provider-cnt .carousel .carousel-control-prev {
    width: 100%;
    opacity: 1;
    transition: all 0.4s ease;
    background: transparent;
}

.widget.livecasino-games-grid-1 .provider-cnt .carousel .carousel-control-next span,
.widget.livecasino-games-grid-1 .provider-cnt .carousel .carousel-control-prev span {
    color: #fff;
    font-size: 40px;
}

.widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-left,
.widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-right {
    display: none;
}

.widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-center {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

.widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-center .carousel-inner .carousel-item {
    display: flex;
    padding: 0 15px 10px;
}

@media only screen and (max-width: 991px) {
    .widget.livecasino-games-grid-1 .provider-cnt .heading {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .widget.livecasino-games-grid-1 .provider-cnt .carousel {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .widget.livecasino-games-grid-1 .provider-cnt .carousel .col-center .carousel-inner .carousel-item .col-game {
        padding: 0 5px 5px 0;
    }
    .widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-center .carousel-inner .carousel-item {
        padding: 0 15px;
    }
    .widget.livecasino-games-grid-1 .provider-cnt.expanded .carousel .col-center .carousel-inner .carousel-item .col-game {
        padding-bottom: 5px;
    }
}

.widget.livecasino-games-grid-2 {
    margin: 0;
}

.widget.livecasino-games-grid-2 .heading {
    padding-bottom: 40px;
}

.widget.livecasino-games-grid-2 .col-custom {
    flex: 0 0 20%;
    max-width: 20%;
}

.widget.livecasino-games-grid-2 .col-custom .single-game {
    background: #04283a;
    color: #fff;
    padding: 10px;
    margin-bottom: 50px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .img-row {
    position: relative;
    text-align: center;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .img-row .img-fluid {
    position: relative;
    top: -40px;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .text-row {
    margin-top: -20px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .text-row .provider,
.widget.livecasino-games-grid-2 .col-custom .single-game .text-row .title {
    display: block;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .text-row .title {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: block;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .btn-row {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 5px;
    position: absolute;
    bottom: 25px;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s ease;
}

.widget.livecasino-games-grid-2 .col-custom .single-game .btn-row .btn {
    display: block;
    text-align: center;
    width: 100%;
}

.widget.livecasino-games-grid-2 .col-custom .single-game:hover {
    border-color: #d32f2f;
}

.widget.livecasino-games-grid-2 .col-custom .single-game:hover .img-row .img-fluid {
    transform: scale(1.15);
}

@media (max-width: 991px) {
    .widget.livecasino-games-grid-2 .col-custom .single-game:hover .img-row .img-fluid {
        transform: scale(1);
    }
}

.widget.livecasino-games-grid-2 .col-custom .single-game:hover .text-row .title {
    color: #0082cb;
}

@media (max-width: 991px) {
    .widget.livecasino-games-grid-2 .col-custom {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media (max-width: 576px) {
    .widget.livecasino-games-grid-2 .col-custom {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.widget.livecasino-games-grid-3 {
    margin: 35px 0;
}

@media (max-width: 1200px) {
    .widget.livecasino-games-grid-3 {
        margin: 25px 0;
    }
}

.widget.livecasino-games-grid-3 .col-category {
    color: #fff;
}

@media (max-width: 1200px) {
    .widget.livecasino-games-grid-3 .col-category {
        margin-bottom: 25px;
    }
}

.widget.livecasino-games-grid-3 .col-category .cat-title {
    border-bottom: 2px solid #0082cb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.livecasino-games-grid-3 .col-category .col-game {
    margin-bottom: 10px;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod a .img-wrapper {
    overflow: hidden;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod a .img-wrapper .img-fluid {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod a .game-title {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    padding: 3px 5px;
    background: #04283a;
    color: #fff;
    font-size: 12px;
    transition: all 0.3s ease;
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod:hover a .img-wrapper .img-fluid {
    transform: scale(1.2);
}

.widget.livecasino-games-grid-3 .col-category .col-game .gamepod:hover a .game-title {
    background: #0082cb;
    color: #fff;
}

.widget.livecasino-games-grid-3 .col-category.expanded {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.widget.livecasino-games-grid-3 .col-category.expanded .col-game {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

@media (max-width: 767px) {
    .widget.livecasino-games-grid-3 .col-category.expanded .col-game {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}

@media (max-width: 576px) {
    .widget.livecasino-games-grid-3 .col-category.expanded .col-game {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.widget.livecasino-games-filter-1 {
    margin-top: -45px;
    margin-bottom: 30px;
}

.widget.livecasino-games-filter-1 .wrapper {
    position: relative;
    height: 75px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
}

.widget.livecasino-games-filter-1 .wrapper .voice-cnt {
    background: #04283a;
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 15px;
    border-radius: 4px;
}

.widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0 15px;
    height: 100%;
}

.widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    height: 100%;
}

.widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    height: 100%;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}

.widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li a.active,
.widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li a:hover {
    box-shadow: inset 0 -4px 0 0 #0082cb;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    margin: 15px 0;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters label {
    flex-grow: 1;
    margin: 0 10px 0 0;
    overflow: visible;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control {
    width: 100%;
    flex-shrink: 1;
    background: #04283a;
    color: #fff;
    outline: 0 !important;
    border-color: hsla(0, 0%, 100%, 0.3);
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control:focus {
    box-shadow: none;
    border-color: #d32f2f;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control::-webkit-input-placeholder {
    color: #fff;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control::-moz-placeholder {
    color: #fff;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control:-ms-input-placeholder {
    color: #fff;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control::-ms-input-placeholder {
    color: #fff;
}

.widget.livecasino-games-filter-1 .wrapper .mobile-filters .form-control::placeholder {
    color: #fff;
}

@media (max-width: 576px) {
    .widget.livecasino-games-filter-1 .wrapper .mobile-filters {
        display: flex;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-games-filter-1 {
        margin-top: -15px;
        margin-bottom: 15px;
        background: #04283a;
        color: #fff;
    }
    .widget.livecasino-games-filter-1 .wrapper {
        right: unset;
        justify-content: center;
        flex-wrap: nowrap;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .widget.livecasino-games-filter-1 .wrapper {
        height: auto;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt {
        margin: 0;
        border-radius: 0;
    }
}

@media (max-width: 991px) and (max-width: 576px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt {
        display: none;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories {
        padding: 0;
    }
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li {
        margin: 0 20px;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li {
        margin: 0 10px;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li a {
        font-size: 16px;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .widget.livecasino-games-filter-1 .wrapper .voice-cnt .categories li a {
        font-size: 12px;
        padding: 15px 0;
    }
}

.widget.livecasino-topbanner-1 .main-frame {
    position: relative;
}

.widget.livecasino-topbanner-1 .main-frame .img-cover {
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.livecasino-topbanner-1 .main-frame .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    color: #f9f9f9;
}

@media (max-width: 991px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements {
        align-items: flex-end;
        padding-bottom: 25px;
    }
}

@media (max-width: 576px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements {
        padding-bottom: 10px;
    }
}

.widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}

@media (max-width: 991px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box {
        text-align: center;
    }
}

.widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .title {
    font-size: 68px;
}

@media (max-width: 1200px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .title {
        font-size: 52px;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .title {
        font-size: 42px;
    }
}

@media (max-width: 576px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .title {
        font-size: 25px;
    }
}

.widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .sub {
    font-size: 24px;
    margin-bottom: 25px;
}

@media (max-width: 1200px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .sub {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .sub {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .sub {
        display: none;
    }
}

.widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .btn {
    text-shadow: none;
}

@media (max-width: 991px) {
    .widget.livecasino-topbanner-1 .main-frame .overlay-elements .text-box .btn {
        font-size: 14px;
        padding: 5px 20px;
    }
}

.widget.password-1 .container {
    background-color: #fff;
    color: #343434;
    border: 2px solid #d32f2f;
    min-height: 550px;
    position: relative;
    overflow: hidden;
    margin: 30px auto;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
    padding: 40px 15px;
}

.widget.password-1 .container:before {
    left: -50px;
    top: -10px;
}

.widget.password-1 .container:after,
.widget.password-1 .container:before {
    content: "";
    width: 300px;
    height: 50px;
    position: absolute;
    transform: skew(-45deg);
    background: #d32f2f;
    z-index: 1;
}

.widget.password-1 .container:after {
    right: -50px;
    bottom: -10px;
}

.widget.password-1 .container .col-central {
    max-width: 450px;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.widget.password-1 .container .col-central label {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.widget.password-1 .container .col-central button {
    margin-bottom: 15px;
}

.widget.password-1 .container .col-central .success-box {
    border: 1px solid #1699d2;
    margin-top: 50px;
    padding: 6px 12px;
}

.widget.password-1 .container .col-central input.form-control {
    box-shadow: inset 100px 100px 0 100px #fff;
    color: #212121;
}

.widget.password-1 .container .col-central input.form-control::-webkit-input-placeholder {
    color: #212121;
}

.widget.password-1 .container .col-central input.form-control:-moz-placeholder,
.widget.password-1 .container .col-central input.form-control::-moz-placeholder {
    color: #212121;
}

.widget.password-1 .container .col-central input.form-control:-ms-input-placeholder {
    color: #212121;
}

.widget.password-1 .container .col-central h2 {
    margin-bottom: 15px;
    text-align: center;
    color: #02a057;
}

.widget.password-1 .container .col-central p {
    text-align: center;
    padding: 15px 0;
    opacity: 0.9;
}

@media only screen and (max-width: 991px) {
    .widget.password-1 .container {
        min-height: 300px;
        border: 0;
        margin: 0;
    }
    .widget.password-1 .container:after,
    .widget.password-1 .container:before {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .widget.password-1 .container {
        min-height: 300px;
    }
}

.widget.promotions-banner-1 {
    margin: 0;
}

.widget.promotions-banner-1 .promotions-banner {
    border-bottom: 2px solid #0082cb;
    border-top: 2px solid #0082cb;
    padding: 50px 0;
    background: url(/img/promotions/banner_background.jpg);
    background-size: cover;
    background-position: 50%;
    color: #fff;
}

.widget.promotions-banner-1 .promotions-banner .title {
    font-size: 40px;
    margin-bottom: 15px;
}

.widget.promotions-banner-1 .promotions-banner .subtitle {
    font-size: 16px;
    margin-bottom: 15px;
}

.widget.promotions-banner-1 .promotions-banner .text {
    font-size: 13px;
    color: #ddd;
    margin-bottom: 15px;
    font-style: italic;
}

.widget.promotions-banner-1 .promotions-banner .btn {
    border: 0;
    padding: 5px 45px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.widget.promotions-banner-1 .promotions-banner .btn:hover {
    background-color: #d32f2f !important;
    color: #fff !important;
}

.widget.promotions-filter-1 {
    padding: 15px 0;
    background-color: #04283a;
    margin-top: -15px;
}

.widget.promotions-filter-1 .row {
    height: 100%;
}

.widget.promotions-filter-1 .row>div {
    display: flex;
    justify-content: space-around;
    height: 100%;
}

.widget.promotions-filter-1 .category {
    text-align: center;
    color: #fff;
    opacity: 0.35;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.widget.promotions-filter-1 .category:hover {
    opacity: 1;
    cursor: pointer;
}

.widget.promotions-filter-1 .category svg {
    height: 40px;
    width: auto;
    display: block;
    margin: 0 auto 10px;
}

.widget.promotions-filter-1 .category svg circle,
.widget.promotions-filter-1 .category svg g,
.widget.promotions-filter-1 .category svg path,
.widget.promotions-filter-1 .category svg polygon {
    fill: #fff;
}

.widget.promotions-filter-1 .category .title {
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .widget.promotions-filter-1 .category .title {
        display: none;
    }
    .widget.promotions-filter-1 .category svg {
        height: 35px;
    }
}

.widget.promotions-list-1 {
    padding: 20px 0;
}

.widget.promotions-list-1 .list-promotion {
    color: #fff;
    margin: 10px;
    height: 300px;
    position: relative;
    transition: all 0.3s ease;
    display: block;
    border-radius: 2px;
}

.widget.promotions-list-1 .list-promotion:hover {
    box-shadow: 0 0 0 1px #fff;
}

.widget.promotions-list-1 .list-promotion .textbox {
    background-color: #004d2a;
    position: absolute;
    bottom: 0;
    padding: 25px;
    width: 100%;
}

.widget.promotions-list-1 .list-promotion .textbox .title {
    font-size: 24px;
}

.widget.promotions-list-1 .list-promotion .textbox .text {
    font-size: 12px;
    font-style: italic;
    opacity: 0.85;
}

.widget.promotions-list-2 {
    position: relative;
}

.widget.promotions-list-2 .heading {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    font-size: 50px;
}

.widget.promotions-list-2 .col-preview {
    padding: 0 0 0 15px;
    overflow: hidden;
    transition: all 0.4s ease;
    position: relative;
}

.widget.promotions-list-2 .col-preview img {
    transition: all 0.3s ease;
    min-width: 100%;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
}

.widget.promotions-list-2 .col-preview .text-bottom {
    transition: all 0.3s ease;
    position: absolute;
    display: block;
    background: rgba(0, 130, 203, 0.85);
    height: 70px;
    width: calc(100% - 15px);
    bottom: 0;
    left: 15px;
    right: 0;
    margin: auto;
    padding: 15px;
    font-size: 14px;
    transform: scale(0);
}

.widget.promotions-list-2 .col-preview .text-bottom span {
    color: #fff;
    font-style: italic;
}

.widget.promotions-list-2 .col-preview:hover img {
    opacity: 0.8;
}

.widget.promotions-list-2 .col-preview:hover .text-bottom {
    transform: scale(1);
}

.widget.promotions-list-2 .col-separate {
    padding-right: 30px;
}

.widget.promotions-list-2 .col-separate .col-thumb {
    padding-right: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

.widget.promotions-list-2 .col-separate .col-thumb img {
    transition: all 0.4s ease;
    min-width: 100%;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
}

.widget.promotions-list-2 .col-separate .col-thumb:nth-child(3),
.widget.promotions-list-2 .col-separate .col-thumb:nth-child(4) {
    margin-bottom: 0;
}

.widget.promotions-list-2 .col-separate .col-thumb .text-bottom {
    font-size: 12px;
    transition: all 0.3s ease;
    position: absolute;
    display: block;
    background: rgba(0, 130, 203, 0.85);
    height: 70px;
    width: calc(100% - 15px);
    bottom: 0;
    left: 15px;
    right: 0;
    margin: auto;
    padding: 10px;
    overflow: hidden;
    transform: scale(0);
}

.widget.promotions-list-2 .col-separate .col-thumb .text-bottom span {
    color: #fff;
    font-style: italic;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget.promotions-list-2 .col-separate .col-thumb:hover img {
    opacity: 0.65;
}

.widget.promotions-list-2 .col-separate .col-thumb:hover .text-bottom {
    transform: scale(1);
}

@media only screen and (max-width: 991px) {
    .widget.promotions-list-2 {
        padding: 10px 0;
    }
    .widget.promotions-list-2 .heading {
        font-size: 24px;
    }
    .widget.promotions-list-2 .col-preview {
        padding: 0 15px;
        margin-bottom: 10px;
    }
    .widget.promotions-list-2 .col-preview .text-bottom {
        width: calc(100% - 30px);
        font-size: 12px;
        left: 0;
        transform: scale(1);
        padding: 10px;
    }
    .widget.promotions-list-2 .col-preview .text-bottom span {
        color: #fff;
        font-style: italic;
    }
    .widget.promotions-list-2 .col-separate .col-thumb:nth-child(3),
    .widget.promotions-list-2 .col-separate .col-thumb:nth-child(4) {
        margin-bottom: 10px;
    }
    .widget.promotions-list-2 .col-separate .col-thumb .text-bottom {
        padding: 10px;
        transform: scale(1);
    }
}

.widget.promotions-list-3 {
    display: block;
    padding: 30px 0;
}

.widget.promotions-list-3 .title {
    margin-bottom: 30px;
}

.widget.promotions-list-3 .promo-cnt {
    border: 1px solid transparent;
    transition: all 0.4s ease;
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.widget.promotions-list-3 .promo-cnt:last-child {
    margin-bottom: 0;
}

.widget.promotions-list-3 .promo-cnt:hover {
    border-color: #d32f2f;
}

.widget.promotions-list-3 .promo-cnt:hover .img-cnt img {
    transform: scale(1.2);
}

.widget.promotions-list-3 .promo-cnt .img-cnt {
    display: flex;
    align-items: stretch;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.widget.promotions-list-3 .promo-cnt .img-cnt img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.4s ease;
}

.widget.promotions-list-3 .promo-cnt .desc-cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    background: #04283a;
    color: #fff;
    padding: 20px 15px;
    height: 100%;
}

.widget.promotions-list-3 .promo-cnt .desc-cnt .desc,
.widget.promotions-list-3 .promo-cnt .desc-cnt .subtitle {
    margin-bottom: 15px;
}

@media (max-width: 576px) {
    .widget.promotions-list-3 .promo-cnt .desc-cnt .desc {
        display: none;
    }
}

.widget.promotion-details-1 {
    margin-bottom: 0;
}

.widget.promotion-details-1 .banner {
    text-align: center;
    padding: 50px 0;
    background-color: #04283a;
    color: #fff;
    background-position: 50%;
    margin-bottom: 15px;
    font-size: 16px;
    transition: all 0.3s ease;
}

@media (max-width: 576px) {
    .widget.promotion-details-1 .banner {
        font-size: 14px;
    }
}

.widget.promotion-details-1 .banner:hover {
    opacity: 0.9;
}

.widget.promotion-details-1 .banner .heading {
    font-size: 40px;
    margin-bottom: 15px;
}

@media (max-width: 576px) {
    .widget.promotion-details-1 .banner .heading {
        font-size: 28px;
    }
}

.widget.promotion-details-1 .banner .subtitle {
    font-style: italic;
    margin-bottom: 15px;
    display: block;
}

.widget.promotion-details-1 .banner .text {
    opacity: 0.85;
    margin-bottom: 15px;
    display: block;
}

.widget.promotion-details-1 .promo-body {
    font-size: 16px;
    padding: 15px;
}

.widget.promotion-details-1 .promo-body .heading {
    font-size: 30px;
}

@media (max-width: 576px) {
    .widget.promotion-details-1 .promo-body {
        font-size: 14px;
    }
    .widget.promotion-details-1 .promo-body .heading {
        font-size: 24px;
    }
}

.widget.promotion-details-1 .tec {
    border: 1px dashed #343434;
    font-size: 13px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.1);
}

.widget.promotion-details-1 .tec .heading {
    font-size: 20px;
}

.widget.registration-1 .container {
    background-color: #fff;
    color: #212121;
    border: 2px solid #d32f2f;
    min-height: 550px;
    position: relative;
    overflow: hidden;
    margin: 30px auto;
    padding: 70px 30px;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
}

.widget.registration-1 .container:before {
    left: -50px;
    top: -10px;
}

.widget.registration-1 .container:after,
.widget.registration-1 .container:before {
    content: "";
    width: 300px;
    height: 50px;
    position: absolute;
    transform: skew(-45deg);
    background: #d32f2f;
    z-index: 1;
}

.widget.registration-1 .container:after {
    right: -50px;
    bottom: -10px;
}

.widget.registration-1 .container .col-central {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.widget.registration-1 .container .col-central label {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.widget.registration-1 .container .col-central button {
    margin-bottom: 15px;
}

.widget.registration-1 .container .col-central .success-box {
    border: 1px solid #1699d2;
    margin-top: 50px;
    padding: 6px 12px;
}

.widget.registration-1 .container .col-central input.form-control,
.widget.registration-1 .container .col-central select.form-control {
    box-shadow: inset 100px 100px 0 100px #fff;
    color: #212121;
    -webkit-text-fill-color: #212121;
}

.widget.registration-1 .container .col-central input.form-control::-webkit-input-placeholder,
.widget.registration-1 .container .col-central select.form-control::-webkit-input-placeholder {
    color: #212121;
}

.widget.registration-1 .container .col-central input.form-control:-moz-placeholder,
.widget.registration-1 .container .col-central input.form-control::-moz-placeholder,
.widget.registration-1 .container .col-central select.form-control:-moz-placeholder,
.widget.registration-1 .container .col-central select.form-control::-moz-placeholder {
    color: #212121;
}

.widget.registration-1 .container .col-central input.form-control:-ms-input-placeholder,
.widget.registration-1 .container .col-central select.form-control:-ms-input-placeholder {
    color: #212121;
}

.widget.registration-1 .container .col-central h4 {
    color: #212121;
}

.widget.registration-1 .container .col-central p {
    text-align: center;
    padding: 15px 0;
    opacity: 0.9;
}

.widget.registration-1 .container .col-central .account-info-box,
.widget.registration-1 .container .col-central .personal-data-box,
.widget.registration-1 .container .col-central .promo-code-box,
.widget.registration-1 .container .col-central .submit-box {
    display: block;
    margin-bottom: 15px;
}

.widget.registration-1 .container .ap-input-icon {
    top: calc(50% - 2px);
}

@media only screen and (max-width: 991px) {
    .widget.registration-1 .container {
        min-height: 300px;
        border: 0;
        margin: 0;
    }
    .widget.registration-1 .container:after,
    .widget.registration-1 .container:before {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .widget.registration-1 .container {
        min-height: 300px;
    }
}

.widget.registered-1 {
    margin: 60px 0;
    display: block;
}

.widget.registered-1 .inner-part {
    background-color: #fff;
    color: #343434;
    border: 2px solid #d32f2f;
    overflow: hidden;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);
    position: relative;
}

.widget.registered-1 .inner-part:before {
    left: -50px;
    top: -10px;
}

.widget.registered-1 .inner-part:after,
.widget.registered-1 .inner-part:before {
    content: "";
    width: 300px;
    height: 50px;
    position: absolute;
    transform: skew(-45deg);
    background: #d32f2f;
    z-index: 1;
}

.widget.registered-1 .inner-part:after {
    right: -50px;
    bottom: -10px;
}

.widget.registered-1 .inner-part .img-cnt {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.widget.registered-1 .inner-part .img-cnt .img-fluid {
    margin-left: -50%;
    transform: translate(50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.widget.registered-1 .inner-part .img-cnt .img-character {
    position: absolute;
    height: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}

.widget.registered-1 .inner-part .logo-absolute {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 135px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.65);
    z-index: 3;
}

.widget.registered-1 .inner-part .logo-absolute img {
    max-width: 120px;
    max-height: 100px;
    width: 100%;
    transform: rotate(-45deg);
}

.widget.registered-1 .inner-part .txt-cnt {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 75px 95px 75px 15px;
    width: 100%;
    height: 100%;
}

.widget.registered-1 .inner-part .txt-cnt .subtitle {
    margin-bottom: 15px;
    font-size: 32px;
    text-align: center;
}

.widget.registered-1 .inner-part .txt-cnt .desc {
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .widget.registered-1 {
        margin: 30px 0;
    }
    .widget.registered-1 .inner-part .logo-absolute {
        display: none;
    }
    .widget.registered-1 .inner-part .txt-cnt {
        padding: 40px 15px 0;
        height: 400px;
    }
    .widget.registered-1 .inner-part .img-cnt {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .widget.registered-1 {
        margin: 30px 0;
    }
    .widget.registered-1 .inner-part .txt-cnt {
        height: 300px;
    }
    .widget.registered-1 .inner-part .txt-cnt .subtitle {
        font-size: 24px;
    }
    .widget.registered-1 .inner-part .img-cnt {
        height: 300px;
    }
}

.widget.virtual-games-grid-2 {
    margin: 15px 0 50px;
}

.widget.virtual-games-grid-2 .featured-game {
    position: relative;
    display: flex;
    overflow: hidden;
}

.widget.virtual-games-grid-2 .featured-game .img-fluid {
    width: 100%;
    height: 100%;
    min-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 991px) {
    .widget.virtual-games-grid-2 .featured-game .img-fluid {
        min-height: 210px;
    }
}

.widget.virtual-games-grid-2 .featured-game .overlay-elements {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 40, 58, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.3s ease;
    padding-bottom: 25px;
}

@media (max-width: 991px) {
    .widget.virtual-games-grid-2 .featured-game .overlay-elements {
        opacity: 1;
        background: none;
    }
}

.widget.virtual-games-grid-2 .featured-game .overlay-elements .btn {
    transition: all 0.5s ease !important;
    transform: translateY(100px);
}

@media (max-width: 991px) {
    .widget.virtual-games-grid-2 .featured-game .overlay-elements .btn {
        transform: translateY(0);
        padding: 5px 12px;
        font-size: 14px;
    }
}

.widget.virtual-games-grid-2 .featured-game:hover .overlay-elements {
    opacity: 1;
}

.widget.virtual-games-grid-2 .featured-game:hover .overlay-elements .btn {
    transform: translateY(0);
}

.widget.virtual-games-grid-2 .gamepod {
    position: relative;
    display: block;
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner .front-pod {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner .front-pod .img-fluid {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner .back-pod {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #04283a;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner .back-pod .provider,
.widget.virtual-games-grid-2 .gamepod .gamepod-inner .back-pod .title {
    font-weight: 700;
    font-size: 18px;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.virtual-games-grid-2 .gamepod .gamepod-inner .back-pod .provider {
    font-weight: 400;
    font-size: 14px;
}

.widget.virtual-games-grid-2 .gamepod:hover .gamepod-inner {
    transform: rotateY(180deg);
}

@media (max-width: 991px) {
    .widget.virtual-games-grid-2 .gamepod .gamepod-inner .back-pod {
        display: none;
    }
    .widget.virtual-games-grid-2 .gamepod:hover .gamepod-inner {
        transform: none;
    }
}