/*Author: Piotrek D.
Description: Templatka UMED
Version: 1.0.0
Theme Name: Pulmonologia*/

html {
	scroll-behavior: smooth;
}

body {
	background-color: #ffffff;
	font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

header.belka-glowna {
	position: static;
	z-index: 10;
}

header {
	z-index: 0;
	position: relative;
}

.belka-gorna {
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	z-index: 1;
}

.pasek-wcag a:focus {
    outline: 2px solid #ffffff;
}

#menu ul li a:focus {
    outline: 2px solid #203864;
}

p {
	line-height: 26px;
  font-size: 16px;
  color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trajan Pro Regular', sans-serif;
}

h1.title {
	text-transform: uppercase;
	font-weight: 700;
}

h2.title {
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	width: 100%;
}

span.title-2 {
	font-weight: 400;
	font-size: 20px;	
}

@font-face {
font-family: 'Trajan Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Trajan Pro Regular'), url('/wp-content/themes/pulmonologia/inc/fonts/TrajanPro-Regular.woff') format('woff');
}
    

@font-face {
font-family: 'Trajan Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Trajan Pro Bold'), url('/wp-content/themes/pulmonologia/inc/fonts/TrajanPro-Bold.woff') format('woff');
}

@media (min-width: 567px) {
h1.title {
	font-size: 2rem;
  letter-spacing: 3px;
  line-height: 2.8rem;
}
	
h2.title {
	font-size: 1.8rem;
	letter-spacing: 5px;
	margin-top: 50px;
}
}

@media (max-width: 566px) {
h1.title {
	font-size: 1.4rem;
	letter-spacing: 2px;
}
	
h2.title {
	font-size: 1.4rem;
	letter-spacing: 2px;
}
}

.niebieski {
	color: #203864;
}

.szary {
	color: #6e6e70;
}

.bialy {
	color: #ffffff;
}

.postarea h3 {
	font-size: 18px;
	line-height: 24px;	
	font-weight: 600;
}

.postarea ul {
	padding-left: 7px;
}

h1.entry-title {
	font-size: 2.2rem;	
	font-weight: 600;
  color: #333333;
}

h2.entry-title {
  font-size: 1.2rem;
  line-height: 1.25rem;
  color: #333333;
  margin-bottom: 0px;
}

h2.entry-title a {
  text-decoration: none;
  color: #333333;
  font-size: 1.2rem;
  font-weight: 600;
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 46px;
  line-height: 1.4rem;
  outline: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0px;
  margin-top: 15px;
}

h2.entry-title a:hover {
  filter: blur(0.6px);
}

.glowna-opisy ul, .glowna-opisy li {
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	font-weight: 300;
	color: #333333;
	margin-left: 8px;
	line-height: 22px;
	list-style-type: none;
}

.glowna-opisy ul li:before {
	content: "▪";
	position: absolute;
	font-size: 10px;
	color: #CF4C4F;
	margin-left: -15px;
}

.read-all {
  font-size: 0.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.screen-reader-text {
  display: none;
}

.excerpt-dots a:hover {
	text-decoration: underline;
}

.odstep-glowna {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 576px) {
.kontener {
  width: 80%;
  display: block;
  margin: 0 auto;
}
}

@media (max-width: 575px) {
.kontener {
  width: 90%;
  display: block;
  margin: 0 auto;
}
}

.kontener-full {
  width: 100%;
  display: block;
}

@media (min-width: 992px) {
.headerpasek {
	background-color: #ffffff;
	height: 90px;
  padding: 20px 0px;
  -webkit-box-shadow: 0px 6px 8px -4px rgba(68, 68, 68, 0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 	-moz-box-shadow: 0px 6px 8px -4px rgba(68, 68, 68, 0.2);  /* Firefox 3.5 - 3.6 */
	box-shadow: 0px 6px 8px -4px rgba(68, 68, 68, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
}
}

@media (max-width: 991px) {
.headerpasek {
  display: none;
}
}

.wiersz {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.wierszworkers {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 50px;
}

.komorka-1 {
  width: 30%;
  display: block;
  padding: 1%;
  position: relative;
}

@media (min-width: 768px) {
.komorka-2 {
  width: 60%;
  display: block;
  padding: 1%;
  position: relative;
}

.mnone {
  display: none;
}
}

@media (max-width: 767px) {
.komorka-2 {
  width: 100%;
  display: block;
  padding: 1%;
  position: relative;
}

.dnone {
  display: none;
}
}

@media (min-width: 768px) {
.glowna-opisy {
  	text-align: left;
	font-weight: 300;
}
	
h1.title-align {
  text-align: left;
  margin-bottom: 10px;
}
}

@media (max-width: 767px) {
.glowna-opisy {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 40px;
}

.title-align {
  text-align: center;
}
}

.aktualnosc-foto {
  max-width: 360px; 
  height: 180px; 
  border-radius: 0px 50px 0px 0px;
  overflow: hidden; 
  position: relative;
  opacity: 1;
  transition: 0.3s ease-out;
}

.aktualnosc-foto:hover {
  opacity: 0.8;
}

.aktualnosc-foto img {
  position:absolute;
  left:50%;
  transform: translate(-50%);
  transition: 0.3s ease;
  object-fit: cover;
	width: 360px;
	height: 180px;	
}

.postlista {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
.aktualnosc {
  width: 28%;
  padding: 2%;
  padding-bottom: 8%;
}

.postlista {
  justify-content: center;
}
}

@media (max-width: 991px) and ( min-width: 576px) {
.aktualnosc {
  width: 44%;
  padding: 1%;
  padding-bottom: 12%;
}

.postlista {
  justify-content: center;
}
}

@media (max-width: 575px) {
.aktualnosc {
  width: 100%;
  padding: 1% 10% 12% 10%;
}

.postlista {
  justify-content: center;
}
}


/*BELKA GÓRNA*/

@media (min-width: 992px) {
.cslogo {
  width: 22%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cslogo-mobile {
  display: none;
}

.kontener-top {
  width: 78%;
  margin: 0 auto;
  display: flex;
  height: 90px;
}

/* .cslogo a img {
  width: 95%;
} */
}

@media (max-width: 991px) {
.cslogo {
  display: none;
}

.cslogo-mobile {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
}

.cslogo-mobile a {
  display: flex;
}

.cslogo-mobile img {
  width: 100%;
}
	
.cslogo-mobile .kontrast-pelny img {
  width: 65%;
	margin-top: 20px;
}	

.kontener-top {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0px 30px 0px 30px;
  display: flex;
  justify-content: space-between;
}
}

.kontener-top.inherit {
  width: inherit;    
}

.kontener-nav.none {
  display: none;
}

/*----------------------------------------------------------------//menu mobile//----------------------------------------------------*/
@media (max-width: 991px) {
#menu {
	display: none;
}

.hamburger {
	cursor: pointer;
}

.mobilemenubutton {
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.mobilemenubutton span {
	display: flex;
	text-align: right;
}

.main-menu ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.main-menu ul li {
	list-style-type: none;
	padding-left: 15px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 11;
	top: 0;
	right: 0;
	background-color: #203864;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.3s;
}

.sidenav a {
	padding: 4px 4px 4px 16px;
	text-decoration: none;
	font-size: 1rem;
	color: #ffffff;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #d9d9d9;
}

.sidenav .closebtn {
	position: absolute;
	top: -7px;
	right: -3px;
	font-size: 4rem;
	margin-right: 30px;
	font-weight: 100;
}

#main {
	transition: margin-right .5s;
	padding: 0px;
	z-index: 100;
}
}

#site-navigation {
	margin-left: auto;
	display: flex;
	align-items: center;
}

/* ------------ SOCIAL MEDIA PRZYCISKI ------------ */

#social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
  width: 50%;
}

@media (min-width: 576px) {
.fb a, .tt a, .in a, .yt a, .li a {
  width: 40px;
  height: 40px;
  background-size: 40px 40px; 
  display: block; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
}

@media (max-width: 575px) {
.fb a, .tt a, .in a, .yt a, .li a {
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px; 
  display: block; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
}

.fb a {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23333333' d='M17.634,35.418h6.796v-7.407h-2.442v-2.441h2.442v-3.051c0-1.684,1.369-3.053,3.051-3.053h3.053v2.442 h-2.442c-0.673,0-1.221,0.547-1.221,1.22v2.442h3.554l-0.407,2.441h-3.146v7.407h5.494c1.684,0,3.053-1.371,3.053-3.053V17.634 c0-1.683-1.369-3.052-3.053-3.052H17.634c-1.683,0-3.052,1.369-3.052,3.052v14.731C14.583,34.049,15.952,35.418,17.634,35.418z M15.803,17.634c0-1.01,0.822-1.831,1.831-1.831h14.731c1.01,0,1.832,0.822,1.832,1.831v14.731c0,1.011-0.822,1.832-1.832,1.832 h-4.273v-4.966h2.96l0.813-4.883h-3.773v-1.22h3.664v-4.883h-4.274c-2.355,0-4.271,1.917-4.271,4.273v1.83h-2.442v4.883h2.442v4.966 h-5.576c-1.01,0-1.831-0.821-1.831-1.832V17.634z'/%3E%3C/svg%3E");
  background-color: transparent;  
}

.fb a:hover {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M17.634,35.418h6.796v-7.407h-2.442v-2.441h2.442v-3.051c0-1.684,1.369-3.053,3.051-3.053h3.053v2.442 h-2.442c-0.673,0-1.221,0.547-1.221,1.22v2.442h3.554l-0.407,2.441h-3.146v7.407h5.494c1.684,0,3.053-1.371,3.053-3.053V17.634 c0-1.683-1.369-3.052-3.053-3.052H17.634c-1.683,0-3.052,1.369-3.052,3.052v14.731C14.583,34.049,15.952,35.418,17.634,35.418z M15.803,17.634c0-1.01,0.822-1.831,1.831-1.831h14.731c1.01,0,1.832,0.822,1.832,1.831v14.731c0,1.011-0.822,1.832-1.832,1.832 h-4.273v-4.966h2.96l0.813-4.883h-3.773v-1.22h3.664v-4.883h-4.274c-2.355,0-4.271,1.917-4.271,4.273v1.83h-2.442v4.883h2.442v4.966 h-5.576c-1.01,0-1.831-0.821-1.831-1.832V17.634z'/%3E%3C/svg%3E");
  background-color: #4267B2;
}

.tt a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='twitter'%3E%3Cpath fill='%23333333' d='M36.355,18.2c-1.427,0.065-1.396,0.06-1.556,0.074l0.844-2.412c0,0-2.636,0.97-3.305,1.143 c-1.756-1.577-4.363-1.647-6.23-0.5c-1.527,0.939-2.347,2.552-2.074,4.437c-2.973-0.413-5.478-1.821-7.455-4.197l-0.626-0.751 l-0.467,0.858c-0.591,1.084-0.787,2.324-0.552,3.492c0.096,0.479,0.259,0.935,0.486,1.363l-0.536-0.208l-0.063,0.897 c-0.064,0.911,0.239,1.973,0.811,2.841c0.16,0.246,0.368,0.515,0.631,0.781l-0.277-0.043l0.338,1.027 c0.445,1.349,1.369,2.393,2.567,2.974c-1.197,0.507-2.165,0.832-3.754,1.354l-1.454,0.479l1.343,0.734 c0.513,0.28,2.322,1.216,4.11,1.497c3.976,0.622,8.45,0.113,11.462-2.599c2.538-2.284,3.37-5.537,3.196-8.919 c-0.024-0.513,0.116-1.002,0.396-1.377C34.756,20.394,36.352,18.205,36.355,18.2z M33.13,20.349 c-0.466,0.623-0.702,1.419-0.658,2.241c0.174,3.412-0.754,6.058-2.76,7.864c-2.343,2.111-6.123,2.94-10.369,2.272 c-0.769-0.12-1.564-0.391-2.222-0.659c1.333-0.458,2.362-0.867,4.024-1.653l2.32-1.099l-2.562-0.163 c-1.227-0.078-2.249-0.675-2.876-1.64c0.333-0.02,0.655-0.073,0.976-0.162l2.443-0.68l-2.465-0.604 c-1.196-0.294-1.879-1.01-2.24-1.559c-0.237-0.36-0.393-0.731-0.486-1.071c0.247,0.067,0.535,0.113,0.999,0.159l2.28,0.226 l-1.808-1.41c-1.302-1.016-1.824-2.541-1.441-4.008c4.062,4.215,8.833,3.897,9.314,4.009c-0.107-1.025-0.109-1.029-0.137-1.127 c-0.615-2.173,0.732-3.277,1.34-3.651c1.271-0.78,3.284-0.897,4.68,0.388c0.303,0.277,0.709,0.387,1.091,0.292 c0.343-0.086,0.624-0.175,0.898-0.273l-0.573,1.636l0.731,0.001C33.494,19.863,33.329,20.084,33.13,20.349z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: transparent;
}

.tt a:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='twitter'%3E%3Cpath fill='%23ffffff' d='M36.355,18.2c-1.427,0.065-1.396,0.06-1.556,0.074l0.844-2.412c0,0-2.636,0.97-3.305,1.143 c-1.756-1.577-4.363-1.647-6.23-0.5c-1.527,0.939-2.347,2.552-2.074,4.437c-2.973-0.413-5.478-1.821-7.455-4.197l-0.626-0.751 l-0.467,0.858c-0.591,1.084-0.787,2.324-0.552,3.492c0.096,0.479,0.259,0.935,0.486,1.363l-0.536-0.208l-0.063,0.897 c-0.064,0.911,0.239,1.973,0.811,2.841c0.16,0.246,0.368,0.515,0.631,0.781l-0.277-0.043l0.338,1.027 c0.445,1.349,1.369,2.393,2.567,2.974c-1.197,0.507-2.165,0.832-3.754,1.354l-1.454,0.479l1.343,0.734 c0.513,0.28,2.322,1.216,4.11,1.497c3.976,0.622,8.45,0.113,11.462-2.599c2.538-2.284,3.37-5.537,3.196-8.919 c-0.024-0.513,0.116-1.002,0.396-1.377C34.756,20.394,36.352,18.205,36.355,18.2z M33.13,20.349 c-0.466,0.623-0.702,1.419-0.658,2.241c0.174,3.412-0.754,6.058-2.76,7.864c-2.343,2.111-6.123,2.94-10.369,2.272 c-0.769-0.12-1.564-0.391-2.222-0.659c1.333-0.458,2.362-0.867,4.024-1.653l2.32-1.099l-2.562-0.163 c-1.227-0.078-2.249-0.675-2.876-1.64c0.333-0.02,0.655-0.073,0.976-0.162l2.443-0.68l-2.465-0.604 c-1.196-0.294-1.879-1.01-2.24-1.559c-0.237-0.36-0.393-0.731-0.486-1.071c0.247,0.067,0.535,0.113,0.999,0.159l2.28,0.226 l-1.808-1.41c-1.302-1.016-1.824-2.541-1.441-4.008c4.062,4.215,8.833,3.897,9.314,4.009c-0.107-1.025-0.109-1.029-0.137-1.127 c-0.615-2.173,0.732-3.277,1.34-3.651c1.271-0.78,3.284-0.897,4.68,0.388c0.303,0.277,0.709,0.387,1.091,0.292 c0.343-0.086,0.624-0.175,0.898-0.273l-0.573,1.636l0.731,0.001C33.494,19.863,33.329,20.084,33.13,20.349z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #1da1f2;
}

.in a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='insta'%3E%3Cg%3E%3Cpath fill='%23333333' d='M17.647,35.401h14.708c1.681,0,3.047-1.366,3.047-3.048V17.646c0-1.681-1.365-3.048-3.047-3.048H17.647 c-1.681,0-3.048,1.367-3.048,3.048v14.709C14.598,34.034,15.965,35.401,17.647,35.401z M15.818,17.646 c0-1.009,0.821-1.829,1.829-1.829h14.708c1.009,0,1.828,0.82,1.828,1.829v14.709c0,1.008-0.819,1.828-1.828,1.828H17.647 c-1.009,0-1.829-0.82-1.829-1.828V17.646L15.818,17.646z'/%3E%3Cpath fill='%23333333' d='M25.001,30.484c3.024,0,5.484-2.46,5.484-5.485c0-3.024-2.46-5.486-5.484-5.486 c-3.025,0-5.485,2.462-5.485,5.486C19.516,28.024,21.976,30.484,25.001,30.484z M25.001,20.733c2.352,0,4.267,1.914,4.267,4.267 c0,2.352-1.915,4.267-4.267,4.267c-2.352,0-4.267-1.914-4.267-4.267C20.734,22.648,22.648,20.733,25.001,20.733z'/%3E%3Cpath fill='%23333333' d='M31.097,20.733c1.009,0,1.828-0.82,1.828-1.828c0-1.009-0.821-1.829-1.828-1.829 c-1.008,0-1.828,0.82-1.828,1.829C29.268,19.913,30.089,20.733,31.097,20.733z M31.097,18.296c0.335,0,0.61,0.273,0.61,0.61 c0,0.335-0.275,0.609-0.61,0.609c-0.337,0-0.611-0.274-0.611-0.609C30.485,18.569,30.76,18.296,31.097,18.296z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: transparent;  
}

.in a:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='insta'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M17.647,35.401h14.708c1.681,0,3.047-1.366,3.047-3.048V17.646c0-1.681-1.365-3.048-3.047-3.048H17.647 c-1.681,0-3.048,1.367-3.048,3.048v14.709C14.598,34.034,15.965,35.401,17.647,35.401z M15.818,17.646 c0-1.009,0.821-1.829,1.829-1.829h14.708c1.009,0,1.828,0.82,1.828,1.829v14.709c0,1.008-0.819,1.828-1.828,1.828H17.647 c-1.009,0-1.829-0.82-1.829-1.828V17.646L15.818,17.646z'/%3E%3Cpath fill='%23ffffff' d='M25.001,30.484c3.024,0,5.484-2.46,5.484-5.485c0-3.024-2.46-5.486-5.484-5.486 c-3.025,0-5.485,2.462-5.485,5.486C19.516,28.024,21.976,30.484,25.001,30.484z M25.001,20.733c2.352,0,4.267,1.914,4.267,4.267 c0,2.352-1.915,4.267-4.267,4.267c-2.352,0-4.267-1.914-4.267-4.267C20.734,22.648,22.648,20.733,25.001,20.733z'/%3E%3Cpath fill='%23ffffff' d='M31.097,20.733c1.009,0,1.828-0.82,1.828-1.828c0-1.009-0.821-1.829-1.828-1.829 c-1.008,0-1.828,0.82-1.828,1.829C29.268,19.913,30.089,20.733,31.097,20.733z M31.097,18.296c0.335,0,0.61,0.273,0.61,0.61 c0,0.335-0.275,0.609-0.61,0.609c-0.337,0-0.611-0.274-0.611-0.609C30.485,18.569,30.76,18.296,31.097,18.296z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: #DD2A7B;  
}

.yt a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='youtube'%3E%3Cg%3E%3Cpath fill='%23333333' d='M17.536,33.58h15.929c1.819,0,3.3-1.479,3.3-3.3V19.72c0-1.82-1.48-3.3-3.3-3.3H17.536 c-1.82,0-3.3,1.48-3.3,3.3V30.28C14.236,32.101,15.716,33.58,17.536,33.58z M15.555,19.72c0-1.092,0.888-1.98,1.98-1.98h15.928 c1.093,0,1.981,0.888,1.981,1.98V30.28c0,1.092-0.889,1.98-1.981,1.98H17.536c-1.092,0-1.98-0.889-1.98-1.98L15.555,19.72 L15.555,19.72z'/%3E%3Cpath fill='%23333333' d='M22.2,20.579v8.971l7.943-4.56L22.2,20.579z M23.519,22.821l3.939,2.188l-3.939,2.261V22.821z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: transparent;
}

.yt a:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='youtube'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M17.536,33.58h15.929c1.819,0,3.3-1.479,3.3-3.3V19.72c0-1.82-1.48-3.3-3.3-3.3H17.536 c-1.82,0-3.3,1.48-3.3,3.3V30.28C14.236,32.101,15.716,33.58,17.536,33.58z M15.555,19.72c0-1.092,0.888-1.98,1.98-1.98h15.928 c1.093,0,1.981,0.888,1.981,1.98V30.28c0,1.092-0.889,1.98-1.981,1.98H17.536c-1.092,0-1.98-0.889-1.98-1.98L15.555,19.72 L15.555,19.72z'/%3E%3Cpath fill='%23ffffff' d='M22.2,20.579v8.971l7.943-4.56L22.2,20.579z M23.519,22.821l3.939,2.188l-3.939,2.261V22.821z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: #FF0000;
}

.li a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='linkedin'%3E%3Cg%3E%3Cpath fill='%23333333' d='M32.322,14.643H17.679c-1.674,0-3.035,1.36-3.035,3.035v14.644c0,1.672,1.36,3.034,3.035,3.034h14.644 c1.673,0,3.033-1.36,3.033-3.034V17.677C35.355,16.002,33.995,14.643,32.322,14.643z M34.143,32.32c0,1.004-0.817,1.82-1.822,1.82 H17.679c-1.004,0-1.82-0.817-1.82-1.82V17.677c0-1.004,0.817-1.82,1.82-1.82h14.644c1.003,0,1.82,0.817,1.82,1.82V32.32 L34.143,32.32z'/%3E%3Cpath fill='%23333333' d='M18.298,31.707h3.646v-8.589h-3.646V31.707z M19.515,24.333h1.215v6.158h-1.215V24.333z'/%3E%3Cpath fill='%23333333' d='M28.025,23.118c-0.002,0-0.002,0-0.003,0c-0.42,0-0.828,0.071-1.218,0.208v-0.208h-3.644v8.589h3.644 v-4.335c0-0.334,0.276-0.608,0.611-0.608c0.333,0,0.606,0.274,0.606,0.608v4.335h3.648v-4.754 C31.668,24.986,30.073,23.12,28.025,23.118z M30.453,30.491h-1.215v-3.119c0-1.006-0.818-1.822-1.823-1.822 s-1.824,0.817-1.824,1.822v3.119h-1.214v-6.158h1.214v1.217l0.974-0.73c0.424-0.318,0.928-0.486,1.458-0.486h0.003 c1.294,0.001,2.43,1.225,2.43,2.619v3.538H30.453z'/%3E%3Cpath fill='%23333333' d='M18.298,21.902h3.646v-3.646h-3.646V21.902z M19.515,19.471h1.215v1.216h-1.215V19.471z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: transparent;
}

.li a:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg id='linkedin'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M32.322,14.643H17.679c-1.674,0-3.035,1.36-3.035,3.035v14.644c0,1.672,1.36,3.034,3.035,3.034h14.644 c1.673,0,3.033-1.36,3.033-3.034V17.677C35.355,16.002,33.995,14.643,32.322,14.643z M34.143,32.32c0,1.004-0.817,1.82-1.822,1.82 H17.679c-1.004,0-1.82-0.817-1.82-1.82V17.677c0-1.004,0.817-1.82,1.82-1.82h14.644c1.003,0,1.82,0.817,1.82,1.82V32.32 L34.143,32.32z'/%3E%3Cpath fill='%23ffffff' d='M18.298,31.707h3.646v-8.589h-3.646V31.707z M19.515,24.333h1.215v6.158h-1.215V24.333z'/%3E%3Cpath fill='%23ffffff' d='M28.025,23.118c-0.002,0-0.002,0-0.003,0c-0.42,0-0.828,0.071-1.218,0.208v-0.208h-3.644v8.589h3.644 v-4.335c0-0.334,0.276-0.608,0.611-0.608c0.333,0,0.606,0.274,0.606,0.608v4.335h3.648v-4.754 C31.668,24.986,30.073,23.12,28.025,23.118z M30.453,30.491h-1.215v-3.119c0-1.006-0.818-1.822-1.823-1.822 s-1.824,0.817-1.824,1.822v3.119h-1.214v-6.158h1.214v1.217l0.974-0.73c0.424-0.318,0.928-0.486,1.458-0.486h0.003 c1.294,0.001,2.43,1.225,2.43,2.619v3.538H30.453z'/%3E%3Cpath fill='%23ffffff' d='M18.298,21.902h3.646v-3.646h-3.646V21.902z M19.515,19.471h1.215v1.216h-1.215V19.471z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: #2867b2;
}

/* ------------ WCAG PRZYCISKI ------------ */

#wcag {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
  width: 50%;   
}

.kontrast-pelny {
  display: none;
}

.ct2 {
  display:none;
}

@media (min-width: 992px) {
.skiptresc a,
.contrast a,
.czcionka-plus a,
.czcionka-normal a,
.czcionka-minus a {
  background-size: 40px 40px;
  display: flex;
  align-items: center; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-repeat: no-repeat;
  text-decoration: none; 
  height: 40px;  
}

.skiptresc a {
	padding-left: 40px;
	width: 120px;
	color: #999999;	
}

.contrast a {
	padding-left: 40px;
	width: 110px;
	color: #999999;
}

.czcionka-plus a,
.czcionka-normal a,
.czcionka-minus a {
	width: 40px;
}

.skiptresc a span,
.contrast a span {
	font-size: 11px;
	font-weight: 300;
	text-transform: uppercase;
}

#lewa {
  height: 40px;
  display: flex;
  width: 80%;
}
}

@media (max-width: 991px) {
.skiptresc a,
.contrast a,
.czcionka-plus a,
.czcionka-normal a,
.czcionka-minus a {
  width: 30px;
  height: 30px;
  background-size: 30px 30px; 
  display: block; 
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.skiptresc a span,
.contrast a span,
span.wcagtxt {
	display: none;
}

.skiptresc a {
  padding-left: 0px;
  width: 30px;
}

.contrast a {
  padding-left: 0px;
  width: 30px;
}

#lewa {
  height: 30px;
  width: 100%;
  padding-right: 0px;
  display: flex;
}
}

.skiptresc a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1_1_'%3E%3Cg id='svg_2_1_'%3E%3Cpath id='svg_3_1_' fill='%23333333' stroke='%23333333' stroke-width='0.25' d='M17.982,14.665v21.667l7.007-6.141l7.073,6.141 V14.665H17.982z M30.792,33.35l-5.804-4.928L19.25,33.35V15.934h11.54V33.35H30.792z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.contrast a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23333333' d='M32.307,17.694c-1.955-1.954-4.555-3.03-7.318-3.03c-2.763,0-5.36,1.076-7.316,3.03 c-1.953,1.954-3.028,4.552-3.028,7.315s1.076,5.361,3.03,7.316c1.954,1.954,4.551,3.028,7.316,3.028 c2.763,0,5.362-1.074,7.315-3.028c1.955-1.955,3.028-4.554,3.028-7.316C35.334,22.247,34.26,19.648,32.307,17.694z M16.25,25.009 c0-4.591,3.557-8.36,8.058-8.715v17.43C19.807,33.369,16.25,29.601,16.25,25.009z'/%3E%3C/svg%3E");
}

.contrast a:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23ffff00' d='M32.307,17.694c-1.955-1.954-4.555-3.03-7.318-3.03c-2.763,0-5.36,1.076-7.316,3.03 c-1.953,1.954-3.028,4.552-3.028,7.315s1.076,5.361,3.03,7.316c1.954,1.954,4.551,3.028,7.316,3.028 c2.763,0,5.362-1.074,7.315-3.028c1.955-1.955,3.028-4.554,3.028-7.316C35.334,22.247,34.26,19.648,32.307,17.694z M16.25,25.009 c0-4.591,3.557-8.36,8.058-8.715v17.43C19.807,33.369,16.25,29.601,16.25,25.009z'/%3E%3C/svg%3E");
	background-color: #000000;
	color: #ffff00;
}

.czcionka-plus a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23333333' d='M25.843,29.037h-8.497l-1.763,5.23h-1.965l6.763-19.363h2.514l6.792,19.363h-2.053L25.843,29.037z M25.294,27.39l-3.642-10.665h-0.145L17.896,27.39H25.294z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23333333' d='M36.479,25.98H33.17v3.365h-1.42V25.98h-3.326v-1.363h3.326v-3.366h1.42v3.366h3.309V25.98z'/%3E%3C/g%3E%3C/svg%3E");
}

.czcionka-normal a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23333333' d='M25.843,29.037h-8.497l-1.763,5.23h-1.965l6.763-19.363h2.514l6.792,19.363h-2.053L25.843,29.037z M25.294,27.39l-3.642-10.665h-0.145L17.896,27.39H25.294z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23333333' d='M32.464,23.688c0.872,0,1.582,0.709,1.582,1.582c0,0.872-0.71,1.582-1.582,1.582s-1.582-0.71-1.582-1.582 C30.882,24.398,31.592,23.688,32.464,23.688 M32.464,22.188c-1.702,0-3.082,1.38-3.082,3.082s1.38,3.082,3.082,3.082 s3.082-1.38,3.082-3.082S34.166,22.188,32.464,22.188L32.464,22.188z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: transparent;
}

.czcionka-minus a {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23333333' d='M25.843,29.037h-8.497l-1.763,5.23h-1.965l6.763-19.363h2.514l6.792,19.363h-2.053L25.843,29.037z M25.294,27.39l-3.642-10.665h-0.145L17.896,27.39H25.294z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23333333' d='M36.479,25.98H33.17v-0.012h-1.42v0.012h-3.326v-1.363h3.326v-0.009h1.42v0.009h3.309V25.98z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: transparent;
}

.czcionka-plus a:hover,
.czcionka-normal a:hover,
.czcionka-minus a:hover,
.skiptresc a:hover {
	background-color: #cccccc;
}


.wcag a:focus {
	outline: 2px solid #ffffff;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* ------------ pasek header ------------ */

@media (min-width: 576px) {
#menu-mobile {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}
}

@media (max-width: 575px) {
#menu-mobile {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 11;
}
}

/* ------ szukaj ------ */

.szukaj {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
}

@media (min-width: 576px) {
.szukaj-button {
	background-color: transparent;
	color: #555555;
	text-transform: uppercase;
	border: 0px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	padding: 0px;
}
}

@media (max-width: 575px) {
.szukaj-button {
	display: none;
}
}

.szukaj-input {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #cccccc;
	padding: 6px 0px 6px 6px;
	outline: none;
	width: 200px;
}


/*-------------------------------------------------//menu desktop//------------------------------------------------------------*/
.menu-kolor {
	background-color: #f0f0f0;
	position: sticky;
	top: 0;
	z-index: 10;
}

@media (min-width: 992px) {
#menu {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.main-menu.szary {
	background-color: #0036BF;
}

.main-menu {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	display: flex;
	padding: 0px;
	margin: 0px;
	position: sticky;
}

#menu ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  width: min-content;
}

.main-menu ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#menu ul ul ul {
  left: -999em;
  top: 0;
}

#menu ul ul li:hover > ul,
#menu ul ul li.focus > ul {
  left: 100%;
}

#menu ul ul a {
  width: 160px;
}

#menu ul li:hover > ul,
#menu ul li.focus > ul {
  left: auto;
}

.main-menu li {
  float: left;
  position: relative;
  list-style-type: none;
}

/*wybierasz dany item z menu i pozostaje zhoverowany na wybranej podstronie*/
#menu ul li .current-menu-item,
#menu ul li .current-menu-item a {
  color: #ffffff;
  background-color: #203864;
}

#menu ul li .current-menu-item:hover,
#menu ul li .current-menu-item a:hover {
  color: #ffffff;
  background-color: #203864;
}

#menu .current-menu-item a:after {
  color: #333;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #333333;
  position: absolute; 
  transition: 0.5s ease-in-out;
}

#menu .current-menu-item ul li a {
  color: #333333;
  background-color: #ffffff;
}

#menu .current-menu-item ul li a:hover {
  color: #333333;
  background-color: #ebebeb;
}

/*item z glownego menu pozostaje zhoverowany nawet gdy wybierzesz item z submenu*/
.main-menu .current-page-ancestor > a:after,
.main-menu .current-page-ancestor:hover > a:after {
  color: #333;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute; 
  transition: 0.5s ease-in-out;
}

/*najezdzasz na item z submenu, ale item z menu glownego pozostaje shoverowany*/
.main-menu ul li:hover > a {
  color: #ffffff;
  background-color: #F52F64;  
}

.main-menu ul li li:hover > a {
  color: #ffffff;
}

.main-menu a {
  font-family: 'Roboto', sans-serif;
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: 400;
  padding: 20px 0px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
}

.main-menu a:after {
  color: #333;
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  background-color: #305372;
  position: absolute; 
  transition: 0.2s ease-in-out;
  margin-top: 3px;
}

.main-menu a:hover:after {
  width: 100%;
} 

.main-menu ul li a:hover {
  color: #ffffff;
}  

#menu ul ul li a {
  display: block;
  background-color: #ffffff;
  color: #333333;
  font-weight: 400;
  padding: 12px 16px 12px 16px;
  transition: 0.3s;
  font-size: 16px;
  line-height: 22px;
}

#menu ul li li a::after {
  transition: none;
  transform: none;
  height: 0px !important;
  background: none;
}

#menu ul li li a:hover {
  color: #4d4d4f;
  background-color: #EBEBEB;
}

.main-menu a:active {
  background-color: transparent;
}

.main-menu li a:focus {
outline: 2px dotted #ffffff;
}

.menu-toggle {
  display: none;
}

.main-menu ul {
  display: block;
}
  
#main {
  display: none;
}
  
.mobilemenubutton {
  display: none;
}
}

@media (max-width: 991px) {
#menu {
	display: none;
}
}


/*----------------------------------------------------- strona glowna - baner ------------------------------------------*/


.main-baner {
  width: 100%;
  height: 500px;
	background: rgb(52,87,119);
	background: linear-gradient(-90deg, rgba(52,87,119,1) 0%, rgba(0,32, 56, 100) 100%);
}

.main-baner-box {
  display: flex;
  flex-direction: row;
  height: 500px;
}

.main-baner-nazwa {
	width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 50px;
  flex-direction: column;
}

.main-baner-nazwa span {
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-size: 1.4vw;
  font-weight: 300;
  line-height: 2vw;
}

.main-baner-foto {
	width: 100%;
}

.main-baner-foto-foto {
	position: relative;
	top:60px;
	left: 60px;
}

.szerokosc-full {
	width: 80%;
}

@media (max-width: 992px) {
.main-baner {
  width: 100%;
  height: 500px;
	background: rgb(52,87,119);
	background: linear-gradient(-90deg, rgba(52,87,119,1) 0%, rgba(0,32, 56, 100) 100%);
}

.szerokosc-full {
	width: 100% !important;
}

.main-baner-box {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  position: relative;
  height: 500px;
  padding: 50px 0;
  box-sizing: border-box;
  gap: 16px;
}

.main-baner-nazwa {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 10;
	padding: 0 24px;
  box-sizing: border-box;
}

.main-baner-nazwa span {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 3vw;
}

.main-baner-foto {
  width: 100%;
}
	.main-baner-foto-foto {
		top:20px;
		left: 10px;
		width: 150px;
		height: 150px;
	}
}

.main-page-title {
  font-family: 'Roboto', sans-serif;
  color: #23AED9;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 36px;
  margin: 50px 0px;
}


@media (min-width: 768px) {

.aktualnosci {
  width: 100%;
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 60px;
  justify-content: space-between;
  margin-top: 42px;
}

.kontener-szkoly {
  display: block;
  margin: 0 auto;
  width: 63%;
}

.wiecej-wew {
  font-size: 9px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  transition: 0.3s ease-in-out;
	position: absolute;
  bottom: 30px;
}

.wiecej {
  font-size: 8px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  transition: 0.3s ease-in-out;
  position: absolute;
  bottom: 10%;
}


.niebieski-b {
  background-color: #0083c6;
}

.szary-b {
  background-color: #747e80;
}
}



@media (max-width: 767px) {

.aktualnosci {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  justify-content: space-between;
  grid-gap: 40px;
}

.wiecej {
  font-size: 8px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
}

.wiecej-wew {
  font-size: 9px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;

}

.niebieski-b {
  background-color: #0083c6;
}

.szary-b {
  background-color: #747e80;
}
}








a.aktualnosc-lista {
  padding-bottom: 25px;
  margin-top: 15px;
  display: block;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  font-size: 0px;
  padding-top: 35px;
}

@media (max-width: 567px) {
	a.aktualnosc-lista {
	text-align: center;	
	padding: 35px 20px 25px 20px
	}
	
	.main-baner-foto-foto {
		top:20px;
	}
}

a.aktualnosc-lista:hover > .readmore{
  color: #333333;
}

.data {
  color: #575757;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
}

.aktualnosc-tytul {
  font-family: 'Roboto', sans-serif;
  color: #203864;
  font-size: 22px;
  font-weight: 500;
  margin-right: 15px;
  margin-top: 12px;
  transition: 0.2s ease-in-out;
  /*height: 55px;*/
  outline: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-decoration: none;
}

.aktualnosc-tytul-wew {
  font-family: 'Roboto', sans-serif;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  margin-right: 15px;
  margin-top: 6px;
  transition: 0.2s ease-in-out;
  display: inline-block;
}

.zajawka {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 98px;
}

.readmore {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  color: #236067;
  font-weight: 700;
  transition: 0.2s ease-in-out;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}


/*-----------------------------------------------------kontakt - stopka ------------------------------------------*/

footer {
  margin-top: 75px;
}

.kontakt {
	width: 100%;
	height: auto;
	background-color: #ffffff;
}

.stopka a {
  text-decoration: none;
	color: #111111;
}

.adres-headline {
	text-transform: uppercase;
	font-weight: 700;
}



@media (min-width: 768px) {
.stopka {
	display: flex;
	width: 100%;
  height: 500px;
	flex-direction: row;
	align-items: center;
	background-color: #f0f0f0;
}
	
.adres {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: 'Lato', sans-serif;
  line-height: 18px;
  font-size: 14px;
  color: #111111;
}

.adres img {
	padding: 15px 30px;
	width: 125px;
}

.mapa {
  width: 50%;
  height: 100%;
}

.adresy {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dostepnosc {
	width: 80%;
	padding: 30px 0px 30px 0px;
	flex-direction: row;
	align-items: center;
	font-size: 12px;
	display: flex;
	margin: 0 auto;
}
	
.dostepnosc a {
	color: #333333;
	margin-right: 30px;
}
}

@media (max-width: 767px) {
.stopka {
	display: flex;
	width: 100%;
	padding: 5px;
	flex-direction: column;
	align-items: center;
	background-color: #f0f0f0;	
}
	
.adres {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Lato', sans-serif;
  line-height: 18px;
  font-size: 14px;
  color: #111111;
	text-align: center;
	padding-bottom: 30px;
}

.adres img {
	padding: 15px 30px;
	width: 100px;
}	
	
.mapa {
	display: none;
}

.dostepnosc {
	display: flex;
	width: 100%;
	padding: 10px;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
}
	
.dostepnosc a {
	color: #333333;
	padding: 10px;
}
}

@media (min-width: 567px) {
.umedstopka {
	margin-left: auto;
}
}

@media (max-width: 566px) {
.umedstopka {
	text-align: center;
	padding: 20px;
	font-size: 10px;
}
}

/*-------------------------------------------- strony i posty ----------------------------------------------------*/

.entry-meta {
  padding: 10px 30px 0px 0px;
  font-size: 12px;
  list-style: none;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ffffff;
  font-weight: 700;
}

.postarea a {
	color: #203864;
	text-decoration: none;
}

.postarea {
	color: #333333;
	font-weight: 300;
}

.postarea ol li {
	padding: 2px 0px 2px 0px;
	margin-left: 8px;
	line-height: 26px;
	font-size: 16px;
}

.postarea ul li {
	padding: 2px 0px 2px 0px;
	margin-left: 8px;
	list-style-type: none;
	line-height: 26px;
	font-size: 16px;
}

.postarea a:hover {
	text-decoration: underline;
}

.postarea ul li:before,
.postarea ul li li:before{
	content: "▪";
  position: absolute;
  font-size: 10px;
  color: #203864;
  margin-left: -10px;
  display: block;
}


@media (min-width: 768px) {
.postarea {
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-bottom: 80px;
}
	
.tytul-wys {
  width: 100%;
}		

.entry-header {
	z-index: 1;
	position: relative;
	overflow: hidden;
}

.entry-header-post {
	object-fit: cover;
	pointer-events: none;
}

h1.entry-title-page,
h1.entry-title-post {
	font-family: 'Trajan Pro Regular', sans-serif;
  font-size: 30px;
  color: #203864;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 60px;
  position: relative;
}

h1.entry-title-page:after {
  content: '';
  height: 1px;
  width: 140px;
  background-color: #3FADB9;
  position: absolute;
  bottom: -16px;
  left: 0;
}

.odstep-kontakt {
	padding-top: 50px;
	padding-bottom: 50px;
}

p.akadem {
	line-height: 1.6rem;
	font-size: 1rem;
	color: #333333;
	font-weight: 300;
	width: 100%;
}	
}
  
@media (max-width: 767px) {
.postarea {
	width: 85%;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 40px;
	padding-top: 20px;
	border-top: 1px solid #23AED9;
}

.entry-header {
	z-index: 1;
	position: relative;
	overflow: hidden;
}
	
h1.entry-title {
	font-size: 2rem;
	color: #333333;
}
	
.tytul-wys {
	height: 110px;
	margin-bottom: 0px;
	padding-left: 30px;	
}	

h1.entry-title-post,
h1.entry-title-page {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #203864;
	font-weight: 600;
	line-height: 30px;
}

.entry-header-post {
 	padding-top: 20px;
  padding-bottom: 35px;
  background-color: #333333;
  margin-bottom: 20px;
}

.odstep-kontakt {
  padding-top: 20px;
  padding-bottom: 20px;
}
	
p.akadem {
	line-height: 1.2rem;
	font-size: 0.9rem !important;
	color: #333333;
	font-weight: 300;
	width: 100%;
}		
}

/*-------------------------------------------- sidebar ----------------------------------------------------*/

@media (min-width: 768px) {
.sidearea {
  width: 30%;
  padding-top: 45px;
}
}

@media (max-width: 767px) {
.sidearea {
  display: none;
}
}

h3.widget-title {
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 20px;
}

/*-------------------------------------------//strona błędu 404//-------------------------------------------*/
.page-title-404 {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
}

.goto {
	font-size: 0.9rem;
	color: #025FDF;
	padding-top: 1.2rem;
	font-weight: 500;
	display: block;
}

.goto a {
	color: #025FDF;
}

.podstrona-box {
	position: absolute;
  top: 0;
}


/*--- efekt slide down - klasa "tile" ---*/

.come-in {
  transform: translateY(250px);
  animation: come-in 0.8s ease forwards;
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}


/* --- Pracownicy --- */

.zespol-box {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	justify-content: space-between;
	column-gap: 50px;
}

.pracownik {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 40px;
}

.kierownik {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 40px;
}

.tytul-kierownik {
	text-transform: uppercase;
}

.pracownik-dane {
  text-align: left;
  font-size: 1rem;
}

.kadra-foto-wew {
	padding: 50px 0px 50px 0px;
  width: auto;
}

.kadra-foto-wew img {
  width: 200px;
  height: 200px;
	border-radius: 200px;
  transition: 0.3s ease;
  border: 1px solid #ddd;
  padding: 15px;
	max-width: inherit;
	margin-right: 50px;
}

.kadra-foto {
	display: flex;
	justify-content: flex-start;
	width: fit-content;
}

.kierownik-foto {
	display: flex;
	width: auto;
}

.kierownik-foto a img {
	border-radius: 200px;
	transition: 0.3s ease;
	border: 1px solid #ddd;
	padding: 20px;
	object-fit: cover;
}

.kadra-foto a img {
	border-radius: 200px;
	transition: 0.3s ease;
	border: 1px solid #ddd;
	padding: 15px;
}

.kadra-foto a img:hover,
.kierownik-foto a img:hover {
	opacity: 0.8;
}

.pracownicy-pasek {
	padding: 10px 30px 0px 0px;
	font-size: 14px;
	list-style: none;
	border-radius: 4px;
	text-transform: uppercase;
	color: #333;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.pracownicy-pasek a {
	color: #333333;
}

.tytul-naukowy-pasek {
	padding: 10px 30px 0px 0px;
	font-size: 1.8rem;
	list-style: none;
	border-radius: 4px;
	text-transform: none;
	color: #3FADB9;
	font-weight: 400;
}

.byli-pracownicy {
	justify-content: center;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 992px) {
.pracownik {
	width: fit-content;
}
	
.kierownik {
	width: 100%;
	flex-direction: row;
	align-items: center;
}

.kierownik-box {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	padding-left: 30px;
}

a.pracownik-email {
	font-size: 12px;
	color: #203864;
	text-align: center;
	width: auto;
}

a.kierownik-email {
	font-size: 12px;
	color: #203864;
	text-align: left;
	width: 100%;
	margin: 8px 0 16px 0;
}

h2.pracownik-nazwisko {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 8px;
	color: #333333;
	line-height: 1.2rem;
	width: 160px;
	padding-left: 20px;
	padding-right: 20px;
}
	
h2.kierownik-nazwisko {
  font-size: 28px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
  color: #333333;
  line-height: 34px;
  width: 100%;
  padding-right: 20px;
  margin-top: 0px;
}
	
.kierownik-foto {
	justify-content: flex-start;
}	
	
.kierownicy-box {
	margin-bottom: 50px;
}

.tytul-naukowy {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 200px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #333333;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 35px;
}
	
.tytul-kierownik {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	display: block;
	width: 100%;
	color: #333333;
	padding-bottom: 10px;
}

.zespol-box {
  padding: 20px 50px 0 0;
}

.kadra-foto a img {
  width: 170px;
  height: 170px;
	max-width: inherit;
}
	
.kierownik-foto a img {
  width: 240px;
  height: 240px;
	max-width: inherit;	
}

.line {
	border-right: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	position: relative;
	margin-bottom: 60px;
}

h2.subtitle {
	color: #203864;
  margin-top: -15px;
  background-color: #fff;
  width: fit-content;
  padding-right: 20px;
}
}

@media (max-width: 991px) and (min-width: 768px) {
.pracownik {
	width: 23%; 
	padding-left: 5%;
	padding-right: 5%;
	flex-direction: column;	
}
	
.kierownik-foto {
	justify-content: flex-start;
}		
	
.kierownik {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

.kierownik-box {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	padding-left: 30px;
}
	
h2.pracownik-nazwisko {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	color: #333333;
	line-height: 1.4rem;
	width: 180px;
	padding-right: 0px;
	margin-top: 0px;
}
	
h2.kierownik-nazwisko {
  font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
	color: #333333;
	line-height: 1.6rem;
	width: 100%;
	padding-right: 20px;
	margin-top: 0px;
}	

a.pracownik-email {
	font-size: 11px;
	color: #203864;
	text-align: center;
	width: 182px;
	margin: 8px 0 10px 0;
}

a.kierownik-email {
	font-size: 12px;
	color: #203864;
	text-align: left;
	width: 100%;
	margin: 8px 0 16px 0;
}

.tytul-naukowy {
	font-size: 0.8rem;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 186px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #333333;
}	
	
.zespol-box {
  padding: 85px 0;
}
	
.kadra-foto a img {
  width: 150px;
  height: 150px;
	max-width: inherit;
}
	
.kierownik-foto a img {
  width: 210px;
  height: 210px;
	max-width: inherit;
}
	
.tytul-kierownik {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	display: block;
	width: 100%;
	color: #333333;
	padding-bottom: 10px;
}

.line {
	border-right: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	position: relative;
	margin-bottom: 60px;
}

h2.subtitle {
	color: #203864;
  margin-top: -15px;
  background-color: #fff;
  width: fit-content;
  padding-right: 20px;
}
}

@media (max-width: 767px) and (min-width: 576px) {
.pracownik {
  width: 30%;
  padding-left: 10%;
  padding-right: 10%;
  flex-direction: column;	
}
	
.kierownik-foto {
	justify-content: center;
}		
	
.kierownik {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  flex-direction: column;
}

a.pracownik-email {
	font-size: 11px;
	color: #203864;
	text-align: center;
	width: 166px;
	margin: 8px 0 3px 0;
}

a.kierownik-email {
	font-size: 12px;
	color: #203864;
	text-align: center;
	width: 100%;
	margin: 8px 0 10px 0;
}

.kierownik-box {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
}

h2.pracownik-nazwisko {
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 8px;
  width: 150px;
  color: #333333;
  line-height: 1.2rem;
  width: 166px;
}
	
h2.kierownik-nazwisko {
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
	color: #333333;
	line-height: 1.7rem;
	width: 100%;
	padding-right: 20px;
	margin-top: 0px;
}		

.tytul-naukowy {
	font-size: 0.7rem;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 166px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #333333;
}	
	
.zespol-box {
  padding: 85px 0;
}

.kadra-foto a img {
  width: 130px;
  height: 130px;
	max-width: inherit;	
}
	
.kierownik-foto a img {
  width: 180px;
  height: 180px;
	max-width: inherit;	
}	
	
.tytul-kierownik {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 10px;
	color: #333333;
	padding-bottom: 10px;
}

.line {
	border-right: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	position: relative;
	margin-bottom: 60px;
}

h2.subtitle {
	color: #203864;
  margin-top: -15px;
  background-color: #fff;
  width: fit-content;
  padding-right: 20px;
}
}

@media (max-width: 575px) {
.pracownik {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  flex-direction: column;	
  align-items: center;
}
	
.kierownik-foto {
	justify-content: center;
}			

.kierownik {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  flex-direction: column;	
}

a.pracownik-email {
	font-size: 12px;
	color: #203864;
	text-align: center;
	width: 152px;
	margin: 8px 0 3px 0;
}

a.kierownik-email {
	font-size: 12px;
	color: #203864;
	text-align: center;
	display: block;
	width: 100%;
	margin: 8px 0 16px 0;
}
	
h2.kierownik-nazwisko {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  color: #333333;
  line-height: 1.7rem;
  width: 100%;
  padding-right: 20px;
  margin-top: 0px;
}		

.tytul-naukowy {
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 152px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #333333;
}	
	
h2.pracownik-nazwisko {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 8px;
  width: 150px;
  color: #333333;
  line-height: 20px;
  width: 152px;
}		

.zespol-box {
	padding: 20px 0;
	justify-content: center !important;
}
	
.kadra-foto a img {
	width: 120px;
	height: 120px;
	max-width: inherit;	
}

.kierownik-foto a img {
  width: 160px;
  height: 160px;
	max-width: inherit;	
}
	
.tytul-kierownik {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 16px;
	color: #333333;
	padding-bottom: 10px;
}
	
.kierownik-box {
	padding-left: 0px !important;
}	
	
h2.byli {
	font-size: 18px !important;
}

.line {
	border-right: none;
	border-top: none;
	position: relative;
	margin-bottom: 60px;
}

h2.subtitle {
	color: #203864;
	font-size: 21px;
  width: 100%;
  padding-right: 0;
  text-align: center;
}
}

h2.sekcjapracownik {
  padding-bottom: 12px;
  font-size: 18px;
  display: block;
  margin-top: 60px;
  position: relative;
}

h2.sekcjapracownik:after {
  content: '';
  height: 1px;
  width: 100px;
  background-color: #3FADB9;
  position: absolute;
  bottom: 0;
  left: 0;
}


.contacthead {
	margin-left: auto;
	align-items: center;
	display: flex;
}

.phoneicon {
	background-image: url('/wp-content/themes/pulmonologia/inc/phone.svg');
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
	margin-right: 10px;
}

.phonetxt {

}

.contactfirst {
	text-transform: uppercase;
	font-size: 13px;
	color: #333333;
}

a.contactsecond {
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}

@media only screen and (max-width: 992px) {
.contactfirst {
	font-size: 11px;
}

a.contactsecond {
	font-size: 16px;
}

.phoneicon {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}
}

@media only screen and (max-width: 576px) {
	.contacthead {
		display: none;
	}
}

main {
	background-image: url('/wp-content/themes/pulmonologia/inc/panda.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.thumbphoto {
  margin-bottom: 16px;
  overflow: hidden;
}

.thumbphoto a img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.2s ease-in-out;
}

.thumbphoto a img:hover {
  transform: scale(1.05);
}




/* --- organizacje --- */

.organizacje {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 32px;
  box-sizing: border-box;
  flex-direction: column;
  margin: 50px auto 0 auto;
  border-top: 1px solid #ccc;
}

.organizacje:last-child {
  border-bottom: 0px;
}


@media (min-width: 992px) {
.org {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0px;
}
}

@media (max-width: 991px) {
.org {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px 0px;
}
}

.org-list img {
  width:300px;
  object-fit: cover;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
}

.org-list {
  display: block;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  font-size: 0px;
}
}

@media (max-width: 567px) {
.org-list {
  text-align: center; 
  padding: 35px 20px 25px 20px
}
}





/* -- menu mobile -- */

#qodef-page-custom-mobile-header {
  display: none;
  z-index: 100;
  height: 70px;
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
#qodef-page-custom-mobile-header {
  display: block;
}
}

#qodef-page-custom-mobile-header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 27px;
  background-color: #f2f2f2;
  flex-direction: row;
}
.qodef-custom-mobile-header-opener {
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
  line-height: 1;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  margin-left: 20px;
}

.qodef-custom-mobile-header-opener svg {
  display: block;
  width: 21px;
  height: auto;
  margin: 3px;
}

.qodef-custom-mobile-header-opener svg .qodef--initial {
  fill: none;
  stroke: #1e1e1e;
}

.qodef-custom-mobile-header-opener :focus {
  outline: 1px solid #1e1e1e;
}

.qodef-custom-mobile-header-navigation {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  max-height: calc(100vh - 70px);
  background-color: #fff;
  padding: 0;
  margin: 0;
  z-index: 1000;
}
.qodef-custom-mobile-header-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.qodef-custom-mobile-header-navigation ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2;
  transition: 0.2s ease-in-out;
}

.qodef-custom-mobile-header-navigation ul li:last-child {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 0px solid #f2f2f2;
  transition: 0.2s ease-in-out;
}

.qodef-custom-mobile-header-navigation ul li a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #333333;
  text-decoration: none;
  width: calc(100% - 26px);
  padding: 14px 0;
}

.qodef-custom-mobile-header-navigation ul li .qodef-mobile-menu-item-icon {
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 1;
  color: #333333;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.qodef-custom-mobile-header-navigation ul li .qodef-mobile-menu-item-icon svg {
  display: block;
  width: 7px;
  height: auto;
  fill: #1e1e1e;
  transform: rotate(0);
  transition: transform 0.3s ease;
}

.qodef-custom-mobile-header-navigation ul li .qodef-mobile-menu-item-icon :hover, .qodef-custom-mobile-header-navigation ul li ul li > a :hover, .qodef-custom-mobile-header-navigation ul li ul li.current-menu-ancestor > a, .qodef-custom-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-custom-mobile-header-navigation > ul > li > .qodef-mobile-menu-item-icon {
  color: #1e1e1e;
}

.qodef-custom-mobile-header-navigation ul li .qodef-mobile-menu-item-icon :focus {
  outline: 1px solid #1e1e1e;
}

.qodef-custom-mobile-header-navigation ul li ul {
  display: none;
  width: 100%;
}

/*.qodef-custom-mobile-header-navigation ul li ul li {
  margin: 8px 0;
}*/

.qodef-custom-mobile-header-navigation ul li.qodef--opened > .qodef-mobile-menu-item-icon svg {
  transform: rotate(90deg);
}

.qodef-custom-mobile-header-navigation > ul {
  margin: 0 auto;
  /*padding: 22px 50px;*/
}

.qodef-custom-mobile-header-navigation > ul > li > a {
  font-size: 17px;
  line-height: 1.53em;
  font-weight: 400;
  width: calc(100% - 26px);
  padding: 12px 0;
  text-decoration: none;
}

.qodef-custom-mobile-header-navigation > ul > li > .qodef-mobile-menu-item-icon :hover {
  color: #a8a7a7;
}

@media only screen and (max-width: 557px) {
	.main-baner-foto-foto {
		top: -20px;
	}
}

/*.qodef-custom-mobile-header-navigation > ul > li > ul > li :first-child {
  padding-top: 9px;
}*/