@font-face {
    font-family: 'Open Sans', sans-serif;
}

@font-face {
    font-family: 'Oswald', sans-serif;
}

#blue {color: #00B5FF}
#grey {color: #EDEDED}
#black {color: #141513}

.blocker {z-index: 100}
[class*='--is-uppercase'] {text-transform: uppercase}

/*---------------------15.10---------------------*/
.btn-custom {height: 52px; font-family: "Open Sans"; text-align: left; color: white; font-weight: 700}
.btn-custom--primary {background: #00B5FF;}
.btn-custom--primary--is-disabled {background: #EDEDED; cursor: default}
.btn-custom--primary:hover, .btn-custom--primary:focus {background: #0056A8}

.btn-custom--secondary-transparent {border-color: #D1D1D1;color: #D1D1D1}
.btn-custom--secondary-transparent:hover, .btn-custom--secondary-transparent:focus {border-color: #00B5FF}
.btn-custom--secondary-transparent--is-disabled {opacity: .8}

.btn-custom--secondary {border-color: white; color: white}
.btn-custom--secondary:hover, .btn-custom--secondary:focus {border-color: #00B5FF; color: white}
.btn-custom--secondary {border-color: #BFBFBF; color: #BFBFBF}

.btn-custom--small {height: 40px; background: #00B5FF;font-family: "Open Sans"; text-align: left; color: white; font-weight: 700}
.btn-custom--small:hover, .btn-custom--small:focus {background: #0056A8}
.btn-custom--small--is-disable {backgroind: #EDEDED; opacity: .8}
/*----------------------------------------------*/





.page-employee .horizontal-menu {text-align: left;font-family: "Open Sans"; font-weight: 600; letter-spacing: 0;color: #FFFFFF;opacity: 1;}
.page-employee #background-video {position: relative; min-height: 600px}
.page-employee #background-video .full-dimensions-background-layer {position: absolute}
.page-employee #background-video .full-dimensions-background-wrapper {position: initial}
.page-employee #background-video::before {content: ''; background: black; opacity: .4; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; left: 0; top: 0;}
.page-employee #background-video .site-header-layer .lead__title {font-family: 'Oswald', sans-serif; font-weight: 800; color: white; font-size: 60px; letter-spacing: -1.2px;color: #FFFFFF; text-transform: uppercase; max-width: 556px; line-height: 1.2em;}
.page-employee #background-video .site-header-layer .lead__button-container {padding-top: 40px;}
.page-employee .icon-plus::before {content: '' !important;}
[class*='--is-uppercase'] {text-transform: uppercase}


.page-employee .bookmarks-manager__bookmarks-container {background: white;}
.page-employee .simple-bookmark {font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: -0.72px; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px;}
.page-employee .simple-bookmark.active {color: #00B5FF}
.page-employee .simple-bookmark:not(active) {color: black}
.page-employee .simple-bookmark:before {background: #EDEDED}
.page-employee .simple-bookmark.active:before {background: #EDEDED; opacity: 1; z-index: 1}
.page-employee .bookmarks-manager__bookmark-container {width: calc(100% / 3); cursor: pointer}
.page-employee .bookmarks-manager__bookmark-container.active {background: #EDEDED; color: #00B5FF}
.page-employee .information-article__text {font-family: Oswald; font-weight: 700; font-size: 40px; color: #141513; letter-spacing: 0; text-transform: uppercase;}
.page-employee .simple-text, .page-employee .bookmarks-manager__content-container .simple-list > li, .page-employee .bookmarks-manager__content-container .details-list__item .answer, .page-employee .bookmarks-manager__content-container .interesting-list-item__content, .page-job-offers .interesting-list-item__content, .page-job-offers .details-list__item .answer  {font-family: "Open Sans"; font-weight: 400; font-size: 20px; color: #141513; letter-spacing: 0; padding: 0 }
.page-employee .simple-title {font-family: Oswald; font-weight: 700; font-size: 24px; color: #141513; letter-spacing: 0; text-transform: uppercase;}
.page-employee  .bookmarks-manager__content-container .information-article__section-custom, .page-job-offers .information-article__section-custom {padding-top: 30px;text-align: left}
.page-employee  .bookmarks-manager__content-container .information-article__section-custom-blue .simple-title, .page-job-offers .information-article__section-custom-blue .simple-title {font-size: 20px; color: #00B5FF; position: relative; display: flex; justify-content: space-between; align-items: center}
.page-employee  .bookmarks-manager__content-container .information-article__section-custom-blue .simple-title .icon-minus {color: #141513; cursor: pointer}
.page-employee  .bookmarks-manager__content-container .rolling-out-main-heading[data-state="open"] {border-bottom: none;}
.page-employee  .bookmarks-manager__content-container .details-list__content {padding-left: 0; padding-right: 0;}
.page-employee  .bookmarks-manager__content-container .information-article__section-custom-blue .simple-text {padding-right: 60px; position: relative; display: block; padding-bottom: 32px}
.page-employee  .bookmarks-manager__content-container .information-article__section-custom-blue .details-list__item.details-list__item-first .details-list__title{border-top: 1px solid #DADADA }
.page-employee  .bookmarks-manager__content-container .information-article__section-custom-blue {}
.page-employee  .bookmarks-manager__content-container .simple-list > li {padding: 0; padding-left: 45px; position: relative}
.page-employee  .bookmarks-manager__content-container .simple-list > li .icon {display: block;position: absolute; left: 0; top: 50%; transform: translate(0,-50%); color: #00B5FF}
.page-employee  .bookmarks-manager__content-container .simple-list > li:not(:last-child) {margin-bottom: 20px;}
.page-employee  .bookmarks-manager__content-container .simple-header {padding-bottom: 32px;}
.page-employee  .bookmarks-manager__content-container .information-article__section, .page-job-offers .information-article__section {padding-top: 25px; padding-bottom: 40px}
.page-employee  .bookmarks-manager__content-container .rolling-out-title-content, .page-job-offers .rolling-out-title-content {font-family: Oswald; font-weight: 700; color: #141513}
.page-employee  .bookmarks-manager__content-container .interesting-list-item__content, .page-employee  .bookmarks-manager__content-container .details-list__item .answer, .page-job-offers .details-list__item .answer {position: relative; line-height: 1.8em}
.page-employee  .bookmarks-manager__content-container .details-list__item .answer, .page-job-offers .details-list__item .answer {padding-right: 60px; }
.page-employee  .bookmarks-manager__content-container .interesting-list__item, .page-job-offers .interesting-list__item {border: none; padding: 0}
.page-employee  .bookmarks-manager__content-container .interesting-list__item::before, .page-job-offers .interesting-list__item::before {display: none}
.page-employee  .bookmarks-manager__content-container .interesting-list-item__number-container, .page-job-offers .interesting-list-item__number-container {padding-bottom: 24px;}
.page-employee  .bookmarks-manager__content-container .interesting-list-item-wrapper, .page-job-offers interesting-list-item-wrapper {padding-bottom: 48px}
.page-employee  .bookmarks-manager__content-container .details-list__title[data-state="open"] .rolling-out-title-content, .page-job-offers .details-list__title[data-state="open"] .rolling-out-title-content {color: #00B5FF}
.page-employee  .interesting-list-item__number {font-family: Oswald; font-size: 24px; color: #141513; font-weight: 700; display: block}
.page-employee  .information-article__section.information-article__section-flex {display: flex; justify-content: flex-start; align-items: center;}
.page-employee  .information-article__section.information-article__section-flex .button-container:not(:last-child) {margin-right: 20px;}


.page-job-offers .bookmarks-manager__bookmark-content {position: relative; display: block; padding: 0 120px; position: relative; z-index: 10; }
.page-job-offers .bookmarks-manager-00 .bookmarks-manager__bookmark-container {width: 100%}

.page-job-offers a.horizontal-menu-item {color: black}
.page-job-offers .site-bar:before {top: 88px}
.page-job-offers .site-bar .site-bar-content {height: 88px;}
.page-job-offers .site-bar::before {height: 200px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0) 100%)}
.page-job-offers .bookmarks-manager__bookmark-content {margin-top: 130px}

/*----------------------------ostatnie---------------------*/
.blocker {padding: 0}
.modal {max-width: 900px; width: 100%; color: #141513; padding: 60px; border-radius: 0}
.modal .overlayer-section {padding: 0}
.modal fieldset {border: none}
.modal .form__title {font-family: Oswald; font-weight: 700; font-size: 40px; text-align: left;}
.modal .single-checkbox__inner {position: relative; display: flex; justify-content: space-between; align-items: flex-start}
.modal .single-checkbox__field-container {position: relative}
.modal .single-checkbox__description {padding-left: 20px; color: #141513; font-family: "Open Sans"; text-align: left; font-weight: 400; line-height: 1.3em; font-size: 12px; padding-right: 50px;}
.modal #files {z-index: -1; opacity: -1; overflow: hidden; width: 100%; height: 100%; display: block; cursor: auto;}
.modal #files {display: block !important;}
.modal .choice-field input {width: initial; height: initial; display: block}
.modal .choice-field .choice-field__wrapper {position: absolute;top: 0;left: 0;width: 14px; height: 14px; border: 2px solid #141513; text-align: center; background-color: white;}
.modal .choice-field .choice-field__wrapper .icon-check {display: none; font-size: 12px; text-align: center; line-height: 14px;}
.modal .choice-field input:checked ~ .choice-field__wrapper .icon-check {display: block}

.modal .form__label {font-family: "Open Sans"; font-weight: 700; text-align: left; font-size: 16px; display: block; position: relative; margin-bottom: 12px;}
.modal .form-field__core {border: 1px solid #EDEDED; padding: 0 20px; height: 40px}
.form__field-container.error .choice-field__wrapper, .form__field-container.error .form-field__core, .form__field-container.error .selectric, .form__field-container.error .upload-box {border-color: red}
.form__field-container.dupa .choice-field__wrapper, .form__field-container.dupa .form-field__core, .form__field-container.dupa .selectric, .form__field-container.dupa .upload-box {border-color: blue}
.modal .common:not(.error) .label-error {display: none}
.modal .label-error {font-family: "Open Sans"; font-weight: 400; font-size: 13px; color: red; display: block; margin-top: 3px;}

.modal-apply {padding: 0;}
.modal-apply .icon-close { position: absolute; font-size: 14px; top: 20px; right: 20px;}
.modal-apply .close-modal {display: none !important;}
.modal-apply form, .modal-apply .site-subsection {padding: 60px;}
.modal-apply .site-subsection {background: #F8F8F8}
.modal-apply .form__label {margin-bottom: 8px;}
.modal-apply .form__field-container {padding: 12px 0;}
.modal-apply .button-container {padding-top: 0;}
.modal-apply .button-wrapper {padding: 0; height: 48px;}
.modal-apply .button-wrapper button {height: 100%; width:100%; display: block;}
.modal-apply .button-wrapper .btn-send {width: 240px;}
.modal-apply .button-wrapper .btn-send:hover {background: #0056A8}
.modal-apply .button-wrapper .btn-send .button-with-icon__inner {padding-left: 20px;}

.modal-apply .button-wrapper .btn-cancel {width: 140px; display: block; height: 100%; text-transform: none}
.modal-apply .button-wrapper .btn-cancel:hover {background: #EDEDED}
.modal-apply .form__button-container {padding-top: 0; padding-left: 30px;}
.modal-apply .button-wrapper:before, .modal-apply .button-wrapper:after {display: none}

.modal-apply .site-subsection .text {font-family: "Open Sans"; font-weight: 400; font-size: 19px;}
.modal-apply .site-subsection .text .target-mail {font-weight: 800; color: black; display: block; margin-top: 10px;}
.modal-apply .form-alert {font-family: "Open Sans"; font-weight: 400; font-size: 19px; display: block; width: 100%;}

/*---------------------15.10---------------------*/
.modal .form__row-item {float: none; max-width: 420px; padding-left: 0;}
.modal  .form__row-item:nth-child(1) {padding-right: 0px}
.modal ::-webkit-input-placeholder {color: #A8A8A8; font-family: "Open Sans"; font-weight: 400; font-size: 14px;}
.modal :-ms-input-placeholder {color: #A8A8A8; font-family: "Open Sans"; font-weight: 400; font-size: 14px;}
.modal ::-webkit-input-placeholder, .modal ::placeholder {color: #A8A8A8; font-family: "Open Sans"; font-weight: 400; font-size: 14px;}


.selectric-wrapper.selectric-open .button {font: initial; -moz-transform: translate(0,0) rotate(180deg);  -ms-transform:translate(0,0) rotate(180deg);  -o-transform: translate(0,0) rotate(180deg);  transform: translate(0,0) rotate(180deg);}
.selectric-wrapper .selectric .button::before {color: #A8A8A8; font-size: 7px; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; text-align: center;-moz-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); line-height: 20px}
.selectric-wrapper .selectric .button::after {display: none}
.selectric-wrapper .selectric .label {margin: 0; padding-left: 20px; padding-right: 50px}
.selectric-wrapper .selectric, .selectric-wrapper .selectric-items li,.selectric-wrapper .selectric .label {color: #A8A8A8; font-family: "Open Sans"; font-weight: 400; font-size: 14px;}
.selectric-wrapper .selectric-items li, .selectric-wrapper .selectric .label {padding-left: 20px; padding-right: 20px; color: #141513}
.selectric-wrapper .selectric-items, .selectric-wrapper .selectric, .selectric-wrapper .button {background: white;}
.selectric-wrapper .selectric {border-color: #EDEDED}

.dropzone {min-height: auto; border: none; background: transparent; padding: 0}
.upload-box {width: 100%; background: #F8F8F8; border: 1px solid #EDEDED; box-sizing: border-box; height: 188px;}
.upload-box .upload-image-container {position: absolute; width: 100%; height: 100%; display: block; z-index: 1}
.upload-box .upload-image-parent {display: flex; flex-direction: column;justify-content: center; height: 100%;flex-wrap: wrap; position: relative}
.upload-box .icons-container {display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 20px;}
.upload-box .icons-container [class*="icon-"] {color: #D1D1D1; display: block; font-size: 40px; position: relative; }
.upload-box .icons-container [class*="icon-"]:first-child {margin-right: 20px;}
.upload-box .info-container {width: 100%; text-align: center; font-family: "Open Sans"; font-weight: 400; color: #A8A8A8; font-size: 14px; z-index: 2}
.upload-box .info-container .btn-choose-file {text-decoration: underline; color: #141513; display: inline-block; margin-left: 5px; z-index: 3}
/*.dz-image-preview .dz-image,*/
/*.dz-image-preview .dz-progress,*/
/*.dz-image-preview .dz-success-mark,*/
/*.dz-image-preview .dz-error-mark,*/
/*.dz-image-preview .dz-size{display: none !important}*/
/*.dz-file-preview{margin-bottom: 10px;}*/
/*.dz-file-preview, .dz-file-preview .dz-filename  {display: flex; align-items: center; justify-content: flex-start; position: relative; width: 100%; z-index: 2; cursor: pointer}*/
/*.dz-file-preview .dz-filename > span, .dz-file-preview .dz-remove {position: relative; font-family: "Open Sans"; font-size: 14px; font-weight: 400; color: #141513}*/
/*.dz-file-preview .dz-remove {font-weight: 700; display: block; margin-left: 30px; position: absolute; z-index: 1; right: 0; top: 50%; transform: translateY(-50%)}*/
/*.dz-file-preview .dz-filename::before {font-size: 30px; margin-right: 10px;color: #A8A8A8}*/
/*.form-field--file input {display: initial}*/


.list-of-files [class^="type-"] {position: relative; font-family: "Open Sans"; font-size: 14px; font-weight: 400; color: #141513;display: flex; align-items: center; justify-content: flex-start; position: relative; width: 100%; z-index: 2; cursor: pointer; margin-bottom: 10px;}
/*.dz-file-preview .dz-remove {font-weight: 700; display: block; margin-left: 30px; position: absolute; z-index: 1; right: 0; top: 50%; transform: translateY(-50%)}*/
.list-of-files [class^="type-"] [class^="icon-"]::before {font-size: 30px; margin-right: 10px;color: #A8A8A8}

/*.form-field--file input {display: initial}*/


@media (min-width: 1300px) {
    .page-employee .site-header-content {padding-left: 80px; padding-right: 80px;}
}
@media (min-width: 1100px) {
    .page-employee .button-with-icon-wrapper {padding-top: 16px; padding-bottom: 16px;}
}
@media (min-width: 768px) {
    .page-employee  .bookmarks-manager__content-container {padding: 60px 120px; max-width: initial;}
}

/*----------------------------ostatnie---------------------*/
@media (max-width: 768px) {
    .modal-apply .form__button-container {text-align: left}
}
@media (max-width: 550px) {
    .blocker {padding: 0;}
    .modal-apply form, .modal-apply .site-subsection {padding: 15px;}
    .modal-apply .form__row-item {max-width: 100%}
    .modal-apply .form__title {font-size: 25px}
    .modal-apply .site-subsection .text {font-size: 15px;}
}
@media (max-width: 480px) {
    .modal-apply .form__button-container {padding-left: 0}
    .modal-apply .button-wrapper .btn-send {width: 140px}
    .modal-apply .button-wrapper .btn-send .icon-arrow--right.icon-arrow--small {left: 5px}
    .modal-apply .button-wrapper .btn-send .button-with-icon__inner {padding-left: 10px}
    .modal-apply .horizontal-buttons {
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -khtml-justify-content: space-between;
        justify-content: space-between;
    }
}