@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../../../assets/fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../../../assets/fonts/PlusJakartaSans-Regular.ttf') format('ttf'),
        url('../../../assets/fonts/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../../../assets/fonts/PlusJakartaSans-Light.woff2') format('woff2'),
        url('../../../assets/fonts/PlusJakartaSans-Light.ttf') format('ttf'),
        url('../../../assets/fonts/PlusJakartaSans-Light.woff') format('woff');
    font-weight: 300;
}

html {
    font-size: 16px;
}

body {
    margin: 0 auto;
    font-family: 'Plus Jakarta Sans';
}

/*
Tło u góry:
    background: url('../../../images/fjd/bgtop.png') no-repeat;
    background-size: 100% auto;
*/

.footer-links {
    margin-top: 4rem;
    padding-left: 2rem;
}

.footer-links a {
    font-size: 1.0rem;
    color: #ffffff;
    text-decoration: none;
}

.footer-links p {
    font-size: 1.0rem;
    color: #ffffff;
}


.section1-wrapper {
    color: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    text-align: center;
}

.contacts a {
    color: #ffffff;
}

.article-top {
    background: 
    linear-gradient(72deg, rgba(244,151,55,0.9) -6.75%, rgba(232,61,69,0.9) 45.82%, rgba(41,44,95,0.9) 102.96%), 
    url('../../../images/fjd/bg2024.png');
    /*background-size: 100% auto;*/
    position: relative;
    /*background: linear-gradient(72deg, #F49737 -6.75%, #E83D45 45.82%, #292C5F 102.96%);*/
    /*opacity: 0.9;*/
    padding-bottom: 3rem;
    padding-top: 3rem;
    
}


.confirm-alert {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    transform: translate(-50%);
    /*background: url('../../../images/rko/Alert-background.png') repeat;*/
    background-color: white;
    background-position-x: -10px;
    background-position-y: -20px;
    z-index: 1000;
    padding: 8rem;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.confirm-alert button {
    width: 30%;
    position: static !important;

}

.confirm-alert--content {
    font-size: 1.225rem;
    color: black;
    font-weight: 400;
}

/*
.confirm-alert :first-child {
    font-size: 3.125rem;
    font-weight: 700;
    color: rgba(163, 11, 137, 1);
}

.confirm-alert:nth-child(1) {
    font-size: 1.125rem;
    color: black;
    font-weight: 700;
}
*/

.article-top-text {
    font-size: 3.875rem;
    margin-bottom: 3rem;
}

.article-top-text h1 {
    color: #FFF;
    text-align: center;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 60px; /* 120% */
    text-transform: uppercase;
/*
    font-weight: 700;
    font-size: 3.875rem;
    line-height: 60px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -1px -1px #444;;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 1rem;*/
}

.article-top-text p {
    font-weight: 300;
    line-height: 60px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -1px -1px #444;;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.article-top-text span.highlight {
    font-weight: 700;
}

.article-top-text :first-child {
    font-weight: 300;
    font-size: 1.625rem;    
    line-height: 1.8rem;
}

.article-top-text :last-child {
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1.8rem;
}

.article-top-input {
    margin-bottom: 2rem;
}

.article-top-input p {
    font-family: 'Plus Jakarta Sans';
    font-size: 2rem;
    font-style: normal;
    font-weight: 300;
}

.article-top-input p span {
    font-weight: 700;
}

.article-top-input input {
    position: relative;
    left: 10px;
    width: 45%;
    /* font-weight: 700; */
    font-size: 1.125rem;
    padding: 1.25rem;
    box-shadow: 3px 3px 5px 3px rgba(90, 90, 90, 0.25) inset;
    border: none;
    border-radius: 30px;
    color: #383838;
}

.article-top-input button, .confirm-alert button {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.125rem 2.125rem;
    border: none;
    border-radius: 30px;
    color: white;
    text-transform: uppercase;
    position: relative;
    right: 35px;
    bottom: -2px;
    background: #292C5F;
    mix-blend-mode: normal;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    letter-spacing: 2px;

}

.article-top-checkbox-container {
    display: flex;
    flex-direction: column;
    width: 53%;
    margin: 0 auto;
    /*margin-bottom: 3rem;*/
}

.checkbox-wrapper {
    display: flex;
    
}

.checkbox-wrapper div {
    /*width: 10%;*/
    text-align: start;
}

.checkbox-wrapper p {
    font-size: 0.8125rem;
    font-weight: 300;
    padding-left: 1rem;
    text-align: start;
}

.checkbox-wrapper p span {
    font-weight: 700;
    line-height: 17.50px;
}

.checkbox-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 25px;
}
  
.checkbox-wrapper .switch input {
    display:none;
}

.checkbox-wrapper .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
box-shadow: 3px 3px 5px 3px rgba(90, 90, 90, 0.25) inset;
-webkit-transition: .4s;
transition: .4s;
border-radius: 20px;
}

.nowrap {
     white-space:nowrap
}

.checkbox-wrapper .slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 3px;
top: 2px;
background-color: #E83D45;
-webkit-transition: .4s;
transition: .4s;
border-radius: 20px;
}

.checkbox-wrapper input:checked + .slider {
background-color: #FFFFFF;
}

.checkbox-wrapper input:focus + .slider {
box-shadow: 0 0 1px #FFFFFF;
}

.checkbox-wrapper input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
background-color: #292C5F;
}

.checkbox-wrapper .slider.round {
border-radius: 34px;
}

.checkbox-wrapper .slider.round:before {
border-radius: 50%;
}

.galery {
    text-transform: uppercase;
    background: #292C5F;
    box-shadow: inset 0px -4px 4px rgba(0, 0, 0, 0.25);
    font-size: 1.875rem;
    padding-top: 2rem;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    top: 100px;
    background-image: url('../../../images/rko/next_arrow.png');
    transform: rotate(180deg);
    background-size: cover;
    width: 50px;
    height: 50px;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    top: 100px;
    background-image: url('../../../images/rko/next_arrow.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    

}

.owl-stage-outer {
    max-width: 1300px;
    margin: 0 auto;
}

.article-mid {
    display: flex;
    justify-content: center;
}

.article-mid-container {
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    max-width: 1400px;
}

.article-mid-picture-container {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.aricle-mid-list-container {
    width: 45%;
    display: flex;
    flex-direction: column;
    margin-top: 3.5rem;
}

.aricle-mid-list-container .list-wrapper {
    color: black;
    display: flex;
    text-align: left;
    font-weight: 300;
}

.aricle-mid-list-container .list-wrapper .hexagon {
    margin-right: 2rem;
}

.aricle-mid-list-container .list-wrapper p {
    font-size: 16px;
    line-height: 150%;
}

.aricle-mid-list-container .list-wrapper ul {
    font-size: 1.225rem;
    line-height: 150%;
    margin-bottom: 2rem;
}

.aricle-mid-list-container .list-wrapper h3 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 150%;
    /*margin-bottom: 3.375rem;*/
    font-weight: 700;
    color: #E83D45;
}


.article-bottom {
    background: 
    linear-gradient(72deg, rgba(244,151,55,0.9) -6.75%, rgba(232,61,69,0.9) 45.82%, rgba(41,44,95,0.9) 102.96%), 
    url('../../../images/fjd/agendabg2024.png');
    background-size: 100% auto;
    display: flex;
    justify-content: center;
}

.article-bottom-title {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 3rem;
}

.article-bottom-container {
    text-align: left;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    max-width: 1400px;
    position:relative
}

.agenda-bg {
    position:absolute;
    top:0;
    left:0;
    /* width: 100%; */
    height: 100%;
    background: url('../../../images/fjd/agendabg2024.png') no-repeat;
    background-position: right;
    opacity: 0.1;
}

.article-bottom-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
}

.article-bottom-list-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.article-bottom .list-title {
    font-size: 3.125rem;
    font-weight: 700;
    max-width: 1100px;
    margin: 0 auto;
    text-align: start;
    padding-top: 2.5rem;
}

.article-bottom .list-title p {
    margin-bottom: 0;
}

.flex-fixed-width-item {
    flex: 0 0 100px;
}

.article-bottom-picture-container {
    width: 40%;
}

.article-bottom .list-wrapper {
    display: flex;
    font-size: 1.225rem;
    margin-bottom: 1rem;
    width: 60%;
}

.agenda {
    line-height: 1.5;
}

.article-bottom .list-wrapper .time {
    white-space: nowrap;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-align: start;
    padding-right: 2rem;
    min-width: 150px;
}

/*.article-bottom .list-wrapper div {
    margin-left: 20px;
}*/

.article-bottom .list-wrapper h3 {
    font-weight: 700;
    font-size: 1.225rem;
}

.article-bottom .list-wrapper span {
    font-size: 1rem;
    font-weight: 300;
}

.location {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

.loc-small {
    display: none;
}

.location-card {
    background-color: white;
    position: absolute;
    top: 10%;
    left: 8%;
    padding: 1.5rem;
    border-radius: 20px;
    background: #FFF;
}

.location-card--content p {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 1rem;
}


/*.location-card div {
    font-size: 1.125rem;
    font-weight: 700;
}*/


.location-card--title {
    margin: 1rem 0 1.5rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    color: #E83D45;
}


.location-card a {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000000;
}

.location-card div span {
    font-weight: 300;
}

.location-map-container {
    position: relative;
}

.section2-wrapper {
    max-width: 1400px;
    margin: auto;
}

.section2-article {
    margin-bottom: 4rem;
}

.section2-title {
    text-align: center;
    font-size: 3.125rem;
    color: rgba(26, 85, 181, 1);
    font-weight: 700;
    margin-bottom: 3rem;

    color: #E83D45;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
}



.card-img-wrapper {
    display: flex;
}

.card-img-wrapper>div {
    width: 45%;
}

.card-img-wrapper :first-child {
    text-align: center;
    width: 55%;
}

.photo-and-position {
    margin-top: -120px;
}

.card-img-wrapper p {
    font-size: 1.875rem;
    font-weight: 700;
    color: rgba(224, 77, 195, 1);
    margin-bottom: 0;
}

.card-img-wrapper span {
    font-size: 1.125rem;
    font-weight: 600;
    color: rgba(106, 160, 227, 1);
}

.card-img-wrapper .fullname {
    white-space: nowrap;
}

.card-img-wrapper :last-child {
    text-align: end;
    
}

/* Prelegenci */
.section2-card {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 2rem;
    position: relative;
    height: 100%;
}

.section2-card .desc {
    margin-top: 2rem;
    text-align: justify;
}


.section2-card h3 {
    margin-top: 100px;
    text-align: center;
    color: #292C5F;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.6px;
}

.section2-card h4 {
    text-align: center;
    color: #E83D45;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 116.667% */    
}

.people-img {
    position: absolute;
    z-index:2;
    text-align: center;
    display: block;
    top: -100px;
    left: -2px;
    width: 100%;
    margin: auto;
}

.section2-card .company-logo {
    margin-top: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2-card .company-logo img {
    position: absolute;
    bottom: 30px;
    margin: auto;
    left: 0;
    right: 0;
}




.section2-bottom {
    
    padding-bottom: 5rem;
}

.section2-bottom .title {
    font-size: 3.125rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5rem;
}

.partners {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.partners div {
    text-align: center;
}

.partners--element {
        padding: 0.5rem 4rem 0.5rem 4rem;
}

.sa-footer {
    background: #010715;
    padding-bottom: 2rem;
    border-top: 5px solid #E83D45;
}

.footer-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.footer-articles-title {
    display: flex;
    align-items: center;
    margin-top: 4rem;
}

.footer-wrapper .title {
    color: #E83D45;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 60px; /* 150% */
    text-transform: uppercase;
    padding-right: 2rem;
}

.footer-articles {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-articles .article {
    width: 45%;
    padding-right: 2rem;
    padding-left: 2rem;
}

.footer-articles .article p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 21px;
    color: #ffffff;
    text-align: justify;
    letter-spacing: 0.02em;
    padding-top: 3rem;
}

.footer-articles .contacts {
    display: flex;
    justify-content: space-between;
    text-align: start;
    margin-bottom: 2rem;
}

.footer-articles .contacts div {
    width: 45%;
}

.footer-articles .contacts p {
    font-weight: 700;
}

.footer-articles .contacts span {
    font-weight: 300
}

.footer-articles .links {
    display: flex;
    align-items: center;
}

.footer-articles .company-btn {
    color: white;
    background-color: #E83D45;
    padding: .5rem 3rem;
    border-radius: 30px;
    /*font-family: 'Calibri';*/
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-right: 3rem;
}



.article-top-dates {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4em;
}

.logo-img {
    max-width: 90%;
}

.logo-wrapper {
    display: flex;
    justify-content: center;
}

.section2-article .col-md-6 {
    margin-top: 8rem;
}

.sectionP-article .col-md-6 {
    margin-top: 2rem;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    justify-content: center;
}

@media (max-width: 1300px) {
    .location-card {
        position: relative;
        margin-bottom:4rem;
        text-align: center;
        left: 0;
    }

    .location {
        background-color: #F3F3F3;
        padding-bottom: 4rem;
    }

    .loc-big {
        display: none;
    }

    .loc-small {
        display: none;
    }

}

@media (max-width: 970px) {


    

   .confirm-alert {
        padding: 2rem;
        width: 90%;
   }

   .confirm-table--column-title {
    display: flex;
    flex-direction: column; 
   }

   .confirm-table .badge {
        font-size: 1.2rem;
   }

   .confirm-table--column-title img {
     max-width: 30%;
   }

   .article-top-dates {
        flex-direction: column;
        gap: 1rem;
   }
   .article-mid-container {
        flex-direction: column;
        align-items: center;
    } 

    .aricle-mid-list-container {
        width: 90%;
    }

    .article-top-input input {
        width: 55%;
    }

    .article-top-checkbox-container {
        width: 70%;
    }

    .article-bottom-container {
        width: 90%;
    }

    .article-bottom .list-wrapper {
        width: 100%;
        flex-direction: column;
    }

    .article-bottom .list-wrapper .time {
        min-width: auto;
        padding-right: 0;
    }

    .flex-fixed-width-item {
        flex: 1;
    }

    

    .footer-articles .article {
        width: 90%;
        margin: auto;
    }

    .footer-articles .img {
        display: none;
    }

    .footer-articles .article {
        padding-right: 0px;
        padding-left: 0px;
    }

    .footer-links {
        margin:auto;
        margin-top: 2rem;
        padding-left: 0rem;
        width: 90%;
    }

    .footer-articles-title {
        flex-direction: column;
        justify-content: center;
        align-items:center;
    }

    .footer-articles-title .title {
        padding-right: 0;
    }

    .footer-articles-title a {
        margin-top: 2rem;
    }

    .article-top .article-top-text .article-top-text--img img {
        max-width: 50%;
    }

    .article-top-text h1 {
        font-size: 1.8rem;
    }

    .article-top-text :last-child {
        font-size: 1rem;
    }

    .article-top-text img {
        max-width: 30px;
    }

    .article-top-dates .ml-3 {
        margin-left: 0px !important;
    }

}


@media (max-width: 760px) {
    
    .confirm-table {
        display: flex;
        flex-direction: column;
    }

    .confirm-table {
        display: flex;
        flex-direction: column;
    }
    
    .confirm-table .confirm-table--column {
        width: 100%;
    }

    .confirm-table .confirm-table--column ul {
        padding-left: 23px;
    }

    .article-top-checkbox-container {
        width: 90%;
    }

    .contacts {
        flex-direction: column;
    }

    .article-top-input input  {
        left: 0;
        width: 95%;
    }

    .article-top-input button, .confirm-alert button  {
        font-size: 1.5rem;
        font-weight: 700;
        padding: 1.125rem 2.125rem;
        border: none;
        color: white;
        text-transform: uppercase;
        position: relative;
        right: 0px;
        bottom: 0px;
        background: #292C5F;
        mix-blend-mode: normal;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        letter-spacing: 2px;
        margin-top: 1rem;
    }
}

.confirm-table {
    text-align: left;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 18px;
    gap: 5px;
}

.confirm-table .custom-control-label:after {
    width: 2rem;
    height: 2rem;
    left: -1.48rem;
}

.confirm-table .custom-control-label:before {
    width: 2rem;
    height: 2rem;
    border: #adb5bd solid 3px;
}

.confirm-table .custom-control-input:checked~.custom-control-label::before {
    border-color: #292C5F;
    background-color: #292C5F;
}

.confirm-table .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: none;
}

.confirm-table .badge {
        font-size: 1.2rem;
}

.confirm-table .custom-control {
    min-height: 2.5rem;
    text-align:center;
}

.confirm-table li {
    line-height: 150%;
}

.confirm-table--column {
    width: 50%;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#place1:checked ~ #col1 {
    border: 3px solid #292C5F;
}

#place2:checked ~ #col2 {
    border: 3px solid #292C5F;
}

.confirm-table--column-title {
    font-weight: bold;
    line-height: 120%;
}

.swal-wide{
    width:85% !important;
}

.title-inline {
    color: red;
    font-weight: bold;
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
    
}


.top-slider-section{background-image:url("file:///R:/Projekty/MOC%20FM/WWW/04Programy/moc%20FM/assets/base/img/top_slider_background2.jpg");background-repeat:no-repeat;background-position:center;background-color:#1C2747;padding-bottom:5rem; height: 31.25em;}
.top-slider-section h2{color:#C52757;text-align:center;font-size:2.1875rem;font-weight:600;text-transform:uppercase;padding:2.5rem 0;}
.slides-container .slide{display:flex!important;max-width:700px;width:100%;height:250px;border-radius:0.8125rem;border:1px solid #ffffff45;margin:0 1rem;overflow:hidden;}
.slide img{width:50%;}
.slide .description{padding:1rem;width:50%;background-color:white;display:flex;flex-direction:column;justify-content:space-between;}
.description span{display:flex; justify-self: left; font-size:12;font-weight:400;padding-bottom:.5rem;}
.description h4{font-weight:500;line-height:1.5;}
.slides-container .slide .description h4{color:#79428D;}
.slides-container .slide .description{color: #E83D45; }
.description strong{width:fit-content;color:white;padding:.5rem 1.5rem;background-color:#C52757;border-radius:15px;text-transform:uppercase;font-weight:500;}
@media (max-width: 1200px){
.slides-container .slide{width:560px;}
/* .top-slider-section .slick-dots {position: absolute;} */
}
@media (max-width: 700px){
.slides-container .slide{flex-direction:column;width:350px;height: auto;}
.slides-container .slide img{width:unset;height:auto;}
.slides-container .slide .description{width:100%;height:100%;}
.top-slider-section {height: auto; padding-bottom: 2rem;}
.top-slider-section .slick-dots {position: static;}
/* .top-slider-section .slick-dots {position: absolute;} */
.down-slides-container .slick-current{width: 70vw;height: auto;}
.down-slides-container .slide{height: 18em;}
.down-slider-section .descriptiondown span {font-size: 20px;}
.down-slider-section .descriptiondown p{font-size: 12px;}
.down-slides-container .slide img{width:20%;}

}
@media (max-width: 500px){
.slides-container .slide{font-size:.75rem;width:250px;height: 450px;}
.description h4{display:inline-block;width:80%;}
.top-slider-section .slick-dots {bottom: 0.5em;}
.slides-container .slide img {height: auto;}
.slides-container .slide .description {padding: 1rem;}
.top-slider-section .slick-dots {position: static;}
}
/*! CSS Used from: file:///R:/Projekty/MOC%20FM/WWW/04Programy/moc%20FM/assets/base/css/slickSlider.css */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.slick-initialized .slick-slide{display:block;}

.top-slider-section .slick-dots {
    bottom: 10em;
}



.down-slider-section{background-image:url("file:///R:/Projekty/MOC%20FM/WWW/04Programy/moc%20FM/assets/base/img/top_slider_background2.jpg");background-repeat:no-repeat;background-position:center;background-color:#FFFFFF; padding-bottom:5rem;}
.down-slider-section h2{color:#B2B2B2;text-align:center;font-size:2.1875rem;font-weight:lighter;text-transform:uppercase;padding:2.5rem 0;}
.down-slides-container .slide{display:flex!important;max-width:44em; width:100%;height:22em;border-radius:0.8125rem;border:1px solid #ffffff45;margin:0 2rem;overflow:hidden; flex-direction:row; flex-wrap: nowrap; justify-content: space-around; align-items: center;}
.down-slider-section .descriptiondown span{display:block;color:#292C5F;font-size:30px;font-weight:400;padding-bottom:.5rem; margin-left: 50px; font-weight: bolder;}
.down-slider-section .descriptiondown p{font-size:14px; text-align: justify; margin-left: 50px; margin-right: 50px;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);}
.down-slider-section .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); height: 30em;}
.down-slider-section .slick-slide img{display:block; margin-left: 50px; }
.down-slider-section .slick-initialized .slick-slide{display:block; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
.down-slides-container .slide {transition: transform 0.3s ease; /* Płynna animacja transformacji */}
.down-slides-container .slick-current {transform: scale(1.1); /* Powiększenie aktywnego slajdu */}

.slick-dots {
    position: absolute;
    bottom: -50px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    list-style: none;
    align-content: flex-start;
    align-items: baseline;
}

.slick-dots li {
    margin: 0 5px;
}

.slick-dots li button {
    font-size: 0; 
    width: 12px;
    height: 12px;
    background-color: #ccc; 
    border: none;
    border-radius: 50%;
    padding: 0;
}

.slick-dots li.slick-active button {
    background-color: #C52757;
}

.down-slides-container .slick-track {
    padding-top: 3em;
}

.white-bar {
        display: flex;
        gap: 7em;
        padding: 1em;
        background-color: #ffffff4a;
        border-block: 2px solid white;
        justify-content: center;
        align-items: center;
        margin-bottom: 2em;
        flex-direction: row;
        flex-wrap: wrap;

}

.agreements {
        /* width: 47em; */
        /* background-color: red; */
        /* height: 2em; */
        display: flex;
        align-items: center;
        gap: 1em;
}

.agree-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.agree-text p {
    font-size: 0.8125rem;
    margin-bottom: 0em;
}

.article-top-checkbox-container {
    display: flex;
    flex-direction: column;
}

.article-agree-checkbox-container {
    font-size: 0.8em;
    gap: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-inline: 1em;
}

.agree-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    max-width: 42em;
}

.agree-checkbox-wrapper p {
    margin: 0;
    text-align: left;
}

.agree-checkbox-wrapper p span {
    font-weight: bold;
}

.custom-agree-checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    margin-right: 10px;
}

.agree-checkmark {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background-color: #FFFFFF; 
    border: 2px solid #FFFFFF;
    border-radius: 3px; 
    transition: background-color 0.3s, border-color 0.3s;
}


.custom-agree-checkbox input:checked + .agree-checkmark {
    background-color: #292C5F;
    border-color: #292C5F;
}

.agree-checkmark:after {
    content: "";
    display: none;
}

.custom-agree-checkbox input:checked + .agree-checkmark:after {
    display: block;
    position: absolute;
    left: 4px;
    top: 0px;
    width: 10px; 
    height: 20px;
    border: solid white; 
    border-width: 0 2px 2px 0; 
    transform: rotate(45deg);
}


@media (max-width: 600px) {

}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    border: none;
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

input[type="checkbox"]:checked {
    background-color: #292C5F;
}

input[type="checkbox"]:checked::before {
    content: ''; /* Ukrycie zaznaczenia */
}

.more {
    display: none;
}

.forum-materials {
    color: black;
    justify-content: center;
}

.forum-materials a {
    color: #000000;
}

.btn-save-calendar {
    margin-top: 0.5rem;
    color: white !important;
    background-color: #E83D45;
    padding: .5rem 3rem;
    border-radius: 30px;
    /*font-family: 'Calibri';*/
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.btn-save-calendar:hover {
    background-color: white;
    color: #010715 !important;
}



.forum-materials h2 {
    color: #ffffff;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    border-bottom: 1px solid #ffffff;
}

.fjd-title {
    text-align: center;
    margin-bottom: 3rem;
    color: #E83D45 !important;
    font-size: 2.8rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}

.sa-cert {
    background: #292C5F;
    padding-top: 2rem;
    padding-bottom: 2rem;
}


.sa-cert-container {
    background: #292C5F;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 5px solid #E83D45;
}


.article-top-text.loggedin {
    margin-bottom: 0rem !important;
}

.generuj {
    background-color: #E83D45 !important;
}

.selfie img {
    -webkit-box-shadow: 4px 10px 5px 0px #c0c0c0;
    -moz-box-shadow: 4px 10px 5px 0px #c0c0c0;
    box-shadow: 4px 10px 5px 0px #c0c0c0;
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
    object-position: center top; 
    border-radius: 10px;
}

.sa-cert-title {
    font-size: 2.0rem;
}

@media (max-width: 970px) {
    .sa-cert-title {
        font-size: 1.8rem;
    }    
}