/*!
Theme Name: pelikan
Author: Michal Bryja - Logic Net
*/

/* ############### VARIABLES ############### */
:root {
    --main-bg-color: #FFFFFF;
    --second-bg-color: #ECF7FB;
    --third-bg-color: #5B606224;
    --fourth-bg-color: #5B60621A;
    --text-color: #222222;
    --text-default-color: #000000;
    --text-placeholders-color: #5B5B5B;
    --comp-color: #E26D52;
    --footer-bg-color: #55B5DA;
    --kinda-blue-color: #4F7FB2;
    --kinda-black-color: #292929;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');

body.page-template-templatesfront-page-php {
    overflow-x: hidden;
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    border: none;
}

button,
a {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Montserrat', sans-serif;
}

p {
    margin-bottom: 1.5em;
    font-family: 'Montserrat', sans-serif;
}

/* Container for scrollbar */
::-webkit-scrollbar {
    width: 12px;
    /* Add the following styles to move scrollbar to the left */
    float: left;
    transform: rotate(180deg);
    direction: rtl;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--comp-color);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* Inactive Handle */
::-webkit-scrollbar-thumb:window-inactive {
    background: var(--comp-color);
}



/* ############### END VARIABLES ############## */

/* ############### RANDOM STUFF ################ */
.ti-footer {
    display: none;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

.banner-field .n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow.n-uc-fm6Fxo4i3c7X-inner {
    padding: 0 !important;
}

.banner-field .n2-ss-layer.n2-ow.n-uc-bcAybcXN7oex {
    padding: 0 !important;
}

.page {
    margin: 0;
}

.iconMore,
.iconMore1,
.iconMore2 {
    width: 6px;
    height: auto;
    position: absolute;
    /* bottom: 40px; */
    margin-top: 6px;
    margin-left: .5em;
    transition: .5s;
}

.iconMore1,
.iconMore2 {
    display: block;
}

.recomed-offert-box a:hover .iconMore1,
.recomed-offert-box a:hover .iconMore2 {
    display: block;
}

.recomed-offert-box a:hover .iconMore1 {
    margin-left: 1em;
    transition: .5s;
}

.recomed-offert-box a:hover .iconMore2 {
    transition: .5s;
    margin-left: 1.5em;
}

.arrowWrapper {
    display: flex;
}

.post-content-thumb button {
    display: flex;
}

.iconMoreButton,
.iconMoreButton1,
.iconMoreButton2 {
    width: 6px !important;
    height: auto;
    position: absolute;
    /* bottom: 20px; */
    margin-top: .4em;
    margin-left: .5em;
    transition: .5s;
    object-fit: contain !important;
}

.iconMoreButton1,
.iconMoreButton2 {
    display: block;
}

.post-content-thumb button:hover .iconMoreButton1,
.post-content-thumb button:hover .iconMoreButton2 {
    display: block;
}

.post-content-thumb button:hover .iconMoreButton1 {
    margin-left: 1em;
    transition: .5s;
}

.post-content-thumb button:hover .iconMoreButton2 {
    transition: .5s;
    margin-left: 1.5em;
}

#loading-spinner {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ############### END RANDOM STUFF ################ */

/* ############### START FOOTER ############### */
.site-footer {
    height: 100%;
    background-color: var(--second-bg-color);
    box-shadow: 0 0 0 100vmax var(--second-bg-color);
    clip-path: inset(0 -100vmax);
}

.site-footer .site-info {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: var(--text-color);
    padding-bottom: 1em;
}

.site-footer .site-info p {
    margin: 0;
}

.site-footer .site-info p a {
    font-weight: bold;
    text-decoration: none;
    color: var(--text-color);
}

.site-footer-4col-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    margin-top: 2em;
}


.site-footer-2col-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    margin-top: 2em;
    padding-top: 5em;
}

.site-footer-4col-wrapper img {
    width: 20px;
}

.footer-menu .menu {
    display: flex;
    flex-direction: column;
}

.footer-menu .menu li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2em;
}

#menu-footer-menu {
    padding: 0px;
    margin: 0px;
}

.footer-menu .menu li a {
    color: var(--kinda-black-color);
    font-size: 16px;
    text-decoration: none;
}

.col a,
.col p {
    font-size: 16px;
    color: var(--kinda-black-color);
    text-decoration: none;
}

.col .col-image-link-wrap {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.col .col-links {
    display: flex;
    flex-direction: column;
    line-height: 24px;
}

.col .col-links a {
    margin-bottom: 20px;
}

.col p {
    margin-bottom: 0px;
}

div.col:nth-child(3)>div:nth-child(1)>div:nth-child(2)>p:nth-child(1),
div.col:nth-child(3)>div:nth-child(2)>div:nth-child(2)>p:nth-child(1) {
    font-weight: 600;
}

.col .col-image {
    width: 20px;
    margin-right: 1.5em;
    margin-left: -1.5em;
}

.site-footer-copyright>h4:nth-child(1) {
    font-weight: 300;
}

.site-footer-newsletter-wrapper {
    margin-left: 50px;
    width: 50%;
}

.site-footer-newsletter-wrapper p {
    padding-left: 20px;
    margin: 0;
}

.site-footer-newsletter-wrapper p:nth-child(1) {
    font-size: 16px;
    font-weight: normal;
    color: var(--kinda-blue-color);
}

.site-footer-newsletter-wrapper p:nth-child(2) {
    font-size: 16px;
    font-weight: bolder;
    color: var(--kinda-blue-color);
}

.site-footer-copyright {
    width: 40%;
}

.site-footer-newsletter-wrapper .tnp-subscription-minimal input.tnp-email {
    background-color: var(--main-bg-color);
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    max-width: unset;
    width: 70%;
    margin-right: 1em;
}

.site-footer-newsletter-wrapper .tnp-subscription-minimal input.tnp-submit {
    width: fit-content;
    background-color: var(--comp-color);
    border-radius: 24px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

.tnp-subscription-minimal input.tnp-submit:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}


/* ############### END FOOTER ############### */

/* ############### NAVBAR ############### */
.menu-elements,
.menu-menu-1-container,
.menu {
    width: 100%;
}

/* li.menu-item.current-menu-item a {
    border-bottom: 2px solid var(--comp-color);
} */

#primary-menu {
    display: flex;
    justify-content: space-between;
}

.menu-elements li a {
    outline: none;
}

.site-branding a {
    outline: none;
}

.desktop-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 2em;
    margin-right: 2em;
}

.site-header {}

.main-navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
}

.main-navigation li a {
    color: black;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    margin: 10px;
}

.main-navigation li a:hover {
    /* font-weight: 700; */
    position: relative;
    border-bottom: 2px solid var(--comp-color);
}

.main-navigation .menu-item-type-custom a:hover {
    border-bottom: 2px solid var(--main-bg-color);
}

.main-navigation ul {
    list-style-type: none;
    font-weight: bold;
    font-size: 20px;
}

.main-navigation ul ul {
    display: block;
    background-color: var(--main-bg-color);
    border-radius: 10px;
    padding: 15px;
    padding-top: 0px;
    top: 37px;
}

.menu-item-217 a::after {
    margin-left: 5px;
    content: '\f078';
    font-family: FontAwesome;
    width: 14px;
    height: 10px;
}

.menu-item-217 .sub-menu li a::after {
    content: none;
}

#menu-item-31 a {
    color: rgb(79, 127, 178);
}

.sub-menu li a {
    display: block;
    text-transform: none;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.sub-menu li a:hover {
    border-bottom: 2px solid transparent;
    font-weight: 700;
}

[aria-current]:not([aria-current="false"]) {
    font-weight: 700;
}

.mobile-header {
    display: none;
}

.mobile-header .site-branding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 2em;
    margin-right: 2em;
}

.mobile-menu-nav {
    display: none;
}

.open-menu {
    display: block;
}

.hamburgerMenuIcon {
    font-size: 30px;
    cursor: pointer;
}

.mobile-menu-nav {
    padding: 25px;
    margin: 0px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    width: 400px;
    z-index: 11;
    background-color: var(--main-bg-color);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;

    text-align: center;
}

.mobile-menu-nav li a:hover {
    border-bottom: 2px solid var(--comp-color);
}

#mobile-menu {
    padding: 0px;
    margin: 0px;
}

#mobile-menu li {
    list-style: none;
    font-size: 20px;
    margin-bottom: 10px;
}

#menu-item-296 a::after {
    margin-left: 5px;
    content: '\f078';
    font-family: FontAwesome;
}

#menu-item-296:hover .sub-menu {
    display: block;
    border-bottom: 2px solid transparent;
}

#menu-item-296 .sub-menu::after {
    content: none;
}

#mobile-menu a {
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
}

#mobile-menu .sub-menu {
    padding: 0px;
    margin: 0px;
}

#mobile-menu .sub-menu li a {
    padding: 0px;
    margin: 0px;
    margin: 10px 0px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    text-transform: none;
}

#mobile-menu .sub-menu li a::after {
    content: '';
}

#mobile-menu .sub-menu {
    display: none;
}

/* ############### END NAVBAR ############### */

/* ############### FRONT PAGE ############### */

.site {
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
}

.content-field.filters-main-page {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10em;
    z-index: 10;
    position: relative;
    background: white;
    padding: 1em;
    border-radius: 12px;
}

.content-field.filters-main-page .select-wrapper {
    margin-bottom: 3.5em;
}

.content-field.filters-main-page .select-object label {
    font-size: 14px;
    font-weight: 400;
}

.content-field.filters-main-page h2 {
    color: var(--comp-color);
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    font-size: 24px;
    font-weight: 600;
}

.select-object {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 212px;
    height: 48px;
}

.select-object button {
    width: 100%;
}

.select-object button:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}

.select-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 1em;
}

.select-object select {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 1em 2em 1em 2em;
    background-color: transparent;
    font-size: 14px;
}

.select-object input {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 1em 2em 1em 2em;
    background-color: transparent;
    font-size: 14px;
}



.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows {
    appearance: none;
    -moz-appearance: textfield;
    /* Firefox */
}


.select-object button {
    border: 0;
    border-radius: 24px;
    padding: 1em;
    color: var(--second-bg-color);
    background-color: var(--comp-color);
    text-transform: uppercase;
    font-size: 14px;
}

.select-object button:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}


.transport-categories {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.transport-categories .post-content-thumb form p {
    display: block;
}

.recommended-box {
    height: 33vw;
}

.recommended-categories {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--second-bg-color);
    box-shadow: 0 0 0 100vmax var(--second-bg-color);
    clip-path: inset(0 -100vmax);
    height: 500px;
    margin-top: 50px;
}

.recommended-categories-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -28.5vw;
}

.recommended-categories-container h1 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 1.5em;
    padding-bottom: 1.2em;
    margin: 0;
    margin-top: 2em;
    margin-left: 1em;
}


.recommended-box-list {
    display: flex;
    justify-content: space-between;
}

.recomed-offert-box {
    width: 30%;
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    border-radius: 16px;
    margin-bottom: 70px;
    margin: 1.5em;
}

/* .recomed-offert-box:nth-child(1) {
    margin-right: 40px;
}

.recomed-offert-box:nth-child(2) {
    margin-right: 40px;
} */

.recomed-offert-box-img img {
    border-radius: 10px 10px 0 0;
}

.recomed-offert-box-text {
    padding: 10px 20px;
}

.recomed-offert-box p {
    display: flex;
    justify-content: space-between;
    text-transform: none;
    flex-wrap: wrap;
}

.recomed-offert-box p span {
    flex: 1;
    font-size: 110%;
    max-width: 80%;
    font-weight: bold;
    margin: 0px;
    color: var(--text-color);
    white-space: wrap;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recomed-offert-box p span:nth-child(2) {
    text-align: right;
}

.recomed-offert-box p {
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 5px;
}

.recomed-offert-box span {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-placeholders-color);
}

.recomed-offert-box a {
    display: flex;
    color: var(--comp-color);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 30px;
    margin-right: .5em;
}

/* .recomed-offert-box a::after {
    content: '>';
    margin-left: 8px;
} */

.banner-field .front.static-banner {
    height: 320px;
    border-radius: 10px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 100px;
}

.banner-field .front.static-banner:hover {
    box-shadow: 0px 5px 12px 0px rgba(91, 96, 98, 0.34);
}

.banner-field .front.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(0deg, rgb(28, 32, 37) 0%, rgba(255, 255, 255, 0) 30%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: end;
    outline: none;
}

.content-baner-field {
    width: 95%;
}

.box-documents {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.content-field.box-documents .docs-category-container .docs-category-box a button {
    background-color: transparent;
    border: none;
    color: var(--second-bg-color);
    font-size: 14px;
}

.banner-field .front.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 1.2em;
}

.banner-field .front.static-banner .cover-image-banner h2:hover {
    text-decoration: none;
}

.banner-h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 1.2em;
    text-align: end;
    margin-right: 40px;
}

.catalogs-front-page {
    margin-top: 200px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.catalog-col {
    width: 50%;
    display: flex;
    justify-content: space-between;
    background-color: var(--second-bg-color);
    border-radius: 10px;
}

.catalog-col:nth-child(1) {
    margin-right: 5%;
}

.catalog-img {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 236px;
    position: relative;
    margin-top: -3em;
}

.catalog-img img {
    height: initial;
    max-width: none;
    border-radius: 10px;
}

.catalog-text {
    padding: 30px 60px 40px 20px;
    margin-top: auto;
}

.catalog-text h3 {
    font-size: 16px;
    font-weight: bold;
}

.catalog-text h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 70px;
}

.catalog-text h2 {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.catalog-text p {
    font-size: 24px;
    color: #55B5DA;
    font-weight: bold;
    margin-bottom: 80px;
    display: inherit;
}

.catalog-text button {
    padding: 15px 25px;
    font-weight: bold;
    border-radius: 24px;
    background-color: var(--comp-color);
    color: var(--main-bg-color);
    font-size: 14px;
    border: none;
}

.catalog-text a:hover {
    -webkit-box-shadow: 0px 5px 22px 3px #b943298c;
    -moz-box-shadow: 0px 5px 22px 3px #b943298c;
    box-shadow: 0px 5px 22px 3px #b943298c;
    text-decoration: none;
}

.news-front-page {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.news-front-page h1 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 1.5em;
    padding-bottom: 1.2em;
    margin: 0;
    margin-top: 2em;
}

.news-front-page .news-front-page-box .news-front-page-box-text p {
    display: none;
}

.new-href-front-page {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-href-front-page a {
    color: var(--comp-color);
    text-decoration: none;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    display: flex;
}

.new-href-front-page a div {
    margin-left: 6px;
}

.new-href-front-page a div img {
    width: 6px;
    height: auto;
    position: absolute;
    margin-top: 5px;
    transition: .5s;
}

.new-href-front-page a:hover .iconMoreNews1 {
    margin-left: 6px;
}

.new-href-front-page a:hover .iconMoreNews2 {
    margin-left: 12px;
}

.news-front-page .news-front-page-box .news-front-page-box-text p:first-of-type {
    color: var(--text-default-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-front-page-box {
    display: flex;
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    border-radius: 16px;
    margin-bottom: 25px;

    height: 305px;
}

.news-front-page-box-img {
    display: flex;
    border-radius: 10px 10px 0 0;
    width: 50%;
}

.news-front-page-box-img img {}

.news-front-page-box-text {
    width: 50%;
    padding: 25px 25px 15px 25px;
    text-align: justify;
}

.news-front-page-box-text h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    margin-top: 10px;
}

.news-front-page-box-text p {
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 12px;
}

.news-front-page-box-text span {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-placeholders-color);
}

.news-front-page-btn {
    display: block;
    text-align: center;
    padding: 15px 25px;
    font-weight: bold;
    border-radius: 24px;
    background-color: var(--comp-color);
    color: var(--main-bg-color);
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-decoration: none;
    outline: none;
}

.news-front-page-btn:hover {
    color: var(--main-bg-color);
}

.news-front-page-btn:focus {
    color: var(--main-bg-color);
    text-decoration: none;
}

.news-front-page-btn:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}

#B944294D .news-front-page-link {
    display: block;
    color: var(--comp-color) !important;
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none;
    position: relative;

    text-align: center;
}


.news-front-page-btn:visited {
    color: #fff;
}

.opinions-list {}

.opinions {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.opinions h1 {
    font-size: 24px;
    font-weight: bold;
}

.opinions a {
    font-size: 18px;
    color: var(--comp-color);
    cursor: pointer;
    font-weight: bold;

    margin-top: 25px;
    margin-bottom: 25px;
}

.opinions a:hover {
    text-decoration: none;
}


.single-opinion {
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    border-radius: 10px;
    padding: 25px 40px;

    width: 520px;
    margin: 10px;
}

.single-opinion-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.single-opinion-top h1 {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
}

.single-opinion-top h2 {
    color: var(--comp-color);
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 25px;
}

.single-opinion span {
    font-size: 14px;
    color: #5B5B5B;
    font-weight: 500;
}

.single-opinion p {
    margin-top: 15px;
    font-size: 14px;
    color: var(--text-default-color);
    font-weight: 500
}

.single-option-more {
    font-size: 14px;
    color: var(--comp-color);
    font-weight: bold;
    cursor: pointer;
}

.single-option-more:hover {}


.owl-dots {
    display: none;
}

.opinions .owl-carousel .owl-item img {
    margin-left: 8px;
    display: inline !important;
    width: auto !important;
}

.opinions .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}


/* ############### END FRONT PAGE ############### */

/* ############### OFFER PAGE ############### */
.banner-field .offer.static-banner {
    height: 320px;
    border-radius: 10px;
}

.banner-field .offer.static-banner.cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(90deg, rgba(52, 57, 59, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.content-baner-field {
    width: 95%;
}

.box-documents {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.banner-field .offer.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .offer.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: medium;
}

.offer.content-field.row-main-page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 6em;
    /* width: 80%; */
    margin: 0 auto;
    justify-content: center;
}

.offer.content-field.row-main-page .post {
    width: auto;
}

/* 
.post {
    width: 30% !important;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.3);
    -moz-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.3);
    box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.3);
    opacity: 1;
    margin: 2em;
} */

.post h2 {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color);
}

.post p {
    font-size: 12px;
    font-weight: normal;
    color: var(--text-default-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post a {
    font-size: 14px;
    font-weight: bold;
    color: var(--comp-color);
    text-decoration: none;
}

.post button {
    font-size: 14px;
    font-weight: bold;
    color: var(--comp-color);
    text-decoration: none;
    background-color: transparent;
    border: 0;
    display: inline-block;
    padding: 0;
    display: flex;
}

.post form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    /* height: 150px; */
}

a.banner-field-href {
    text-decoration: none;
    outline: none;
}

.recomed-offert-box-img {
    width: 100%;
    height: 300px;
}

.recomed-offert-box-img a {
    margin: 0;
    height: 100%;
}

.recomed-offert-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .post a::after,
.post button {
    content: '>';
    margin-left: 8px;
} */

.post .post-content-thumb {
    padding: 2em;
}

.post .post-content-thumb p {
    display: none;
}

.news.content-field.row-main-page.news-preview-list .post .post-content-thumb p:first-of-type {
    display: -webkit-box;
}

.post small {
    font-size: 12px;
    font-weight: normal;
    color: var(--text-placeholders-color);
}

.post div img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.pagination .current {
    color: var(--comp-color);
}

.pagination a,
.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination span {
    -webkit-box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    -moz-box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    border-radius: 10px;
}

.pagination img {
    width: 20px;
}

.page-numbers {
    text-align: center;
    vertical-align: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--text-color);
    margin-left: 1em;
    margin-right: 1em;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

/* ############### END OFFER PAGE ############### */


/* ############### OFFER CATEGORY PAGE ############### */

.banner-field .offert-category.static-banner {
    height: 320px;
    border-radius: 10px;
    margin-bottom: 70px;
    background-position: right;
}

.banner-field .offert-category.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(90deg, rgba(52, 57, 59, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner-field .offert-category.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
}

.banner-field .offert-category.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.offert-category.content-field.row-main-page p {
    font-size: 16px;
    font-weight: normal;

}

.select-object-category {
    display: flex;
    flex-direction: column;
    height: 48px;
    margin-bottom: 45px;
}

.select-object-category label {
    margin: 10px;
    font-size: 14px;
    font-weight: 500;
}


.select-object-category button {
    width: 100%;
}

.select-object-category button:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}


.offert-category-filters {
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 0.34);
    border-radius: 10px;
    padding: 25px;
    padding-left: 37px;
    padding-right: 37px;
    width: 340px;
    flex: 0 0 auto;
    height: 90vh;
}


.select-wrapper-category h2 {
    font-size: 16px;
    margin: 0px;
    padding-bottom: 20px;
    font-weight: bold;
}

.select-object-category select {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 1em 0.7em 1em 0.7em;
    background-color: transparent;
    font-size: 14px;
    color: var(--text-color);
    /* height: 48px; */
}

#date {
    height: 50px;
}

@-moz-document url-prefix() {

    #date {
        padding-bottom: 2.2em;
    }

}

.select-object-category input {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 1em 0.7em 1em 0.7em;
    background-color: transparent;
    font-size: 14px;
    color: var(--text-color);
}

.select-object-category input::placeholder {
    color: var(--text-color);
}

.select-object-categoryBtn button {
    border: 0;
    border-radius: 24px;
    padding: 1em;
    color: white;
    background-color: var(--comp-color);
    text-transform: uppercase;
    margin-top: 20px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.select-object-categoryBtn button:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}


.offert-category-list {
    flex: 1;
    margin-left: 50px;
    /* height: 1020px;
    overflow-y: scroll; */
}

.offert-category-list .iconMoreNews {
    left: 10px;
}

.offert-category-list .iconMoreNews2 {
    left: -10px;
}

.offert-category-list::-webkit-scrollbar {
    background-color: transparent;
    width: 2px;
}

.offert-category.main-box {
    display: flex;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.offert-category {
    display: flex;
}

.single-offert-box {
    display: flex;
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    height: 233px;
    border-radius: 16px;
    margin-bottom: 25px;
    margin-right: 20px;
    justify-content: space-between;
}

.single-offert-box-img {
    display: flex;
    border-radius: 10px 10px 0 0;
    width: 50%;
}

.single-offert-box-img img {
    border-radius: 10px 0px 0px 10px;
}

.single-offert-box-text {
    padding: 1em 2em;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.single-offert-box-text h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
}

.single-offert-box-text h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-offert-box-text p {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 12px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Określa maksymalną liczbę linii */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-offert-box-text span {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-placeholders-color);
}

.single-offert-box-text-link,
.single-offert-box-text-link:visited {
    display: flex;
    color: var(--comp-color);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    position: unset;
    top: 0px;
}

.single-offert-box-text div {
    margin-left: 6px;
}

.single-offert-box-text a div img {
    /* width: 6px;
    height: auto;
    position: absolute;
    margin-top: 5px;
    transition: .5s; */

    width: 6px;
    height: auto;
    position: relative;
    transition: .5s;
}

.single-offert-box-text-link:hover .iconMoreNews1 {
    margin-left: 6px;
}

.single-offert-box-text-link:hover .iconMoreNews2 {
    margin-left: 12px;
}

.single-offert-box-text-h,
.single-offert-box-text-h:visited {
    font-size: 20px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 12px;
    color: #404040 !important;
}



.offert-category-similar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.offert-category-similar h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 2.5em;
    margin-bottom: 1.8em;
}

.offert-category-similar-list {
    display: flex;
    justify-content: space-between;
    /* TODO -> PROD */
    overflow: hidden;
}

.owl-stage {
    /* TODO -> PROD */
    display: flex;
}

.owl-item.active {
    margin-right: 1em;
}

.owl-prev,
.owl-next {
    /* TODO -> PROD */
    background-color: var(--comp-color);
    color: white;
    font-weight: 800;
    border-radius: 50%;
    margin: 0 5px;
}

.offert-category-similar-list {
    display: flex;
    justify-content: space-between;
}

.similar-offert-box {
    background-color: var(--main-bg-color);
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    border-radius: 16px;
    margin-bottom: 70px;
    width: 90%;
}

.item {
    width: 100%;
}

.similar-offert-box-img img {
    border-radius: 10px 10px 0 0;
    width: 343px;
    height: 247px;
    object-fit: cover;
    width: 100%;
}

.similar-offert-box-text {
    padding: 10px 20px;
}

.similar-offert-box p {
    display: flex;
    justify-content: space-between;
    text-transform: none;
    flex-wrap: wrap;
}

.similar-offert-box p span {
    flex: 1.8;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    color: var(--text-color);
    text-transform: uppercase;
}

.similar-offert-box p span:last-of-type {
    flex: 1;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    color: var(--text-color);
    text-transform: none;
}

.similar-offert-box p span:nth-child(2) {
    text-align: right;
}

.similar-offert-box p {
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 12px;

}

.similar-offert-box span {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-placeholders-color);
}

/* .similar-offert-box a {
    display: flex;
    color: var(--comp-color);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 30px;
} */

.similar-offert-box-text a {
    display: flex;
    color: var(--comp-color);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 30px;
}


.similar-offert-box a div {
    margin-left: 6px;
}

.similar-offert-box a div img {
    width: 6px;
    height: auto;
    position: absolute;
    margin-top: 5px;
    transition: .5s;
}

.similar-offert-box a:hover .iconMoreNews1 {
    margin-left: 10px;
}

.similar-offert-box a:hover .iconMoreNews2 {
    margin-left: 10px;
}

/* ############### END OFFER CATEGORY PAGE ############### */

/* ############### NEWS PAGE ############### */
.banner-field .news.static-banner {
    height: 320px;
    border-radius: 10px;
}

.banner-field .news.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(90deg, rgba(52, 57, 59, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.box-documents {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.banner-field .news.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .news.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.news.content-field.row-main-page.news-preview-list {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 6em;
    width: 80%;
    margin: 5em auto;
}

.image-wrapper-post-news {
    height: 232px;
    display: flex;
}

.offer.content-field.row-main-page .post.category-post {
    width: 28%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    -moz-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    opacity: 1;
    margin: 2em;
}

.post.category-post p {
    font-size: 12px;
    font-weight: normal;
    color: var(--text-default-color);
    display: block;
}

.post {
    width: 28%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    -moz-box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    box-shadow: 0px 3px 34px 0px rgba(91, 96, 98, 1);
    opacity: 1;
    margin: 2em;
}

.post h2 {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color);
}

.post p {
    font-size: 12px;
    font-weight: normal;
    color: var(--text-default-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post a {
    font-size: 14px;
    font-weight: bold;
    color: var(--comp-color);
    text-decoration: none;
    outline: none;
}


.post .post-content-thumb {
    padding: 2em;
}

.post small {
    font-size: 12px;
    font-weight: normal;
    color: var(--text-placeholders-color);
}

.post div img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
    /* height: 100%; */
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}



.post div.hover-link-chevron-wrapper {
    margin-left: 6px;
}

.post div.hover-link-chevron-wrapper img {
    width: 6px;
    height: auto;
    position: absolute;
    margin-top: 5px;
    transition: .5s;
}

.post a.post-news-permalink {
    display: flex;
}

.post div.post-content-thumb a:hover .iconMoreNews1 {
    margin-left: 6px;
}

.post div.post-content-thumb a:hover .iconMoreNews2 {
    margin-left: 12px;
}

.pagination {
    display: flex;
    flex-direction: row;
}

.pagination a,
.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination span {
    -webkit-box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    -moz-box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    box-shadow: 8px 3px 34px 0px rgba(91, 96, 98, 0.2);
    border-radius: 10px;
}

.pagination img {
    width: 20px;
}

.page-numbers {
    text-align: center;
    vertical-align: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--text-color);
    margin-left: 1em;
    margin-right: 1em;
    width: 50px;
    height: 50px;
    text-decoration: none;
}


/* ############### END NEWS PAGE ############### */

/* ############### START INSURANCE PAGE ################# */
.banner-field .insurance.static-banner {
    height: 320px;
    border-radius: 10px;
    background-position: right;
    background: rgb(118, 180, 194) no-repeat 100% center;
}

.banner-field .insurance.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(118, 180, 194);
    background: linear-gradient(90deg, rgba(118, 180, 194, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner-field .insurance.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .insurance.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: none;
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.insurance-content {
    font-size: 16px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.37em;
}

.insurance-content ul {
    margin-left: 0;
}

.insurance-content li {
    list-style-image: url('/wp-content/themes/pelikan/assets/svgs/check-solid.svg');
    font-size: 14px;
}

.insurance-content li::marker {
    font-size: 40px;
    line-height: .5;
}

.insturance-banners-company {
    margin-top: 2em;

    width: 80%;
    display: block;

    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    -moz-box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
}

/* ############### END INSURANCE PAGE #################### */

/* ############### START DOCUMENTS PAGE ################# */
.banner-field .documents.static-banner {
    height: 320px;
    border-radius: 10px;
    margin-bottom: 70px;
    background-size: cover;
    background-position: right;
}



.banner-field .documents.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(90deg, rgba(52, 57, 59, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner-field .documents.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .documents.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: none;
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.documents.content-field.row-main-page p {
    font-size: 16px;
    font-weight: normal;
}

.docs-category-container {
    display: flex;
}

.docs-category h3 {
    margin-top: 70px;
    font-size: 24px;
    text-transform: uppercase;
}

.docs-category-box {
    padding: 16px 36px;
    -webkit-box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    -moz-box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    margin-right: 48px;
    padding-bottom: 36px;
    width: 344px;

}

.docs-category-box p {
    padding-top: 12px;
    padding-bottom: 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
}

.docs-category-box a {
    padding: 16px 25px;
    background-color: var(--comp-color);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 24px;
    margin-top: 32px;
}

.docs-category-box a:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}

.docs-category-box a img {
    margin-left: 8px;
    height: 15px;
}

/* ############### END DOCUMENTS PAGE #################### */


/* ############### START ABOUT US PAGE ################# */
.banner-field .aboutus.static-banner {
    height: 320px;
    border-radius: 10px;
    background-position: 70% center;
}

.banner-field .aboutus.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(118, 180, 194);
    background: linear-gradient(90deg, rgba(63, 74, 78, 0.9) 0%, rgba(255, 255, 255, 0) 40%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner-field .aboutus.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .aboutus.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: none;
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.aboutus .box1 {
    margin-top: 4em;
    display: flex;
    justify-content: end;
}

.aboutus .box2 {
    margin-top: 4em;
    display: flex;
    justify-content: start;
}

.aboutus .box3 {
    margin-top: 4em;
    display: flex;
    justify-content: start;
}

.aboutus .box1 .box1-img {
    border-radius: 10px;
    max-width: 540px;
    height: auto;
    align-items: center;
    position: relative;
    left: 140px;
    margin-top: auto;
    margin-bottom: auto;
    width: 540px;
    height: 327px;
}

.aboutus .box2 .box2-img {
    border-radius: 10px;
    max-width: 540px;
    height: auto;
    align-items: center;
    position: relative;
    right: 130px;

    margin-top: auto;
    margin-bottom: auto;
}

.aboutus .box1 .box1-img img,
.aboutus .box2 .box2-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.aboutus .box1 .box1-text,
.aboutus .box2 .box2-text,
.aboutus .box3 .box3-text {
    padding: 3em;
    background-color: var(--second-bg-color);
    border-radius: 10px;
    font-size: 14px;
    padding-left: 14em;
    padding-right: 12em;
    margin-top: auto;
    margin-bottom: auto;
}

.aboutus .box1 .box1-text p,
.aboutus .box2 .box2-text p,
.aboutus .box3 .box3-text p {
    line-height: 24px;
}

.aboutus .box2 .box2-text,
.aboutus .box3 .box3-text {
    padding-left: 11em;
    padding-right: 14em;
}



/* ############### END ABOUT US PAGE #################### */

/* ############### START FAQ PAGE ################# */
.banner-field .faq.static-banner {
    height: 320px;
    border-radius: 10px;
    background-position: 70% center;
}

.banner-field .faq.static-banner .cover-image-banner {
    width: 100%;
    height: 100%;
    background: rgb(52, 57, 59);
    background: linear-gradient(90deg, rgba(52, 57, 59, 0) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner-field .faq.static-banner .cover-image-banner h2 {
    color: var(--main-bg-color);
    text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
}

.banner-field .faq.static-banner .cover-image-banner p {
    color: var(--main-bg-color);
    text-transform: none;
    font-size: 18px;
    font-weight: medium;
    width: 50%;
}

.accordion-box {
    margin-top: 4em;
    margin-bottom: 4em;
}

.faq-question {
    margin-top: 2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    display: block;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
}

.faq-question p {
    line-height: 24px;
}

.accordion {
    width: 100%;
    background-color: var(--main-bg-color);
    color: #222222;
    cursor: pointer;
    border-radius: 10px;
    padding: 25px;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 16px;
    transition: 0.4s;
    text-align: left;
}

.accordion img {
    margin-right: 10px;
}

.accordion:hover {
    font-weight: 800;
}

.panel {
    margin-top: 0;
    z-index: 10;
    padding: 0 20px;
    background-color: var(--main-bg-color);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 0px;
}

.panel p {
    color: var(--text-default-color);
    font-size: 14px;
}


/* ############### END FAQ PAGE #################### */

/* ############### START Contact PAGE ################# */

.contact-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.contact {
    flex: 1;
    padding: 20px;
    z-index: 2;
}

.contact-title {
    margin-bottom: 20px;
}

.contact-title h1 {
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    color: var(--kinda-blue-color);
    margin-bottom: 2.2em;
}

.contact-info {
    align-items: center;
    margin-bottom: -10px;
}

.contact-info img {
    width: 24px;
    height: 24px;
    margin-bottom: 20px;

}

.contact-info p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.contact-info {
    margin-top: 15px;
}

.info-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.info-column .contact-info {
    flex-basis: 30%;
}

.info-column .contact-info:last-of-type {
    flex-basis: 50%;
}

.contact-form {
    background-color: var(--main-bg-color);
    color: var(--text-color);
    box-shadow: 0px 3px 34px rgba(91, 96, 98, 0.14);
    padding: 25px 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    max-width: 700px;
}

.contact-form label {
    font-weight: 500 !important;
}

.contact-form p {
    margin-bottom: 0px;
}

.travel-form .contact-form input,
.travel-form .contact-form textarea {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 15px;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100px !important;
    border: none;
}

.contact-container form.wpcf7-form input.wpcf7-form-control.wpcf7-text,
.contact-container form.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid var(--kinda-blue-color);
    border-radius: 16px;
    padding: 15px;
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
}

.contact-form textarea {
    max-width: 623px;
    min-width: 623px;
    height: 115px;
}

.submitBtn {
    display: flex;
    justify-content: flex-end;
}

.submitBtn p {
    margin-bottom: 0;
}

.submitBtn input {
    display: block;
    background-color: var(--comp-color);
    border: none;
    color: #fff;
    border-radius: 24px;
    font-size: 14px;
    font-weight: bold;
    padding: 1.4em 2.1em;
}

.wpcf7-spinner {
    margin: 0;
    margin-top: 10px;
    margin-left: 75px;
}

.contact-map {
    position: relative;
    bottom: 70px;
}

.contact-bus-map h2 {
    font-size: 24px;
    margin-bottom: 1.5em;
    margin-top: 0;
}

.contact-container {
    display: flex;
}

.contact-info {
    flex-basis: 40%;
}

.contact-bus {
    display: flex;
}


/* ############### END Contact PAGE #################### */

/* ############### START Single NEWS POST ################# */


.newsPost {
    margin-top: 4em;
    display: flex;
    /* justify-content: end; */
}

.box-text-title {
    font-size: 16px;
    font-weight: 700;
}

.box-text-date {
    font-size: 12px;
    color: var(--text-placeholders-color);
    font-weight: 500;
}

.box-img {
    border-radius: 10px;
    width: 540px;
    height: auto;
    align-items: center;
    position: relative;
    right: 130px;
    margin-top: 4em;
    margin-bottom: auto;
}

.box-img div,
.box-img img {
    object-fit: cover;
    border-radius: 10px;
}


.box-text {
    padding: 3em;
    background-color: var(--second-bg-color);
    color: var(--text-default-color);
    border-radius: 10px;
    font-size: 12px;
    padding-left: 11em;
    padding-right: 21em;
    margin-top: auto;
    margin-bottom: auto;
    width: 70%;
}


.box {
    background-color: #4F7FB2;
}

.realization-singlepage-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 83%;
    font-size: 14px;
    color: var(--comp-color);
    font-weight: 700;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
    margin-top: 64px;
}


.realization-singlepage-btns a {
    color: var(--comp-color) !important;
    display: flex;
}

.realization-singlepage-btns a:visited {
    color: var(--comp-color);
}

.realization-singlepage-btns img {
    width: 11px;
    margin-right: 10px;
    margin-left: 10px;
    height: auto;
}

.realization-singlepage-btns .btn {
    background-color: var(--comp-color);
    border: none;
    color: #fff !important;
    border-radius: 24px;
    font-size: 14px;
    font-weight: bold;
    padding: 1em 3.5em;
}

.nextInnactive {
    cursor: normal;
    opacity: 0.5;
}

.nextInnactive:hover {
    text-decoration: none;
}


/* ############### END Single NEWS POST ################# */


/* ############### START Travel-Post ################ */

.travel-info {
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    -moz-box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
    box-shadow: 0px 3px 12px 0px rgba(91, 96, 98, 0.34);
}

.travel-info tbody {
    width: 100%;
    display: inline-table;
}

.travel-info tr th {
    background-color: var(--second-bg-color);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 20px 10px;
}

.travel-info tr td {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 20px 20px;
}

.travel-single-btn,
.travel-single-btn:visited {
    background-color: var(--comp-color);
    color: var(--main-bg-color);
    font-size: 14px;
    font-weight: bold;
    padding: 20px 25px;
    border-radius: 24px;

    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;

    max-width: 320px;

}

.travel-single-btn:hover {
    text-decoration: none;
}

.travel-single-btn img {
    margin-left: 8px;
}

.travel-plan-day-text {
    background-color: var(--second-bg-color);
    padding: 40px 100px;
    border-radius: 10px;
}

.travel-plan-day-text h1 {
    font-size: 24px;
    font-weight: bold;
    color: var(--text-color);
}

.travel-plan-day-text p {
    font-size: 14px;
    font-weight: normal;
}

.travel-plan-day-2 {
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.travel-plan-day-2 .travel-plan-day-img {
    flex: 0 0 auto;
    margin-right: -5em;
    z-index: 999;
    margin-left: 8em;
}

.travel-plan-day-2 .travel-plan-day-img img {
    max-width: 540px;
    width: 100%;
}

.travel-plan-day-text {
    flex: 1 1 auto;
}

.travel-plan-day-3 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.travel-plan-day-3 .travel-plan-day-img {
    flex: 0 0 auto;
    margin-right: 8em;
    margin-left: -4em;
    z-index: 999;
}

.travel-plan-day-3 .travel-plan-day-img img {
    max-width: 540px;
}

.travel-other-info {
    padding: 10px 190px;
    font-size: 16px;
}

.travel-info-prize h4,
.travel-info-additional-fees h4,
.travel-info-comments h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 45px;
}

.travel-info-prize ul,
.travel-info-additional-fees ul,
.travel-info-comments ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.travel-info-prize li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--kinda-blue-color);
    display: inline-block;
    margin-right: 20px;
}

.travel-info-additional-fees li::before,
.travel-info-comments li::before {
    content: "\2022";
    font-weight: 900;
    font-size: 20px;
    color: var(--kinda-blue-color);
    /* padding-bottom: 20px; */
    margin-right: 20px;
}

.travel-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.travel-contact-title {
    margin-bottom: 20px;
}

.travel-contact-title h1 {
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    color: var(--kinda-blue-color);
    width: 680px;
}

/* ############### END Travel-Post  ################ */


.error-text-main {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px;
}

.content-field-error {
    width: 75%;
    margin: 0 auto;
    margin-top: 7em;
    margin-bottom: 7em;
}

.error-btn {
    padding: 16px 25px;
    background-color: var(--comp-color);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 24px;
    margin-top: 5em;

}

.error-btn:visited {
    color: #fff;
}

.error-btn:hover {
    -webkit-box-shadow: 0px 3px 18px 0px #b943298c;
    -moz-box-shadow: 0px 3px 18px 0px #b943298c;
    box-shadow: 0px 3px 18px 0px #b943298c;
    text-decoration: none;
}

.news-front-page-box-img img {
    /* min-width: 700px; */
    object-fit: cover;
}

.single-img-url {
    display: contents;
    margin: 0px;
    padding: 0px;
}

.travel-other-info li {
    display: flex;
}

.travel-info .desktop select option {
    font-size: 14px;
}

.filtered-arrow {
    width: 63%;
    padding-right: 10%;
    float: right;
}

.filtered-arrow::after {
    width: 20%;
    display: flex;
    margin: 0 auto;
    content: '\f078';
    font-family: FontAwesome;
    justify-content: center;
    font-size: 30px;
    color: #E26D52;
    cursor: pointer;
}

/* New gallery in single post 04.01 END */
.form-filter-fixed {
    position: fixed;
    top: 35px;
    z-index: 100;
}

.form-filter-container {
    width: 340px;
}

.dateTripText a {
    color: #404040;
}

.dateTripText .active {
    color: #E26D52;
}

/* Added transport type icon to category.php list */
img.transportType {
    width: 18px;
    height: auto;
    margin-right: 10px;
    margin-top: 10px;
}

/* SingleNews Gallery  */
.newsPost_gallery {
    margin-top: 8em;
    margin-bottom: 2em;
}

.n2-ss-slider-2 {
    border-radius: 15px !important;
}

body>.wtyczka-style {
    width: 100%;
    height: 100%;
    top: 0;
}

html {
    font-size: 12px;
}

.wtyczka-style * {
    font-family: 'Arial';
    font-size: 0.9rem;
    color: black;
    line-height: normal;
}

@media only screen and (min-width: 768px) {
    .wtyczka-style * {
        font-size: 1.4rem;
    }
}

.wtyczka-style h1 {
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

.wtyczka-style h2 {
    margin-top: 0.83em !important;
    margin-bottom: 0.83em !important;
}

#wtyczka-floater {
    background-color: white;
    color: black;
    border-radius: 0px;
    position: fixed;
    width: 5rem;
    height: 5rem;
    z-index: 1000;
    border-radius: 10px;
    right: 1rem;
    bottom: 7rem;
}

#wtyczka-floater button {
    all: unset;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
}

.wtyczka-container {
    background-color: white;
    color: black;
    border-radius: 0px;
    position: fixed;
    width: 90%;

    bottom: 0px;
    right: 0px;

    height: fit-content;
    padding: 1rem;
    z-index: 1000;
}

@media only screen and (min-width: 600px) {
    .wtyczka-container {
        width: 35rem;
        bottom: 0;
        left: auto;
    }
}

.wtyczka-naglowek {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 600px) {
    .wtyczka-naglowek {
        font-size: 2rem;
    }
}

.wtyczka-przycisk {
    padding: 0.5rem;
    border: 0.2rem solid;
    font-weight: bold;
    cursor: pointer;
}

#wtyczka-akceptuj-wszystkie,
#wtyczka-akceptuj-potrzebne {
    color: white;
    background-color: black;
    border-color: black;
    border-radius: 0px;
    width: 100%;
}

#wtyczka-akceptuj-wszystkie-ustawienia,
#wtyczka-akceptuj-potrzebne-ustawienia {
    color: black;
    background-color: white;
    border-color: black;
    border-radius: 0px;
    width: 100%;
    flex-basis: 45%;
}

#wtyczka-ustawienia {
    color: black;
    background-color: white;
    border-color: black;
    border-radius: 0px;
    width: 100%;
    margin-top: 0.75rem;
}

#wtyczka-custom {
    color: white;
    background-color: black;
    border-color: black;
    border-radius: 0px;
    width: 100%;
    flex-basis: 100%;
}

@media only screen and (min-width: 768px) {

    #wtyczka-custom,
    #wtyczka-akceptuj-wszystkie-ustawienia,
    #wtyczka-akceptuj-potrzebne-ustawienia {
        flex-basis: auto;
    }
}

.wtyczka-przyciski {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    align-items: center;
    white-space: nowrap;
    gap: 1rem;
}

.wtyczka-ustawienia-tlo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.wtyczka-ustawienia-container {
    z-index: 1000;
    background-color: white;
    color: black;
    border-radius: 0px;
    position: fixed;
    width: 90%;
    height: 70%;
    font-size: 1rem;
}

#wtyczka-akceptuj-wszystkie,
#wtyczka-akceptuj-potrzebne,
#wtyczka-custom {
    width: 100%;
}

.wtyczka-przyciski {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wtyczka-naglowek {
    font-size: 2.5rem;
}

@media only screen and (min-width: 1208px) {
    .wtyczka-ustawienia-container {
        width: 90rem;

        .wtyczka-naglowek {
            font-size: 3.5rem;
        }

        .wtyczka-przyciski {
            gap: 1rem;
            flex-wrap: nowrap;
        }
    }
}

@media only screen and (min-height: 1208px) {
    .wtyczka-ustawienia-container {
        height: 60%;
    }
}

.wtyczka-ustawienia-scroll {
    overflow-y: scroll;
    height: 70%;
    position: relative;
    z-index: -1;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
}

@media only screen and (min-height: 600px) {
    .wtyczka-ustawienia-scroll {
        height: 80%;
    }
}

.wtyczka-ustawienia-top {
    border-radius: 0px;
    background-color: white;
    box-shadow: -0.5rem 2rem 0.7rem -1rem #efefef;
    height: 10%;
    z-index: 5;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
}

.wtyczka-ustawienia-przyciski {
    border-radius: 0 0 black;
    background-color: white;
    box-shadow: -0.3rem -2rem 0.7rem -0.7rem #efefef;
    height: 17%;
    z-index: 5;
    padding-left: 1rem;
    padding-right: 1rem;

    .wtyczka-przyciski {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {
    .wtyczka-ustawienia-przyciski {
        height: 10%;
    }
}

.wtyczka-stop-scroll {
    height: 100%;
    overflow: hidden;
}

.wtyczka-zamknij {
    all: unset;
    cursor: pointer;
    position: absolute;
    top: 0.75rem;
    right: 1rem;
}

.wtyczka-opcja {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 0.1rem;
}

@media only screen and (min-width: 600px) {
    .wtyczka-opcja {
        gap: 5rem;
    }
}

.wtyczka-opcja .switch {
    flex-shrink: 0;
}

.wtyczka-opcja .wtyczka-pokaz-opis {
    all: unset;
    cursor: pointer;
    text-align: center;
    flex-shrink: 0;
}

.wtyczka-opcja-nazwa {
    font-size: 1rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-right: auto;

}

@media only screen and (min-width: 768px) {
    .wtyczka-opcja-nazwa {
        font-size: 1.5rem;
    }
}

.wtyczka-opis-pokazany {
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: 0.5s;
}

.wtyczka-opis-ukryty {
    margin-top: 0rem;
    margin-bottom: 0rem;
    height: 0;
    overflow: hidden;
    transition: 0.5s;
}

.wtyczka-text-lg {
    font-size: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.wtyczka-text-lgb {
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
}

.wtyczka-text-xl {
    font-size: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.wtyczka-text {
    margin-bottom: 1rem;

}

.wtyczka-marg-top {
    margin-top: 3rem;
}

.wtyczka-marg-bot {
    margin-bottom: 3rem;
}

.wtyczka-polityka-link {
    all: unset;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

.wtyczka-polityka-prywatnosci {
    width: 90%;
    height: 70%;
    position: fixed;
    background-color: white;
    color: black;
    border-radius: 0px;
}

.wtyczka-ustawienia-zamknij {
    all: unset;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: 1rem;
}

.wtyczka-polityka-zamknij {
    all: unset;
    cursor: pointer;
    text-align: center;
    margin-right: auto;
    margin-left: 1rem;
}

.wtyczka-polityka-scroll {
    overflow-y: scroll;
    height: 85%;
    position: relative;
    z-index: -1;
    padding-left: 1rem;
    padding-right: 1rem;
}

.wtyczka-ul {
    list-style-type: circle;
    margin-left: 3rem;
    margin-bottom: 1rem;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 3.5rem;
    height: 2rem;
    padding: 1rem;
    border: 0.15rem solid white;
    border-radius: 2rem;
    box-sizing: border-box;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 2rem;
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    left: 0.25rem;
    bottom: 0.25rem;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 0.1rem #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(1.3rem);
    -ms-transform: translateX(1.3rem);
    transform: translateX(1.3rem);
}
.signal-iduna-container{
    display: flex;
    justify-content: center;
}
.signal-iduna-container a {
    border: 0;
    border-radius: 24px;
    padding: 1em;
    color: var(--second-bg-color);
    background-color: var(--comp-color);
    text-transform: uppercase;
    font-size: 14px;
}