/*!
 * medlabtest.ua by @bosstudio/katrazhenko - https://bosstudio.net
 * License MIT
 */
:root {
    --light-rose: #F7E0DE;
    --rose: #F05B48;
    --red-rose: #e74b37;
    --red: #e72910;
    --light-red: #FEB9B3;
    --blue: #005487;
    --light-blue: #0368A5;
    --light-blue2: #0E82C9;
    --black: #1A051D;
    --dark: #272D32;
    --dark-gray: #485464;
    --gray: #9396A4;
    --green: #92CB4D;
    --light-yellow: #FFF8E7;
    --yellow: #FFE29D;
    --light-gray1: #1E1A051D;
    --light-gray2: #E9E7EC;
    --light-gray3: #f8f8f8;
    --white: #fff
}

.h1, h1 {
    font-size: 1.8rem
}

.h2, h2 {
    font-size: 1.31rem
}

.h3, h3 {
    font-size: 1.13rem
}

p {
    margin-bottom: .5rem
}

.bg-dark-gray {
    background-color: var(--dark-gray)
}

.bg-gray {
    background-color: var(--gray)
}

.bg-blue {
    background-color: var(--blue)
}

.bg-red-rose {
    background-color: var(--red-rose)
}

.bg-light-red {
    background-color: var(--light-red)
}

.bg-light-gray1 {
    background-color: var(--light-gray1)
}

.bg-light-gray2 {
    background-color: var(--light-gray2)
}

.bg-light-gray3 {
    background-color: var(--light-gray3)
}

.text-red {
    color: var(--rose)
}

.text-darkgray {
    color: var(--gray) !important
}

.text-gray {
    color: var(--light-gray2) !important
}

.text-dark {
    color: var(--dark) !important
}

body {
    font-family: Inter, sans-serif
}

a:hover {
    text-decoration: none;
    color: var(--red)
}

a:hover > img {
    opacity: .8
}

img {
    transition: all ease .3s !important
}

.btn:hover, a.logo-link:hover {
    filter: invert(0) !important
}

.navbar {
    padding-bottom: 0;
    padding-top: 0;
}

.p-anniversary {
    color: var(--rose);
    font-family: 'Ubuntu Medium', monospace;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    margin: 0;
    padding: 2px 0 0 62px;
    text-transform: uppercase;
}
.p-anniversary-mobile {
    font-size: 10px;
    font-weight: 800;
    padding-left: 50px;
}

a {
    transition: all ease .3s !important;
    text-decoration: none
}

.hidden {
    display: none
}

.border-light-gray2 {
    border-color: var(--light-gray2)
}

.btw-1 {
    border-top-width: 1px !important
}

.btw-2 {
    border-top-width: 2px !important
}

.btw-3 {
    border-top-width: 3px !important
}

.btw-4 {
    border-top-width: 4px !important
}

.btw-5 {
    border-top-width: 5px !important
}

.bbw-1 {
    border-bottom-width: 1px !important
}

.bbw-2 {
    border-bottom-width: 2px !important
}

.bbw-3 {
    border-bottom-width: 3px !important
}

.bbw-4 {
    border-bottom-width: 4px !important
}

.bbw-5 {
    border-bottom-width: 5px !important
}

.blw-1 {
    border-left-width: 1px !important
}

.blw-2 {
    border-left-width: 2px !important
}

.blw-3 {
    border-left-width: 3px !important
}

.blw-4 {
    border-left-width: 4px !important
}

.blw-5 {
    border-left-width: 5px !important
}

.brw-1 {
    border-right-width: 1px !important
}

.brw-2 {
    border-right-width: 2px !important
}

.brw-3 {
    border-right-width: 3px !important
}

.brw-4 {
    border-right-width: 4px !important
}

.brw-5 {
    border-right-width: 5px !important
}

.pab-0 {
    bottom: 0
}

.pab-5 {
    bottom: 5rem
}

.pab-10 {
    bottom: 10rem
}

.pab-25 {
    bottom: 25rem
}

.pab-50 {
    bottom: 50rem
}

.pab-75 {
    bottom: 75rem
}

.pab-100 {
    bottom: 100rem
}

.pat-0 {
    top: 0
}

.pat-5 {
    top: 5rem
}

.pat-10 {
    top: 10rem
}

.pat-25 {
    top: 25rem
}

.pat-50 {
    top: 50rem
}

.pat-75 {
    top: 75rem
}

.pat-100 {
    top: 100rem
}

.par-0 {
    right: 0
}

.par-5 {
    right: 5rem
}

.par-10 {
    right: 10rem
}

.par-25 {
    right: 25rem
}

.par-50 {
    right: 50rem
}

.par-75 {
    right: 75rem
}

.par-100 {
    right: 100rem
}

.pal-0 {
    left: 0
}

.pal-5 {
    left: 5rem
}

.pal-10 {
    left: 10rem
}

.pal-25 {
    left: 25rem
}

.pal-50 {
    left: 50rem
}

.pal-75 {
    left: 75rem
}

.pal-100 {
    left: 100rem
}

.border-shadow {
    border-color: var(--blue) !important;
    box-shadow: 0 2px 0 -1px var(--red)
}

.btn-red, .btn-red-outline {
    border-color: var(--red) !important
}

.btn-red-outline {
    color: var(--red)
}

.btn-red-outline:hover {
    background-color: var(--red);
    color: var(--white)
}

.btn-red {
    background-color: var(--red);
    color: var(--white)
}

.btn-red:hover {
    background-color: var(--white);
    color: var(--red)
}

.btn-rose {
    background-color: var(--rose);
    color: var(--white)
}

.btn-rose:hover {
    background-color: var(--white);
    color: var(--rose)
}

.btn-blue {
    background-color: var(--blue);
    color: var(--white)
}

.btn-blue:hover {
    background-color: var(--rose);
    color: var(--white)
}

.btn-blue:hover a {
    background-color: var(--rose);
    color: var(--white)
}

.cart.cart-empty {
    color: var(--gray);
    border: 2px solid var(--light-gray2) !important;
    cursor: default !important
}

.cart.cart-empty:focus {
    outline: 0;
    box-shadow: none
}

.dropdown-menu {
    border-radius: 0
}

.btn, button {
    border-radius: 0
}

.breadcrumb.breadcrumb-style {
    background: 0 0;
    padding: 1.5rem .8rem;
    margin-bottom: 0;
    border-radius: 0
}

.breadcrumb.breadcrumb-style {
    background-color: transparent
}

.breadcrumb.breadcrumb-style > .breadcrumb-item a {
    color: var(--light-blue)
}

.breadcrumb.breadcrumb-style > .breadcrumb-item {
    font-size: 11px
}

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

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    padding-right: .3rem
}

.border-gray {
    border-color: var(--light-gray2) !important
}

header .header-desktop .topline .lang-sw > .nav {
    float: right
}

header .header-desktop .topline .lang-sw .active {
    border: 1px solid var(--white)
}

header .header-desktop .topline .lang-sw a {
    color: var(--white);
    border: 1px solid transparent;
    padding: .2rem .7rem;
    float: right
}

header .header-desktop .topline a, header .header-desktop .topline p, header .header-desktop .topline span {
    font-size: 12px
}

.header-desktop .topline .dropdown-toggle {
    padding-bottom: 8px
}

header .header-desktop .midline {
    border-bottom: 1px solid var(--light-gray2)
}

header .header-desktop .midline a.phone-first {
    text-decoration: none;
    height: 1.2rem !important
}

header .header-desktop .midline a.phone-second {
    color: var(--dark);
    height: 1rem !important
}

header .header-desktop .midline a.phone-second:hover {
    color: var(--red-rose)
}

header .header-desktop .midline a.btn {
    font-size: 12px
}

header .header-desktop .botline .nav-link {
    font-weight: 600;
    color: var(--dark);
    padding: .5rem .3rem
}

.form-inline.nav-search .search-btn {
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 0 !important;
    border-style: solid;
    padding: 0 5px 0 5px;
    border-color: var(--light-gray2) !important;
    background-color: var(--light-gray3);
    height: 100%
}

.form-inline .input-group-append {
    margin-left: -2px
}

.form-inline.nav-search .search-input {
    border-left: 1px;
    border-top: 1px;
    border-bottom: 1px;
    border-right: 0 !important;
    border-style: solid;
    border-color: var(--light-gray2);
    background-color: var(--light-gray3)
}

.form-inline.nav-search .search-btn:focus {
    box-shadow: none;
    outline: 0
}

.form-inline.nav-search .search-input:focus {
    outline: 0;
    box-shadow: none
}

header .header-desktop .botline {
    box-shadow: 0 10px 15px -5px var(--light-gray1)
}

footer .nav .nav-item:hover {
    background-color: initial
}

footer .nav-item:hover a {
    color: var(--rose) !important;
    font-weight: 500 !important
}

footer .footer-desktop .nav-link {
    padding: .1rem .1rem .1rem .3rem
}

footer .footer-desktop .copyright {
    font-size: smaller
}

footer .footer-desktop a {
    text-decoration: none;
    color: var(--white)
}

footer .footer-desktop a.text-red {
    color: var(--rose)
}

footer .footer-desktop a:hover {
    text-decoration: none;
    color: var(--red-rose)
}

.main-slider {
    max-height: 404px;
    overflow: hidden
}

.main-tabs .tab-button {
    color: var(--dark) '';
    text-shadow: 0 0 1px gray;
    height: 206px
}

.main-tabs a:hover {
    box-shadow: 0 0 8px 0 !important
}

.main-tabs a img, .main-tabs a:hover img {
    filter: drop-shadow(0px 0px 2px gray)
}

#analyzes-slider .slide-title {
    color: var(--light-blue);
    font-size: 18px; /*min-height:75px*/
}

#analyzes-slider .analyze-code {
    color: var(--gray);
    font-size: 13px
}

#analyzes-slider .slide-description {
    color: var(--dark);
    font-size: 13px
}

#analyzes-slider .price {
    color: var(--dark);
    font-size: 18px
}

#analyzes-slider .slide-info_action .price {
    color: var(--dark);
    font-size: 18px
}

#analyzes-slider .owl-nav, #news-slider .owl-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: calc(30% + 10px);
    height: 42px;
    width: 100%
}

#analyzes-slider .owl-nav .owl-prev, #news-slider .owl-nav .owl-prev {
    position: absolute;
    left: -30px;
    color: var(--rose);
    font-size: 1.5rem
}

#analyzes-slider .owl-nav .owl-next, #news-slider .owl-nav .owl-next {
    position: absolute;
    right: -32px;
    color: var(--rose);
    font-size: 1.5rem
}

#analyzes-slider .owl-next img, #analyzes-slider .owl-prev img, #news-slider .owl-next img, #news-slider .owl-prev img {
    width: 70%
}

#analyzes-slider .owl-nav button:hover, #news-slider .owl-nav button:hover {
    filter: invert(1);
    background-color: transparent;
    border: 1px solid #4854646b;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

#analyzes-slider .owl-nav button, #news-slider .owl-nav button {
    transition: all ease .3s;
    margin: 0
}

#analyzes-slider .slide.card {
    border-radius: 0;
    border-color: var(--light-gray2); /*min-height:170px*/
}

#analyzes-slider .slide-info_action {
    bottom: 0
}

.steps {
    background-color: var(--blue)
}

.step:nth-child(1):after, .step:nth-child(2):after {
    content: "";
    position: absolute;
    width: 100px;
    height: 20px;
    right: -45px;
    top: 25%;
    background-image: url(https://medlabtest.ua/inc/images/svg/step_after.svg);
    background-repeat: no-repeat;
    background-position: 98% 100%
}

.find-lab-near .border {
    border: 3px solid var(--light-gray2) !important
}

.sidebar .sidebar-title {
    border-bottom: 2px solid var(--light-gray2)
}

p {
    font-size: 14px
}

.text-decoration-dashed {
    text-decoration-line: underline !important;
    text-decoration-style: dashed !important;
    text-decoration-color: var(--red);
    text-underline-position: under
}
.text-decoration-dotted {
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: var(--red);
    text-underline-position: under
}

.list-group-item {
    border-radius: 0 !important;
    font-size: 13px
}

.list-group-item p {
    font-size: 13px
}

.list-group-item-header {
    background-color: var(--blue) !important
}

.list-group-item-header p {
    font-size: 11px
}

footer.checkout .copyright {
    border-top: 2px solid var(--light-gray2);
    color: var(--gray)
}

.card {
    border-radius: 0
}

.checkout-summary .btn {
    font-size: 12px
}

.text-decoration-solid {
    text-decoration: underline;
    text-underline-position: under
}

.modal-header span {
    display: block;
    position: absolute;
    width: 90%;
    left: 3%;
    color: var(--white);
    font-size: 1.15rem;
    font-weight: 500
}

.modal-header .close {
    padding: .8rem .8rem;
    color: var(--white);
    font-weight: 100;
    opacity: 1;
    transition: .5s ease all;
    font-size: 1.9rem;
    line-height: 1.5rem
}

.modal-header .close:focus {
    outline: 0
}

.modal-header {
    border-bottom: none;
    background-color: var(--dark-gray);
    border-radius: 0;
    padding: .6rem 1.1rem 1.1rem 1.1rem
}

.modal-content {
    border-radius: 0;
    border: none
}

.modal-backdrop.show {
    background-color: var(--light-blue)
}

.slider-images {
    min-height: 412px
}

.carousel-inner {
    min-height: 404px
}

.carousel.slide {
    min-height: 412px
}

.carousel.slide .carousel-item {
    min-height: 404px
}

.carousel.slide .slider-anchor {
    max-width: 100%;
    display: block
}

.carousel.slide .carousel-control-next, .carousel.slide .carousel-control-prev {
    color: var(--rose);
    font-size: 1.5rem;
    font-weight: 900;
    opacity: 1;
    width: 5%;
    background-color: transparent;
    border: none;
    padding: 0
}

.carousel.slide .carousel-indicators button {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    padding: 0;
    cursor: pointer;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transition: opacity .6s ease;
    border: none;
    display: inline-block;
    opacity: 1;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--light);
    overflow: hidden
}

.carousel.slide .carousel-indicators button.active {
    background-color: var(--rose)
}

.carousel-indicators {
    margin-bottom: 1rem
}

.carousel.slide .carousel-indicators li {
    opacity: 1;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: var(--light)
}

.carousel.slide .carousel-indicators .active {
    background-color: var(--rose)
}

a#locationСhange {
    font-size: larger
}

#sidebarMenu .nav-link.active {
    color: var(--red);
    font-weight: 600
}

#sidebarMenu ul {
    list-style: none
}

#sidebarMenu ul ul {
    padding-inline-start: 1em
}

#sidebarMenu a {
    font-size: 14px
}

#sidebarMenu .nav-item.has_childs > a.active {
    color: var(--dark) !important
}

#sidebarMenu a {
    color: var(--dark)
}

#sidebarMenu .nav > .nav-item {
    padding: .3rem .5rem;
    border-bottom: 1px solid var(--light-gray2)
}

#sidebarMenu a:hover {
    color: var(--red)
}

#sidebarMenu .nav > .nav-item:last-child {
    border-bottom: none
}

#sidebarMenu .collapse-toggle {
    display: inline-block;
    padding: 1px;
    content: "";
    border-top: .4em solid var(--dark);
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    border-bottom: 0
}

.search-form .search-btn {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    border-color: var(--light-gray2);
    background-color: var(--light-gray3);
    padding: 5.5px 10px 5.5px 0
}

.search-form .select2-selection {
    background-color: var(--light-gray3);
    border-color: var(--light-gray2);
    border-right: none
}

.search-form .select2-selection__arrow {
    display: none
}

.alphabet .nav-link {
    padding: 0 !important;
    color: var(--white)
}

.alphabet {
    background-color: var(--light-blue2)
}

.alphabet .nav-item:hover a {
    border-radius: 0;
    color: var(--red) !important;
    background-color: var(--white)
}

.alphabet .nav-item {
    padding-left: 0 !important
}

.alphabet .nav-item .active {
    color: var(--red) !important;
    background-color: var(--white);
    border-radius: 0
}

.nav .nav-item:not(:first-child) {
    padding-left: .5rem
}

.nav .nav-item {
    transition: .3s ease all
}

.nav .nav-item:hover {
    background-color: var(--white)
}

.nav .nav-item:hover a {
    color: var(--red)
}

.price-title-box {
    background-color: var(--light-blue);
    padding: 5px 15px
}

.price-title-box > * {
    color: var(--white)
}

.analyses-box:nth-child(even) {
    background-color: var(--light-gray3)
}

.analyses-box {
    border-left: 1px solid var(--light-gray2);
    border-bottom: 1px solid #0368a552;
    border-right: 1px solid var(--light-gray2);
    border-top: none
}

.analyses-box .toCart .addToCart {
    max-width: 20px
}

.bg-light-gray2 {
    background-color: var(--light-gray2)
}

.analyses-box .toCart:hover {
    filter: invert(1)
}

.toCart {
    transition: all ease .3s
}

.cart > .in {
    color: var(--green)
}

.nav-item:hover a {
    color: var(--dark) !important
}

.dropdown-item:hover {
    background-color: var(--light-gray3)
}

.dropdown-menu.show {
    padding: 0;
    position: relative
}

header .navbar-toggler-icon {
    opacity: .8
}

header .m-menu-collapse-items {
    height: calc(100vh - 80px);
    position: absolute;
    z-index: 1000;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0
}

.phone-icon-bg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA2OTYgMTIuOTczMkMxNi40NzM4IDEzLjM3OTQgMTYuNDcyNyAxNC4wMzUxIDE2LjA2NzUgMTQuNDQwM0wxMy42OTUzIDE2LjgxMjVDNi4yMzQ4NCAxNi44MTI1IDAuMTg3NSAxMC43NjUyIDAuMTg3NSAzLjMwNDY5TDAuMTkxNjU2IDMuMzA3OEwyLjU3NzM0IDAuOTIzMTU2QzIuOTgzNjIgMC41MTY4ODMgMy42NDEzNCAwLjUxNjg4MyA0LjA0NzYyIDAuOTIzMTU2TDYuNzI4NCAzLjYwODA5QzcuMTMzNjMgNC4wMTQzNyA3LjEzMjU5IDQuNjcyMDkgNi43MjczNiA1LjA3NzMzTDQuMzQzNzUgNy40NjA5NEw5LjUzOTA2IDEyLjY1NjJMMTEuOTE5NiAxMC4yNzU4QzEyLjMyNTggOS44Njk0OCAxMi45ODU2IDkuODY5NDggMTMuMzkwOSAxMC4yNzc4TDE2LjA2OTYgMTIuOTczMlpNMTYuODEyNSA4LjVIMTQuNzM0NEMxNC43MzQ0IDUuMDYxNzQgMTEuOTM4MyAyLjI2NTYyIDguNSAyLjI2NTYyVjAuMTg3NUMxMy4wODMzIDAuMTg3NSAxNi44MTI1IDMuOTE2NyAxNi44MTI1IDguNVpNMTIuNjU2MiA4LjVIMTAuNTc4MUMxMC41NzgxIDcuMzUzOTEgOS42NDYwOSA2LjQyMTg4IDguNSA2LjQyMTg4VjQuMzQzNzVDMTAuNzkyMiA0LjM0Mzc1IDEyLjY1NjIgNi4yMDc4MyAxMi42NTYyIDguNVoiIGZpbGw9IiNGMDVCNDgiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: 0 20%;
    background-size: 10%
}

.mHeaderPhoneNum:first-child {
    font-weight: 700
}

#header-collapse > .nav-main > .nav > .nav-item .nav-link {
    padding: 10px 5px 10px 20px;
    color: var(--dark);
    font-weight: 700
}

#header-collapse > .nav-main > .nav > .nav-item:first-child {
    border-top: 1px solid var(--light-gray1)
}

#header-collapse > .nav-main > .nav > .nav-item {
    border-bottom: 1px solid var(--light-gray1)
}

#header-collapse > .nav-footer > .langs > .nav > .nav-item > .nav-link {
    color: var(--dark)
}

#header-collapse > .nav-footer > .langs > .nav > .nav-item > .nav-link.active {
    color: var(--black);
    background-color: var(--white)
}

.footer-nav.nav > .nav-item .nav-link {
    padding: 10px 5px 10px 20px;
    color: var(--dark) !important;
    font-weight: 700 !important
}

.footer-nav.nav > .nav-item:first-child {
    border-top: 1px solid var(--light-gray1)
}

.footer-nav.nav > .nav-item {
    border-bottom: 1px solid var(--light-gray1)
}

#modal_id_cart .price-title-box {
    padding: 0 20px
}

#modal_id_cart .analyses-box.cart-list-row {
    padding: 0 0 0 20px
}

#modal_id_cart .cart-item-delete.close {
    float: none;
    opacity: 1
}

#modal_id_cart .modal-body {
    padding: 0 .89rem 0 .99rem
}

#modal_id_cart .close.close-btn {
    float: left;
    opacity: 1
}

#modal_id_map .modal-body {
    padding: 0
}

#modal_id_map .modal-header span {
    left: 1%
}

#modal_id_map #labs .distr, #modal_id_map #labs .distr .city, #modal_id_map #labs .distr .city .lab {
    transition: all ease .3s
}

#modal_id_map #labs button:not(.collapsed) {
    background-color: var(--white);
    color: var(--red) !important
}

#modal_id_map #labs .distr:hover {
    background-color: var(--white);
    color: var(--red) !important
}

#modal_id_map #labs .distr .city:hover {
    background-color: var(--white);
    color: var(--red) !important
}

#modal_id_map #labs .distr .city .lab:hover {
    background-color: var(--white);
    color: var(--red) !important
}

#modal_id_map #labs button:focus {
    outline: 0 !important;
    box-shadow: none
}

.footer.footer-mobile .footer-link.big {
    font-size: 2rem;
    font-weight: 700
}

.footer.footer-mobile .footer-link.big img {
    width: 7%
}

.lab-price-view {
    border-top: 2px solid var(--light-gray2) !important
}

.checkout .price-title-box .price-title {
    font-size: 11px
}

.checkout .step-title {
    border-left: 2px solid var(--gray)
}

.checkout .step-title.collapsed {
    border-left: 2px solid transparent
}

#search-form {
    position: relative;
    z-index: 1041
}

#searchResults {
    width: 635px;
    position: absolute;
    top: 100%;
    right: 2%;
    z-index: 2
}

#searchResults .list .info:first-child {
    border-top: 1px solid var(--light-gray2)
}

#searchResults .list .info {
    border-left: 1px solid var(--light-gray2);
    border-bottom: 1px solid var(--light-gray2);
    border-right: 1px solid var(--light-gray2)
}

#searchResults .sf_list_head, #searchResults .sf_list_head_show {
    font-size: 12px
}

#searchResults .list .info {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px
}

#searchResults .list .info .list-title {
    color: var(--light-blue2);
    font-weight: 600
}

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    border: var(--light-gray2) 1px solid !important;
    border-radius: 0
}

.litera {
    padding-bottom: 1px;
    border-bottom: 2px dashed var(--red);
    transition: .3s all ease
}

.litera:hover {
    color: var(--white);
    background-color: var(--light-blue2);
    cursor: pointer
}

.city-link:hover {
    background-color: var(--light-blue2);
    color: var(--white) !important
}

.city-link {
    transition: .3s all ease;
    color: var(--dark)
}

.city-link:hover .text-muted {
    color: var(--white) !important
}

.page-content-sort .order-current {
    color: var(--red-rose) !important
}

.grid > .last {
    border-bottom: 2px solid var(--light-gray2)
}

.select2-container--krajee .select2-selection {
    border-radius: 0 !important
}

.form-control {
    border-radius: 0 !important;
    background-color: var(--light-gray3);
    border-color: var(--light-gray2)
}

.gal-card:hover img {
    transform: scale(1.3)
}

.gal-card {
    overflow: hidden
}

.gal-card:hover span {
    opacity: 0
}

.gal-card span {
    transition: .3s ease all
}

.collection-list .btn.is-checked {
    color: var(--red);
    border-color: var(--red);
    background-color: transparent
}

.collection-list .btn {
    color: var(--light);
    border-color: var(--light) !important;
    background-color: var(--light-blue2)
}

.time_order_item {
    transition: .3s ease all;
    border: 1px solid transparent
}

.time_order_item.selected, .time_order_item:hover {
    border-color: var(--red);
    border: 1px solid
}

.grad {
    background: #e74b37;
    background: linear-gradient(90deg, #e74b37 0, #a24e51 33%, #7a5060 52%, #165487 100%)
}

.grad2 {
    background: #e74b37;
    background: linear-gradient(270deg, #e74b37 0, #a24e51 33%, #7a5060 52%, #165487 100%)
}

.table p {
    margin-bottom: 0
}

#header-collapse .fixed-bottom {
    bottom: 45px
}

.popoverCh[x-placement^=right] > .arrow::after {
    border-right-color: var(--red-rose)
}

.marquee {
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.marquee p {
    display: inline-block;
    animation: marquee 15s linear infinite
}

@keyframes marquee {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(-100%, 0)
    }
}

.analyse-title {
    word-break: break-word
}

.analyse-title a {
    color: black;
    text-decoration-color: var(--red) !important;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.notice-item-mobile {
    background-color: rgb(255 255 255 / 80%);
    border-radius: 10px;
    box-shadow: 5px 5px 5px #c1bcbc;
}