body {
    max-width: 100vw;
    overflow-x: hidden;
    counter-reset: own-counter;
    font-weight: 300;
}

*,
p,
a{
    text-decoration: none !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    color: var(--dark-blue-200);
    font-family: "Mundial", sans-serif;
}

p,h1,h2,h3,h4,h5,h6, legend{
    margin: 0!important;
}

ul, ol{
    margin: 0;
    padding: 0;
    list-style: none;
}

img{
    max-width: 100%;
    height: auto;
}

strong{
    font-weight: 600;
}

.placeholder{
    background-color: unset;
}

.container {
    width: 100%;
    max-width: 1440px;
    padding: 0 60px;
}

.container.narrowed_content{
    max-width: 860px;
}

#block-puw-gornypasek ul{
    padding: 0;
    margin: 5px 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

#block-puw-gornypasek li{
    display: inline-block;
    position: relative;
}

#block-puw-gornypasek li:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #FFF;
    opacity: 0.5;
    left: -10px;
    top: 0;
}

#block-puw-gornypasek li:first-child:before{
    display: none;
}

#block-puw-gornypasek li a{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.14px;
}

.header_container{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 9;
}

body.toolbar-vertical .header_container{
    top: 39px;
}

body.toolbar-vertical.toolbar-tray-open .header_container{
    top: 79px;
}

.header_container .container{
    padding: 0 60px;
}

.header_container.sticky{
    position: fixed;
    top: -34px;
    width: 100%;
    z-index: 9;
}

body.toolbar-horizontal .header_container.sticky{
    top: 5px;
}

body.toolbar-horizontal.toolbar-tray-open .header_container.sticky{
    top: 46px;
}

.main_header{
    background: #FFF;
    border: 1px solid var(--grey-200);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 28px;
}

.main_header .main_nav{
    display: flex;
    align-items: center;
}

.main_header #block-puw-main-menu{
    margin: 0 20px 0 auto;
}

.main_header #block-puw-main-menu li{
    display: inline-block;
}

.main_header #block-puw-main-menu > ul > li{
    position: relative;
}

.main_header #block-puw-main-menu > ul > li > a,
.main_header #block-puw-main-menu > ul > li > span{
    padding: 26px 20px;
    display: block;
    color: var(--dark-blue-200);
    cursor: pointer;
}

.main_header #block-puw-main-menu > ul > li > a:after,
.main_header #block-puw-main-menu > ul > li > span:after{
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: var(--dark-blue-200);
    bottom: -2px;
    left: 0;
    transition: 0.3s;
}

.main_header #block-puw-main-menu > ul > li > a:hover:after,
.main_header #block-puw-main-menu > ul > li > span:hover:after{
    width: 100%;
}

.main_header #block-puw-main-menu li.has_child{
    padding-right: 15px;
}

.main_header #block-puw-main-menu li.has_child:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/arrow_down.svg') no-repeat center;
    background-size: contain;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.main_header #block-puw-main-menu li.has_child ul{
    display: none;
    position: absolute;
    background: #FFF;
    border-radius: 8px;
    top: calc(100% + 5px);
    left: 15px;
    border: 1px solid var(--grey-200);
}

.main_header #block-puw-main-menu li.has_child ul li{
    display: block;
}

.main_header #block-puw-main-menu li.has_child ul li a{
    padding: 10px 20px;
    color: var(--dark-blue-200);
    display: block;
    white-space: nowrap;
}

#search-block-form{
    display: flex;
}

#search-block-form input{
    border-radius: 8px;
    border: 1px solid var(--grey-200);
}

.search_button {
    background: url('../img/search_white.svg') var(--dark-blue-200) no-repeat center center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--dark-blue-200);
    margin-left: 10px;
}

.form-search{
    width: 300px;
    padding: 8px 12px 8px 40px;
}

.search_input{
    position: relative;
}

.search_input:before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('../img/search_grey.svg') no-repeat center;
    background-size: contain;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #B00;
}

.form-search::placeholder {
    color: var(--grey-600) !important;
    font-weight: 300;
}

.carousel-left {
    left: 50%;
    top: 50%;
    right: unset;
    bottom: unset;
    text-align: left;
    padding: 0;
}

.carousel-left h2,
.carousel-left p {
    color: #FFF;
    z-index: 1;
    position: relative;
}

.carousel-left .h2{
    margin-bottom: 24px!important;
}

.carousel-left a {
    display: inline-block;
    margin: 40px 0 64px 0;
}

.carousel-item{
    height: 75vh;
    min-height: 600px;
    max-height: 800px;
    #display: flex!important;
}

.carousel-item img {
    width: 100%;
}

.carousel-indicators {
    margin: 0 auto 4rem auto;
    justify-content: start;
    width: 100%;
    max-width: 1300px;
    padding-left: 16px;
}

.carousel-indicators button {
    width: 10px;
    height: 10px;
    background-color: var(--grey-300);
}

.carousel-indicators button.active {
    background-color: var(--yellow-100);
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50%;
}

.carousel-inner .carousel-item.previous {
    z-index: 1;
}

.carousel-inner .carousel-item.current {
    z-index: 2;
}

.carousel-item >  .container{
    display: grid;
    grid-template-columns: 45% 55%;
    grid-gap: 50px;
    align-items: center;
    height: 100%;
}

#main_slider {
    position: relative;
}

.carousel-right{
    height: 100%;
}

.carousel-item-type-grafika_w_tle{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.carousel-item-type-grafika_w_tle:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.carousel-item-type-jednolite_tlo .carousel-right{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 75%;
}

#block-puw-zjazdy td{
    vertical-align: middle;
    border: none;
}

#block-puw-primary-local-tasks{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 10px;
    border-radius: 10px 10px 0 0;
    background: var(--grey-200);
    z-index: 999;
}

#block-puw-primary-local-tasks li{
    display: inline-block;
}

#block-puw-primary-local-tasks li a{
    background: var(--yellow-100);
    color: var(--dark-blue-200);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 13px;
}

.kierunki-glowna .view_rows{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: -30px;
}

.kierunki-hub .view_rows{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.kierunki-glowna .view_rows > div,
.kierunki-hub .view_rows > div{
    background: #FFF;
    border-radius: 8px;
    padding: 16px 16px 24px 16px;
    border: 1px solid var(--grey-200);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
}

.kierunki-glowna .view_rows > div > div,
.kierunki-hub .view_rows > div > div{
    gap: 24px;
    align-items: start;
}

.kierunki-glowna .view_rows > div > div > div,
.kierunki-hub .view_rows > div > div > div{
    align-items: flex-end;
    gap: 16px;
}

.kierunki-glowna s,
.kierunki-hub s{
    opacity: 0.5;
}

.info_label{
    padding: 2px 12px;
    border-radius: 24px;
    display: inline-block;
    background: var(--grey-200);
    white-space: nowrap;
}

.info_label_12{
    background: var(--light-green-100);
}

.info_label_13{
    background: var(--pink-100);
}

.info_label_14{
    background: var(--orange-100);
}

.info_label_15{
    background: var(--red-100);
}

.info_label_16{
    background: var(--light-blue-100);
}

.info_label_studia-licencjackie,
.info_label_10{
    background: var(--green-100);
}

.info_label_studia-magisterskie{
    background: var(--blue-100);
}

.info_label_studia-jednolite-magisterskie,
.info_label_11{
    background: var(--purple-100);
}

.info_label_pedagogiki_i_psychologii{
    background: var(--orange-100);
}

.info_label_prawa_i_administracji{
    background: var(--red-100);
}

button{
    background: none;
    background-color: transparent;
}

.btn_border,
.btn_yellow,
.btn_basic,
.user-login-form .form-submit{
    padding: 8px 16px 10px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    border-radius: 40px;
    white-space: nowrap;
}

.btn_yellow,
.user-login-form .form-submit{
    background: var(--yellow-100);
}

.btn_border{
    border: 1px solid var(--dark-blue-100);
}

.btn_border.text-white{
    border: 1px solid #FFF;
}

.btn_basic{
    padding-left: 0;
}

.btn_with_arrow{
    padding-right: 40px;
    position: relative;
}

.btn_with_arrow:after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../img/btn_arrow.svg');
    background-size: cover;
}

.btn_with_arrow.text-white:after{
    filter: brightness(10);
}

.filter_btn{
    width: 100%;
    display: none;
}

.filter_btn span{
    display: block;
    padding-left: 25px;
    position: relative;
}

.filter_btn span:before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 17px;
    background: url('../img/filter.svg');
    background-size: cover;
}

s{
    text-decoration: line-through!important;
}

.offer_selection_form{
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin: 40px 0;
    border-radius: 8px;
}

.offer_selection_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}

.offer_selection_form .nav-pills{
    background: #2F396F;
    border-radius: 8px;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
}

.offer_selection_form .nav-pills .nav-item{
    width: 100%;
    text-align: center;
}

.nav-pills .nav-link{
    color: #FFF;
    cursor: pointer;
}

.nav-pills .nav-link.active {
    color: var(--dark-blue-200);
    background-color: #FFF;
}

.offer_selection_form .tab-pane > div{
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}

.offer_selection_form .tab-pane#tab_1 > div{
    grid-template-rows: repeat(2, 1fr);
}

.offer_selection_form .tab-pane#tab_2 > div{
    grid-template-rows: repeat(3, 1fr);
}

.offer_selection_form .tab-pane a{
    color: #FFF;
    display: block;
    padding: 16px 12px;
    border-bottom: 1px solid #FFF;
    position: relative;
    transition: all .5s;
}

.offer_selection_form .tab-pane a:after{
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../img/arrow_link.svg);
    transition: right .5s;
}

.offer_selection_form .tab-pane a:hover{
    padding: 16px 30px;
}

.offer_selection_form .tab-pane a:hover:after{
    right: 38px;
}

.subheading{
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.subheading > span{
    max-width: 800px;
    margin: 24px auto 0 auto;
}

.home-news{
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.news-grid .view_rows{
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 64px;
}

.news-grid-3 .view_rows{
    grid-template-columns: repeat(3, 1fr);
}

.news-grid-4 .view_rows{
    grid-template-columns: repeat(4, 1fr);
}

.news-grid .view_rows .h3_blog{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-grid .view_rows img{
    border-radius: 8px;
}

.link_js{
    position: relative;
}

.news-grid .view_rows .link_js img{
    width: 100%;
}

.news-grid .view_rows > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.news-grid.suggestions-grid .view_rows > div{
    gap: 0;
}

.news-grid .view_rows > div > div{
    position: relative;
}

.news-grid.suggestions-grid .view_rows > div > div:not(.link_js){
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 0 0 4px 4px;
    border: 1px solid var(--grey-200);
    border-top: none;
}

.news-grid.suggestions-grid .view_rows img{
    border-radius: 8px 8px 0 0;
}

.news-grid .view_rows > div > div > span{
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.link_js > span:not(.info_label){
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: var(--dark-blue-200);
    color: #FFF;
    display: block;
    padding: 2px 8px;
    border-radius: 24px;
}

.blue_label{
    background: var(--dark-blue-200);
    color: #FFF;
    display: block;
    padding: 2px 8px;
    border-radius: 24px;
}

.modules .blue_label{
    padding: 2px 12px 6px 12px;
}

.news-grid footer{
    margin-top: 24px;
}

.full-width{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw!important;
    margin-right: -50vw!important;
}

.full-width > header,
.full-width > div{
    width: 100%;
    max-width: 1440px;
    padding: 0 60px;
    margin: 0 auto;
    z-index: 1;
}

.home-specialties{
    padding: 80px 0;
    background: var(--grey-100);
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

.home-specialties .view_rows:not(.owl-carousel){
    display: flex;
    gap: 24px;
}

.home-specialties .view_rows:not(.owl-carousel) > div,
.home-specialties .view_rows .owl-item > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
    background: #FFF;
    border-radius: 16px;
    padding: 16px;
}

.home-specialties .view_rows img{
    border-radius: 8px;
}

.home-specialties .owl-item > div p{
    margin-top: auto!important;
}

.recruitment_stages{
    padding: 128px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.page_step{
    margin-bottom: 80px;
}

.recruitment_stages_container{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
}

.recruitment_stages_in_field_of_study .recruitment_stages_container{
    grid-gap: 16px;
}

.recruitment_stages_container > div{
    display: flex;
    flex-direction: column;
    min-height: 300px;
    padding: 24px;
    border-radius: 8px;
    align-items: start;
    justify-content: space-between;
}

.recruitment_stages_in_field_of_study .recruitment_stages_container > div{
    padding: 24px 16px;
    min-height: 260px;
    justify-content: start;
    gap: 16px;
}

.recruitment_stages_in_field_of_study .recruitment_stages_container > div > div{
    justify-content: flex-start;
}

.recruitment_stages_container > div img{
    width: 48px;
}

.recruitment_stages_container > div.first_block{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background: url('../img/bg_ok.svg') var(--dark-blue-200) no-repeat;
    background-size: 90% auto;
    background-position: -20px 30px;
}

.recruitment_stages_container > div span{
    background: var(--dark-blue-200);
    color: #FFF;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
}

.recruitment_stages_container > div > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
}

.subheading .h3 span{
    background: var(--dark-blue-200);
    color: #FFF;
    padding: 0 10px 8px 10px;
    display: inline-block;
    border-radius: 8px;
}

.why_us{
    padding: 80px 0;
}

.why_us .subheading{
    text-align: left;
}

.why_us_container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
    margin-top: 24px;
}

.why_us_container > div:nth-child(1) > div{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: start;
}

.video-wrapper{
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.video-wrapper video{
    width: 100%;
}

.video-horizontal{
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
}

.video-horizontal iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no_hover *{
    pointer-events: none;
}

.play-overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
}

.play-overlay .play_rect,
.play-overlay .play_path{
    transition: all .5s;
}

.play-overlay:hover .play_rect{
    fill: #FFF;
}

.play-overlay:hover .play_path{
    fill: var(--yellow-100);
}

.why_us_container > div:nth-child(2) > div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 64px;
}

.why_us_container > div:nth-child(2){
    display: flex;
    align-items: center;
}

.why_us_container > div:nth-child(2) > div > div{
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.why_us_container > div:nth-child(2) > div > div p:nth-child(1){
    padding-left: 35px;
    position: relative;
}

.why_us_container > div:nth-child(2) > div > div p:nth-child(1):before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/yellow_check.svg') var(--yellow-50) no-repeat;
    border-radius: 50%;
}

.main_slider{
    width: 100%;
    height: 100%;
    background: var(--dark-blue-100);
    background-size: cover!important;
}

.main_slider > section{
    display: flex;
    height: 100%;
}

.main_slider > section > div {
    background: url('../img/puw.svg') left bottom no-repeat;
    height: 100%;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    padding: 120px 0 50px 0;
    width: 100%;
}


#block-puw-breadcrumbs ol li{
    display: inline-block;
    color: #FFF;
    text-transform: lowercase;
    position: relative;
    padding: 0 10px 0 0;
}

#block-puw-breadcrumbs ol li:last-of-type:after{
    display: none;
}

#block-puw-breadcrumbs ol li:after{
    content: "-";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#block-puw-page-title h1,
#block-puw-page-title h1 span,
#block-puw-page-title h1 div,
#block-puw-breadcrumbs ol a{
    color: #FFF;
}

#block-puw-breadcrumbs ol li,
#block-puw-breadcrumbs ol a{
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 18px */
    letter-spacing: -0.12px;
}

#block-puw-breadcrumbs ol a{
    text-decoration: underline!important;
    text-transform: lowercase;
}


.home-reviews{
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.home-reviews .view_rows:not(.owl-carousel){
    display: flex;
    gap: 24px;
}

.home-reviews .view_rows:not(.owl-carousel) > div,
.home-reviews .view_rows .owl-stage > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--grey-100);
    border-radius: 8px;
    padding: 24px;
}

.block_footer span{
    display: inline-block;
    padding: 0 3px;
    overflow: hidden;
}

.home-promo{
    background: var(--dark-blue-200);
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
    position: relative;
}

#block-puw-promocje-glowna > div > div{
    position: relative;

}

#block-puw-promocje-glowna > div > div:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../img/percent.svg') no-repeat;
    background-size: cover;
    z-index: 1;
}

.home-promo .subheading p,
.home-promo .subheading h3{
    color: #FFF;
    z-index: 1;
}

.home-promo .view_rows:not(.owl-carousel){
    display: flex;
    grid-gap: 16px;
}

.home-promo .view_rows:not(.owl-carousel) > div,
.home-promo .view_rows .owl-stage > div{
    background: #FFF;
    border-radius: 16px;
    padding: 16px;
}

.home-promo .view_rows:not(.owl-carousel) > div,
.home-promo .view_rows .owl-stage > div > div{
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: start;
    justify-content: space-between;
}

.knowledge_zone{
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.knowledge_zone .subheading{
    text-align: left;
}

.knowledge_zone_container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.knowledge_zone_container > div:last-child .views-element-container{
    position: sticky;
    top: 78px;
}

.knowledge_zone .btn_with_arrow{
    align-self: start;
}

.knowledge-1 .view_rows{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.knowledge-1 .view_rows .h3_blog{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.knowledge-1 .view_rows img{
    border-radius: 8px;
}

.knowledge-1 .view_rows > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.knowledge-1 .view_rows > div > div{
    position: relative;
}

.knowledge-1 .view_rows > div > div > span{
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: block;
    padding: 2px 8px;
    background: var(--dark-blue-200);
    color: #FFF;
    border-radius: 24px;
}

.knowledge-1 .view_rows > div > div > div{
    display: flex;
}

.article_block_footer,
.article_header{
    display: flex;
    gap: 12px;
}

.article_block_footer img,
.article_header img{
    border-radius: 50%!important;
    width: 32px;
}

.article_block_footer time{
    color: var(--grey-600);
}

.article_block_footer > div,
.article_header > div{
    display: flex;
    flex-direction: column;
}

.article_block_footer > div p,
.article_header > div p{
    line-height: 1.2;
}

.article_header{
    margin-bottom: 24px;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div {
    margin-bottom: 80px;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div > h2,
body.page-node-type-strefa-wiedzy #block-puw-content article > div:not(.contextual) > div > h2{
    margin: 24px 0!important;
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div > h3,
body.page-node-type-strefa-wiedzy #block-puw-content article > div:not(.contextual) > div > h3{
    margin: 24px 0!important;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div a,
body.page-node-type-strefa-wiedzy #block-puw-content article > div:not(.contextual) > div a{
    color: #1968C4;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div:first-of-type {
    margin-bottom: 40px;
}

body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h1,
body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h2,
body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h3,
body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h4,
body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h5,
body.page-node-type-article #block-puw-content article > div:not(.contextual) > div h6{
    margin-bottom: 40px!important;
}

.knowledge-2 .view_rows{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.knowledge-2 .view_rows > div > span{
    background: var(--grey-200);
    padding: 2px 8px;
    border-radius: 24px;
}

.knowledge-2 .view_rows > div{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    border-bottom: 1px solid var(--grey-300);
    padding-bottom: 16px;
}

.partners{
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 64px 0;
}

.partners .view_rows{
    width: calc(100vw - 20px);
    margin-left: calc(-50vw + 50% + 10px);
}

.partners .view_rows img{
    height: 60px;
    width: auto;
    margin: 0 30px;
}

.marquee-sub-container:nth-child(2){
    margin-top: 60px;
}

.home-graduates{
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.home-graduates .view_rows:not(.owl-carousel){
    display: flex;
    gap: 24px;
}

.home-graduates .view_rows:not(.owl-carousel) > div,
.home-graduates .view_rows .owl-stage > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--grey-100);
    border-radius: 8px;
    padding: 24px;
}

.owl-stage{
    display: flex;
    align-items: stretch;
}

.owl-stage > div{
    flex: 1;
    height: unset;
}

.owl-item > div{
    height: 100%;
}

.statistics {
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 80px 0;
    background: var(--grey-100);
    position: relative;
}

.statistics_container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}

.statistics_container > div{
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
    gap: 8px;
    align-items: center;
}

.statistics_container > div > p{
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 80px */
    letter-spacing: -1.6px;
}

footer.main_footer{
    position: relative;
    padding: 80px 0;
    background: #FFF;
}

footer.main_footer:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, #FBAF39 0%, #18233B 100%);
}

footer.main_footer #block-puw-markawitryny img{
    width: 180px;
}

footer.main_footer .footer--top .container{
    border-bottom: 1px solid var(--grey-200);
}

.footer_menu > div{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 48px;
}

.footer_menu > div #block-puw-stopkakontakt{
    grid-column: 1;
    grid-row: 2;
    margin-top: -200px;
}

.footer_menu > div h2{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    margin-bottom: 24px!important;
}

.footer_menu > div nav a{
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.16px;
    margin-bottom: 16px;
}

.footer--bottom .container{
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer--bottom .container > div{
    display: flex;
    gap: 24px;
}

body.page-node-3,
body.page-node-60,
body.page-node-74,
body.page-node-type-kierunek-studiow,
body.page-node-type-hub-kierunku,
body.page-node-type-specjalnosc{
    background: var(--grey-50);
}

.fields-of-study > div > .view_rows > div{
    background: #FFF;
    border-radius: 16px;
    border: 1px solid var(--grey-200);
    padding: 24px 24px 8px 24px;
    margin-bottom: 16px;
    display: flex;
    gap: 24px;
}

.fields-of-study > div > .view_rows > div > div{
    width: 100%;
}

.fields-of-study > div > .view_rows > div > img{
    width: 96px;
    height: 96px;
    padding: 16px;
    border: 1px solid var(--grey-200);
    border-radius: 8px;
}

.fields-of-study > div > .view_rows > div h5{
    margin-bottom: 16px!important;
}

.fields-of-study > div > .view_rows > div .inline_labels{
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.fields-of-study > div > .view_rows > div .open_collapse,
.fields-of-study > div > .view_rows .view_rows > div
{
    display: flex;
    padding: 4px 4px 6px 35px;
    margin: 16px 0!important;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    background: var(--grey-100);
    border-radius: 40px;
    position: relative;
}

.fields-of-study > div > .view_rows .view_rows > div{
    border-radius: 4px;
    padding-left: 20px;
    font-size: 14px;
    margin: 4px 0!important;
}

.fields-of-study > div > .view_rows .view_rows > div a{
    font-weight: 600;
    line-height: 150%; /* 21px */
    letter-spacing: -0.14px;
    text-decoration: underline!important;
}

.fields-of-study .view_rows > div .open_collapse:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('../img/arrow_down.svg') no-repeat;
}

.fields-of-study .view_rows > div .open_collapse.collapse_opened{
    background: var(--dark-blue-200);
    color: #FFF;
}

.fields-of-study .view_rows > div .open_collapse.collapse_opened:before{
    transform: translateY(-50%) rotate(180deg);
    filter: brightness(100);
}

body:not(.path-frontpage) .main_content{
    padding: 64px 60px;
}


body:not(.path-frontpage) .main_content.osoba_z_kadry{
    padding: 0 0 64px 0;
}

.open_collapse{
    cursor: pointer;
}

#block-puw-filtry-kierunki legend,
#views-exposed-form-kierunki-studiow-huby-block-1 legend,
#views-exposed-form-kierunki-studiow-huby-block-2 legend,
#views-exposed-form-kierunki-studiow-huby-block-3 legend,
#views-exposed-form-kierunki-studiow-huby-block-4 legend,
#views-exposed-form-kierunki-studiow-huby-block-5 legend{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--dark-blue-200);
}

.form-checkboxes.bef-checkboxes{
    margin-bottom: 24px;
}

.form-checkboxes.bef-checkboxes > div{
    padding: 16px 0;
    border-bottom: 1px solid var(--grey-300);
    display: flex;
    align-items: baseline;
}

.form-checkboxes > div label{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.16px;
    padding-left: 10px;
}

body.page-node-type-kierunek-studiow #sidebar .params,
body.page-node-type-kierunek-studiow #content > div,
body.page-node-type-specjalnosc #sidebar .params,
body.page-node-type-specjalnosc #content > div{
    background: #FFF;
    border-radius: 16px;
    border: 1px solid var(--grey-200);
}

body.page-node-type-kierunek-studiow #sidebar .params,
body.page-node-type-specjalnosc #sidebar .params{
    padding: 24px;
}

body.page-node-type-kierunek-studiow #content > div,
body.page-node-type-specjalnosc #content > div{
    padding: 32px;
}

body.page-node-type-kierunek-studiow #sidebar,
body.page-node-type-specjalnosc #sidebar{
}

body.page-node-type-kierunek-studiow #sidebar > div,
body.page-node-type-specjalnosc #sidebar > div{
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
}

.fields_suggestions{
    margin: 64px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

body.page-node-type-kierunek-studiow #content > div,
body.page-node-type-specjalnosc #content > div{
    overflow-x: hidden;
}

.steps_nav{
    counter-reset: own-counter-3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start;
}

.steps_nav li{
    list-style: none;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
}

.steps_nav li:before{
    counter-increment: own-counter-3;
    content: counter(own-counter-3, decimal-leading-zero);
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--yellow-200);
    line-height: 150%;
    letter-spacing: -0.14px;

}

.steps_nav li.active:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: var(--dark-blue-100);
}

.fee{
    margin: 8px 0;
}

.border_area{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--grey-200);
    position: relative;
    overflow: hidden;
}

body.page-node-type-kierunek-studiow .border_area:before{
    counter-increment: own-counter;
    content: counter(own-counter, decimal-leading-zero);
    position: absolute;
    right: 20px;
    bottom: -40px;
    color: var(--grey-100);
    font-size: 200px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -4px;
}

ul.yellow_bar_list{
    padding-left: 16px;
    border-left: 2px solid var(--yellow-100);
    margin-top: 16px;
    letter-spacing: -0.16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.page-node-type-kierunek-studiow #content,
body.page-node-type-specjalnosc #content{
    counter-reset: own-counter-4;
}

body.page-node-type-kierunek-studiow #content ul:not(.yellow_bar_list) li,
body.page-node-type-specjalnosc #content ul:not(.yellow_bar_list) li,
body.page-node-type-hub-kierunku #content ul:not(.yellow_bar_list) li,
.faq .view_rows li,
.faq-page .view_rows li,
#block-puw-content article > div:not(.contextual) > div ul li,
.prospects li{
    padding-left: 16px;
    position: relative;
    letter-spacing: -0.16px;
    margin-bottom: 7px;
}

body.page-node-type-kierunek-studiow #content ul:not(.yellow_bar_list) li:before,
body.page-node-type-specjalnosc #content ul:not(.yellow_bar_list) li:before,
body.page-node-type-hub-kierunku #content ul:not(.yellow_bar_list) li:before,
.faq .view_rows li:before,
.faq-page .view_rows li:before,
#block-puw-content article > div:not(.contextual) > div ul li:before,
.prospects li:before,
.faculties-list .collapse .view_rows > div:before{
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--yellow-100);
}

p.yellow_paragraph{
    padding: 24px 32px;
    border-left: 2px solid var(--yellow-100);
    background: var(--grey-50);
    margin: 40px 0!important;
}

.content_table:not(.bigger_table){
    margin: 40px 0;
    border-collapse: collapse;
    max-width: 1000px;
}

.content_table td,
.content_table th{
    padding: 8px 16px;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.content_table th{
    background: var(--dark-blue-100);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.14px;
}

.content_table tr:nth-child(even) td{
    background: var(--grey-100);
}
.content_table tr th:first-child,
.content_table tr td:first-child{
    border-radius: 6px 0 0 6px;
}

.content_table tr th:last-child,
.content_table tr td:last-child{
    border-radius: 0 6px 6px 0;
}

.page_step{
    position: relative;
}

.page_step > h4{
    padding-left: 25px;
}

.page_step:before{
    counter-increment: own-counter-4;
    content: counter(own-counter-4, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--yellow-300);
    line-height: 110%;
    letter-spacing: -0.28px;
}

.specialties_list{
    margin: 80px 0;
}

.specialties_list .views-element-container > div{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
}

.specialties_list .view_rows{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    counter-reset: own-counter-2;
}

.specialties_list .view_rows > div > div{
    border-radius: 8px;
    padding: 16px 40px 16px 108px;
    border: 1px solid var(--grey-200);
    position: relative;
    transition: all 0.5s;
}

.specialties_list .view_rows > div > div:hover{
    background: var(--grey-100);
}

.specialties_list .view_rows > div > div::before{
    counter-increment: own-counter-2;
    content: counter(own-counter-2, decimal-leading-zero);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.8px;
}

.specialties_list .view_rows > div > div img{
    position: absolute;
    right: 24px;
    width: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--yellow-50);
    border-radius: 50%;
}

.fees_table{
    width: auto;
}

.fees_table th,
.fees_table td{
    padding: 12px 8px 12px 16px;
}

.fees_table th{
    border-bottom: 1px solid var(--dark-blue-200);
}

.fees_table td{
    border-bottom: 1px solid var(--grey-200);
}

.fees_table tr:nth-child(odd) td{
    background: var(--grey-50);
}

.field-people-grid .view_rows{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 32px;
}

.people-grid .view_rows{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 64px;
}

.field-people-grid .view_rows div,
.people-grid .view_rows > div{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;

}

.people-grid .view_rows > div > div{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;

}

.field-people-grid .view_rows > div > div.circle_img,
.people-grid .view_rows > div > div.circle_img{
    width: 180px;
    height: 180px;
    position: relative;
    margin: 12px 0 0 12px;
}

.people-grid .view_rows > div > div.circle_img{
    width: 260px;
    height: 260px;
}

.field-people-grid .view_rows > div > div.circle_img img,
.people-grid .view_rows > div > div.circle_img img{
    border-radius: 50%;
    overflow: hidden;
}

.field-people-grid .view_rows > div > div.circle_img:before,
.people-grid .view_rows > div > div.circle_img:before{
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 50%;
    border: 3px solid var(--yellow-100);
}

.people-grid .view_rows > div > div:last-child > div{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.people-grid .view_rows > div > div:last-child > div .text_link{
    position: relative;
    padding-left: 20px;
}

.people-grid .view_rows > div > div:last-child > div .text_link:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--yellow-300);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.people-grid .view_rows > div > div:last-child > div .tel_link:before{
    content: "T";
}

.people-grid .view_rows > div > div:last-child > div .email_link:before{
    content: "E";
}

.dean{
    padding: 32px;
    background: var(--dark-blue-100);
    gap: 40px;
    border-radius: 16px;
}

.dean_img,
.dean_img img{
    width: 255px;
    height: 255px;
    max-width: unset;
}

.dean_img{
    position: relative;
    margin: 12px;
}

.dean_img img{
    border-radius: 50%;
}

.dean_img:before{
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 50%;
    border: 3px solid #4F5A93;
}

.dean_img:after{
    content: "";
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 60px;
    height: 60px;
    background: url('../img/puw_icon.png') no-repeat;
    background-size: cover;
}

.dean .h5{
    margin-bottom: 8px!important;
}

.dean .text-white *{
    color: #FFF;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.14px;
}

.scientific-circles .view_rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.scientific-circles .view_rows > div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--grey-200);
    border-radius: 8px;
    align-items: start;
}

.circle_header{
    position: relative;
}

.circle_header img{
    width: 100%;
    border-radius: 8px;
}

.circle_header h4{
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: calc(100% - 48px);
    max-width: 420px;
}

.field-news{
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
}

.contact_block{
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact_block_bar{
    background: var(--grey-100);
    padding: 8px 16px 10px 16px;
    border-radius: 8px;
}

.contact_block > div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    padding: 0 15px;
}

.contact_row{
    position: relative;
    padding-left: 42px;
}

.contact_row:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-size: 20px 20px!important;
    background-position: center!important;
    border-radius: 50%;
}

.contact_row.email_row:before{
    background: url('../img/email.svg') var(--yellow-50) no-repeat;
}

.contact_row.phone_row:before{
    background: url('../img/phone.svg') var(--yellow-50) no-repeat;
}

.contact_row.address_row:before{
    background: url('../img/address.svg') var(--yellow-50) no-repeat;
}

.table td{
    padding: 8px 10px;
    color: var(--dark-blue-200);
}

.table:not(.content_table):not(.bg_white) tr:nth-child(odd) td{
    background: var(--grey-50);
    border-bottom: 1px solid var(--grey-200);
}

.content_header > div{
    display: flex;
    gap: 32px;
    margin: -16px 0 48px 0;
    align-items: center;
}

.content_header > div > div{
    width: 100%;
}

.content_header > div .views-exposed-form{
    max-width: 280px;
}

.content_header > div .views-exposed-form{
    white-space: nowrap;
}

.sorting_select .form-item{
    display: flex;
    gap: 2px;
    align-items: center;
}

.sorting_select .form-item-sort-bef-combine select{
    border: none;
}

.cats-buttons{
    margin-top: 16px;
}

.cats-buttons .view_rows{
    display: flex;
    gap: 16px;
    max-width: 100%;
    overflow-x: auto;
}

.cats-buttons .view_rows a,
.cats-buttons .view_rows a{
    display: block;
    border-radius: 40px;
    background: var(--grey-100);
    padding: 8px 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
    white-space: nowrap;
}

.cats-buttons .view_rows a.active,
.cats-buttons .view_rows a.active{
    background: var(--dark-blue-100);
    color: #FFF;
}

.pager {
    margin: 63px 0 32px 0
}

.pager_items{
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

body.path-szukaj .pager_items{
    justify-content: start;
}

.pager_status{
    display: flex;
    gap: 8px;
    align-items: center;
}

.pager_input{
    width: 60px;
    height: 40px;
    text-align: center;
    background: var(--grey-100);
    border: 1px solid var(--grey-300);
    border-radius: 10px;
}

.link_js{
    cursor: pointer;
}

.toc_container{
    border-radius: 8px;
    border: 1px solid var(--grey-200);
    position: sticky;
    top: 20px;
}

.toc_container .open_collapse{
    height: 56px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 52px;
    position: relative;
}

.toc_container .open_collapse:before{
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('../img/toc.svg') no-repeat center;
    background-size: 100% auto;
}

.toc_container .open_collapse:after{
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 20px;
    background: url('../img/arrow_down.svg') no-repeat center;
    background-size: 100% auto;
}

.toc_container .collapse > .toc{
    padding: 16px;
    border-top: 1px solid var(--grey-200);
}

.toc_container ol{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.toc_container ol li{
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.14px;
}

.back{
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.with_line{
    position: relative;
    margin-bottom: 40px!important;
}

.with_line:before{
    content: "";
    position: absolute;
    left: 0;
    top:50%;
    width: 100%;
    height: 1px;
    background: var(--grey-300);
    z-index: -1;
}

.with_line span{
    background: #FFF;
    padding-right: 40px;
}

.with_line .btn_with_arrow{
    position: absolute;
    right: 0;
    top: -10px;
    background: #FFF;
}

.with_line .btn_with_arrow:before{
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 29px;
    height: 100%;
    background: #FFF;
}

body.page-node-44 h3.with_line{
    margin-bottom: 40px!important;
}

.big-featured,
.medium-featured,
.medium-featured-right,
.worth-read,
.news-list,
.simple-grid{
    margin-bottom: 80px;
}

.big-featured > div,
.medium-featured > div > div,
.medium-featured-right > div > div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
}

.medium-featured > div > div{
    grid-template-columns: 450px auto;
}

.medium-featured-right > div > div{
    grid-template-columns: auto 450px
}

.medium-featured-right > div > div > div:first-child{
    order: 2
}

.link_js img{
    width: 100%;
    border-radius: 8px;
}

.big-featured .other_news,
.medium-featured .other_news,
.medium-featured-right .other_news{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.article_small{
    display: flex;
    gap: 24px;
    justify-content: start;
}

.article_small > div:not(.link_js){
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start;
}

.article_small .article_block_footer,
.news-list .article_block_footer{
    padding-top: 8px;
}

.article_small .link_js{
    flex: 0 0 160px;
}

.featured{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.featured > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-list .view_rows{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news-list .view_rows > div{
    display: flex;
    gap: 24px;
}

.news-list .view_rows > div > div.link_js{
    flex: 0 0 270px;
}

.news-list .view_rows > div > div:not(.link_js){
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: start;
    justify-content: center;
}

.worth-read-background{
    background: var(--dark-blue-200);
    padding: 64px 0;
    position: relative;
}

.worth-read-background > div{
    display: flex;
    flex-direction: column;
    gap: 52px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.worth-read-background .h3_blog{
    color: #FFF;
}

.worth-read-background .article_block_footer *{
    color: #FFF!important;
}

#block-newsletter{
    background: url('../img/newsletter_bg.webp') var(--yellow-100) no-repeat center -670px;
    background-size: auto 1400px;
    padding: 64px 0;
    position: relative;
    margin-bottom: 80px;
}

.newsletter{
    background: #FFF;
    padding: 64px;
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 80px;
}

.newsletter h5{
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px!important;
}

input[type="email"],
.user-login-form .form-text{
    background: var(--grey-100);
    border: 1px solid var(--grey-200);
    padding: 12px;
    border-radius: 8px;
    max-width: 430px;
}

.webform-submission-newsletter-form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: auto;
    width: 100%;
    gap: 16px;
}

.webform-submission-newsletter-form .form-item-consent{
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: -5px;
}

.webform-submission-newsletter-form .form-item-consent label{
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.12px;
    padding-left: 5px;
}

.webform-submission-newsletter-form .form-item-consent label a{
    text-decoration: underline!important;
}

.webform-submission-newsletter-form  .js-form-type-processed-text{
    grid-column: 2;
    grid-row: 1;
}

.webform-submission-newsletter-form button{
    border: 4px solid var(--yellow-100);
}

.highlighted_data{
    background: var(--grey-50);
    border-left: 4px solid var(--yellow-100);
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 80px;
}

.highlighted_data ul{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.highlighted_data li{
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding-left: 50px;
    position: relative;
}

.highlighted_data li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url('../img/arrow_circle.svg') no-repeat center;
    background-size: 100% auto;
}

.faq .view_rows,
.modules > div,
.faculties-list > div > .view_rows{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq .view_rows > div,
.modules > div > div{
    padding: 16px 24px;
    background: #FFF;
    border-radius: 8px;
    border: 1px solid var(--grey-200);
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.faculties-list > div > .view_rows > div{
    padding: 16px 24px;
    background: #FFF;
    border-radius: 8px;
    border: 1px solid var(--grey-200);
}

.faculties-list > div > .view_rows > div > div.open_collapse{
    display: flex;
    gap: 24px;
    align-items: center;
}

.faculties-list .collapse .view_rows{
    margin: 16px 0 8px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faculties-list .collapse .view_rows > div{
    padding-left: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.16px;
    position: relative;
}

.faq .view_rows > div:has(.collapse_opened){
    background: var(--grey-50);
}

.faq .view_rows > div .open_collapse,
.modules .open_collapse,
.faculties-list .open_collapse{
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    position: relative;
    padding-right: 50px;
}

.faq .view_rows > div .open_collapse:before,
.modules .open_collapse:before,
.faculties-list .open_collapse:before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('../img/plus_circle.svg') no-repeat center;
    background-size: 100% auto;
}

.modules .collapse > div,
.faculties-list .collapse > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 20px;
}

.modules .collapse > div > div,
.faculties-list .collapse > div > div{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
}

.faq .view_rows > div .open_collapse.collapse_opened:before,
.modules .open_collapse.collapse_opened:before,
.faculties-list .open_collapse.collapse_opened:before{
    background: url('../img/minus_circle.svg') no-repeat center;
}

.faq .view_rows > div .collapse *{
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.faq_container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faq_container > div:first-child{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq_container > div:first-child h5{
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
}

.person_header{
    background: var(--grey-100);
    position: relative;
    display: flex;
    gap: 80px;
    padding: 64px 0;
}

.person_header:before{
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    width: calc(100% + 200vw);
    height: 100%;
    background: var(--grey-100);
    z-index: -1;
}

.person_header > div:first-child{
    display: flex;
    gap: 60px;
    align-items: center;
}

.person_header > div:last-child:not(.vertical_line){
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.person_header > div:last-child > div:first-child{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.person_header > div:first-child > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.person_header .circle_img{
    width: 180px;
    min-width: 180px;
    height: 180px;
    position: relative;
    margin: 12px 0 0 12px;
}

.person_header .circle_img:before{
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 50%;
    border: 3px solid var(--yellow-100);
}
.person_header .circle_img img{
    border-radius: 50%;
    overflow: hidden;
}

.person_header > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.social_icons{
    display: flex;
    gap: 12px;
}

.social_icons a{
    background: #FFF;
    display: block;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 46px;
}

.person_content{
    display: flex;
    gap: 80px;
    margin: 40px 0;
}

.person_content > div:last-child{
    min-width: 250px;
}

.vertical_line{
    width: 2px;
    height: 200px;
    background: var(--grey-300);
}

.faculty_filter{
    cursor: pointer;
}

#search-form,
body.path-search #block-puw-content h2{
    display: none;
}

#block-puw-kierunki-wykladowcy .suggestions-grid{
    margin-top: 64px;
}

#block-puw-kierunki-wykladowcy .suggestions-grid header{
    margin: 24px 0 40px 0;
}

#block-puw-kierunki-wykladowcy .suggestions-grid .link_js{
    max-height: 200px;
    overflow: hidden;
}

.suggestions-grid .link_js:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 42, 86, 0.00) 56.7%, #222A56 100%);
}

.search-view{
    max-width: 800px;
}

.search-view header{
    margin: 16px 0;
}

.search-view .view_rows{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.search-view .view_rows > div{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search-view .view_rows > div span{
    overflow: hidden;
    color: #171717;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.search-view .block_footer time{
    color: var(--grey-500);
}

.page-reviews-video{
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.page-reviews-video .view_rows{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.page-reviews-video .view_rows > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: #FFF;
    border-radius: 8px;
    padding: 24px;
}

.page-reviews-text{
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.page-reviews-text .view_rows {
    column-count: 3;
    column-gap: 10px;
}

.page-reviews-text .view_rows > div {
    break-inside: avoid;
    margin-bottom: 10px;
    background: #FFF;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;

}

.page-reviews-text .article_block_footer img,
.page-reviews-text .article_block_footer .avatar_placeholder{
    width: 48px;
    height: 48px;
}

.page-reviews-text .article_block_footer .avatar_placeholder{
    background: var(--dark-blue-200);
    text-align: center;
    border-radius: 50%;
    display: block;
}

.page-reviews-text .article_block_footer .avatar_placeholder span{
    color: var(--yellow-100);
    line-height: 44px;
}

.page-reviews-text .article_block_footer > div{
    gap: 5px;
}

.page-reviews-text .article_block_footer > div p.text_14{
    display: flex;
    align-items: center;
    gap: 4px;
}

.faq-page .view_rows{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faq-page .view_rows > div{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-node-71 #block-puw-content article > div:not(.contextual) > div h4,
.page-node-71 #block-puw-content article > div:not(.contextual) > div ol,
.page-node-71 #block-puw-content article > div:not(.contextual) > div ul{
    margin-bottom: 40px!important;
}

.page-node-71 p{
    margin-bottom: 16px!important;
}

#block-puw-content article > div:not(.contextual) > div ol{
    display: flex;
    flex-direction: column;
    gap: 16px;
    counter-reset: custom;
}

#block-puw-content article > div:not(.contextual) > div ol li{
    padding-left: 40px;
    position: relative;
    counter-increment: custom;
}

#block-puw-content article > div:not(.contextual) > div ol li:before{
    content: counter(custom);
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: var(--grey-100);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.16px;
}


.error-404{
    display: grid;
    grid-template-columns: 480px auto;
    gap: 120px;
    margin: 100px 0;
}

.error-404 > div:first-child{
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: start;
}

.error-404 > div:first-child a{
    margin-top: 24px;
}

.video-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;
}

.video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#block-puw-kontaktdorekrutacji .table{
    margin-top: 64px;
}

#block-puw-kontaktdorekrutacji .table td{
    background-color: #FFF;
    border: none;
}

#block-puw-kontaktdorekrutacji .table td > div{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#block-puw-kontaktdorekrutacji .table td p{
    margin-bottom: 0!important;
}

#block-puw-kontaktdorekrutacji .table td a{
    color: #1968C4;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.bigger_table th,
.bigger_table td{
    font-size: 16px;
    letter-spacing: -0.16px;
    padding: 8px 16px;
    width: 33.3333%;
}

.bigger_table td{
    line-height: 180%;
}

.meetings .row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.meetings .btn_border{
    display: inline-block;
    padding-right: 50px;
    position: relative;
}

.meetings .btn_border:before{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('../img/download.svg') no-repeat center;
    background-size: 100% auto;
}

.header_with_calendar{
    display: flex;
    align-items: center;
}

.header_with_calendar p{
    padding-left: 50px;
    position: relative;
}

.header_with_calendar p:before{
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 36px;
    height: 36px;
    background: url('../img/calendar.svg') var(--yellow-50) no-repeat center;
    background-size: 22px 20px;
    border-radius: 50%;
}

.header_table{
    padding: 0;
}

.header_table p{
    padding: 8px 16px;
}

.header_table p:first-child{
    border-bottom: 1px solid var(--dark-blue-200);
}

#block-puw-mapagoogle{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 120px -50vw 40px -50vw;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol{
    counter-reset: custom-ol;
    display: block;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li{
    color: var(--dark-blue-200);
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.48px;
    counter-increment: custom-ol;
    padding: 32px 0 32px 50px;
    border-bottom: 1px solid var(--grey-300);
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li:last-child{
    border-bottom: none;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li:before{
    content: counter(custom-ol, decimal-leading-zero);
    color: var(--yellow-100);
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.48px;
    background: none;
    top: 32px;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li > ul{
    margin: 24px 0 0 -48px;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li > ul li{
    color: var(--dark-blue-200);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.16px;
    padding-left: 20px;
}

.page-node-73 #block-puw-content article > div:not(.contextual) ol > li > ul li:before{
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--yellow-100);
}

table.content_two_columns td{
    width: 50%;
    background: none!important;
    border: none!important;
}

table.content_two_columns td p{
    margin-bottom: 10px!important;
}

table.content_two_columns td a,
table.content_table td a{
    color: #1968C4;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.grey_heading{
    background: var(--grey-100);
    padding: 8px 16px;
    border-radius: 8px;
}

.review_img{
    position: relative;
}

.review_img img{
    width: 100%;
}

.play_btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--yellow-100);
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
}

.play_btn > div{
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #FFF;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}

.play_btn:hover > div {
    border-left: 20px solid var(--yellow-100);
}

.play_btn:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: var(--yellow-100);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.play_btn:hover:before{
    width: 100%;
    height: 100%;
    background: #FFF;
}

.play_btn:hover{
    transform: translate(-50%, -50%) scale(1.2);
}

.border_areas{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.border_areas .border_area{
    background: #FFF;
}

.hub_fields{
    background: var(--dark-blue-200);
    padding: 64px 0;
    margin: 64px 0;
}

.hub_fields > div{
    display: grid;
    grid-template-columns: auto 800px;
    gap: 40px;
    position: relative;
}

.hub_fields h3{
    color: #FFF;
}

.images_grid{
    display: grid;
    grid-template-columns: 380px auto;
    gap: 32px;
    height: 680px;
    margin-bottom: 64px;
}

.images_grid > div:first-child{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.images_grid > div > div{
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.field_advantages,
.prospects{
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 64px 0;
    background: #FFF;
}

body.page-node-type-hub-kierunku .specialties_list {
    margin: 40px 0;
}

body.page-node-type-hub-kierunku .specialties_list .view_rows > div{
    background: #FFF;
}

.prospects > div:last-child ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.description{
    padding: 64px 0;
}

.description h5{
    margin-bottom: 24px;
}

body.page-node-type-hub-kierunku .faq .view_rows{
    max-width: 900px;
    margin: 0 auto;
}

.owl-item{
    height: 100%;
}

.owl-carousel{
    padding: 0 60px;
}

.owl-nav{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-nav button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.home-specialties .owl-nav button,
.home-promo .owl-nav button{
    background: #FFF!important;
}

.home-reviews .owl-nav button,
.home-graduates .owl-nav button{
    background: var(--grey-100)!important;
}

.owl-nav button svg{
    width: 12px;
    height: 10px;
    margin-top: -3px;
}



.user-login-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.user-login-form label{
    display: block;
}

.user-login-form .form-submit{
    border: none;
}

.open_menu{
    display: none;
}

.second_menu{
    display: none;
}

#block-puw-akademiaonline h2{
    font-size: 18px;
    color: #FFF;
    background: var(--dark-blue-200);
    padding: 8px 16px;
    border-radius: 8px;
}

#block-puw-akademiaonline ul li a{
    padding: 10px 20px;
    display: block;
    background: var(--grey-100);
    border-radius: 8px;
    margin: 5px 0;
}

#block-puw-akademiaonline ul li a.is-active{
    font-weight: 600;
    background: var(--grey-300);
}

.rate-widget{
    margin-top: 30px;
}

div.fivestar-rating-wrapper > div > label::before {
    font-size: 1.75em;
}

div.fivestar-rating-wrapper > div > label.average,
div.fivestar-rating-wrapper > div > label.full {
    color: var(--yellow-100);
}

div.fivestar-rating-wrapper > div > label.hover {
    color: var(--yellow-200) !important;
}

.fivestar-rating-wrapper {
    line-height: 46px;
}

.scroll_info{
    background: var(--grey-100);
    text-align: center;
    padding: 4px 25px 6px 25px;
    border-radius: 20px;
    margin: 20px 0;
    position: relative;
}

.scroll_info::before,
.scroll_info::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.scroll_info::before{
    left: 10px;
    background: url('../img/arrow_left.svg') no-repeat center;
}

.scroll_info::after{
    right: 10px;
    background: url('../img/arrow_right.svg') no-repeat center;
}

#block-puw-content--2 article p{
    margin: 16px 0!important;
}

@media(max-width: 1260px){
    .form-search {
        width: 240px;
    }
}

@media(max-width: 1200px){
    .form-search {
        width: 180px;
    }

    .main_header #block-puw-main-menu > ul > li > span {
        padding: 26px 20px 26px 10px;
    }

    .recruitment_stages_container{
        margin: 0 -60px 0 -60px;
        overflow-x: scroll;
        padding: 0 60px;
        scrollbar-width: none;
        max-width: calc(100vw + 40px);
    }

    .recruitment_stages_container > div {
        min-width: 220px;
    }

    .home-specialties::before,
    .hub_fields::before,
    .statistics::before{
        content: none;
    }

    .container{
        padding: 0 16px!important;
    }

    body:not(.path-frontpage) .container.main_content{
        padding: 24px 16px 64px 16px !important;
    }

    .full-width{
        margin: 0 -50vw;
        padding-left: 16px!important;
        padding-right: 16px!important;
    }

    body.page-node-type-kierunek-studiow #content,
    body.page-node-type-specjalnosc #content{
        padding: 0;
        margin: 20px -4px;
        width: calc(100% + 8px);
        max-width: none;
    }

    body.page-node-type-kierunek-studiow #content > div,
    body.page-node-type-specjalnosc #content > div{
        padding: 32px 16px;
        border-radius: 0;
    }

    .contents{
        display: none!important;
    }
}

@media(max-width: 1080px){

    .open_menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 25px;
        color: #fff;
        cursor: pointer;
    }

    .open_menu span {
        display: block;
        width: 30px;
        height: 3px;
        margin-bottom: 5px;
        position: relative;
        background: var(--dark-blue-200);
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1),background 0.2s cubic-bezier(0.77,0.2,0.05,1),opacity 0.2s ease;
    }

    .open_menu.close_menu span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2,0.2);
    }

    .open_menu.close_menu span:nth-last-child(2) {
        transform: rotate(-45deg) translate(-8px,5px);
    }

    .open_menu.close_menu span {
        transform: rotate(45deg) translate(-10px,-10px);
        background: #000;
    }

    .main_header{
        height: 75px;
        border: none;
        padding: 0 16px;
        border-radius: 0;
    }

    .main_header #block-puw-main-menu li.has_child ul,
    .main_header #block-puw-main-menu li{
        display: block;
    }

    .main_header #block-puw-main-menu li.has_child ul{
        position: unset;
    }

    .main_header #block-puw-main-menu{
        margin: 0;
        width: 100%;
        order: 2;
    }

    .main_header #block-puw-main-menu > ul > li > span::after,
    .main_header #block-puw-main-menu li.has_child::after,
    .top_bar{
        display: none;
    }

    .main_header #block-puw-main-menu > ul > li > span{
        background: var(--grey-100);
        color: var(--dark-blue-200);
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.16px;
        padding: 16px;
    }

    #block-puw-main-menu a{
        padding: 14px 20px!important;
    }

    .main_header > .main_nav{
        flex-direction: column;
        align-items: start;
        gap: 10px;
        border-radius: 0;
        position: absolute;
        left: 0;
        top: 75px;
        width: 100%;
        background: #FFF;
        overflow-y: auto;
    }

    .second_menu{
        display: block;
    }

    .header_container .container,
    .main_header #block-puw-main-menu li.has_child{
        padding: 0!important;
    }

    .main_header #block-puw-main-menu li.has_child ul{
        border: none;
    }

    .form-search,
    .search_input{
        width: 100%;
    }

    #search-block-form{
        padding: 0 16px;
        width: 100%;
        order: 1;
    }

    .search_button{
        width: 45px;
    }

    #block-puw-gornypasek-2{
        order: 3;
        padding: 16px;
        background: var(--grey-100);
        width: 100%;
    }

    #block-puw-gornypasek-2 > ul li{
        margin-bottom: 16px;
        color: var(--dark-blue-200);
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.12px;
    }

    .main_nav{
        max-height: 0;
        overflow: hidden;
        transition: all 0.2s;
        line-height: 0;
    }

    body.opened_menu .main_nav{
        max-height: calc(100vh - 130px);
        line-height: 1;
        transition: all 0.2s;
    }

    body.opened_menu .main_nav:before{
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: #FFF;
        z-index: -1;
    }

    #block-puw-gornypasek-2{
        padding: 0;
    }

    body.opened_menu{
        overflow: hidden;
    }

    body.opened_menu #block-puw-gornypasek-2{
        padding: 16px;
    }

    .header_container{
        top: 0;
    }

    body.toolbar-horizontal .header_container{
        top: 39px
    }

    .header_container.sticky{
        top: 0!important;
    }

    .big-featured > div,
    .medium-featured > div > div,
    .medium-featured-right > div > div,
    .newsletter{
        grid-template-columns: 100%;
    }

    .content_header > div > div:first-child{
        display: none;
    }

    .footer_menu > div{
        grid-template-columns: 1fr;
        grid-row-gap: 16px;
    }

    .footer_menu > div #block-puw-stopkakontakt{
        margin-top: 0;
    }

}

@media(max-width: 991px){

    #block-puw-przyciskotwieraniafiltracjimobile{
        margin: -24px -16px 20px -16px;
        padding: 24px 16px;
        background: #FFF;
    }

    .filter_btn{
        display: flex;
    }

    #block-puw-udostepnionyformularzkierunki-studiow-hubyblock-1,
    #views-exposed-form-kierunki-studiow-block-1{
        display: none;
    }

    .border_areas {
        grid-template-columns: repeat(2, 1fr);
    }

    .hub_fields > div{
        grid-template-columns: 1fr;
    }

}

@media(max-width: 800px){

    #main_slider{
        padding-top: 75px;
    }

    .carousel-item-type-grafika_w_tle .container{
        grid-template-columns: 100%;
    }
    .carousel-item > .container{
        padding: 32px 16px 0 16px;
    }

    .carousel-item > .container .carousel-left{
        max-width: 400px;
    }

    .carousel-item-type-jednolite_tlo .carousel-left{
        padding-top: 40px;
    }

    .carousel-item-type-jednolite_tlo .container{
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: start;
    }

    .carousel-item-type-jednolite_tlo .carousel-right{
        width: 100%;
        height: 100%;
        background-size: auto 100%;
        gap: 0;
    }

    .offer_selection_form{
        margin: 40px -16px 40px -16px;
        border-radius: 0;
        padding: 48px 16px;
    }

    .offer_selection_form .tab-pane > div{
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-gap: 5px;
    }

    .nav-pills .nav-link{
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.16px;
    }

    .recruitment_stages {
        padding: 40px 0;
    }

    .recruitment_stages_container{
        grid-template-columns: 1fr;
        margin: 0;
        padding: 0;
    }

    .recruitment_stages_container > div{
        height: auto;
        gap: 24px;
        align-items: unset;
    }

    .recruitment_stages_container > div > div{
        flex-direction: row;
    }

    .recruitment_stages_container > div > div > img{
        order: 1;
    }

    .recruitment_stages_container > div > div > p{
        order: 2;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.16px;
        align-self: center;
    }

    .recruitment_stages_container > div > div > span{
        order: 3;
        margin-left: auto;
        flex-shrink: 0;
    }

    .recruitment_stages_container > div.first_block{
        background: url('../img/bg_ok_mobile.svg') var(--dark-blue-200) no-repeat;
        background-size: 70% auto;
        background-position: 110px -30px;
    }

    .why_us{
        padding: 0;
    }

    .why_us_container,
    .why_us_container > div:nth-child(2) > div,
    .knowledge_zone_container,
    .statistics_container{
        grid-template-columns: 1fr;
    }

    .why_us_container{
        grid-gap: 40px;
    }

    .why_us_container > div:nth-child(2) > div{
        grid-gap: 32px;
    }

    .statistics{
        gap: 40px;
        padding: 40px 0;
    }

    .statistics_container{
        grid-gap: 8px;
    }

    .statistics_container > div{
        flex-direction: row;
        gap: 16px;
        padding: 12px;
    }

    .statistics_container > div > p{
        font-size: 32px;
    }

    .footer_menu > div{
        grid-row-gap: 20px;
        grid-template-rows: unset;
    }

    .footer--top .container > .row{
        gap: 40px;
        text-align: center;
    }

    .footer--bottom .container{
        flex-direction: column;
        gap: 32px;
        align-items: center;
        text-align: center;
    }

    .footer--bottom  .container > div:first-child{
        order: 2;
        flex-direction: column;
    }

    .footer--bottom  .container > div:last-child{
        order: 1;
    }

    .kierunki-glowna .view_rows,
    body.path-frontpage .news-grid .view_rows,
    .home-promo .view_rows,
    .home-reviews .view_rows,
    .home-specialties .view_rows,
    .knowledge-1 .view_rows,
    .home-graduates .view_rows{
        margin: 0 -16px 0 -16px;
        overflow-x: scroll;
        padding: 0 16px;
        scrollbar-width: none;
    }

    body:not(.path-frontpage) .news-grid .view_rows{
        grid-template-columns: 100%;
    }

    .news-list .view_rows > div{
        flex-direction: column;
    }

    .kierunki-glowna .view_rows{
        margin: -30px -16px 0 -16px;
    }

    .kierunki-glowna .view_rows > div,
    .news-grid .view_rows > div,
    .home-promo .view_rows > div,
    .home-reviews .view_rows > div,
    .home-specialties .view_rows > div,
    .knowledge-1 .view_rows > div,
    .home-graduates .view_rows > div{
        min-width: 260px;
    }

    .knowledge_zone_container{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .home-news{
        align-items: unset;
    }

    .knowledge-1 .view_rows{
        grid-template-columns: repeat(4, 1fr);
    }

    .statistics{
        align-items: center;
    }

    .knowledge_zone .btn_with_arrow{
        border: none;
        padding-left: 0;
        align-self: start;
    }

    .recruitment_stages_container > div{
        min-height: unset;
    }

    .content_table{
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }

    .full-width > div{
        padding: 0;
    }

    .article_small{
        flex-direction: column;
    }

    table.content_two_columns td,
    #block-puw-kontaktdorekrutacji .table td{
        width: 100%;
        display: block;
    }

    .fields-of-study > div > .view_rows > div > img{
        width: 75px;
        height: 75px;
    }

    .recruitment_stages_in_field_of_study .recruitment_stages_container > div{
        min-height: unset;
    }

    .field-people-grid .view_rows{
        grid-template-columns: repeat(2, 1fr);
    }

    .fields-of-study > div > .view_rows .view_rows > div{
        flex-direction: column;
        align-items: self-start;
    }

    .carousel-indicators [data-bs-target]{
        width: 30px;
        height: 30px;
    }

    .fields-of-study > div > .view_rows > div{
        padding: 16px 16px 8px 16px;
    }

    #block-puw-zjazdy table{
        margin-top: 20px;
    }

    #block-puw-zjazdy tr{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "a a"
        "b c";
        width: 100%;
    }

    #block-puw-zjazdy tr td:nth-child(1) {
        grid-area: a;
    }

    #block-puw-zjazdy tr td:nth-child(2) {
        grid-area: b;
    }

    #block-puw-zjazdy tr td:nth-child(3) {
        grid-area: c;
    }

    #block-puw-zjazdy tr td{
        width: 100%;
    }

}

@media(max-width: 700px){
    input[type="email"]{
        width: 100%;
    }

    .webform-submission-newsletter-form{
        grid-template-columns: 1fr;
    }

    .webform-submission-newsletter-form .js-form-type-processed-text {
        grid-column: 1;
        grid-row: 2;
    }

    .webform-submission-newsletter-form .form-item-consent {
        grid-row: 3;
    }

    .newsletter{
        padding: 24px;
    }

    .newsletter h5{
        font-size: 36px!important;
    }

    .newsletter p{
        font-size: 18px;
        margin-bottom: 24px!important;
    }

    .circle_header h4{
        font-size: 18px!important;
    }

    .contact_block > div{
        display: grid;
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media(max-width: 600px){
    .border_areas,
    .kierunki-hub .view_rows,
    .images_grid,
    .prospects > div:last-child ul,
    .field-people-grid .view_rows{
        grid-template-columns: 1fr;
    }
}

@media(max-width: 500px){
    .statistics{
        align-items: start;
    }

    .footer--top .container > .row{
        gap: 40px;
        text-align: left;
    }

    .footer--bottom .container{
        text-align: left;
        align-items: start;
    }

    body:not(.path-frontpage) .main_content{
        padding: 40px 16px
    }

    .webform-submission-newsletter-form {
        grid-template-columns: 100%;
    }

    .fields-of-study > div > .view_rows > div{
        flex-direction: column;
    }

    .fields-of-study > div > .view_rows > div h5{
        margin: -100px 20px 20px 100px !important;
        height: 65px;
        display: flex;
        align-items: center;
    }

    .newsletter .btn_yellow{
        width: 100%;
    }

    .circle_header h4{
        font-size: 16px!important;
        bottom: 8px;
    }
}

@media(max-width: 450px){

    #block-puw-zjazdy tr,
    #block-puw-zjazdy td{
        display: block;
    }
}