:root {
    --main-color: #E3131C;
    --second-color: #2A3180;
    --gray-color: #f4f3f3;
    --bg-light-10: #f4f3f3;
}

#myMap {
    pointer-events: none; /* Wyłączenie reakcji na interakcje myszy */
}

.h-2 {
    font-size: 34px;
    color: var(--second-color);
}
.h-3 {
    font-size: 26px;
    color: var(--second-color);
}
.text-main-color {
    color: var(--main-color);
}
.text-second-color {
    color: var(--second-color);
}

.danger-list > span::before {
    content: '•';
    color: black;
    display: inline-block;
    width: 1em;
    margin-left: 0;
}

.normal-list > li {
    list-style: disc;
    margin-left: 15px;
}

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

.page-title-content h1 {
    font-size: 54px;
}

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

button {
    text-transform: uppercase;
    border-radius: 5px;
}

.white-link {
    color: #fff;
    opacity: 0.7;
    text-decoration: underline;
}
.white-link:hover {
    color: #fff;
    opacity: 0.7;
    text-decoration: underline;
}
.sector-coverage-icon svg {
    fill: white;
}

.loyalty-points {
    padding: 20px;
}

.img-fluid.logo {
    height: 50px;
}

.app.color-header {
    background-color: #fff;
}
.app.color-header .main-menu ul li a {
    font-family: "Fire Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: color: var(--second-color);
}

.app.color-header .main-menu ul li {
    margin-right: 10px;
    text-transform: uppercase;
}

.header__icons li a {
    font-size: 24px;
    color: var(--second-color);
}

.header__action-location {
    display: inline-block;
    margin-left: 15px;
}

.header__action .language > li > a {
    color: unset;
    font-weight: 400;
    font-size: 15px;
}
.header__action .language::after {
    color: unset;
    opacity: 1;
}

.select-lang {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.select-lang li {
    margin-right: 10px;
}

.top-menu-item {
    position: relative;
    padding-right: 5px;
    margin-right: 8px;
    color: #646464;
    font-size: 15px;
}

.top-menu-item::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    background-color: #dbdbdb;
}

.top-menu-item.my-account::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 18px;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    background-color: #dbdbdb;
}

.top-menu-item i {
    color: var(--second-color);
    opacity: 0.9;
}
.top-menu-item.my-account {
    float:right;
}
.top-menu-item.my-account i {

}
.request-quote {
    border-radius: 5px;
}
.navbar-btn {
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
    background: #104e90;
    line-height: 50px;
    font-weight: 700;
    height: 50px;
    padding: 0 20px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.navbar-btn.gray {
    background-color: #dbdbdb;
    color: #0b0b0b;
}
.navbar-btn.blue {
    background-color: var(--second-color);
}
.navbar-btn.red {
    background-color: var(--main-color);
}
/* HERO */

.hero__content h1 {
    font-size: 56px;
    margin-bottom: 10px;
}

.hero__content {
    /*width: 650px;*/
    padding: 50px 50px 50px 55px;
}

/* header */
.page-title-area {
    position: relative;
    min-height: 135px;
    background-size: cover;
    background-position-y: 60%;
}
/* PAGES STATIC */
.list-countries > span > img {
    margin-right: 10px;
}

/* MOVED FROM INLINE */

.parcel-panel .container {
    background-color: #fff;
    padding: 1rem;
    box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}

.parcel-panel::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 62%;
    background: #f8f8f8;
    z-index: -99;
}

.next-gold {
    background: #ffa700b2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ffffffad;
}

.parcel-miniature {
    /*border-radius: 1rem !important;*/
}

.parcel-miniature {
    background-color: #f0f0f0;
    color: #1a1a2b;
}

.parcel-miniature.p-delivered {
    /* GREEN */
    background: linear-gradient(194.4deg, rgb(51, 85, 42) 0%, rgb(38, 70, 35) 50%, rgba(7, 60, 13, 0.7) 99%);
}

.parcel-miniature.p-delivered .next-gold {
    background: #009718b2;
}


/* BLUE */
.parcel-miniature.in-progress {
    background: linear-gradient(194.4deg, rgb(42, 51, 85) 0%, rgb(35, 45, 70) 50%, rgba(14, 7, 60, 0.7) 99%);
}

.parcel-miniature.in-progress>.top {
    background-color: #1a1a2bb0;
}


.parcel-miniature.p-type-E>.top {
    background-color: #1a3716;
}



.parcel-miniature.unpaid {
    background: linear-gradient(194.4deg, rgba(83, 34, 34, 0.46) 0%, rgba(98, 27, 27, 0.7) 50%, rgba(123, 39, 39, 0.86) 99%);
}

.parcel-miniature.express {
    background: linear-gradient(194.4deg, rgba(117, 0, 0, 0.75) 0%, rgb(98, 27, 27) 50%, rgba(128, 0, 0, 0.86) 99%);
}


.parcel-miniature > .top {
    background-color: #1a1a2b;
    color: #ddd;
}

.parcel-miniature.select {
    font-size: 14px;
    color: #cecece;
    border-radius: 6px !important;
    border: 0 !important;
}

.parcel-miniature>.parcel-content {
    padding: 0.5rem !important;
}

.parcel-miniature>.parcel-content .price {
    align-content: end;
    margin-bottom: 0;
    font-weight: 700 !important;
    font-size: 1.75rem;
    box-shadow: 5px 5px 12px 0px rgba(40, 40, 40, 0.38);
}

.next-gold.square {
    border-radius: 3px;
    height: 40px;
    width: auto;
}

/* ?? NIE OPŁĄCONA KOLER NEXT BUTTOn background: #ff003069;*/

.link-button {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin-bottom: 0;
    display: block;
    background-color: #1d2035;
    cursor: pointer;
}

.link-button.border.w-100.p-2.text-center:hover {
    color: #fff;
    background-color: #284924;
}

.link-button.active {
    background: #fff;
    color: #1d2035;
    border-color: #1d2035 !important;
}

.parcel-details {
    border: 1px solid #1d2035;
}

.bd-footer {
    background-color: #222;
    color: #a8a8a8;
}

.bd-footer h5 {
    color: #a8a8a8;
}

.form__overlay::after {
    background: #f0f0f0;
}

/* HOME PAGE */
.order__form .nav-link {
    width: 50%;
}

.cr-release {
    animation: blink 1s infinite, backgroundChange 5s infinite;
    padding:5px;
}

@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}

@keyframes backgroundChange {
    0% {background-color: yellow;}
    100% {background-color: yellow;}
}

/* MOBILE MENU OVER */

.header__icons.c2 li a:hover {
    color: #000;
}
.color-header.c2 .main-menu ul li:hover > a {
    color: initial;
}
.sticky.color-header.c2 {
    background: #fff;
}
.side-info-close {
    color: var(--main-color);
}
.side-info.info-open {
    background: #fff;
}
.mean-container .mean-nav ul li a {
    color: #000;
}
.contact-infos h4 {
    color: var(--second-color);
    border-bottom: 1px solid #777;
}

.contact-list > a {
    color: var(--second-color);
    opacity: 1;
}

/* ANIMATIONS */
.cr-release2 {
    background-color: rgba(255, 255, 0, 0.2);
    /*animation: blink2 1s infinite, backgroundChange2 2s infinite;*/
    padding: 5px;
}
.blink-red {
    animation: colorRed 1s infinite;
}

.blink-red2 {
    animation: colorRedBg 2s infinite;
}
@keyframes blink2 {
    0% {opacity: 1;}
    100% {opacity: 1;}
}

@keyframes backgroundChange2 {
    0% {background-color: rgba(255, 255, 0, 0.2);}
    50% {background-color: white;}
    100% {background-color: rgba(255, 255, 0, 0.2);}
}

@keyframes colorRed {
    0% {color: rgba(255, 0, 0, 0.7);}
    50% {color: white;}
    100% {color: rgba(255, 0, 0, 0.7);}
}
@keyframes colorRedBg {
    0% {border-color: rgba(255, 0, 0, 0.7); color: rgba(255, 0, 0, 0.7);}
    50% {border-color: white; color: #000;}
    100% {border-color: rgba(255, 0, 0, 0.7); color: rgba(255, 0, 0, 0.7);}
}