@font-face {
    font-family: cartzilla-icons;
    src: url(../fonts/gametop.ttf?v4xwry) format("truetype");
    font-weight: 400;
    font-style: normal
}

.cz-countdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 400
}

.cz-countdown .cz-countdown-value {
    font-weight: 500
}

.cz-countdown .cz-countdown-label {
    font-size: 65%
}

.cz-countdown .cz-countdown-days,
.cz-countdown .cz-countdown-hours,
.cz-countdown .cz-countdown-minutes,
.cz-countdown .cz-countdown-seconds {
    margin-top: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem
}

.cz-countdown .cz-countdown-seconds {
    margin-right: 0
}

html body {
    margin: 0;
    font-family: Rubik, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    max-width: 600px;
    margin: auto;
    text-align: left;
    background-color: #607D8B;
}

.bg-darker {
    background-color: #607D8B !important
}

body .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

body figure,
img {
    max-width: 100%
}

body .navbar {
    padding: 0 1rem
}

body .navbar-dark .navbar-toggler {
    border-color: transparent
}

body .navbar-toggler {
    padding: .75rem;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0
}



body .navbar-tool {
    position: relative;
    align-items: center
}

body .navbar-dark .navbar-tool-icon-box {
    color: #fff
}

body .navbar-tool-icon-box {
    position: relative;
    width: 2.175rem;
    height: 2.175rem;
    transition: color .25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    text-align: center
}

body .navbar-tool-icon {
    font-size: 1.25rem;
    line-height: 2.875rem
}

body .czi-search::before {
    content: "\e972"
}

body [class*=" czi-"],
body [class^=czi-] {
    display: inline-block;
    font-family: cartzilla-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

body .input-group-overlay {
    position: relative;
    width: 100%
}

body .input-group-append-overlay,
body .input-group-prepend-overlay {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5
}

body .input-group-append-overlay .input-group-text,
body .input-group-prepend-overlay .input-group-text {
    border: 0;
    background-color: transparent
}

body .input-group-text {
    display: flex;
    align-items: center;
    padding: .625rem 1rem;
    margin-bottom: 0;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dae1e7;
    border-radius: .3125rem
}

body .input-group-overlay .prepended-form-control:not(.rounded-left-0) {
    padding-left: 2.5rem;
    border-top-left-radius: .3125rem !important;
    border-bottom-left-radius: .3125rem !important
}

body .form-control {
    display: block;
    width: 100%;
    padding: .625rem 1rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

body a {
    cursor: pointer;
    color: #0073c7;
    text-decoration: none;
    background-color: transparent
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    padding: .625rem 1.375rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: .3125rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out
}

body [type=button],
body [type=reset],
body [type=submit],
body button {
    -webkit-appearance: button
}

@media(min-width:992px) {
    body .navbar-expand-lg .navbar-nav .nav-link {
        position: relative;
        padding-top: 0;
        padding-bottom: 0
    }
    body .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    body .navbar-expand-lg .navbar-nav .nav-link>span {
        position: relative;
        display: inline-block;
        padding-top: .6666666667rem;
        padding-bottom: .5714285714rem
    }
    body .navbar-expand-lg .navbar-nav .nav-link>span::before {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: .125rem;
        transition: all .25s ease-in-out;
        background-color: #fff;
        content: ''
    }
}

.collapse:not(.show) {
    display: none
}

body .card *,
.flex-column * {
    min-height: .01px
}

body [type=button]:not(:disabled),
body [type=reset]:not(:disabled),
body [type=submit]:not(:disabled),
body button:not(:disabled) {
    cursor: pointer
}

body .text-muted {
    color: #7d879c !important
}

body .alert-gt {
    color: #f60;
    background-color: #fff3f3;
    border-color: #ffdbdb !important
}

body .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .4375rem
}

body .text-banner {
    color: #f60 !important
}

body .block-title {
    position: relative;
    padding-top: 1rem
}

.block-title::before {
    display: block;
    left: 0;
    bottom: 0;
    margin-bottom: .75rem;
    height: .75rem;
    border-radius: .75rem;
    width: 8.5rem;
    background-color: rgb(47, 0, 255);
    content: ''
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

body .card-hover {
    border: 0 !important;
    transition: all .25s ease-in-out;
    box-shadow: 0 .125rem .3rem -.0625rem rgb(0 0 0/3%), 0 .275rem .75rem -.0625rem rgb(0 0 0/6%)
}

body .card-img,
.card-img-top {
    border-top-left-radius: calc(0.4375rem - 1px);
    border-top-right-radius: calc(0.4375rem - 1px)
}

body .card-img,
.card-img-bottom,
.card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.text-truncate-2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.card-hover .card-footer {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-top-color: #e9eef3;
    background-color: #f6f9fc;
    color: #7d879c;
    font-size: .9375rem;
    text-align: center;
    text-decoration: none
}

body .card-footer:last-child {
    border-radius: 0 0 calc(0.4375rem - 1px) calc(0.4375rem - 1px)
}

body .card-hover .card-footer {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-top-color: #e9eef3;
    background-color: #f6f9fc;
    color: #7d879c;
    font-size: .9375rem;
    text-align: center;
    text-decoration: none
}

body .widget-light .widget-list-link {
    color: rgba(255, 255, 255, .65)
}

body .widget-list-link {
    display: block;
    transition: color .25s ease-in-out;
    color: #4b566b;
    font-size: 1rem;
    font-weight: 400
}

body .hr-light {
    border-color: rgba(255, 255, 255, .12)
}

body .text-gt {
    color: #f60 !important
}

body .font-size-base {
    font-size: 1rem !important
}

body .opacity-50 {
    opacity: .5 !important
}

body .font-size-ms {
    font-size: .8125rem !important
}

body .czi-security-check::before {
    content: "\e974"
}

body .czi-gift::before {
    content: "\e93f"
}

body .czi-heart::before {
    content: "\e944"
}

body .social-btn.sb-light {
    background-color: rgba(255, 255, 255, .08);
    color: #fff
}

body .sb-lg {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .3125rem;
    font-size: 1rem
}

body .social-btn {
    display: inline-block;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
    border-radius: .3125rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .875rem;
    text-align: center;
    text-decoration: none !important
}

body .sb-lg>i {
    line-height: 2.625rem
}

.czi-youtube::before {
    content: "\e999"
}

.czi-facebook::before {
    content: "\e938"
}

.widget-list-item {
    margin-bottom: .375rem
}

.font-size-xs {
    font-size: .75rem !important
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin-bottom: .75rem;
    font-weight: 500;
    line-height: 1.2;
    color: #232f3f
}

@media(min-width:992px) {
    .navbar-expand-lg.navbar {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-tool .navbar-tool-tooltip {
        display: block;
        position: absolute;
        top: -.5rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: opacity .2s ease-in-out, top .2s ease-in-out;
        padding: .0625rem .375rem;
        border-radius: .1875rem;
        background-color: #2b3445;
        color: #fff;
        font-size: .6875rem;
        white-space: nowrap;
        opacity: 0
    }
    /* .navbar-expand-lg .navbar-nav .nav-item {
        margin-bottom: 0
    } */
}

body .border {
    border: 1px solid #e3e9ef !important
}

.card-body p:hover {
    color: #f60
}

body .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: .7rem
}

body .widget-light .widget-list-link:hover {
    color: #fff;
    text-decoration: none
}

.text-banner:hover {
    text-decoration: underline !important
}

a:hover {
    color: #f60;
    text-decoration: underline
}

a.card.card-hover {
    text-decoration: none
}

body .block-title a:hover {
    text-decoration: none;
    color: #f60
}

body .card-top100 {
    color: #232f3f
}

body .card-top100 a {
    text-decoration: none
}

body .card-top100 a:hover {
    text-decoration: none
}

body .navbar-dark .nav-item:hover .nav-link:not(.disabled) {
    color: #fff
}

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

@media(min-width:1280px) {
    .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link>span::before {
        left: 0;
        width: 100%
    }
}

@media(min-width:1280px) {
    body .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1260px
    }
    body .container {
        max-width: 1260px
    }
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body .nav-link {
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    font-weight: 400
}

.text-body {
    color: #4b566b !important
}

.card-hover:hover {
    box-shadow: 0 .3rem 1.525rem -.375rem rgb(0 0 0/10%)
}

.widget-list {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    transition: color .25s ease-in-out
}

body .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: .3125rem
}

.breadcrumb-item {
    font-size: .8125rem;
    font-weight: 400
}

.breadcrumb-item>a {
    transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
    color: #4b566b
}

body .breadcrumb-item>a>i {
    margin-top: -.175rem;
    margin-right: .325rem;
    font-size: 1.05em;
    vertical-align: middle
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .425rem
}

body .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .425rem;
    color: #a6acb7;
    content: ""
}

body .breadcrumb-item::before {
    font-family: cartzilla-icons;
    font-size: .9em;
    vertical-align: middle
}

.btn-danger,
.btn-dark,
.btn-info,
.btn-outline-info:active,
.btn-outline-info:hover,
.btn-outline-success:active,
.btn-outline-success:hover,
.btn-outline-warning:active,
.btn-outline-warning:hover,
.btn-primary,
.btn-success,
.btn-warning {
    color: #fff !important
}

.btn {
    white-space: nowrap
}

.font-size-lg {
    font-size: 1.125rem !important
}

body .btn {
    display: inline-block;
    font-weight: 400;
    color: #4b566b;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .625rem 1.375rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: .3125rem;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out
}

body .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .085);
    border-radius: .4375rem
}

.card-title-2 {
    margin-bottom: .875rem;
    height: 2.5em
}

.card-hover:hover .card-title {
    color: #fe3638
}

.card-hover .card-title {
    transition: color .25s ease-in-out;
    text-decoration: none
}

.card-hover:hover {
    transform: scale(1.04);
    box-shadow: rgb(0 0 0/16%) 0 2px 5px 0
}

table td {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    text-align: left
}

iframe {
    width: 100%;
    border: 0
}

body .bg-light {
    background-color: #fff !important
}

.rounded-lg {
    border-radius: .4375rem !important
}

body .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .4375rem
}

body .btn-primary {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #232f3f;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 10rem;
    padding: .375rem 1.5rem;
    font-weight: 700;
    font-size: 1.17rem;
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    background-color: #232f3f;
    color: #fff
}

body .btn-primary:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    background-color: #232f3f;
    border: 2px solid #232f3f;
    color: #fff
}

body .btn-primary:focus {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #232f3f;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 10rem;
    padding: .375rem 1.5rem;
    font-weight: 700;
    font-size: 1.17rem;
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    background-color: #232f3f;
    color: #fff
}

body .btn-primary:active {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #232f3f;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 10rem;
    padding: .375rem 1.5rem;
    font-weight: 700;
    font-size: 1.17rem;
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    background-color: #232f3f !important;
    color: #fff !important
}

body .btn-outline-primary {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #232f3f;
    border: 2px solid #232f3f;
    background-color: #fff;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 10rem;
    padding: .375rem 1.5rem;
    font-weight: 700;
    font-size: 1.17rem
}

body .btn-outline-primary:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    background-color: #232f3f;
    border: 2px solid #232f3f;
    color: #fff
}

body .btn-gt-huge {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #f60;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 2.5rem
}

body .btn-gt-huge2 {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #f60;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 1.75rem
}

body .btn-gt-huge2-blue {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #3446c5;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 1.75rem
}

body .btn-gt-huge2-green {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #26bf81;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 18rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 1.75rem
}

body .btn-gt-huge2-green2 {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #2a874b;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 1.75rem
}

body .btn-gt-huge2-green3 {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #319c26;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: 1rem 3rem;
    font-weight: 700;
    font-size: 1.75rem
}

body .btn-gt-big {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #f60;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: .7rem 2.5rem;
    font-weight: 700;
    font-size: 1.4rem
}

body .btn-gt {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color: #f60;
    border-radius: 1.375rem;
    box-shadow: none;
    min-width: 5rem;
    padding: .375rem 1.5rem;
    font-weight: 700;
    font-size: 1.17rem
}

.btn>i {
    margin-top: -.1875rem;
    vertical-align: middle
}

body .btn-gt:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .btn-gt-big:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .btn-gt-huge:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .btn-gt-huge2:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .btn-gt-huge2-green:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .btn-gt-huge2-green2:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff;
    background-color: #1d5d34
}

body .btn-gt-huge2-green3:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff;
    background-color: #51bc56
}

body .btn-gt-huge2-blue:hover {
    box-shadow: 0 0 10px 0 rgb(96 108 123/50%);
    color: #fff
}

body .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.custom-option-label) {
    color: #373f50
}

.star-rating .custom-control {
    position: relative;
    width: 1.625rem;
    height: 1.2rem;
    margin-bottom: 0;
    padding-left: .25rem;
    cursor: pointer
}

.star-rating .custom-control::before {
    color: #aeb4be;
    content: '\e980'
}

.star-rating .custom-control::after,
.star-rating .custom-control::before {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .2s ease-in-out;
    font-family: cartzilla-icons;
    font-size: 1.4rem;
    line-height: 1
}

.star-rating .custom-control::after {
    opacity: 0;
    color: #fea569;
    content: '\e97f'
}

body .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.star-rating {
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 8.125rem
}

@media(min-width:768px) {
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
}

@media(min-width:768px) {
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
}

.star-rating-static {
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.star-rating-static .sr-star.active::before {
    content: '\e97f'
}

.star-rating-static .sr-star::before {
    content: '\e980'
}

body .btn-sm {
    padding: .25rem .75rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: .1875rem
}

body .btn-outline-gt {
    color: #fe3638;
    background-color: #fff;
    border-color: #ffdbdb;
    box-shadow: none
}

body .btn-outline-gt:hover {
    color: #fe3638;
    text-decoration: underline
}

.btn:hover {
    color: #4b566b;
    text-decoration: none
}

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

form.input-group.input-group-overlay {
    margin: 0
}

body .card-img,
body .card-img-top {
    border-top-left-radius: calc(0.4375rem - 1px);
    border-top-right-radius: calc(0.4375rem - 1px)
}

.card-hover.border {
    box-shadow: none
}

body .h4 {
    font-size: 1.5rem
}

.img_ad:hover {
    -webkit-filter: brightness(120%)
}

a {
    cursor: pointer
}

body .pagination {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-item {
    margin: .15rem
}

body .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem
}

body .pagination .page-link {
    border-radius: .3125rem;
    font-size: .9375rem
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

.page-link {
    position: relative;
    transition: color .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out
}

.page-link>i {
    margin-top: -.125rem;
    vertical-align: middle
}

body [class*=" czi-"],
body [class^=czi-] {
    display: inline-block;
    font-family: cartzilla-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

body .page-link {
    position: relative;
    display: block;
    padding: .375rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4b566b;
    background-color: transparent;
    border: 1px solid transparent
}

body .page-link:hover {
    z-index: 2;
    color: #4b566b;
    text-decoration: none;
    background-color: #f3f5f9;
    border-color: #f3f5f9
}

.page-item.active {
    position: relative;
    z-index: 5;
    cursor: default
}

body .page-item.active>.page-link {
    box-shadow: 0 .5rem 1.125rem -.425rem rgb(254 105 106/90%)
}

body .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #fe3638;
    border-color: transparent
}

body .star-rating-static .sr-star.active {
    color: #fea569
}

body .star-rating-static .sr-star {
    margin-right: .25rem;
    color: #aeb4be;
    font-family: cartzilla-icons;
    font-size: 1.4rem;
    font-line-height: 1
}

.star-rating .custom-control:hover::before,
.star-rating .custom-control:hover~.custom-control::before,
.star-rating :checked~.custom-control::before {
    opacity: 0
}

.star-rating .custom-control:hover::after,
.star-rating .custom-control:hover~.custom-control::after,
.star-rating :checked~.custom-control::after {
    opacity: 1
}

.czi-check::before {
    content: "\e91d"
}

.bg-position-center {
    background-position: center !important
}

.bg-size-cover {
    background-size: cover !important
}

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

body .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: .625rem 1rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    border-radius: .3125rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

body label {
    display: inline-block;
    margin-bottom: .375rem
}

body .rounded-lg {
    border-radius: .4375rem
}

body .box-shadow-lg {
    box-shadow: 0 .3rem 1.525rem -.375rem rgba(0, 0, 0, .1) !important
}

body .form-control:focus {
    color: #4b566b;
    background-color: #fff;
    border-color: rgba(254, 105, 106, .3);
    outline: 0;
    box-shadow: 0 0 0 0 transparent, 0 .375rem .625rem -.3125rem rgb(254 105 106/15%)
}

.czi-send::before {
    content: "\e977"
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}


textarea.form-control {
    height: auto
}

.display-404 {
    color: #fff;
    font-size: 10rem;
    text-shadow: -.0625rem 0 #fe696a, 0 .0625rem #fe696a, .0625rem 0 #fe696a, 0 -.0625rem #fe696a
}

body .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .65)
}

figure,
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

@media(max-width:991.98px) {
    body .navbar-expand-lg>.container,
    body .navbar-expand-lg>.container-fluid,
    body .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media(max-width:576px) {
    body .container {
        max-width: 100%
    }
}

.czi-joystick::before {
    content: "\e94b"
}

.czi-pinterest::before {
    content: "\e966"
}

.czi-twitter::before {
    content: "\e98a"
}

.czi-home::before {
    content: "\e946"
}

.czi-time::before {
    content: "\e986"
}

.czi-eye::before {
    content: "\e937"
}

.czi-download:before {
    content: "\e9aa"
}

body hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #e3e9ef
}

@media(max-width:991.98px) {
    .display-404 {
        font-size: 8rem
    }
}

.card-title-2.text-truncate-2 {
    height: 1.2em;
    display: block !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}