body {
    font-family: Rubik-Regular, Arial, sans-serif;
    background-position: center center;
    background-repeat: repeat repeat;
    background-attachment: fixed;
}

.breadcrumb-item {
    white-space: normal;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    font-weight: 500;
}

.col-xl-9-5,
.col-xl-2-5 {
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

@media (min-width: 1200px) {
    .col-xl-2-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-9-5 {
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (max-width: 575.98px) {
    .text-lg {
        font-size: 1.1rem;
    }

    .h3 {
        font-size: 1.5rem;
    }

    .h4 {
        font-size: 1.3rem;
    }

    .h5 {
        font-size: 1.1rem;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        width: 100%;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        margin-right: auto;
        margin-left: auto;
    }

    .row {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

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

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-xl-9-5,
    .col-xl-2-5 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.faa-horizontal.animated {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.faa-spin.animated {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.text-md {
    font-size: 1rem;
}

.btn {
    transition: 0.75s;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.corner-ribbon {
    position: absolute;
    overflow: hidden;
    top: -1px;
    left: -1px;
    z-index: 1;
    width: 5rem;
    height: 5rem;
    text-align: center;
}

.corner-ribbon span {
    position: absolute;
    display: block;
    text-align: center;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 10rem;
    top: 0.9rem;
    left: -3.5rem;
}

.right-corner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.rounded-lg-right {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.rounded-lg-left {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.rounded-lg-top {
    border-top-right-radius: 0.5rem !important;
    border-top-left-radius: 0.5rem !important;
}

.navbar-expand-md .navbar-nav {
    flex-direction: row;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}

@media (min-width: 768px) {
    .navbar-nav>.show {
        background-color: #d4daed;
    }
}

/* NAVBAR */
.navbar-toggler {
    margin-bottom: -0.1rem;
    border: transparent !important;
    background: transparent;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 1.25rem;
    height: 0.1rem;
    background-color: #606060;
    border-radius: 1px;
    transition: all 0.2s;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 0.5rem;
}

.navbar-toggler:hover,
.navbar-toggler:active {
    border: transparent !important;
    background: transparent;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 15% 45%;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 15% 45%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

/*mobile menu*/
#collapseMenu .list-group-item[aria-expanded="true"] {
    color: #7a180f !important;
    background-color: #eaecf4;
}

/*mobile menu*/
#collapseMenu .list-group-item .collapse-menu-item::after {
    margin-left: auto;
    padding: 0.5rem;
    content: '\f229';
    font-family: 'bootstrap-icons';
    color: #b7b9cc;
}

/*mobile menu*/
#collapseMenu .list-group-item[aria-expanded="true"] .collapse-menu-item::after {
    content: '\f235';
}

/*desktop menu*/
#droprightMenu .dropdown-menu-item::after {
    font-size: 80%;
    margin-left: auto;
    padding: 0.25rem;
    content: '\f138';
    font-family: 'bootstrap-icons';
    color: #eaecf4;
}

/*desktop menu*/
#droprightMenu .dropdown:hover .dropdown-menu-item::after {
    color: #b7b9cc;
}

.btn.add-to-favorite:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    /* rgba(78, 115, 223, 0.25) */
}

.border-effect {
    transition: 0.5s;
}

.border-effect:hover {
    color: #7a180f !important;
    border-color: #b7b9cc !important;
}

.filter-effect:hover {
    background-color: rgba(190, 38, 23, 0.25) !important;
}

/*filter*/
#filter .list-group-item .collapse-menu-item::after {
    margin-left: auto;
    padding-left: 0.5rem;
    content: '\f229';
    font-family: 'bootstrap-icons';
    color: #b7b9cc;
}

/*filter*/
#filter .list-group-item[aria-expanded="true"] .collapse-menu-item::after {
    content: '\f235';
}

@-webkit-keyframes badge-grow {
    0% {
        background-color: #4e73df;
    }

    4.5% {
        background-color: #8e5dca;
    }

    9% {
        background-color: #b442a9;
    }

    13.5% {
        background-color: #c92280;
    }

    18% {
        background-color: #ce0754;
    }

    22.5% {
        background-color: #cb3137;
    }

    27% {
        background-color: #c04c1d;
    }

    31.5% {
        background-color: #af6200;
    }

    36% {
        background-color: #9e8100;
    }

    40.5% {
        background-color: #859c23;
    }

    45% {
        background-color: #63b353;
    }

    49.5% {
        background-color: #1cc88a;
    }

    54% {
        background-color: #63b353;
    }

    58.5% {
        background-color: #859c23;
    }

    63% {
        background-color: #9e8100;
    }

    67.5% {
        background-color: #af6200;
    }

    72% {
        background-color: #c04c1d;
    }

    76.5% {
        background-color: #cb3137;
    }

    81% {
        background-color: #ce0754;
    }

    85.5% {
        background-color: #c92280;
    }

    90% {
        background-color: #b442a9;
    }

    94.5% {
        background-color: #8e5dca;
    }

    100% {
        background-color: #4e73df;
    }
}

@keyframes badge-grow {
    0% {
        background-color: #4e73df;
    }

    4.5% {
        background-color: #8e5dca;
    }

    9% {
        background-color: #b442a9;
    }

    13.5% {
        background-color: #c92280;
    }

    18% {
        background-color: #ce0754;
    }

    22.5% {
        background-color: #cb3137;
    }

    27% {
        background-color: #c04c1d;
    }

    31.5% {
        background-color: #af6200;
    }

    36% {
        background-color: #9e8100;
    }

    40.5% {
        background-color: #859c23;
    }

    45% {
        background-color: #63b353;
    }

    49.5% {
        background-color: #1cc88a;
    }

    54% {
        background-color: #63b353;
    }

    58.5% {
        background-color: #859c23;
    }

    63% {
        background-color: #9e8100;
    }

    67.5% {
        background-color: #af6200;
    }

    72% {
        background-color: #c04c1d;
    }

    76.5% {
        background-color: #cb3137;
    }

    81% {
        background-color: #ce0754;
    }

    85.5% {
        background-color: #c92280;
    }

    90% {
        background-color: #b442a9;
    }

    94.5% {
        background-color: #8e5dca;
    }

    100% {
        background-color: #4e73df;
    }
}

.badge-grow {
    -webkit-animation: 1s linear infinite badge-grow;
    animation: 1s linear infinite badge-grow;
}

@media (prefers-reduced-motion: reduce) {
    .badge-grow {
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
    }
}