@charset "UTF-8";
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,img,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}option,select{-webkit-appearance:none}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
*,::after,::before{box-sizing:border-box;outline:0;margin:0;padding:0}a,button{cursor:pointer}a{text-decoration:none;outline:0}button{background-color:transparent;color:inherit;border-width:0;padding:0}figure,p{margin:0}input::-moz-focus-inner{border:0;padding:0;margin:0}dd,li,ol,ul{margin:0;list-style:none}ul{padding:0 0 0 20px; }h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;padding:0;margin:0} .cls-1 {
fill: #0d478f;
}
.cls-2 {
fill: #179ad7;
}
.cls-3 {
fill: #f9518e;
}
.cls-4 {
fill: #337fff;
}
.cls-5 {
fill: #aeb9c7;
fill-rule: evenodd;
}
.cls-6 {
fill: #fff;
}
.cls-7 {
fill: #f0f1f3;
}
.cls-8 {
fill: #e6e9ee;
}
.cls-9 {
fill: #fb538e;
}
.cls-66 {
fill: #0b4a91;
}
.filtr-1 {
fill: url(#linear-gradient-2);
}
.filtr-2 {
fill: url(#linear-gradient-3);
}
.filtr-3 {
fill: url(#linear-gradient);
} body {
background-color: #fff;
color: #3f3f3f;
letter-spacing: 1px;
overflow-x: hidden;
}
strong {
font-weight: 700;
}
#content_podstrony {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
padding: 0 0 50px;
}
#content_podstrony .container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#content_podstrony .container_podstrony {
display: flex;
justify-content: space-between;
width: 100%;
}
#content_podstrony .container_podstrony_2 {
position: relative;
width: 100%;
}
#content_podstrony .container_left {
width: 68%;
}
#content_podstrony .container_right {
width: 26%;
}
.container {
width: 1620px;
}
.container2 {
width: 1764px;
}
.kol_pom,
.cms .kol_pom {
color: #fb538e;
}
.kol_nie_1,
.cms .kol_nie_1 {
color: #074790;
}
.cms a:not(.btn) {
color: #1d9bd8;
} .btn {
position: relative;
display: inline-flex;
align-items: center;
font: 900 17px/20px 'Red Hat Display', sans-serif;
padding: 12px 35px;
color: #074790;
background-color: #fff;
border: 2px solid #e4e7ea;
border-radius: 32px;
transition: all 0.3s;
}
.btn.active,
.btn.active:hover {
color: #1d9bd8;
border-color: #1d9bd8;
background-color: #fff;
cursor: default;
}
.btn:hover {
color: #fff;
background-color: #1d9bd8;
border-color: #1d9bd8;
}
.btn_2 {
color: #fff;
background-color: #fb538e;
border-color: #fb538e;
box-shadow: 0 0 16px 0 rgba(251, 83, 142, 0.6);
}
.btn_2:hover {
box-shadow: 0 0 16px 0 rgba(29, 155, 216, 0.6);
}
.btn_arrow {
padding: 18px 30px 18px 35px;
}
.btn .arrow_poziom {
width: 16px;
margin: 0 0 0 20px;
flex: 0 0 auto;
transition: all 0.3s;
}
.btn:hover .arrow_poziom {
margin: 0 10px 0 10px;
}
.btn_arrow_2 {
font: 900 14px/26px 'Red Hat Display', sans-serif;
padding: 5px 20px 5px 30px;
}
.btn .cls-3 {
transition: all 0.3s;
}
.btn:hover .cls-3 {
fill: #fff;
}
.btn .ico_lupa {
position: absolute;
width: 25px;
right: 30px;
transition: all 0.4s;
}
.btn_3 {
padding: 8px 20px 8px 30px;
}
.btn_4 {
border: none;
font: 700 12px/14px 'Red Hat Display', sans-serif;
padding: 5px 0;
}
.btn_4:hover {
color: #1d9bd8;
background-color: transparent;
}
.btn_4:hover .cls-3 {
fill: #1d9bd8;
}
.btn_5 {
display: inline-flex;
align-items: center;
color: #074790;
font: 900 14px/20px 'Red Hat Display', sans-serif;
transition: all 0.3s;
}
.btn_5:hover,
.box_kat_kierunek:hover .btn_5 {
color: #1d9bd8;
}
.btn_5 .kolko {
width: 41px;
height: 41px;
border-radius: 100%;
border: 2px solid #e6e9ee;
margin: 0 0 0 20px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.btn_5 .arrow_poziom {
width: 16px;
}
.btn_5 .cls-3 {
transition: all 0.3s;
}
.btn_5:hover .cls-3,
.box_kat_kierunek:hover .btn_5 .cls-3 {
fill: #1d9bd8;
} .cms h1,
h1 {
font: 900 40px/58px 'Red Hat Display', sans-serif;
color: #074790;
}
.cms h1 {
margin: 0 0 60px;
}
.cms h2,
h2 {
font: 900 33px/48px 'Red Hat Display', sans-serif;
}
.cms h2 {
margin: 0 0 40px;
}
.cms h3,
h3 {
font: 900 26px/39px 'Red Hat Display', sans-serif;
}
.cms h3 {
margin: 0 0 35px;
}
.cms h4,
h4 {
font: 900 21px/34px 'Red Hat Display', sans-serif;
}
.cms h4 {
margin: 0 0 30px;
}
.cms h5,
h5,
.cms h6,
h6 {
font: 900 18px/31px 'Red Hat Display', sans-serif;
}
.cms h5,
.cms h6 {
margin: 0 0 25px;
}
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
margin-top: 35px;
}
.cms p,
.cms li {
font: 400 16px/32px 'Red Hat Display', sans-serif;
}
.cms p {
margin: 0 0 20px;
}
.cms > img,
.cms p img {
max-width: 100%;
height: auto;
margin: 50px 0;
display: block;
}
.cms hr,
hr {
background-color: #e6e9ee;
margin: 50px 0;
border: none;
width: 100%;
height: 1px;
}
.cms ul {
margin: 0 0 40px 15px;
overflow: auto;
}
.cms ol {
margin: 0 0 40px;
overflow: auto;
}
.cms ol ul,
.cms ol ol,
.cms ul ul,
.cms ul ol {
margin: 12px 0 0 0;
}
.cms li {
margin-bottom: 12px;
padding-left: 25px;
position: relative;
}
.cms ul > li:before {
position: absolute;
content: '';
height: 5px;
width: 5px;
border-radius: 100%;
background: #1d9bd8;
left: 0;
top: 14px;
}
.cms ul > li:last-of-type,
.cms ol > li:last-of-type {
margin-bottom: 0;
}
.cms ol > li {
list-style-type: decimal;
margin-left: 30px;
padding-left: 10px;
}
.cms table {
border-collapse: collapse;
background-color: #f8f8f8;
color: #585857;
margin: 0 0 50px;
width: auto;
overflow-x: auto;
display: table;
border-radius: 30px;
}
.cms table td,
.cms table th {
border: 1px solid #e3eaf2;
text-align: center;
vertical-align: middle;
padding: 25px;
}
.cms table thead th {
border-bottom: 1px solid #fb538e;
font: 900 17px/26px 'Red Hat Display', sans-serif;
border-top: none;
}
.cms table tr:last-of-type td {
border-bottom: none;
}
.cms table tr td:first-of-type,
.cms table tr th:first-of-type {
border-left: none;
}
.cms table tr td:last-of-type,
.cms table tr th:last-of-type {
border-right: none;
}
.cms table tbody {
font: 400 15px/22px 'Red Hat Display', sans-serif;
} #breadcrumps {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #fff;
border-radius: 30px;
box-shadow: 5px 9px 13px 0 rgba(7, 71, 144, 0.1);
padding: 20px 40px;
margin: -30px 0 60px;
}
#breadcrumps a,
#breadcrumps .separator,
#breadcrumps span.active {
font: 400 12px/20px 'Red Hat Display', sans-serif;
}
#breadcrumps a {
color: #1d9bd8;
}
#breadcrumps .separator,
#breadcrumps span.active,
#breadcrumps a:hover {
color: #b1b1b1;
}
#breadcrumps .separator {
margin: 0 15px;
} #pliki {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#pliki h3,
#galeria h3 {
margin-top: 0;
}
#pliki a {
font: 500 18px/30px 'Poppins', sans-serif;
margin: 0 0 20px;
position: relative;
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
color: #074790;
transition: all 0.3s;
}
#pliki a:hover {
color: #1d9bd8;
}
#pliki a:last-of-type {
margin-bottom: 0;
}
#pliki .kolko {
width: 40px;
height: 40px;
border-radius: 100%;
border: 2px solid #e3eaf2;
flex: 0 0 auto;
margin: 0 20px 0 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
#pliki a:hover .kolko {
border-color: #1d9bd8;
}
#pliki svg {
width: 14px;
}
#pliki svg .cls-3 {
transition: all 0.3s;
}
#pliki a:hover svg .cls-3 {
fill: #1d9bd8;
}
#pliki .tekst {
margin: 5px 0 0;
} #galeria {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
#galeria .container2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: 0;
}
#galeria a {
position: relative;
overflow: hidden;
width: 425px;
height: 320px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 21px 21px 0;
}
#galeria a:nth-of-type(4n),
#galeria a:last-of-type {
margin-right: 0;
}
#galeria a:nth-last-of-type(-n + 4) {
margin-bottom: 0;
}
#galeria a:before {
content: '';
position: absolute;
opacity: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #000;
transition: all 0.3s;
}
#galeria a:hover:before {
opacity: 0.23;
}
#galeria a img {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.3s;
}
#galeria a:hover img {
transform: scale(1.1);
}
#galeria a .ico_lupa {
position: absolute;
left: 30px;
top: 30px;
width: 41px;
opacity: 0;
z-index: 1;
transition: all 0.3s;
}
#galeria a:hover .ico_lupa {
opacity: 1;
} #paginacja {
display: flex;
justify-content: flex-start;
align-items: center;
color: #3f3f3f;
font: 700 13px/25px 'Red Hat Display', sans-serif;
}
#paginacja select {
border: 2px solid #e6e9ee;
margin: 0 15px;
padding: 0 30px 0 15px;
color: #3f3f3f;
font: 700 13px/25px 'Raleway', sans-serif;
height: 50px;
width: 90px;
cursor: pointer;
}
#paginacja select:focus,
#paginacja select:hover {
border: 2px solid #074790;
}
#paginacja a {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 25px;
padding: 5px 10px;
transition: all 0.3s;
}
.select_2.apn-select::before {
right: 21px;
width: 40px;
height: 40px;
}
.select_2.apn-select .ico_ptaszek {
right: 27px;
width: 15px;
}
#paginacja .pg_prev {
margin: 0 10px 0 0;
}
#paginacja .pg_next {
margin: 0 0 0 10px;
}
#paginacja .pg_prev:hover {
padding: 5px 20px 5px 0;
}
#paginacja .pg_next:hover {
padding: 5px 0 5px 20px;
}
#paginacja a .arrow_poziom {
width: 15px;
transition: all 0.3s;
}
#paginacja a.pg_next .arrow_poziom {
transform: rotate(180deg);
}
#paginacja a .arrow_poziom .cls-3 {
transition: all 0.3s;
}
#paginacja a:hover .arrow_poziom .cls-3 {
fill: #1d9bd8;
} header {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 2000px;
display: flex;
justify-content: center;
z-index: 5;
}
header .header_content {
width: 100%;
padding: 15px 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
header .header_left {
display: flex;
align-items: flex-end;
}
header .header_logo {
width: 300px;
height: 100px;
margin: 0 80px 0 0;
padding-top: 25px;
}
header .logo {
width: 100%;
}
header .nasi_partnerzy {
display: flex;
flex-direction: column;
align-items: center;
}
header .nasi_partnerzy .tekst {
color: #aeb9c7;
font: 400 12px/14px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
header .nasi_partnerzy .zb_loga {
display: flex;
align-items: center;
}
header .nasi_partnerzy a {
height: 30px;
}
header .nasi_partnerzy a:first-of-type {
margin: 0 35px 0 0;
}
header .nasi_partnerzy img {
height: 100%;
width: auto;
}
header .header_right {
display: flex;
flex-direction: column;
align-items: flex-end;
}
header .header_top {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
header .header_kontakt {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 40px 0 0;
padding: 0 0 15px;
border-bottom: 3px solid #e4e7ea;
}
header .social {
display: flex;
}
header .social a {
display: inline-flex;
width: 20px;
}
header .social a:first-of-type {
margin: 0 35px 0 0;
}
header .social a,
header .ico_fb,
header .ico_insta {
height: 20px;
}
header .telefon {
display: flex;
align-items: center;
font: 700 19px/28px 'Red Hat Display', sans-serif;
}
header .telefon .ico_tel {
width: 22px;
margin: 0 15px 0 0;
flex: 0 0 auto;
}
header .header_top .btn {
flex: 0 0 auto;
}
header .header_top .btn:first-of-type {
margin: 0 20px 0 0;
}
.footer_menu {
margin: 0 0 25px;
}
.footer_menu .menu_1 {
display: flex;
flex-wrap: wrap;
gap: 20px 40px;
padding: 0;
}
.footer_menu .menu_1 > li {
position: relative;
z-index: 1;
}
.footer_menu .menu_1 > li > a {
display: flex;
align-items: center;
font: 700 16px/20px 'Red Hat Display', sans-serif;
border-radius: 15px 15px 0 0;
transition: all 0.3s;
cursor: pointer;
color: #074790;
}
.footer_menu .menu_1 > li > a:hover {
color: #1d9bd8
}
#header_menu {
margin: 20px 0 0;
}
#header_menu .menu_1 {
display: flex;
padding: 0;
}
#header_menu .menu_1 > li {
margin: 0 0 0 40px;
position: relative;
z-index: 1;
}
#header_menu .menu_1 > li:first-of-type {
margin-left: 0;
}
#header_menu .menu_1 > li > a,
#header_menu .menu_1 > li > .podmenu {
display: flex;
align-items: center;
padding: 15px;
font: 700 16px/20px 'Red Hat Display', sans-serif;
border-radius: 15px 15px 0 0;
transition: all 0.3s;
cursor: pointer;
}
#header_menu .menu_1 > li.rekrutacja {
position: static;
}
#header_menu .menu_1 > li:hover > a,
#header_menu .menu_1 > li:hover > .podmenu,
#header_menu .menu_1 > li > a.active,
#header_menu .menu_1 > li > .podmenu.active {
color: #1d9bd8;
}
#header_menu .menu_1 > li:hover > .podmenu {
background-color: #fff;
}
#header_menu .ico_ptaszek {
width: 17px;
margin: 0 0 0 10px;
flex: 0 0 auto;
}
#header_menu .ico_ptaszek .cls-5 {
transition: all 0.3s;
}
#header_menu .menu_1 > li:hover > a .ico_ptaszek .cls-5,
#header_menu .menu_1 > li > a.active .ico_ptaszek .cls-5,
#header_menu .menu_1 > li:hover > .podmenu .ico_ptaszek .cls-5,
#header_menu .menu_1 > li > .podmenu.active .ico_ptaszek .cls-5 {
fill: #1d9bd8;
}
#header_menu .menu_2 {
display: flex;
flex-direction: column;
position: absolute;
background-color: #fff;
right: 0;
bottom: 1px;
transform: translate(0, 100%);
padding: 0 35px;
border-radius: 25px 0 25px 25px;
width: 320px;
height: 0;
box-shadow: 0 19px 21px 0 rgba(28, 55, 96, 0.3);
overflow: hidden; transition: all 0.3s;
}
#header_menu .menu_1 > li:hover .menu_2 {
height: auto;
padding: 25px 35px;
}
#header_menu .menu_2 li a {
display: flex;
align-items: center;
font: 700 15px/20px 'Red Hat Display', sans-serif;
padding: 15px 0;
transition: all 0.3s;
}
#header_menu .menu_2 li a:hover,
#header_menu .menu_2 li a.active {
color: #1d9bd8;
}
#header_menu .menu_2 a .arrow_poziom {
width: 12px;
margin: 0 35px 0 0;
transform: rotate(180deg);
flex: 0 0 auto;
transition: all 0.3s;
}
#header_menu .menu_2 a:hover .arrow_poziom,
#header_menu .menu_2 a.active .arrow_poziom {
margin: 0 20px 0 15px;
}
#header_menu .menu_2 a .cls-5 {
transition: all 0.3s;
}
#header_menu .menu_2 a:hover .cls-5,
#header_menu .menu_2 a.active .cls-5 {
fill: #1d9bd8;
}
#header_menu .supermenu {
position: absolute;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
background-color: #fff;
box-shadow: 0 19px 21px 0 rgba(28, 55, 96, 0.3);
display: flex;
justify-content: center; transition: all 0.3s;
}
#header_menu .menu_1 > li:hover .supermenu {
height: auto;
padding: 80px 0 100px;
}
#header_menu .supermenu .container,
#fixed_rekrutacja .supermenu .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#header_menu .supermenu .box_rekrutacja,
#fixed_rekrutacja .supermenu .box_rekrutacja {
width: 21%;
}
#header_menu .box_rekrutacja .tekst_1,
#fixed_rekrutacja .box_rekrutacja .tekst_1 {
font: 900 26px/36px 'Red Hat Display', sans-serif;
margin: 0 0 10px;
}
#header_menu .box_rekrutacja .tekst_2,
#fixed_rekrutacja .box_rekrutacja .tekst_2 {
font: 700 18px/28px 'Red Hat Display', sans-serif;
margin: 0 0 40px;
}
#header_menu .box_rekrutacja .tekst_2:last-of-type,
#fixed_rekrutacja .box_rekrutacja .tekst_2:last-of-type {
margin: 0 0 10px;
}
#header_menu .box_rekrutacja p,
#fixed_rekrutacja .box_rekrutacja p {
font: 400 15px/26px 'Red Hat Display', sans-serif;
}
#header_menu .box_rekrutacja > p {
margin: 0 0 10px;
text-align: justify;
}
#header_menu .box_rekrutacja > p:last-of-type,
#fixed_rekrutacja .box_rekrutacja > p:last-of-type {
margin: 0 0 30px;
}
#header_menu .box_rekrutacja p:last-of-type,
#fixed_rekrutacja .box_rekrutacja p:last-of-type {
margin: 0 0 30px;
}
#header_menu .box_kontakt {
width: 16.23%;
border-radius: 30px;
background-color: #eff1f3;
padding: 30px 40px 35px;
}
.supermenu .box_kontakt .tekst {
font: 700 18px/26px 'Red Hat Display', sans-serif;
margin: 0 0 20px;
}
.supermenu .box_kontakt p {
font: 400 13px/22px 'Red Hat Display', sans-serif;
margin: 0 0 20px;
}
.supermenu .box_kontakt p a {
font-weight: 700;
}
.supermenu .box_kontakt .btn {
width: 100%;
background-color: #eff1f3;
}
.supermenu .box_kontakt .btn:hover {
background-color: #1d9bd8;
}
.supermenu .box_kontakt .btn svg {
width: 30px;
flex: 0 0 auto;
margin: 0 0 0 15px;
}
#header_menu .supermenu .lista_kat_kierunkow,
#fixed_rekrutacja .supermenu .lista_kat_kierunkow {
width: 55%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#header_menu .lista_kat_kierunkow .box_kat_kierunek,
#fixed_rekrutacja .lista_kat_kierunkow .box_kat_kierunek {
width: 30%;
margin: 0 0 40px;
}
#header_menu .lista_kat_kierunkow .nazwa_kierunku,
#fixed_rekrutacja .lista_kat_kierunkow .nazwa_kierunku {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#header_menu .lista_kat_kierunkow .nazwa_kierunku svg,
#fixed_rekrutacja .lista_kat_kierunkow .nazwa_kierunku svg {
height: 45px;
margin: 0 0 20px;
}
#header_menu .lista_kat_kierunkow .nazwa_kierunku span,
#fixed_rekrutacja .lista_kat_kierunkow .nazwa_kierunku span {
align-items: flex-start;
}
#header_menu .box_studia,
#fixed_rekrutacja .box_studia {
position: relative;
width: 30%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 45px 50px;
border-radius: 30px;
border: 2px solid #fff;
box-shadow: 0 6px 21px 0 rgba(7, 71, 144, 0.1);
transition: all 0.3s;
}
#header_menu .box_studia:hover {
box-shadow: 0 16px 35px 0 rgba(7, 71, 144, 0.35);
border-color: #074790;
}
#header_menu .box_studia .ico_czapka,
#fixed_rekrutacja .box_studia .ico_czapka {
position: absolute;
top: 25px;
right: 25px;
width: 28px;
}
#header_menu .box_studia .studia,
#fixed_rekrutacja .box_studia .studia {
font: 400 21px/30px 'Red Hat Display', sans-serif;
}
#header_menu .box_studia .rodzaj_studiow,
#fixed_rekrutacja .box_studia .rodzaj_studiow {
font: 700 24px/30px 'Red Hat Display', sans-serif;
margin: 0 0 20px;
}
#header_menu .box_studia p,
#fixed_rekrutacja .box_studia p {
font: 400 14px/22px 'Red Hat Display', sans-serif;
color: #3f3f3f;
height: 110px;
overflow: hidden;
margin: 0 0 40px;
}
#header_menu .lista_kat_kierunkow .link_all_kierunki {
width: 100%;
display: flex;
justify-content: center;
}
#hamburger {
display: none;
width: 30px;
height: 23px;
flex-direction: column;
justify-content: space-between;
flex: 0 0 auto;
margin: 21px 0 0;
cursor: pointer;
}
#hamburger span {
width: 100%;
height: 3px;
background-color: #074790;
transition: all 0.3s ease-in-out;
}
#hamburger.active span:nth-child(1) {
opacity: 0;
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#hamburger.active span:nth-child(3) {
opacity: 0;
-ms-transform: translateX(100%);
transform: translateX(100%);
} #overlay {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
visibility: visible;
z-index: 4;
overflow: hidden;
padding: 110px 0 0;
background-color: #fb538e;
transition: all 0.3s;
}
#overlay.open {
right: 0;
}
#menu-mobile {
overflow-x: hidden;
height: 100%;
width: 100%;
position: relative;
right: -100%;
z-index: 990;
color: #fff;
transition: all 0.3s;
}
#menu-mobile.open {
right: 0;
}
#menu-mobile .menu1 {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px 0 100px;
}
#menu-mobile .menu1 > li {
position: relative;
width: 100%;
margin: 0 0 3px 15px;
}
#menu-mobile ul li {
margin: 0;
}
#menu-mobile ul li a,
#menu-mobile ul li .podmenu,
#menu-mobile ul li .supermenu {
color: #fff;
text-transform: uppercase;
font: 900 18px/18px 'Red Hat Display', sans-serif;
padding: 10px 0;
display: block;
cursor: pointer;
margin: 0 75px 0 0;
}
#menu-mobile ul li a.active {
color: #074790;
}
#menu-mobile .menu2 {
display: none;
transform: translate(0, 0);
position: relative;
left: 0;
padding: 10px 20px 5px 60px;
width: 100%;
margin: 0 0 0 -30px;
background-color: #fb538e;
}
#menu-mobile .menu2 li a {
font: 700 15px/16px 'Red Hat Display', sans-serif;
letter-spacing: 1px;
padding: 8px 0;
margin: 0;
}
#menu-mobile .menu2.open {
display: block;
}
#menu-mobile .menu_plus {
height: 26px;
width: 26px;
padding: 2px 11px;
margin: 0 0 0 60px;
position: absolute;
top: 5px;
cursor: pointer;
background: #074790;
border-radius: 100%;
display: inline-block;
}
#menu-mobile .menu_plus:after {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: '';
width: 15px;
height: 3px;
background: #fff;
}
#menu-mobile .menu_plus:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: '';
width: 3px;
height: 15px;
background: #fff;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#menu-mobile .podstrona_opinie.active .menu_plus:after {
background: #fff !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#menu-mobile .podmenu.active .menu_plus:before {
height: 3px;
background: #fff !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.toggle_container {
margin: 0;
overflow: hidden;
width: auto;
position: relative;
display: none;
} #top {
position: relative;
width: 100%;
height: 100vh;
background: #f8f8f8 url(https://www.ire-studia.edu.pl/wp-content/uploads/2022/08/top_tlo.png) 60% 50% / auto 50% no-repeat;
}
#slider_wrapper {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
user-select: auto;
}
#slider_wrapper .slick-list {
overflow: visible;
}
#slider_wrapper .slide {
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
flex: 0 0 auto;
}
#slider_wrapper .foto_slide {
position: absolute;
bottom: 0;
left: calc(50% - 50px);
height: 84%;
max-width: 50%;
}
#slider_wrapper .foto_slide img {
width: auto;
height: 100%;
object-fit: cover;
}
#slider_wrapper .container {
display: flex;
align-items: center;
}
#slider_wrapper .box_slide {
padding: 90px 130px;
background-color: #fff;
width: calc(50% + 10px);
max-height: 75%;
border-radius: 160px;
box-shadow: -3px 35px 32px 0 rgba(7, 71, 144, 0.1);
margin: 90px 0 0;
display: flex;
flex-direction: column;
justify-content: center;
}
#slider_wrapper .box_slide .naglowek { font-family: 'Red Hat Display', sans-serif;
font-size: 2rem;
font-weight: 900;
margin: 0 0 15px;
line-height: 1.2;
}
#slider_wrapper .box_slide .ycd-simple-mode-textUnderCountdown {
font: 500 28px/42px 'Red Hat Display', sans-serif;
}
#slider_wrapper .box_slide .rodzaje_studiow {
font: 500 28px/42px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
#slider_wrapper .box_slide .counter {
font: 500 28px/42px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
#slider_wrapper .box_slide .kierunek_studiow {
display: flex;
align-items: center;
flex-wrap: wrap;
font: 400 19px/33px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
#slider_wrapper .kierunek_studiow div {
display: flex;
align-items: center;
margin: 0 30px 0 0;
}
#slider_wrapper .kierunek_studiow span {
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #1d9bd8;
margin: 0 20px 0 0;
}
#slider_wrapper .box_slide .box_linki {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#slider_wrapper .box_slide .box_linki a:first-of-type {
margin: 0 35px 0 0;
}
#slider_wrapper .box_slide .box_linki.search-box {
justify-content: flex-end;
margin-top: 20px;
}
#slider_wrapper .slick-dots {
z-index: 2;
bottom: 30px;
left: calc(((100% - 1620px) / 2) + 410px);
transform: translate(-50%, 0);
height: 13px;
}
#slider_wrapper .slick-dots li {
margin: 0 20px 0 0;
width: 45px;
height: 15px;
padding: 5px 0;
}
#slider_wrapper .slick-dots li:last-of-type {
margin: 0;
}
#slider_wrapper .slick-dots li button {
width: 100%;
height: 5px;
background-color: #c4d3e5;
border-radius: 3px;
margin: 0;
}
#slider_wrapper .slick-dots li.slick-active button {
background-color: #fb538e;
}
@media (min-width: 1200px) {
#slider_wrapper .box_slide .box_linki.search-box {
padding-right: 55px;
}
#slider_wrapper .box_slide .naglowek {
font-size: 3.2rem;
}
}
#todown {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%, 0);
height: 40px;
width: 30px;
}
#todown .arrow_pion {
position: absolute;
left: 50%;
width: 19px;
transform: translate(-50%, 0) rotate(-90deg);
animation: ani_todown 1.2s ease-in-out infinite;
}
@keyframes ani_todown {
0%,
100% {
top: 0;
}
50% {
top: 20px;
}
} #home_szukajka {
display: flex;
justify-content: center;
width: 100%;
}
#home_szukajka .container {
display: flex;
flex-direction: column;
align-items: center;
}
#home_szukajka .kolko {
margin: -36px 0 0;
width: 140px;
height: 140px;
border-radius: 100%;
position: relative;
background-color: #fff;
}
#home_szukajka .kolko .ico_czapka_lupa {
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
width: 68px;
}
#home_szukajka .naglowek_1 {
font: 400 20px/30px 'Red Hat Display', sans-serif;
margin: 0 0 10px;
text-align: center;
}
.cms .naglowek_kat {
font: 900 40px / 58px 'Red Hat Display', sans-serif;
color: #074790;
margin: 0;
}
#home_szukajka .naglowek_2 {
font: 900 38px/48px 'Red Hat Display', sans-serif;
margin: 0 0 40px;
text-align: center;
}
#szukajka {
width: 100%;
margin: 0 0 80px;
}
#szukajka .zb_select {
width: 100%;
margin: 0 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
#szukajka .zb_select label,
#szukajka .zb_select .btn {
width: 16.8%;
}
#szukajka .zb_select .btn {
box-shadow: none;
cursor: pointer;
}
#szukajka .btn:hover .ico_lupa {
transform: rotate(360deg);
}
input,
textarea,
select {
color: #3f3f3f;
font: 500 18px/26px 'Red Hat Display', sans-serif;
background-color: #fff;
box-shadow: 0 6px 9px 0 rgba(28, 55, 96, 0.1);
border: 2px solid #e6e9ee;
border-radius: 7px;
height: 60px;
width: 100%;
padding: 0 60px 0 25px;
cursor: pointer;
transition: all 0.3s;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
border-color: #074790;
}
.apn-select {
position: relative;
}
.apn-select .ico_ptaszek {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 20px;
width: 17px;
pointer-events: none;
}
.apn-select .ico_ptaszek .cls-5 {
transition: all 0.3s;
}
.apn-select:hover .ico_ptaszek .cls-5,
.apn-select:focus .ico_ptaszek .cls-5 {
fill: #074790;
}
.apn-select::before {
content: '';
position: absolute;
right: 3px;
top: 50%;
transform: translate(0, -50%);
width: 56px;
height: 56px;
border-radius: 5px;
background: #fff;
pointer-events: none;
display: block;
}
#szukajka .wynik_szukania {
height: 0;
overflow: hidden;
position: relative;
margin: 0;
z-index: 1;
transition: all 1s;
}
#szukajka .wynik_szukania.open {
height: auto;
overflow: visible;
margin: 0 0 -180px;
}
#szukajka .liczba_wynikow {
color: #aeb9c7;
font: 400 14px/24px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
.zb_kierunkow {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.zb_kierunkow .box_kierunek {
position: relative;
width: 22.2%;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 30px;
border: 2px solid #fff;
box-shadow: 0 6px 21px 0 rgba(7, 71, 144, 0.1);
margin: 0 30px 50px;
padding: 25px 30px 40px 0;
transition: all 0.3s;
flex: 0 0 auto;
background-color: #fff;
}
.zb_kierunkow .box_kierunek:hover {
box-shadow: 0 16px 35px 0 rgba(7, 71, 144, 0.35);
border-color: #074790;
}
.zb_kierunkow .box_kierunek:nth-of-type(4n + 1) {
margin-left: 0;
}
.zb_kierunkow .box_kierunek:nth-of-type(4n + 4),
.zb_kierunkow .box_kierunek:last-of-type {
margin-right: 0;
}
.zb_kierunkow .box_kierunek > svg {
position: absolute;
top: 20px;
right: 20px;
width: 35px;
}
.zb_kierunkow .box_kierunek > img {
position: absolute;
top: 20px;
right: 20px;
width: 35px;
}
.zb_kierunkow .box_kierunek .kierunek {
position: relative;
padding: 0 0 15px 30px;
color: #aeb9c7;
font: 500 16px/20px 'Red Hat Display', sans-serif;
margin: 0 0 30px;
}
.zb_kierunkow .box_kierunek .kierunek:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #e6e9ee;
}
.zb_kierunkow .box_kierunek .tresc {
padding: 0 0 50px 50px;
height: 100%;
position: relative;
}
.zb_kierunkow .box_kierunek .btn {
position: absolute;
bottom: 0;
left: 50px;
}
.zb_kierunkow .box_kierunek .opis_kierunku {
font: 700 21px/30px 'Red Hat Display', sans-serif;
margin: 0 0 20px;
}
.zb_kierunkow .box_kierunek .jakie_studia {
font: 700 15px/22px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
.zb_kierunkow .box_kierunek p {
color: #3f3f3f;
font: 400 14px/24px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
#szukajka .zamknij {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font: 900 14px/20px 'Red Hat Display', sans-serif;
cursor: pointer;
margin: -20px 0 0;
}
#szukajka .zamknij span {
margin: 0 15px 0 0;
}
#szukajka .zamknij .arrow_pion {
position: relative;
width: 16px;
animation: ani_close 1.2s ease-in-out infinite;
}
@keyframes ani_close {
0%,
100% {
top: 10px;
}
50% {
top: -10px;
}
} #home_onas {
display: flex;
justify-content: center;
width: 100%;
background: linear-gradient(
90deg,
rgba(18, 114, 181, 1) 0%,
rgba(7, 71, 144, 1) 50%,
rgba(18, 114, 181, 1) 100%
);
border-bottom: 8px solid #fb538e;
overflow: hidden;
}
#home_onas .foto_onas {
position: absolute;
left: 50%;
top: -10%;
transform: translate(-50%, 0);
max-width: 61%;
height: auto;
}
#home_onas .container {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 120px 0 440px;
transition: all 0.3s;
}
#home_onas .container > div {
position: relative;
width: 32%;
color: #fff;
}
#home_onas .naglowek {
font: 900 52px/68px 'Red Hat Display', sans-serif;
margin: 0 0 40px;
}
#home_onas p {
font: 400 16px/32px 'Red Hat Display', sans-serif;
text-align: justify;
}
#home_onas p span {
font: 700 20px/32px 'Red Hat Display', sans-serif;
}
#home_onas .box_right p {
margin: 0 0 50px;
}
#home_onas .box_linki {
display: flex;
justify-content: space-between;
align-items: center;
}
#home_onas .btn:first-of-type {
background-color: transparent;
border-color: #fff;
color: #fff;
}
#home_onas .btn:first-of-type:hover {
background-color: #1d9bd8;
border-color: #1d9bd8;
} #home_opinie {
display: flex;
justify-content: center;
width: 100%;
margin: -260px 0 0;
}
#home_opinie .container {
display: flex;
flex-direction: column;
background-color: #fff;
padding: 70px 100px;
border-radius: 100px;
box-shadow: -1px 35px 32px 0 rgba(7, 71, 144, 0.1);
margin: 0 0 60px;
z-index: 1;
overflow: hidden;
}
#home_opinie .naglowek {
font: 900 30px/38px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
#home_opinie .zb_opinie {
display: flex;
justify-content: space-between;
margin: 0 0 50px -35px;
width: calc(100% + 70px);
}
.zb_opinie .box_opinia {
display: flex;
align-items: flex-start;
width: 30%;
flex: 0 0 auto;
padding: 0 35px;
}
.box_opinia .tekst {
width: 100%;
}
.zb_opinie .cudzyslow {
width: 60px;
flex: 0 0 auto;
margin: 0 20px 0 0;
}
.zb_opinie .opinia {
font: 400 16px/30px 'Red Hat Display', sans-serif;
height: 180px;
overflow: hidden;
margin: 0 0 30px;
}
.zb_opinie .podpis {
display: flex;
justify-content: space-between;
align-items: center;
}
.zb_opinie .ico_gwiazdka {
width: 13px;
margin: 0 3px 0 0;
flex: 0 0 auto;
}
.zb_opinie .osoba {
font: 700 17px/30px 'Red Hat Display', sans-serif;
}
#home_opinie .btn {
margin: 0 0 0 auto;
}
#home_opinie .slick-dots {
z-index: 3;
bottom: -100px;
left: 195px;
transform: translate(-50%, 0);
height: 13px;
}
#home_opinie .slick-dots li {
margin: 0 20px 0 0;
width: 16px;
height: 16px;
padding: 5px 0;
}
#home_opinie .slick-dots li:last-of-type {
margin: 0;
}
#home_opinie .slick-dots li button {
width: 100%;
height: 4px;
background-color: #c4d3e5;
border-radius: 2px;
margin: 0;
}
#home_opinie .slick-dots li.slick-active button {
background-color: #fb538e;
} .footer_blog {
width: 100%;
display: flex;
justify-content: center;
margin: 50px 0 50px;
}
.footer_blog .container {
display: flex;
flex-direction: column;
}
.footer_blog .naglowek {
font: 900 27px/37px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
.footer_blog .zb_news {
display: flex;
justify-content: space-between;
margin: 0 0 50px;
}
.footer_blog .container > .btn {
margin: 0 0 0 auto;
}
#home_news {
width: 100%;
display: flex;
justify-content: center;
margin: 0 0 50px;
}
#home_news .container {
display: flex;
flex-direction: column;
}
#home_news .naglowek {
font: 900 27px/37px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
#home_news .zb_news {
display: flex;
justify-content: space-between;
margin: 0 0 50px;
}
.zb_news .box_news {
position: relative;
width: 30%;
flex: 0 0 auto;
display: flex;
flex-direction: column;
box-shadow: 0 6px 21px 0 rgba(7, 71, 144, 0.1);
border-radius: 40px;
border: 2px solid #fff;
overflow: hidden;
transition: all 0.3s;
}
.zb_news .box_news:hover {
box-shadow: 0 16px 35px 0 rgba(7, 71, 144, 0.35);
border-color: #074790;
}
.zb_news .foto {
width: 100%;
height: 312px;
}
.zb_news .foto img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zb_news .box_news .tresc {
padding: 30px 50px 55px;
}
.zb_news .box_news .tytul {
font: 700 17px/26px 'Red Hat Display', sans-serif;
max-height: 78px;
overflow: hidden;
margin: 0 0 15px;
}
.zb_news .box_news p {
font: 400 15px/25px 'Red Hat Display', sans-serif;
max-height: 75px;
overflow: hidden;
color: #3f3f3f;
margin: 0 0 20px;
}
.zb_news .box_news .line {
width: 100%;
position: absolute;
left: 0;
bottom: 30px;
padding: 0 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.zb_news .box_news .data {
font: 400 12px/14px 'Red Hat Display', sans-serif;
color: #b1b1b1;
}
#home_news .container > .btn {
margin: 0 0 0 auto;
} #home_partnerzy {
display: flex;
justify-content: center;
width: 100%;
margin: 0 0 50px;
}
#home_partnerzy .container {
display: flex;
flex-direction: column;
}
#home_partnerzy .naglowek {
font: 900 22px/25px 'Red Hat Display', sans-serif;
margin: 0 0 40px;
}
#home_partnerzy .slider_partnerzy {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
#home_partnerzy .arrow_poziom {
width: 16px;
cursor: pointer;
}
#home_partnerzy .arrow_poziom:last-of-type {
transform: rotate(180deg);
}
#home_partnerzy .arrow_poziom .cls-5 {
transition: all 0.3s;
}
#home_partnerzy .arrow_poziom:hover .cls-5 {
fill: #1d9bd8;
}
#home_partnerzy .zb_partnerow {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 70px);
margin: 0 -89px 0 0;
overflow: hidden;
}
#home_partnerzy .partner { width: 170px !important;
box-sizing: border-box;
height: 90px;
flex: 0 0 auto;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
}
#home_partnerzy .partner img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
#home_partnerzy .slick-track:before,
#home_partnerzy .slick-track:after {
display: none;
} .footer_kontakt {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
background-color: #eff1f3;
padding: 80px 0 35px;
}
.footer_kontakt .footer_top {
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 0 40px;
position: relative;
z-index: 1;
}
.footer_kontakt .footer_dane {
position: relative;
width: 30.8%;
}
.footer_kontakt .logo {
width: 286px;
margin: 0 0 70px;
}
.kontakt_box {
display: flex;
align-items: flex-start;
font: 400 16px/26px 'Red Hat Display', sans-serif;
color: #3f3f3f;
}
.kontakt_box {
margin: 0 0 45px;
}
.kontakt_box a {
color: #3f3f3f;
}
.kontakt_box a .kol_pom {
font: 700 18px/26px 'Red Hat Display', sans-serif;
}
.kontakt_mail a .kol_pom {
font-weight: 700;
}
.kontakt_telefon a .kol_pom,
.kontakt_mail a .kol_pom {
margin: 0 4px 0 0;
}
.kontakt_box svg {
width: 22px;
margin: 0 30px 0 0;
flex: 0 0 auto;
}
.kontakt_box .tekst {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: -5px 0 0;
}
.footer_social {
padding: 30px 20px;
background-color: #fff;
border-radius: 35px;
position: absolute;
right: 0;
top: 110px;
display: flex;
flex-direction: column;
align-items: center;
}
.footer_social a {
height: 26px;
width: 26px;
display: flex;
justify-content: center;
}
.footer_social a:first-of-type {
margin: 0 0 20px;
}
.footer_social svg {
height: 26px;
}
.footer_social img {
max-width: 100%;
}
.footer_dane .separator {
height: 3px;
background-color: #e4e7ea;
width: 100%;
}
.footer_formularz {
width: 65.4%;
background-color: #fff;
border-radius: 70px;
box-shadow: -3px 35px 32px 0 rgba(7, 71, 144, 0.1);
}
.footer_down {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer_down .tekst_stopka {
color: #a2b1c0;
font: 400 12px/16px 'Red Hat Display', sans-serif;
}
.footer_down .stopka {
display: flex;
flex-direction: column;
align-items: flex-end;
margin: 0 0 0 100px;
flex: 0 0 auto;
}
.footer_down .stopka span.tekst_stopka {
margin: 0 0 10px;
} footer.p_kontakt .footer_kontakt .logo,
footer.p_kontakt .footer_social {
display: none;
}
footer.p_kontakt .footer_kontakt .footer_top {
margin: 0 0 -35px;
}
footer.p_kontakt .kontakt_box {
margin: 0 0 35px;
}
footer.p_kontakt .footer_dane .separator {
margin: 0 0 35px;
}
footer.p_kontakt .footer_down {
margin: 30px 0 0;
}
.footer_mapa {
height: 300px;
width: 100%;
}
.footer_mapa iframe {
width: 100%;
height: 100%;
} .formularz_kontaktowy {
padding: 50px 80px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.formularz_kontaktowy .naglowek {
font: 900 30px/36px 'Red Hat Display', sans-serif;
margin: 0 0 40px;
width: 100%;
}
.formularz_kontaktowy > div {
width: 21.5%;
margin: 0 0 30px;
}
.formularz_kontaktowy > .zgoda {
margin: 0;
width: 100%;
}
form .form_text {
color: #aeb9c7;
display: block;
font: 400 15px/22px 'Red Hat Display', sans-serif;
padding: 0 0 10px;
}
form .form_text span {
color: #fb538e;
font-size: 18px;
}
form input,
form textarea {
padding: 16px 8px;
font: 400 15px/22px 'Red Hat Display', sans-serif;
}
.formularz_kontaktowy input {
height: 50px;
}
.formularz_kontaktowy textarea {
height: 100px;
}
.formularz_kontaktowy .textarea {
width: 73.8%;
}
.formularz_kontaktowy .button {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.formularz_kontaktowy .btn .arrow_poziom {
margin: 0 0 0 60px;
}
.formularz_kontaktowy .btn:hover .arrow_poziom {
margin: 0 0 0 40px;
}
form .zgoda {
width: 100%;
display: flex;
margin: 0;
}
form .zgoda input {
display: none;
}
form .form_text_small {
position: relative;
color: #aeb9c7;
font: 400 12px/15px 'Red Hat Display', sans-serif;
padding: 0 0 0 30px;
cursor: pointer;
}
form .form_text_small:before {
content: '';
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #e6e9ee;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
form .form_text_small:hover:before,
form .form_text_small:focus:before {
border-color: #074790;
}
form .zgoda input:checked + label:after {
position: absolute;
top: 2px;
left: 5px;
content: '\2714';
font-size: 14px;
color: #074790;
cursor: pointer;
} .footer_podstrona {
background: linear-gradient(
90deg,
rgba(18, 114, 181, 1) 0%,
rgba(7, 71, 144, 1) 50%,
rgba(18, 114, 181, 1) 100%
);
display: flex;
justify-content: center;
}
.footer_podstrona .container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
height: 330px;
}
.footer_podstrona .foto_parallax {
width: 26% !important;
left: 32% !important;
}
.footer_podstrona .box_left {
width: 31%;
color: #fff;
}
.footer_podstrona .box_left .naglowek {
font: 900 34px/46px 'Red Hat Display', sans-serif;
margin: 0 0 30px;
}
.footer_podstrona .box_left p {
font: 400 16px/32px 'Red Hat Display', sans-serif;
}
.footer_podstrona .box_left p span {
font: 700 20px/32px 'Red Hat Display', sans-serif;
}
.footer_podstrona .box_right {
width: 39%;
border: 2px solid #149bd7;
border-radius: 30px;
padding: 45px 55px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.footer_podstrona .box_right .naglowek {
font: 900 44px/60px 'Red Hat Display', sans-serif;
margin: 0 0 30px;
color: #fff;
width: 100%;
}
.footer_podstrona .box_right .ico_czapka_lupa {
position: absolute;
right: -5px;
top: -3px;
width: 65px;
}
.footer_podstrona .box_right .btn:first-of-type {
background-color: transparent;
border-color: #fff;
color: #fff;
padding: 18px 75px 18px 30px;
}
.footer_podstrona .box_right .btn:first-of-type:hover {
background-color: #1d9bd8;
border-color: #1d9bd8;
} #top_podstrony {
width: 100%;
height: 185px;
background-color: #f8f8f8;
}
.box_scroll {
position: sticky;
top: 20px;
background-color: #fff;
border-radius: 80px;
padding: 60px 70px;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
margin: 0 0 50px;
z-index: 1;
}
.box_scroll .naglowek {
font: 900 46px/54px 'Red Hat Display', sans-serif;
margin: 0 0 25px;
}
.box_scroll .jakie_studia {
display: flex;
align-items: center;
margin: 0 0 10px;
font: 400 17px/34px 'Red Hat Display', sans-serif;
}
.box_scroll .ico_czapka {
width: 26px;
margin: 0 25px 0 0;
flex: 0 0 auto;
}
.box_scroll .btn {
width: 215px;
margin: 30px 0 0;
}
.box_scroll .btn:first-of-type {
font: 900 15px/18px 'Red Hat Display', sans-serif;
padding: 10px 30px;
}
.box_scroll .btn:first-of-type span {
width: 100px;
}
.box_scroll .ico_czapka_lupa {
width: 37px;
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
}
.box_scroll .btn {
color: #074790;
}
.box_scroll .btn:hover {
color: #fff;
}
.box_scroll .btn_2 {
color: #fff;
}
.box_scroll .btn .arrow_poziom {
margin: 0 0 0 40px;
}
.box_scroll .btn:hover .arrow_poziom {
margin: 0 20px;
} .zb_informacji .kotwica {
padding: 0 0 30px;
}
.zb_faq .faq .pytanie,
.zb_informacji .box_info .naglowek {
display: flex;
justify-content: space-between;
align-items: flex-start;
transition: all 0.3s;
}
.zb_faq .faq.open .pytanie,
.zb_informacji .box_info.open .naglowek {
margin: 0 0 15px;
}
.zb_faq .faq h5,
.zb_informacji .box_info h4 {
margin: 0;
width: 83%;
transition: all 0.3s;
}
.zb_faq .faq.open h5,
.zb_informacji .box_info.open h4 {
margin: 0 0 15px;
}
.zb_faq .faq.open h5 {
color: #fb538e;
}
.zb_faq .btn_rozwin,
.zb_informacji .btn_rozwin {
display: flex;
align-items: center;
cursor: pointer;
}
.zb_faq .btn_rozwin .kol_nie_1,
.zb_informacji .btn_rozwin .kol_nie_1 {
font: 900 15px/25px 'Red Hat Display', sans-serif;
transition: all 0.3s;
}
.zb_faq .faq.open .rozwin,
.zb_informacji .box_info.open .rozwin {
display: none;
}
.zb_faq .faq .rozwin,
.zb_informacji .box_info .rozwin {
display: block;
}
.zb_faq .faq .zwin,
.zb_informacji .box_info .zwin {
display: none;
}
.zb_faq .faq.open .zwin,
.zb_informacji .box_info.open .zwin {
display: block;
}
.zb_faq .pytanie .kolko,
.zb_informacji .naglowek .kolko {
width: 46px;
height: 46px;
border-radius: 100%;
border: 2px solid #e3eaf2;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 15px;
}
.zb_faq .faq .arrow_pion,
.zb_informacji .box_info .arrow_pion {
width: 16px;
transform: rotateX(180deg);
transition: all 0.3s;
}
.zb_faq .faq.open .arrow_pion,
.zb_informacji .box_info.open .arrow_pion {
transform: rotateX(0);
}
.cms .zb_faq hr {
margin: 30px 0;
}
.zb_informacji .box_info > hr {
margin: 30px 0 0;
}
.zb_faq .faq .odpowiedz,
.zb_informacji .box_info .tresc {
height: 0;
overflow: hidden;
transition: all 0.3s;
}
.zb_faq .faq p,
.zb_informacji .box_info .tresc_info {
margin: 0 0 10px;
}
.zb_faq .faq p {
text-align: justify;
}
.zb_faq .faq p:last-of-type,
.zb_informacji .box_info .tresc_info > *:last-child {
margin: 0;
} .zb_informacji .box_info.open .tresc_info {
height: auto;
}
.cms .tresc_info h2,
.cms .tresc_info h3,
.cms .tresc_info h4,
.cms .tresc_info h5,
.cms .tresc_info h6 {
margin-top: 0;
}
.zb_informacji .box_info_faq {
background-color: #f8f8f8;
border-radius: 80px;
padding: 40px 80px 70px;
margin: 50px 0 0;
}
.zb_informacji .box_info_faq .naglowek {
font: 900 28px/34px 'Red Hat Display', sans-serif;
text-align: center;
margin: 0 0 50px;
}
.zb_informacji .box_info_faq .link_faq {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 40px 0 0;
}
.zb_informacji .box_info_faq .link_faq > span {
font: 400 15px/25px 'Red Hat Display', sans-serif;
margin: 0 50px 0 0;
}
.zb_informacji .box_info_faq .link_faq .btn {
background-color: transparent;
color: #074790;
}
.zb_informacji .box_info_faq .link_faq .btn:hover {
background-color: #1d9bd8;
color: #fff;
} #content_podstrony .container_kontakt {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.container_kontakt.cms h1 {
margin: 0 0 20px;
}
.kontakt_social {
display: flex;
align-items: center;
flex: 0 0 auto;
margin: 0 0 20px 60px;
font: 400 15px/25px 'Red Hat Display', sans-serif;
}
.kontakt_social a {
width: 26px;
height: 26px;
display: flex;
justify-content: center;
margin: 0 0 0 40px;
}
.kontakt_social svg {
height: 26px;
} #content_podstrony .zb_news {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#content_podstrony .zb_news .box_news {
width: 44.2%;
margin: 0 80px 60px 0;
}
#content_podstrony .zb_news .box_news:nth-of-type(even) {
margin-right: 0;
}
#content_podstrony .zb_news .box_news:nth-last-of-type(- n + 2) {
margin-bottom: 0;
} .naglowek_kat_kierunkow {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 0 60px;
}
.naglowek_kat_kierunkow .rodzaj_studiow,
.container_lista_kierunkow .naglowek .rodzaj_studiow,
.container_kierunek .naglowek .rodzaj_studiow {
font: 700 16px/30px 'Red Hat Display', sans-serif;
margin: 0 0 5px;
}
.naglowek_kat_kierunkow .rodzaj_studiow span,
.container_lista_kierunkow .naglowek .rodzaj_studiow span,
.container_kierunek .naglowek .rodzaj_studiow span {
font-weight: 400;
}
.cms .naglowek_kat_kierunkow h1 {
margin: 0;
}
.naglowek_kat_kierunkow .box_right {
display: none;
align-items: center;
width: 350px;
justify-content: flex-end;
margin: 0 0 0 50px;
}
.naglowek_kat_kierunkow .ico_czapka {
width: 33px;
margin: 0 20px 0 0;
flex: 0 0 auto;
}
.naglowek_kat_kierunkow select {
height: 50px;
}
.naglowek_kat_kierunkow .apn-select::before {
width: 45px;
height: 45px;
}
.lista_kat_kierunkow {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.lista_kat_kierunkow .box_kat_kierunek {
position: relative;
padding: 40px 30px 90px;
background-color: #fff;
border-radius: 30px;
border: 2px solid transparent;
width: 29.5%;
box-shadow: 0 6px 21px 0 rgba(7, 71, 144, 0.1);
margin: 0 0 50px;
transition: all 0.3s;
}
.lista_kat_kierunkow .box_kat_kierunek:nth-of-type(3n + 2) {
margin: 0 60px 50px;
} .lista_kat_kierunkow .box_kat_kierunek:last-of-type {
margin-right: 0;
}
.lista_kat_kierunkow .box_kat_kierunek:hover {
border-color: #074790;
box-shadow: 0 16px 35px 0 rgba(7, 71, 144, 0.35);
}
.lista_kat_kierunkow .nazwa_kierunku {
display: flex;
align-items: center;
}
.lista_kat_kierunkow .nazwa_kierunku span {
font: 700 22px/30px 'Red Hat Display', sans-serif;
min-height: 60px;
overflow: hidden;
display: flex;
align-items: center;
}
.lista_kat_kierunkow .nazwa_kierunku img {
height: 46px;
margin: 0 20px 0 0;
}
.lista_kat_kierunkow .btn_5 {
position: absolute;
bottom: 20px;
right: 20px;
} .container_lista_kierunkow .box_scroll {
position: absolute;
top: 0;
right: 0;
width: 26%;
}
.container_lista_kierunkow > .naglowek,
.container_opinie > .naglowek {
width: 68%;
display: flex;
justify-content: space-between;
align-items: center;
}
.container_lista_kierunkow > .naglowek .btn,
.container_opinie > .naglowek .btn {
color: #074790;
margin: 0 0 60px;
}
.container_lista_kierunkow > .naglowek .btn:hover,
.container_opinie > .naglowek .btn:hover {
color: #fff;
}
.container_lista_kierunkow > .naglowek .arrow_pion,
.container_opinie > .naglowek .arrow_pion {
width: 16px;
transform: rotate(180deg);
margin: 0 0 0 20px;
}
#kotwica_kierunki {
margin: -141px 0 0;
padding: 0 0 30px;
} .foto_podstrona {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 80px; }
.foto_podstrona .kategoria {
position: absolute;
top: 40px;
left: 40px;
background-color: #fff;
border-radius: 50px;
padding: 15px 35px 15px 25px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.foto_podstrona .kategoria img {
height: 58px;
margin: 0 15px 0 0;
width: auto;
}
.foto_podstrona .kategoria .tekst {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.foto_podstrona .kategoria .tekst_1 {
font: 400 16px/26px 'Red Hat Display', sans-serif;
}
.foto_podstrona .kategoria .kol_nie_1 {
font: 900 18px/26px 'Red Hat Display', sans-serif;
}
.foto_podstrona img {
width: 100%;
height: auto;
object-fit: cover;
}
.box_masz_pytania,
.wystaw_opinie {
position: absolute;
right: 0;
background-color: #fff;
border-radius: 80px;
padding: 50px 75px 70px;
width: 26%;
z-index: 2;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
}
.box_masz_pytania {
top: 0;
}
.wystaw_opinie {
top: -50px;
}
.box_masz_pytania .naglowek {
font: 900 46px/54px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
.wystaw_opinie .naglowek {
font: 900 36px/42px 'Red Hat Display', sans-serif;
margin: 0 0 15px;
}
.cms .box_masz_pytania p,
.cms .wystaw_opinie p {
font: 400 20px/24px 'Red Hat Display', sans-serif;
}
.box_masz_pytania p {
margin: 0 0 40px;
}
.box_masz_pytania .telefon,
.box_masz_pytania .mail {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 25px;
color: #3f3f3f;
font: 400 16px/24px 'Red Hat Display', sans-serif;
}
.box_masz_pytania .telefon svg,
.box_masz_pytania .mail svg {
width: 22px;
margin: 0 20px 0 0;
}
.box_masz_pytania .telefon .tekst,
.box_masz_pytania .mail .tekst {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.box_masz_pytania .telefon .kol_pom,
.box_masz_pytania .mail .kol_pom {
font: 700 18px/24px 'Red Hat Display', sans-serif;
}
.box_masz_pytania .btn,
.wystaw_opinie .btn {
margin: 20px 0 0;
color: #074790;
}
.box_masz_pytania .btn:hover,
.wystaw_opinie .btn:hover {
color: #fff;
}
.wystaw_opinie .ocena {
margin: 0 0 20px;
font: 400 15px/25px 'Red Hat Display', sans-serif;
color: #aeb9c7;
}
.wystaw_opinie .gwiazdki {
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: row-reverse;
}
.wystaw_opinie .gwiazdki input {
position: absolute;
left: -99999px;
}
.wystaw_opinie .gwiazdki label {
position: relative;
width: 45px;
height: 45px;
padding: 5px;
color: transparent;
cursor: pointer;
}
.wystaw_opinie .gwiazdki label::before {
content: '★';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #e4e7ea;
font-size: 45px;
line-height: 45px;
margin-right: -100%;
transition: all 0.3s;
}
.wystaw_opinie .gwiazdki label:hover::before,
.wystaw_opinie .gwiazdki label:hover ~ label::before,
.wystaw_opinie .gwiazdki input:checked ~ label::before {
color: #fb538e;
}
.wystaw_opinie input {
height: 50px;
margin: 0 0 15px;
}
.wystaw_opinie .textarea {
margin: 0 0 15px;
}
.wystaw_opinie textarea {
height: 110px;
}
.wystaw_opinie .zgoda {
flex-wrap: wrap;
}
.wystaw_opinie .form_text_small {
max-height: 30px;
overflow: hidden;
}
.wystaw_opinie .form_text_small.open {
max-height: none;
}
.wystaw_opinie .rozwin {
width: 100%;
margin: 5px 0 0 auto;
text-align: right;
font: 700 12px/15px 'Red Hat Display', sans-serif;
cursor: pointer;
}
.wystaw_opinie .rozwin span:last-of-type {
display: none;
} .formularz_rekrutacyjny {
position: relative;
margin: -38% 0 60px 60px;
width: calc(68% - 60px);
background-color: #fff;
border-radius: 45px;
padding: 60px 60px 70px;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
}
.formularz_rekrutacyjny.podzienkowanie {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
}
.formularz_rekrutacyjny.podzienkowanie .btn {
margin: 0 auto;
color: #074790;
}
.formularz_rekrutacyjny.podzienkowanie .btn:hover {
color: #fff;
}
.formularz_rekrutacyjny .arrow_skos {
position: absolute;
top: 73px;
right: 80px;
width: 20px;
}
.formularz_rekrutacyjny form {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.formularz_rekrutacyjny .naglowek {
width: 48%;
font: 400 22px/32px 'Red Hat Display', sans-serif;
margin: 0 0 50px;
}
.formularz_rekrutacyjny.podzienkowanie .naglowek_2 {
font: 900 46px/54px 'Red Hat Display', sans-serif;
text-align: center;
margin: 0 0 25px;
}
.cms .formularz_rekrutacyjny.podzienkowanie p {
text-align: center;
margin: 0 0 40px;
}
.formularz_rekrutacyjny .apn-select {
width: 48%;
margin: 0 0 45px;
}
.formularz_rekrutacyjny .apn-select::before {
width: 46px;
height: 45px;
}
.formularz_rekrutacyjny input,
.formularz_rekrutacyjny select {
height: 50px;
}
.formularz_rekrutacyjny .f_input {
width: 22%;
margin: 0 0 30px;
}
.formularz_rekrutacyjny .f_input--48 {
width: 48%;
}
.formularz_rekrutacyjny .button {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.formularz_rekrutacyjny .zgoda {
margin: 0 0 40px;
}
.formularz_rekrutacyjny .form_text_small {
color: #3f3f3f;
line-height: 17px;
}
.formularz_rekrutacyjny .ilosc-rat label {
cursor: pointer;
}
.formularz_rekrutacyjny .link_przeczytaj {
width: 48%;
display: flex;
align-items: center;
justify-content: flex-start;
color: #074790;
font: 900 15px/15px 'Red Hat Display', sans-serif;
transition: all 0.3s;
}
.formularz_rekrutacyjny .f_input .link_przeczytaj {
margin: 10px 0 0;
width: 100%;
}
.formularz_rekrutacyjny .link_przeczytaj:hover {
color: #1d9bd8;
}
.formularz_rekrutacyjny .link_przeczytaj .tekst {
margin: 0 15px 0 0;
}
.formularz_rekrutacyjny .link_przeczytaj .kolko {
width: 46px;
height: 46px;
border-radius: 100%;
border: 2px solid #e3eaf2;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
transition: all 0.3s;
}
.formularz_rekrutacyjny .link_przeczytaj:hover .kolko {
border-color: #1d9bd8;
}
.formularz_rekrutacyjny .link_przeczytaj .ico_info {
width: 10px;
}
.formularz_rekrutacyjny .uploadbrowsebutton__wrap {
cursor: pointer;
transition: all 0.3s;
}
.formularz_rekrutacyjny .uploadbrowsebutton__wrap:hover,
.formularz_rekrutacyjny .uploadbrowsebutton__wrap:focus {
border-color: #074790;
}
.formularz_rekrutacyjny .uploadbrowsebutton__wrap .uploadbrowsebutton,
.formularz_rekrutacyjny .uploadbrowsebutton__wrap .uploadbrowsebutton .cls-66 {
transition: all 0.3s;
}
.formularz_rekrutacyjny .uploadbrowsebutton__wrap:hover .uploadbrowsebutton {
color: #fff !important;
background-color: #1d9bd8;
}
.formularz_rekrutacyjny
.uploadbrowsebutton__wrap:hover
.uploadbrowsebutton
.cls-66 {
fill: #fff;
} #kotwica_opinie {
position: absolute;
top: -30px;
left: 0;
}
.podstrona_opinie {
display: flex;
justify-content: space-between;
position: relative;
margin: -130px 0 0;
}
.podstrona_opinie .zb_opinie {
width: 68%;
}
.podstrona_opinie .zb_opinie .box_opinia {
width: 100%;
margin: 0 0 50px;
box-shadow: 0 26px 18px 0 rgba(7, 71, 144, 0.1);
border-radius: 30px;
background-color: #fff;
padding: 50px 70px 50px 40px;
}
.podstrona_opinie .box_opinia .tekst {
width: 100%;
}
.podstrona_opinie .zb_opinie .opinia {
height: auto;
overflow: hidden;
transition: all 0.3s;
}
.podstrona_opinie .zb_opinie .opinia span {
display: block;
}
.podstrona_opinie .box_opinia .czytaj_dalej {
display: none;
align-items: center;
justify-content: flex-end;
font: 700 12px/20px 'Red Hat Display', sans-serif;
margin: -15px 0 20px auto;
cursor: pointer;
}
.podstrona_opinie .box_opinia .zwin {
display: none;
}
.podstrona_opinie .box_opinia.open .zwin {
display: block;
}
.podstrona_opinie .box_opinia.open .rozwin {
display: none;
}
.podstrona_opinie .box_opinia .arrow_pion {
width: 16px;
margin: 0 0 0 10px;
transform: rotateX(180deg);
transition: all 0.3s;
}
.podstrona_opinie .box_opinia.open .arrow_pion {
transform: rotateX(0);
}
.podstrona_opinie .box_scroll {
margin: 100px 0 0;
} .container_kierunek > .naglowek {
width: 60%;
}
.container_kierunek .dane_o_kierunku {
position: absolute;
top: 0;
right: 0;
width: 34%;
background-color: #fff;
border-radius: 80px;
overflow: hidden;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
z-index: 2;
}
.container_kierunek .dane_o_kierunku > svg {
position: absolute;
top: 40px;
right: 40px;
width: 35px;
z-index: 1;
}
.container_kierunek .dane_o_kierunku .box_1 {
position: relative;
padding: 40px 50px 25px 65px;
background-color: #fff;
display: flex;
flex-direction: column;
}
.container_kierunek .dane_o_kierunku .kol_1,
.container_kierunek .dane_o_kierunku .kol_2 {
width: 41%;
}
.container_kierunek .dane_o_kierunku .separator {
background-color: #e6e9ee;
width: 1px;
}
.container_kierunek .dane_o_kierunku .box_1:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 65px;
height: 1px;
background-color: #e6e9ee;
}
.container_kierunek .dane_o_kierunku .rodzaj_studiow {
font: 900 28px/32px 'Red Hat Display', sans-serif;
margin: 0 0 25px;
}
.container_kierunek .dane_o_kierunku .stopien_studiow {
font: 400 17px/20px 'Red Hat Display', sans-serif;
}
.container_kierunek .dane_o_kierunku .box_2 {
padding: 35px 50px 35px 65px;
background-color: #fff;
display: flex;
justify-content: space-between;
}
.container_kierunek .dane_o_kierunku .box_2 .kol_1,
.container_kierunek .dane_o_kierunku .box_2 .kol_2,
.container_kierunek .dane_o_kierunku .box_3 .kol_1 {
width: 42%;
}
.container_kierunek .dane_o_kierunku .box_3 .kol_2 {
width: 50%;
}
.container_kierunek .dane_o_kierunku .box {
display: flex;
flex-direction: column;
font: 400 15px/22px 'Red Hat Display', sans-serif;
margin: 0 0 20px;
padding-top: 10px;
}
.container_kierunek .dane_o_kierunku .tryb_studiow,
.container_kierunek .dane_o_kierunku .forma_zaliczenia,
.container_kierunek .dane_o_kierunku .wpisowe {
margin: 0;
padding-top: 10px;
}
.container_kierunek .dane_o_kierunku .box span {
font: 900 24px/34px 'Red Hat Display', sans-serif;
}
.container_kierunek .dane_o_kierunku .tryb_studiow span,
.container_kierunek .dane_o_kierunku .forma_zaliczenia span,
.container_kierunek .dane_o_kierunku .oplaty {
font: 900 15px/22px 'Red Hat Display', sans-serif;
}
.container_kierunek .dane_o_kierunku .box_3 {
padding: 25px 50px 55px 65px;
background-color: #f8f8f8;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.container_kierunek .dane_o_kierunku .oplaty {
width: 100%;
}
.container_kierunek .dane_o_kierunku .czesne span {
font: 900 30px/36px 'Red Hat Display', sans-serif;
}
.container_kierunek .dane_o_kierunku .btn:first-of-type {
font: 900 15px/18px 'Red Hat Display', sans-serif;
padding: 10px 35px;
color: #074790;
margin: 0 0 25px;
background-color: transparent;
}
.container_kierunek .dane_o_kierunku .btn:first-of-type:hover {
background-color: #1d9bd8;
}
.container_kierunek .dane_o_kierunku .btn:first-of-type:hover,
.container_kierunek .dane_o_kierunku .btn:last-of-type {
color: #fff;
}
.container_kierunek .dane_o_kierunku .btn:first-of-type .arrow_pion {
width: 16px;
transform: rotate(180deg);
margin: 0 0 0 30px;
}
.container_kierunek .dane_o_kierunku .btn:last-of-type {
color: #fff;
}
.informacje_o_kierunku {
position: relative;
display: flex;
justify-content: space-between;
}
.informacje_o_kierunku .zb_informacji { width: 100%;
margin: 0 0 50px;
}
#kotwica_info {
position: absolute;
left: 0;
top: 0;
}
.informacje_o_kierunku .box_link {
padding: 50px 0 0;
}
.informacje_o_kierunku .box_link a {
position: relative;
width: 950px;
display: flex;
overflow: hidden;
border-radius: 85px;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
margin: 0 0 50px;
}
.informacje_o_kierunku .box_link .tresc {
display: flex;
flex-direction: column;
padding: 50px 140px 50px 70px;
width: 57%;
flex: 0 0 auto;
}
.informacje_o_kierunku .box_link .kol_nie_1 {
font: 900 26px/33px 'Red Hat Display', sans-serif;
}
.informacje_o_kierunku .box_link .tekst {
font: 500 18px/33px 'Red Hat Display', sans-serif;
color: #3f3f3f;
}
.informacje_o_kierunku .box_link .tekst span {
font-weight: 700;
color: #1d9bd8;
}
.informacje_o_kierunku .box_link .foto {
display: flex;
align-items: center;
justify-content: center;
}
.informacje_o_kierunku .box_link .foto img {
width: 100%;
height: auto;
object-fit: cover;
}
.informacje_o_kierunku .box_link .btn {
position: absolute;
top: 50%;
left: 57%;
transform: translate(-50%, -50%);
}
.informacje_o_kierunku .box_link hr {
margin: 0;
}
.menu_kotwice {
position: sticky;
top: 20px;
background-color: #fff;
border-radius: 80px;
padding: 60px 70px;
box-shadow: 0 18px 32px 0 rgba(7, 71, 144, 0.1);
margin: 0 0 50px;
z-index: 1;
}
.menu_kotwice .naglowek {
font: 900 28px/36px 'Red Hat Display', sans-serif;
margin: 0 0 30px;
width: 100%;
}
.menu_kotwice ul {
margin: 0 0 30px;
overflow: visible;
}
.menu_kotwice ul li {
padding: 0;
margin: 0 0 10px -12px;
}
.menu_kotwice ul li:before {
display: none;
}
.menu_kotwice ul .arrow_poziom {
width: 12px;
margin: 7px 25px 0 0;
transform: rotate(180deg);
flex: 0 0 auto;
}
.menu_kotwice ul a .cls-5 {
transition: all 0.3s;
}
.menu_kotwice ul a:hover .cls-5,
.menu_kotwice ul a.active .cls-5 {
fill: #fb538e;
}
.menu_kotwice ul a {
font: 500 15px/25px 'Red Hat Display', sans-serif;
color: #074790;
display: flex;
align-items: flex-start;
transition: all 0.3s;
}
.menu_kotwice ul a:hover,
.menu_kotwice ul a.active {
color: #fb538e;
}
.menu_kotwice .btn {
font: 900 15px/18px 'Red Hat Display', sans-serif;
padding: 10px 25px;
color: #fff;
margin: 0 0 0 25px;
} #fixed_zapisz_sie {
display: none;
z-index: 3;
position: fixed;
bottom: 15px;
left: 50%;
transform: translate(-50%, 0);
width: 360px;
padding: 15px 20px 0 5px;
transition: all 0.3s;
}
#fixed_zapisz_sie.close {
transform: translate(-50%, 150%);
}
#fixed_zapisz_sie .ico_krzyzyk {
position: absolute;
right: 10px;
top: 0;
width: 15px;
cursor: pointer;
}
#fixed_zapisz_sie .box {
position: relative;
display: flex;
align-items: center;
border-radius: 60px;
padding: 20px 17px;
background: linear-gradient(
90deg,
rgba(17, 111, 179, 1) 0%,
rgba(8, 74, 147, 1) 100%
);
box-shadow: 0 10px 8px 0 rgba(7, 71, 144, 0.14);
color: #fff;
}
#fixed_zapisz_sie .tekst_1 {
font: 900 18px/18px 'Red Hat Display', sans-serif;
}
#fixed_zapisz_sie .tekst_2 {
font: 500 10px/18px 'Red Hat Display', sans-serif;
}
#fixed_zapisz_sie .tekst_2 span {
font-weight: 900;
}
#fixed_zapisz_sie .arrow_poziom {
width: 16px;
transform: rotate(180deg);
margin: 0 0 0 5px;
}
#fixed_zapisz_sie .btn {
position: absolute;
right: -15px;
top: 50%;
transform: translate(0, -50%);
font: 900 14px/16px 'Red Hat Display', sans-serif;
padding: 15px 15px;
} #fixed_rekrutacja {
position: fixed;
top: 0;
left: -100%;
z-index: 6;
width: 100%;
height: 100%;
padding: 40px 0 0;
overflow: hidden;
background-color: #fff;
transition: all 0.3s;
}
#fixed_rekrutacja.open {
left: 0;
}
#fixed_rekrutacja .ico_krzyzyk {
position: absolute;
width: 20px;
top: 15px;
right: 15px;
cursor: pointer;
}
#fixed_rekrutacja .supermenu {
overflow-x: hidden;
width: 100%;
height: 100%;
padding: 0 0 30px;
}
.fp-carousel-item {
width: 100%;
height: 100%;
}
.fp-carousel-img {
height: 250px;
width: 100%;
object-fit: cover;
}
#slider_wrapper .fp-carousel {
overflow: hidden;
border-radius: 20px;
}
.vis-on-desktop {
display: none !important;
}
#fixed_zapisz_sie .box.vis-on-desktop {
display: none;
}
@media (min-width: 1200px) {
.vis-on-desktop {
display: inline-flex !important;
}
.box.vis-on-desktop {
display: flex !important;
}
.box_link .vis-on-desktop {
display: flex !important;
}
.vis-on-mobile {
display: none !important;
}
}
.is-form-id-4473 {
width: 100%;
border-radius: 30px;
overflow: hidden;
}
#is-search-input-0 {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#is-search-input-4473 {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.is-form-id-4473 input#is-search-input-4473 {
padding: 0 0 0 22px;
height: 47px;
}
.is-form-id-4473 input,
.is-form-id-4473 input::placeholder {
font: 500 14px/20px 'Red Hat Display', sans-serif;
}
.is-search-submit {
border-radius: 20px;
overflow: hidden;
}
.is-form-id-4473 .is-search-submit {
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.is-form-style button.is-search-submit {
height: 47px;
width: 47px;
}
.is-form-style.is-form-style-3 label {
width: calc(100% - 47px) !important;
}
.astm-search-menu-wrapper.is-menu-wrapper {
top: 14px;
right: auto;
left: 60px;
}
.is-menu .search-icon-path {
fill: #fb538e;
}
.is-menu-wrapper .is-menu form {
right: auto;
left: -15px;
}
.popup-search-close::after,
.search-close::after,
.popup-search-close::before,
.search-close::before {
left: -60px;
border-left: 2px solid #fb538e;
}
.is-form-id-0 #is-search-input-0 {
color: #333;
border: 1px solid #fb538e !important;
}
.is-form-id-0 input.is-search-submit,
.is-search-icon {
color: #fff;
background: #fb538e;
border: 1px solid #fb538e;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.is-form-id-0 .is-search-submit path {
fill: #fff;
}
.is-ajax-search-result {
font: 400 12px/20px 'Red Hat Display', sans-serif;
}
div.is-ajax-search-details,
div.is-ajax-search-result {
padding: 0px !important;
margin-top: 5px;
background: #fff !important;
border: 2px solid #fb538e5e;
border-radius: 20px;
overflow: hidden;
}
.is-show-more-results-text {
padding: 8px 0 !important;
}
.is-ajax-search-post:hover {
background-color: #eee !important;
}
.is-ajax-search-post,
.is-ajax-search-post-details {
padding: 10px 15px !important;
}
.is-search-sections {
top: 5px;
}
.is-search-sections .is-title a {
font: 500 15px/25px 'Red Hat Display', sans-serif;
color: #074790;
transition: color 0.3s;
}
.is-search-sections .is-title a:hover {
color: #fb538e;
}
@media (min-width: 1200px) { .is-search-submit {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
}
.container_kierunek .dane_o_kierunku .custom-btn {
display: block;
width: 100%;
margin-top: 20px;
padding: 10px 0;
color: #074790;
text-align: center;
font-size: 14px;
border: 2px solid #e4e7ea;
border-radius: 32px;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.container_kierunek .dane_o_kierunku .custom-btn:hover {
color: #fff;
background-color: #1d9bd8;
border-color: #1d9bd8;
}
.sgpb-popup-dialog-main-div-theme-wrapper-3 {
left: 50% !important;
transform: translateX(-50%);
}
.popup-form-text {
margin: 0 0 15px;
font: 900 28px/32px 'Red Hat Display', sans-serif;
color: #074790;
}
.popup-form-subtext {
font: 700 20px/24px 'Red Hat Display', sans-serif;
}
@media (min-width: 800px) {
#sgpb-popup-dialog-main-div {
max-width: 800px !important;
}
}
.section-container-video {
align-items: center;
justify-content: center;
width: 100%; max-width: 1220px;
background-color: #fff;
padding: 20px;
box-shadow: -1px 35px 32px 0 rgba(7, 71, 144, 0.1);
border-radius: 50px;
}
.text-container-video {
flex: 1;
padding: 20px;
}
.text-container-video h2 {
margin: 0;
margin-bottom: 20px;
font-size: 24px;
}
.description-video {
padding: 20px;
border-radius: 5px;
}
.video-container {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 10px;
}
.video-container iframe {
width: 90%;
height: 90%;
max-width: 1200px; border: none;
border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
#video {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.icon-section {
display: flex;
justify-content: center;
align-items: center;
padding: 50px 0;
background-color: #f9f9f9;
font-family: lato;
}
.icon-box {
text-align: center;
margin: 0 20px;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
max-width: 300px;
}
.icon-box:hover {
transform: translateY(-10px);
}
.icon-box i {
font-size: 50px;
color: #3498db;
margin-bottom: 15px;
}
.icon-box h3 {
font-size: 24px;
margin-bottom: 10px;
color: #333;
}
.icon-box p {
font-size: 16px;
color: #666;
}
.custom-info-banner-content__title--h4 {
font: 900 21px / 34px 'Red Hat Display', sans-serif;
}
.custom-newsletter-box-content__title--h3 {
font: 900 26px / 39px 'Red Hat Display', sans-serif;
}
@media only screen and (max-width: 1495px) {
.custom-info-banner-content__title--h4 {
font: 900 20px/32px 'Red Hat Display', sans-serif
}
.custom-newsletter-box-content__title--h3 {
font: 900 24px / 34px 'Red Hat Display', sans-serif;
}
}
.hws-sp-container {
padding-top: 20px;
}
.foto_podstrona .foto_podstrona__img {
min-height: 40px;
}
@media only screen and (max-width: 1024px) {
.hws-sp-right {
display: none;
}
}
@media only screen and (min-width: 1024px) {   .hws-sp-container {
width: 63%;
display: flex;
gap: 20px;
}
.foto_podstrona {
margin: 0 0 25px;
min-height: 920px;
}
.hws-sp-content {
width: 100%;
}
.hws-sp-right {
width: 350px;
flex-grow: 0;
flex-shrink: 0;
}
.foto_podstrona .foto_podstrona__img {
min-height: 120px;
}
.container--full {
width: 100% !important;
max-width: 1650px !important;
padding: 0 15px !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1700px) {
.container--full .footer_menu {
margin-left: 110px !important;
}
}
@media only screen and (min-width: 1700px) and (max-width: 1750px) {
.container--full .footer_menu {
margin-left: 70px !important;
}
}
@media only screen and (min-width: 1750px) and (max-width: 1800px) {
.container--full .footer_menu {
margin-left: 50px !important;
}
}
@media only screen and (min-width: 1800px) and (max-width: 1850px) {
.container--full .footer_menu {
margin-left: 20px !important;
}
}
.footer_menu h3 {
color: #074790;
margin-bottom: 25px;
}
.single-studia-podyplomowe .cross-selling .zb_kierunkow .box_kierunek {
width: 100%;
}
.single-studia-podyplomowe .informacje_o_kierunku .zb_informacji .icon-section {
margin-top: 40px;
}
body .section-container-video .sb_youtube[id^=sb_youtube_] .sby_video_thumbnail {
z-index: 4;
}
@media only screen and (max-width: 1279px) and (min-width: 1024px) {
#header_menu .menu_1 > li > a, #header_menu .menu_1 > li > .podmenu {
font-size: 10px !important;
}
}