@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.quick-500 {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.quick-600 {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.play-500i {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: italic;
}
.play-600 {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.shadow-a {
    text-shadow: 1px 1px 0px rgb(255 255 255 / 85%);
}
.shadow-b {
    text-shadow: 1px 1px 0px rgb(255 255 255 / 85%);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--redb);
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: var(--off);
    color: var(--greyb);
    font-family: "Quicksand", sans-serif;
}

:root {
    --reda: #e6a2a2;
    --redb: #d96d6c;
    --redc: #ce4b4a;
    --off: #fcfbfb;
    --greya: #bfbebe;
    --greyb: #3a3939;
}
.bg-redc {
    background: var(--redc);
    color: var(--off);
}
.bg-redc a {
    color: white;
    text-decoration: none;
}
a {
    color: var(--greyb);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

footer a {
    color: var(--redc);
    text-decoration: none;
}

.btn-off, a.btn-off {
    color: var(--redc);
    background: var(--off);
    border: 3px solid var(--reda);
    text-transform: uppercase;
    font-weight: 700;
}
.btn-off:hover, a.btn-off:hover {
    color: var(--off);
    background: var(--redb);
    border: 3px solid var(--reda);
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}

.btn-redc, a.btn-redc {
    color: var(--off);
    background: var(--redc);
    border: 3px solid var(--reda);
    text-transform: uppercase;
    font-weight: 700;
}
.btn-redc:hover, a.btn-redc:hover {
    color: var(--off);
    background: var(--greyb);
    border: 3px solid var(--greya);
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}

.txt-off {
    color: var(--off);
}
.txt-redc {
    color: var(--redc);
}
/*carousel*/
.carousel-caption {
    color: var(--redc);
    bottom: unset;
}
.carousel-img {
    width: 100%;
    height: auto;
    max-width: none;
    object-fit: cover;
}

@media (max-width: 1400px) {
    .carousel-img {
        width: 100%;
        height: 50vh;
        object-position: right center;
    }

    .carousel-caption {
        width: 90%;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .carousel-img {
        width: 100%;
        height: 40vh;
        object-position: right center;
    }
    .carousel-caption {
        width: 90%;
        text-align: left;
    }
}
/*carousel end*/
.bcg-inner {
    background-image: url(/img/bg-002.jpg);
    height: 30vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.inner-txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--redc);
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.fade-out {
    opacity: 0;
    visibility: hidden;
}
.spinner {
    width: 33.6px;
    height: 33.6px;
    background-color: var(--redc);
    animation: spinner-3ockk4 1.5s infinite ease;
}

@keyframes spinner-3ockk4 {
    0% {
        transform: rotate(0deg);
        transform-origin: left bottom;
    }

    50% {
        transform-origin: left bottom;
        transform: rotate(360deg);
    }

    51% {
        transform-origin: right top;
    }

    100% {
        transform-origin: right top;
        transform: rotate(0deg);
    }
}

/*divider*/
.bcg-divider-1 {
    background-image: url(/img/bg-002.png);
    background-size: 100%;
    background-position: center center;
    height:;
}
.divider-a {
    overflow: hidden;
    position: relative;
    padding-top: 84px;
    z-index: 10;
    padding-top: 24px;
}

@media (min-width: 768px) {
    .divider-a {
        padding-top: 58px;
    }
}

@media (min-width: 1025px) {
    .divider-a {
        padding-top: 84px;
    }
}

@media (min-width: 2100px) {
    .divider-a {
        padding-top: calc(2vw + 84px);
    }
}


    .divider-a::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
        top: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 400% 24px;
        background-position: 100% 0%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23fcfbfb"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23fcfbfb"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23fcfbfb"/></svg>');
    }

@media (min-width:768px) {
    .divider-a::before {
        background-size: 400% 58px;
        background-position: 0% 0%;
    }
}

@media (min-width:1025px) {
    .divider-a::before {
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 100% 84px;
        background-position: 50% 0%;
        transform: rotateY(180deg);
    }
}

@media (min-width:2100px) {
    .divider-a::before {
        background-size: 100% calc(2vw + 84px);
    }
}

.divider-b {
    overflow: hidden;
    position: relative;
    padding-bottom: 24px;
}

@media (min-width: 768px) {
    .divider-b {
        padding-bottom: 58px;
    }
}

@media (min-width: 1025px) {
    .divider-b {
        padding-bottom: 84px;
    }
}

@media (min-width: 2100px) {
    .divider-b {
        padding-bottom: calc(2vw + 84px);
    }
}

    .divider-b::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
        top: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 400% 24px;
        background-position: 0% 100%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23fcfbfb"/><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23fcfbfb"/><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23fcfbfb"/></svg>');
    }

@media (min-width:768px) {
    .divider-b::before {
        background-size: 400% 58px;
        background-position: 100% 100%;
    }
}

@media (min-width:1025px) {
    .divider-b::before {
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 100% 84px;
        background-position: 50% 100%;
        transform: rotateY(180deg);
    }
}

@media (min-width:2100px) {
    .divider-b::before {
        background-size: 100% calc(2vw + 84px);
    }
}

.divider-overlay {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    /* === Top Divider (from .divider-a) === */
    .divider-overlay::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 400% 24px;
        background-position: 100% 0%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23fcfbfb"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23fcfbfb"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23fcfbfb"/></svg>'); /* insert your top SVG */
    }

    /* === Bottom Divider (from .divider-b) === */
    .divider-overlay::after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 400% 24px;
        background-position: 0% 100%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23fcfbfb"/><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23fcfbfb"/><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23fcfbfb"/></svg>'); /* insert your bottom SVG */
    }

/* Media Queries */
@media (min-width: 768px) {
    .divider-overlay::before {
        background-size: 400% 58px;
        background-position: 0% 0%;
    }

    .divider-overlay::after {
        background-size: 400% 58px;
        background-position: 100% 100%;
    }
}

@media (min-width: 1025px) {
    .divider-overlay::before,
    .divider-overlay::after {
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 100% 84px;
    }

    .divider-overlay::before {
        background-position: 50% 0%;
    }

    .divider-overlay::after {
        background-position: 50% 100%;
    }
}

@media (min-width: 2100px) {
    .divider-overlay::before,
    .divider-overlay::after {
        background-size: 100% calc(2vw + 84px);
    }
}


/*divider end*/

/*cjenik*/
.card-body {
    color: var(--greyb);
}
.card-header {
    border-bottom: var(--bs-card-border-width) solid rgba(0,0,0,0.04);
}
.card {
    --bs-card-border-color: rgba(0,0,0,0.1);
}
.table {
    --bs-table-border-color: rgba(0,0,0,0.1);
}
/*cjenik end*/

.lead {
    font-size: 1.15rem;
}
.lead a {
    color: var(--redc);
}
/*cjenik end*/

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28217, 109, 108, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
    border: var(--bs-border-width) solid var(--redb);
}