#virtual-info-pos {
    overflow: hidden;
    height: auto;
    padding-bottom: 130px;

}

@media(max-width:1640px){
#virtual-info-pos {
    padding-bottom: 40px;
}
}

@media(max-width:767px){
#virtual-info-pos {
    overflow: visible;
}
}

/*Accesibility menu*/

#accessibility-menu {
    position: fixed;
    top: 200px;
    right: 0px;
    background: #ffffff;
    padding: 14px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-radius: 10px 0px 0px 10px;
    z-index: 8999;
    display: flex;
    -webkit-box-shadow: 8px 11px 24px 0px rgba(66, 68, 90, 0.43);
    -moz-box-shadow: 8px 11px 24px 0px rgba(66, 68, 90, 0.43);
    box-shadow: 8px 11px 24px 0px rgba(66, 68, 90, 0.43);

}

#accessibility-menu button {
    padding: 0;
    margin: 0;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;


    background-color: #ededed;
    border: 1px solid #333;
}

.highContrast #accessibility-menu {
    background: yellow !important;
}


.highContrast #accessibility-menu button {
    color: yellow !important;
    background: #000000 !important;
}


.highContrast #accessibility-menu path {
    fill: yellow !important;
}

/*Keyboard nav*/
button:focus-visible,
a:focus-visible,
input:focus-visible,
.select2-container--focus,
th:focus-visible {
    outline: 3px solid #ff9900 !important;
    outline-offset: 4px !important;
}




.highContrast {
    color: yellow !important;
    background-color: #000;
    border-color: yellow !important;
}

body.highContrast a {
    color: yellow !important;
}

body.highContrast span,
body.highContrast div {
    color: yellow !important;
}

.highContrast header {
    background: #000000 !important;
}

.highContrast footer {
    color: yellow !important;
    background-color: #000;
    border-color: yellow !important;
}

.highContrast footer .footerMenu .footerBoxMenu .footerMenuTitle {
    color: yellow !important;
}

.highContrast footer .footerInfo .footerML,
.highContrast footer .footerInfo .footerCopyright,
.highContrast footer .footerInfo .infoLink a {
    color: yellow !important;
}

.highContrast #headerHp h1 {
    color: yellow !important;
}

.highContrast .bgColorYellow100 {
    background-color: #FFF7EC;
    background-color: black;
}

.highContrast .bgColorRed500 {
    background-color: #ED1C24;
    background-color: black;
}

.highContrast .sliderNewsSection .sliderNewsConteiner {
    background-color: black;
}

.highContrast .personSection .personSectionBox .personSectionText h2,
.highContrast .personSection .personSectionBox .personSectionText .personSectionTextInfo,
.highContrast .personSection .personSectionBox .personSectionText .personSectionTextBorder,
.highContrast .personSection .personSectionBox .personSectionText {
    color: yellow !important;
    background-color: #000 !important;
}

.highContrast .btn {
    color: yellow !important;
    background-color: #000 !important;
    border: 1px solid yellow !important;
}

.highContrast .btn svg path {
    stroke: yellow !important;
}

.highContrast #headerHp h1,
.highContrast .TripBoxes .TripBox .TripBoxText h2,
.highContrast .TripBoxes .TripBox .TripBoxText .TripBoxInfo,
.highContrast .TripBoxes .TripBox .TripBoxText .TripBoxDescription {
    color: yellow !important;
}

.highContrast footer .footerLogos .footerSM path,
.highContrast header .headerMenu .optionMenu path {
    stroke: yellow !important;
    fill: yellow !important;
}


/*Wirtualny oddzial*/
.highContrast {

    #woa-modal {
        border: 5px solid yellow;
    }

    #woa-modal,
    #woa-modal .woa-modal-header .woa-modal-header-title,
    #woa-moda-step-1,
    #woa-moda-step-2 {
        background: #000000;
    }

    #woa-modal .woa-modal-box-container #wo-hide-all-legal:hover,
    #woa-modal .woa-modal-box-container #wo-hide-all-legal {
        background: yellow;
        color: #000000 !important;
    }

    #woa-modal .woa-modal-box-container #wo-hide-all-legal #wo-arrow-4 {
        stroke: #000000 !important;
    }


}


/*LP*/
.highContrast #additional-pp-info,

.highContrast  .recomendation-check {
    padding: 10px;
    background: #000000;


}

.highContrast #additional-pp-info br,

.highContrast  .recomendation-check br {
    display:  none;
}

.highContrast .virtual-top-header h2 {
    padding: 10px;
    background: #000000;
    color: yellow !important;
}

.highContrast h2,
.highContrast .virtual-info .virtual-info-wrapper .virtual-info-header-2,
.highContrast .three-steps .info-bottom h4,
.highContrast  .question-forms h3,
.highContrast  .question-forms .forms-box .checkbox label,
.highContrast .question-forms .forms-box .input-box select option {
    color: yellow !important;
}

.highContrast .three-steps img {
    filter: sepia(1) saturate(5) hue-rotate(10deg) brightness(2.2);

}


.highContrast .question-forms .forms-box .input-box input,
.highContrast .question-forms .forms-box .input-box select  {
    background-color: #000000;
    border-color: yellow !important;
    color: yellow !important;

}


.highContrast .question-forms .forms-box .input-box input::placeholder {
  color: yellow;
}

.highContrast .question-forms .forms-box .input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: yellow;
}

.highContrast .question-forms .forms-box .input-box input::-moz-placeholder { /* Firefox 19+ */
  color: yellow;
}

.highContrast .question-forms .forms-box .input-box input:-ms-input-placeholder { /* IE 10+ */
  color: yellow;
}

.highContrast .question-forms .forms-box .input-box input::-ms-input-placeholder { /* Edge */
  color: yellow;
}

.highContrast  .browser-info-specification {
    background-color: #000000;
}

.highContrast .top-layer-1 {
color: yellow;
background-color: #000000;
}

.highContrast .top-layer-3-wrapper .top-layer-2 h3, 
.highContrast .top-layer-2-wrapper .top-layer-2 h3, 
.highContrast .top-layer-1-wrapper .top-layer-1 h3,
 .highContrast .top-layer-1-wrapper .top-layer-1 h4 {
    color: yellow;
}

/* scaled */
.font-scaled h2,
.font-scaled .virtual-info .virtual-info-wrapper .virtual-info-header-2,
.font-scaled .three-steps ul li span,
.font-scaled .three-steps .info-bottom h4,
.font-scaled .question-forms h3,
.font-scaled .question-forms .forms-box .checkbox label,
.font-scaled .legal p {
    line-height: 115% !important;
}

.font-scaled .btn {
    width: auto;
}

.font-scaled .three-steps .btn {
    display: inline-block;
}

/*FS WO*/
.font-scaled #woa-modal .woa-modal-header {
    height: auto;
}