@charset "UTF-8";
/*
*
*  Theme name: INE
*  Version: 1.0
*  Author: https: //euforia.sc/
*
*/

@import "./css/normalize.min.css";
@import "./css/reset.min.css";

/* --- kolory svg --- */

.cls-1 {
  fill: #0d478f;
}

.cls-2 {
  fill: #179ad7;
}

.cls-3 {
  fill: #ed7402;
}

.cls-4 {
  fill: #337fff;
}

.cls-5 {
  fill: #aeb9c7;
  fill-rule: evenodd;
}

.cls-6 {
  fill: #fff;
}

.cls-7 {
  fill: #f0f1f3;
}

.cls-8 {
  fill: #e6e9ee;
}

.filtr-1 {
  fill: url(#linear-gradient-2);
}

.filtr-2 {
  fill: url(#linear-gradient-3);
}

.filtr-3 {
  fill: url(#linear-gradient);
}

/* --- ustawienia ogólne --- */

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: #ee7501;
}

.kol_nie_1,
.cms .kol_nie_1 {
  color: #074790;
}

/* --- button --- */

.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;
}

.oskib {
  padding: 15px;
}

#oskib_ramka {
  position: relative;
  display: inline-flex;
  align-items: center;
  font: 900 17px/20px "Red Hat Display", sans-serif;
  padding: 12px 35px;
  color: #074790;
  background-color: #074790;
  border: 2px solid #e4e7ea;
  border-radius: 32px;
  transition: all 0.3s;
  z-index: 1000000;
}
.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: #ee7501;
  border-color: #ee7501;
  box-shadow: 0 0 16px 0 rgba(238, 117, 1, 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 --- */
.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 a {
  color: #1d9bd8;
}

.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 #ee7501;
  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 --- */

#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 do pobrania --- */

#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 na podstronie --- */

#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 ---- */

#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 --- */

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: 298px;
  height: 57px;
  margin: 0 80px 0 0;
}

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;
  gap: 30px;
  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;
}

#header_menu {
  margin: 20px 0 0;
}

#header_menu .menu_1 {
  display: flex;
}

#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;
  /*z-index: -1;*/
  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;
  /*z-index: -1;*/
  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: 40%;
}

#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/28px "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;
}

#header_menu .box_rekrutacja p:last-of-type,
#fixed_rekrutacja .box_rekrutacja p:last-of-type {
  margin: 0;
}

#header_menu .box_rekrutacja .box_kontakt,
#fixed_rekrutacja .box_rekrutacja .box_kontakt {
  /* display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap; */
  margin: 50px 0 0;
}

.supermenu .box_kontakt .tekst a {
  font: 700 17px/28px "Red Hat Display", sans-serif;
}

.supermenu .box_kontakt .btn {
  margin: 30px 0 0;
  flex: 0 0 auto;
}

#header_menu .supermenu .rodzaje_studiow,
#fixed_rekrutacja .supermenu .rodzaje_studiow {
  width: 55%;
  display: flex;
  justify-content: center;
  /* display: grid;
  grid-template-columns: repeat(3,1fr); */
  flex-wrap: wrap;
  grid-gap: 20px;
}

#header_menu .box_studia,
#fixed_rekrutacja .box_studia {
  position: relative;
  width: 30%;
  /* width: 100%; */
  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;
}

#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%);
}

/* --- menu mobile --- */

#overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  visibility: visible;
  z-index: 4;
  overflow: hidden;
  padding: 110px 0 0;
  background-color: #ee7501;
  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: #ee7501;
}

#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;
}

/* --- strona główna - top --- */
#top {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  background: #f8f8f8
    url("https://www.ine-studia.edu.pl/wp-content/uploads/2022/08/top_tlo.png")
    50% 50% / auto 50% no-repeat;
}

#slider_wrapper {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  display: flex;
  justify-content: center;
  user-select: auto;
}

#slider_wrapper .slide {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
}

#slider_wrapper .slick-list{
  overflow: visible;
}

#slider_wrapper .foto_slide {
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  height: 88%;
  max-width: 50vw;
}

#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: 900 80px/90px "Red Hat Display", sans-serif;
  margin: 0 0 30px;
  max-height: 180px;
  overflow: hidden;
}

#slider_wrapper .box_slide .rodzaje_studiow {
  font: 500 28px/42px "Red Hat Display", sans-serif;
  margin: 0 0 30px;
}

#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 .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: #ee7501;
}

#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;
  }
}

/* --- strona główna - szukajka --- */

#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;
}

#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;
  }
}

/* --- strona główna - o nas --- */

#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 #ee7501;
  overflow: hidden;
}

#home_onas .foto_onas {
  position: absolute;
  left: 50%;
  top: -15%;
  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: 180px 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;
}

/* --- strona główna - opinie --- */

#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: #ee7501;
}

/* --- strona główna - aktualności --- */

#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;
}

/* --- strona główna - nasi partnerzy --- */

#home_partnerzy {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 50px;
background-color: white
}

#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 .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 {
  background-color: white;
  /*  do usunięcia */
  width: 170px !important;
  box-sizing: border-box;
  height: 90px;
  flex: 0 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#home_partnerzy .partner img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

/* --- footer kontakt --- */

.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_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 w kontakcie --- */

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 --- */
.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: #ee7501;
  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 --- */

.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;
}

/* --- podstrony --- */

#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;
}

/* --- podstrona faq i informacie w wybranym kierunku--- */
.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: #ee7501;
}

.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_faq .faq.open p,*/
.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;
}

/* --- podstrona kontakt --- */

#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;
}

/* --- podstrona lista aktualności --- */

#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;
}

/* --- podstrona lista kategorii kierunków --- */

.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: flex;
  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:nth-last-of-type(-n + 3) {
  margin-bottom: 0;
}

.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;
}

/* --- lista kierunków --- */

.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;
}

/* --- podstrona formularz rekrutacyjny --- */

.foto_podstrona {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 80px;
  margin: 0 0 50px;
}

.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: #ee7501;
}

.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 --- */

.formularz_rekrutacyjny {
  position: relative;
  margin: -38% 0 60px 60px;
  width: calc(68% - 60px);
  background-color: #fff;
  border-radius: 45px;
  padding: 60px 70px 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: 90px;
  right: 80px;
  width: 20px;
}

.formularz_rekrutacyjny form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.formularz_rekrutacyjny .naglowek {
  width: 100%;
  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 50px;
}

.formularz_rekrutacyjny .f_input--30 {
  width: 30%;
  margin: 0 0 50px;
}

.formularz_rekrutacyjny .f_input--45 {
  width: 45%;
  margin: 0 0 50px;
}

.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;
}

/* --- podstrona opinie studentów --- */

#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;
}

/* --- podstrona wybrany kierunek --- */

.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;
}

.container_kierunek .dane_o_kierunku .tryb_studiow,
.container_kierunek .dane_o_kierunku .forma_zaliczenia,
.container_kierunek .dane_o_kierunku .wpisowe {
  margin: 0;
}

.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: 68%;
  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: #ee7501;
}

.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: #ee7501;
}

.menu_kotwice .btn {
  font: 900 15px/18px "Red Hat Display", sans-serif;
  padding: 10px 25px;
  color: #fff;
  margin: 0 0 0 25px;
}

/* --- fixed zapisz się na telefon --- */

#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 rekrutacka --- */
#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;
}

.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;
  }
}