@charset "UTF-8";

/*
Theme Name: Aneta Pisz
Author: HEDEA
Author URI: https://hedea.pl/
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0
Description: Projekt - Wiktoria Czarnecka - wyobraznia.net
*/

@font-face {
	font-family: 'Font_Awesome_Brands';
	font-style: normal;
	font-weight: normal;
	src: url("fonts/fa-brands-400.eot");
	src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }
  @font-face {
	font-family: 'Font_Awesome_Regular';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/fa-regular-400.eot");
	src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); }
  @font-face {
	font-family: 'Font_Awesome_Solid';
	font-style: normal;
	font-weight: 900;
	src: url("fonts/fa-solid-900.eot");
	src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }
  @font-face {
	font-family: 'Font_Awesome_Light';
	font-style: normal;
	font-weight: 900;
	src: url("fonts/fa-light-300.eot");
	src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("fonts/fa-light-300.woff2") format("woff2"), url("fonts/fa-light-300.woff") format("woff"), url("fonts/fa-light-300.ttf") format("truetype"), url("fonts/fa-light-300.svg#fontawesome") format("svg"); }

*, *:after, *:before { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'PT Serif', serif; }
header { width: 100%; background: #F7F0E3; padding: 15px 10px; position: fixed; z-index: 9999!important; top: 0; left: 0; transition: .4s; }
header.scroll { 
	-webkit-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.45); 
}
.header-content { max-width: 1450px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; }
.header-content .menu-container { display: flex; flex-direction: row; gap: 50px; align-items: center; }
.header-content .menu-container .social-icons-container { display: flex; flex-direction: row; justify-content: end; align-items: center; gap: 10px; }
.header-content .menu-container .social-icons-container a { text-decoration: none; color: #4D4D4D; font-size: 21px; padding: 10px 5px; transition: .4s; }
.header-content .menu-container .social-icons-container a:hover { color: #5BB6B9; }
main { padding-top: 100px; }

@media only screen and (min-width: 1050px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-family: 'Fraunces', serif!important; transition: .4s!important; position: relative!important; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before { content: ''; border-bottom: 2px solid #5BB6B9!important; position: absolute!important; bottom: 0!important; left: 0!important; transition: .3s!important; width: 0!important; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before { width: 100%!important; }

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-family: 'Fraunces', serif!important; background: #F7F0E3!important; text-transform: uppercase!important; transition: .4s!important; }

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { color: #000!important; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before {
		content: ''; border-bottom: 2px solid #5BB6B9!important; position: absolute!important; bottom: 0!important; left: 0!important; width: 0!important; transition: .4s!important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover::before { width: 100%!important; }

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::before,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link::before { content: ''; border-bottom: 2px solid #5BB6B9!important; position: absolute!important; bottom: 0!important; left: 0!important; width: 100%!important; }

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link { color: #000!important; }

	#mega-menu-primary > .mega-menu-item > .primary-menu-divider { position: absolute; right: -25px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; background: #000; width: 5px; height: 5px; border-radius: 25px; opacity: .1; }
}

@media only screen and (max-width: 1050px) {
	.header-content .menu-container { flex-direction: row-reverse; }
	#mega-menu-primary { z-index: 999!important; margin-top: 25px!important; padding-top: 0!important; }
}

@media only screen and (max-width: 480px) {
	.header-content .menu-container { gap: 15px; }
}

@media only screen and (max-width: 420px) {
	.header-content .menu-container .social-icons-container { display: none; }
}

.instagram-ico:before { content: '\f16d'; font-family: 'Font_Awesome_Brands'; }
.facebook-ico:before { content: '\f082'; font-family: 'Font_Awesome_Brands'; }
.twitter-ico:before { content: '\f099'; font-family: 'Font_Awesome_Brands'; }
.linkedin-ico:before { content: '\f08c'; font-family: 'Font_Awesome_Brands'; }
.youtube-ico:before { content: '\f167'; font-family: 'Font_Awesome_Brands'; }

h1, h2 { font-family: 'Fraunces', serif; font-weight: 400; }
h1 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; }
h2 { font-size: 25px; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; }
h1 span, h2 span { position: relative; }
h1 span::before { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; border-bottom: 3px solid #5BB6B9; z-index: -1; }
h2 span::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; border-bottom: 2px solid #5BB6B9; z-index: -1; }

.above-footer-container { background-color: #184945; padding-top: 25px; padding-bottom: 25px; font-family: 'Fraunces', serif; }
.above-footer { max-width: 1450px; width: 100%; margin: 0 auto; padding: 0 10px; display: grid; grid-template-columns: 2fr 3fr 2fr 2fr; }
.above-footer > div { padding: 0 10px; }
.above-footer h3 { color: #FFF; font-weight: 300; margin-top: 0; position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 25px; }
.above-footer h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50%; border-bottom: 1px solid #FFF; }
.footer-menu-container ul { list-style-type: none; margin: 0; padding: 0; }
.footer-menu-container ul li { line-height: 2; }
.footer-menu-container ul li a { text-decoration: none; color: #FFF; }
.fourth-box p, .second-box p { line-height: 2; margin: 0; }
.fourth-box p a { color: #FFF; text-decoration: none; font-family: 'PT Serif', serif; }
.fourth-box .social-icons-container { display: flex; flex-direction: row; gap: 15px; margin-top: 15px; }
.fourth-box .social-icons-container a { color: #FFF; font-size: 22px; text-decoration: none; }
.second-box p a { color: #FFF; text-decoration: none; }
.second-box p { color: #FFF; }
.second-box p:first-child { margin-top: 0; padding-top: 0; line-height: 1.2; }
.second-box .checkbox-agree-container { display: flex; flex-direction: row; gap: 10px; align-items: start; margin: 10px 0; }
.second-box .checkbox-agree-container label { color: #FFF; font-size: 11px; }
.second-box .checkbox-agree-container label a { color: #FFF; }
.second-box input[type=text], .second-box input[type=email] { width: 100%; max-width: 400px; padding: 10px; display: block; }
.second-box input:first-child { margin-bottom: 10px; }
.second-box input[type=checkbox] { width: 1.25em; height: 1.25em; margin-left: 0; cursor: pointer; }
.second-box input[type=submit] { background: transparent; border: 1px solid #FFF; color: #FFF; font-family: 'Fraunces', serif; padding: 5px 10px; cursor: pointer; transition: .4s; }
.second-box input[type=submit]:hover { background: #FFF; color: #000; }

@media only screen and (max-width: 1135px) {
	.above-footer { grid-template-columns: 3fr 2fr 2fr; }
	.above-footer div:first-child { grid-column: 1 / -1; text-align: center; }
	.above-footer > div:not(:first-child) { padding-top: 50px; }
}

@media only screen and (max-width: 870px) {
	.above-footer { grid-template-columns: 2fr 1fr 1fr; }
}

@media only screen and (max-width: 760px) {
	.above-footer { grid-template-columns: 1fr 1fr; }
	.second-box { grid-column: 1 / -1; }
}

@media only screen and (max-width: 390px) {
	.above-footer { grid-template-columns: 1fr; }
	.third-box, .fourth-box { text-align: center; }
	.third-box h3:after, .fourth-box h3:after { right: 0; margin-left: auto; margin-right: auto; }
	.fourth-box .social-icons-container { justify-content: center; }
}

.footer-container { background-color: #333333; padding: 0 10px; }
.footer { display: flex; flex-direction: row; justify-content: center; align-items: center; font-family: 'Open Sans', sans-serif; color: #FFF; font-size: 14px; }
.footer p { margin: 6px 0; }
.footer p a { text-decoration: none; color: #FFF; transition: .4s; position: relative; }
.footer p a:before { content: ''; position: absolute; bottom: 2px; left: 0; width: 0; border-bottom: 1px solid #fff; transition: .4s; }
.footer p a:hover:before { width: 100%; }
.footer-divider { display: block; width: 4px; height: 4px; background-color: #FFF; border-radius: 25px; margin-left: 15px; margin-right: 15px; }

@media only screen and (max-width: 720px) {
	.footer { flex-direction: column; }
	.footer-divider { display: none; }
}

/*
p { font-family: 'PT Serif', serif; }
*/

/***** style do pliku page.php **********/

.default-page {  max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 10px; margin-bottom: 25px; }
.default-page h1 { text-align: center; }
.default-page-content h2 { position: relative; display: inline-block; padding-bottom: 10px; margin-top: 15px; margin-bottom: 5px; }
.default-page-content h2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 50%; max-width: 200px; border-bottom: 1px solid #5BB6B9; }
.default-page-content { font-family: 'PT Serif', serif; }


.admin-margin-top { margin-top: 32px; }
@media only screen and (max-width: 783px) { .admin-margin-top { margin-top: 46px; } }
@media only screen and (max-width: 600px) { .admin-margin-top { margin-top: 0; } }

#wpfront-scroll-top-container .fa-chevron-up { background: #184945; border: 1px solid #FFF; padding: 10px; border-radius: 25px; width: 45px; height: 45px; display: inline-block; display: flex; justify-content: center; align-items: center; }
#wpfront-scroll-top-container .fa-chevron-up:before { content: '\f077'; font-family: 'Font_Awesome_Solid'; font-style: normal; color: #FFF; }

/******************

KONTAKT

******************/

.contact-first-container { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: row; gap: 50px; justify-content: space-between; margin-top: 25px; margin-bottom: 50px; padding: 0 10px; }
.contact-first-container h1 { font-size: 70px; text-shadow: -6px 0 #FFF, 0 6px #FFF, 6px 0 #FFF, 0 -6px #FFF; margin-top: 0; }
.contact-first-container h1 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.contact-first-container .left-side { max-width: 700px; }
.contact-first-container .right-side { min-width: 350px; width: 100% }
.contact-first-container .content { font-family: 'PT Serif', serif; font-size: 16px; }
.dane-kontaktowe-firmy-container { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 25px; }
.kontakt-box { background: #F6F0E8; padding: 20px; font-family: 'PT Serif', serif; position: relative; }
.kontakt-box:after { content: ''; width: 100px; height: 100px; position: absolute; bottom: -3px; right: -3px; background: #5BB6B9; z-index: -1; }
.kontakt-box h3 { color: #5BB6B9; margin-top: 0; }

@media only screen and (max-width: 930px) {
	.contact-first-container { flex-direction: column; }
	.contact-first-container .left-side { max-width: unset; }
}

@media only screen and (max-width: 475px) {
	.dane-kontaktowe-firmy-container { grid-template-columns: 1fr; }
	.contact-first-container .right-side { min-width: unset; }
}

.contact-map { max-width: 1200px; width: 100%; margin: 15px auto; }
.contact-map iframe { max-width: 1200px; width: 100%; height: 500px; }

.masz_pytania { max-width: 1200px; width: 100%; margin: 75px auto 50px auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; padding: 0 10px; }
.formularz-masz-pytania h3 { font-family: 'Fraunces', serif; font-size: 25px; margin-top: 0; }
.formularz-masz-pytania input[type=text],
.formularz-masz-pytania input[type=email],
.formularz-masz-pytania textarea { width: 100%!important; border: 0; background: #F6F0E8; padding: 10px; font-size: 16px; font-family: 'PT Serif', serif; }
.formularz-masz-pytania input[type=submit] { display: inline-block; margin-top: 10px; font-family: 'Fraunces', serif; color: #000; background: #5BB6B9; padding: 10px 15px; text-decoration: none; transition: .4s; cursor: pointer; border: 0; width: 100%; text-transform: uppercase; }
.formularz-masz-pytania textarea { max-height: 175px; }
.formularz-masz-pytania input[type=submit]:hover { background: #184945; color: #FFF; }

.wazne-informacje { z-index: 1; }
.wazne-informacje-inside { position: relative; z-index: 1; margin-top: 50px; }
.wazne-informacje-inside:before { position: absolute; content: ''; top: -3px; left: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.wazne-informacje-inside:after { position: absolute; content: ''; bottom: -3px; right: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.wazne-informacje-inside-content { background: #FFF; padding: 25px; }
.wazne-informacje-inside-content h3 { color: #5BB6B9; margin-top: 0; font-size: 24px; }
.wazne-informacje-inside-content a { text-decoration: none; color: #000; transition: .3s; }
.wazne-informacje-inside-content a:hover { color: #5BB6B9; }

@media only screen and (max-width: 1150px) {
	.masz_pytania img { max-width: 300px; }
	.masz_pytania { grid-template-columns: 1fr 2fr 2fr; }
}

@media only screen and (max-width: 960px) {
	.masz_pytania img { display: none; }
	.masz_pytania { grid-template-columns: 1fr 1fr; }
}

@media only screen and (max-width: 650px) {
	.masz_pytania { grid-template-columns: 1fr; gap: 25px; }
	.wazne-informacje-inside { margin-top: 15px; }
}

.opinie { background: #F6F0E8; width: 100%; padding: 50px 10px; margin: 25px 0; z-index: 1; position: relative; }
.opinie-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.opinie-content h2 { font-size: 70px; text-shadow: -6px 0 #F6F0E8, 0 6px #F6F0E8, 6px 0 #F6F0E8, 0 -6px #F6F0E8; margin-top: 0; }
.opinie-content h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }

.opinie-box { background: #FFF; padding: 50px 25px 25px 25px; position: relative; margin: 30px 5px 10px 5px; }
.opinie-box:before { content: ''; position: absolute; top: -23px; right: 25px; width: 58px; height: 46px; background-image: url('images/cytat.png'); background-size: cover; }
.opinie-box:after { content: ''; position: absolute; bottom: -3px; right: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -2; }
.opinie-box p { margin: 0; }
.owl-carousel .owl-nav.disabled { display: block!important; }
.opinie-karuzela { padding: 0 25px; }
.owl-prev { position: absolute; left: 0; top: 0; bottom: 0; margin-top: 0; margin-bottom: 0; }
.owl-prev:before { content: '\25C0'; color: #5BB6B9; }
.owl-prev span, .owl-next span { display: none; }
.owl-next { position: absolute; right: 0; top: 0; bottom: 0; margin-top: 0; margin-bottom: 0; }
.owl-next:before { content: '\25BA'; color: #5BB6B9; }

.newsletter { width: 100%; position: relative; padding: 25px 0; margin: 50px 0; }
.newsletter img { position: absolute; top: 0; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; max-width: 700px; width: auto; height: auto; max-height: 100%; }
.newsletter-content { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 600px 0 5px; }
.newsletter-content h2 { font-size: 70px; text-shadow: -6px 0 #FFF, 0 6px #FFF, 6px 0 #FFF, 0 -6px #FFF; margin-top: 0; }
.newsletter-content h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.newsletter-content input[type=text],
.newsletter-content input[type=email] { width: 100%!important; border: 0; background: #F6F0E8; padding: 10px; font-size: 16px; font-family: 'PT Serif', serif; margin-bottom: 10px; }
.newsletter-content input[type=submit] { display: inline-block; margin-top: 10px; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; cursor: pointer; border: 0; }
.newsletter-content input[type=submit]:hover { background: #5BB6B9; }

@media only screen and (max-width: 1465px) {
	.newsletter img { max-width: 500px; }
}

@media only screen and (max-width: 1200px) {
	.newsletter-content { padding-right: 550px; }
}

@media only screen and (max-width: 1030px) {
	.newsletter-content { padding-right: 5px; }
	.newsletter img { display: none }
}

.przestrzen { width: 100%; position: relative; padding: 25px 0; margin: 100px 0 50px 0; }
.przestrzen img { position: absolute; top: 0; bottom: 0; right: 200px; margin-top: auto; margin-bottom: auto; max-width: 700px; width: auto; max-width: 100%; height: auto; max-height: 100%; }
.przestrzen-content { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 600px 0 5px; }
.przestrzen-content h2 { font-size: 70px; text-shadow: -6px 0 #FFF, 0 6px #FFF, 6px 0 #FFF, 0 -6px #FFF; margin-top: 0; }
.przestrzen-content h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.przestrzen-content a { color: #000; }

@media only screen and (max-width: 1700px) {
	.przestrzen img { right: 100px; }
}

@media only screen and (max-width: 1500px) {
	.przestrzen img { right: 50px; }
}

@media only screen and (max-width: 1400px) {
	.przestrzen img { right: 0; }
}

@media only screen and (max-width: 1300px) {
	.przestrzen-content { padding-right: 5px; }
	.przestrzen img { position: static; max-width: 750px; width: 100%; height: auto; margin: 0 auto; }
	.przestrzen { display: flex; flex-direction: column-reverse; margin-top: 0; }
	.newsletter { margin-bottom: 25px; }
}

@media only screen and (max-width: 475px) {
	.contact-first-container h1 { font-size: 50px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.contact-first-container h1 span:before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
	.opinie-content h2 { font-size: 50px; text-shadow: -4px 0 #F6F0E8, 0 4px #F6F0E8, 4px 0 #F6F0E8, 0 -4px #F6F0E8; }
	.opinie-content h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
	.newsletter-content h2 { font-size: 50px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.newsletter-content h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
	.przestrzen-content h2 { font-size: 50px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.przestrzen-content h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

/******************

HOME - START

******************/

.dzien-dobry { max-width: 1200px; width: 100%; padding: 0 10px; display: flex; flex-direction: row; gap: 20px; margin: 0 auto 50px auto; }
.dzien-dobry img { width: 100%; height: auto; margin-top: -15px; }
.dzien-dobry .left-side { width: 100%; max-width: 450px; }
.dzien-dobry .right-side { width: 100%; }
.dzien-dobry .contact-content { display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; }
.dzien-dobry .contact-content a { color: #C6BFB6; text-decoration: none; transition: .3s; }
.dzien-dobry .contact-content a:hover { color: #AA9D90; }
.dzien-dobry .contact-content .phone:before { content: '\f095'; font-family: 'Font_Awesome_Regular'; padding-right: 5px; }
.dzien-dobry .contact-content .mail:before { content: '\f0e0'; font-family: 'Font_Awesome_Regular'; padding-right: 5px; }
.dzien-dobry .box-content { padding: 25px 25px 25px 50px; background: #F6F0E8; width: 100%; position: relative; margin-top: 100px; margin-left: -50px; max-width: 500px; }
.dzien-dobry .box-content:before { content: ''; position: absolute; width: 100px; height: 100px; left: 50px; bottom: -3px; background: #5BB6B9; z-index: -1; }
.dzien-dobry .box-content:after { content: ''; position: absolute; width: 100px; height: 100px; top: -3px; right: -3px; background: #5BB6B9; z-index: -1; }
.dzien-dobry h1 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.dzien-dobry h1 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.dzien-dobry .social-content { display: flex; flex-direction: row; gap: 10px; font-size: 18px; }
@media only screen and (max-width: 1075px) {
	.dzien-dobry .contact-content > a { font-size: 12px; }
}
@media only screen and (max-width: 930px) {
	.dzien-dobry .left-side { max-width: 300px; }
	.dzien-dobry h1 { font-size: 50px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.dzien-dobry h1 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
	.dzien-dobry .box-content { margin-top: 50px; margin-left: -75px; }
}
@media only screen and (max-width: 780px) {
	.dzien-dobry .left-side { max-width: 200px; }
}
@media only screen and (max-width: 680px) {
	.dzien-dobry .contact-content > a:nth-child(2) { display: none; }
	.dzien-dobry h1 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.dzien-dobry h1 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}
@media only screen and (max-width: 630px) {
	.dzien-dobry .box-content { position: absolute; left: 15px; max-width: unset; margin-right: 15px; margin-left: 0; width: 90%; }
	.dzien-dobry { padding-bottom: 200px; }
}
@media only screen and (max-width: 485px) {
	.dzien-dobry .left-side { max-width: 150px; }
	.dzien-dobry h1 { font-size: 30px; text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; margin-bottom: 15px; }
	.dzien-dobry h1 span::before { bottom: 2px; border-bottom: 2px solid #5BB6B9; }
}
@media only screen and (max-width: 400px) {
	.dzien-dobry .left-side { display: none; }
	.dzien-dobry .box-content { position: relative; }
	.dzien-dobry { padding-bottom: 50px; }
	.dzien-dobry h1 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-bottom: 15px; }
	.dzien-dobry h1 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}
@media only screen and (max-width: 345px) {
	.dzien-dobry h1 { font-size: 30px; text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; margin-bottom: 15px; }
	.dzien-dobry h1 span::before { bottom: 2px; border-bottom: 2px solid #5BB6B9; }
}

/**** ID strony "HOME" ****/
.page-id-208 .header-content .social-icons-container { display: none; }
.page-id-208 .header-content { max-width: 1200px; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child { margin-right: 0!important; }

.o-tobie { width: 100%; position: relative; margin: 50px 0; min-height: 600px; padding: 0 10px; }
.o-tobie img { position: absolute; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; z-index: -1; max-width: 750px; }
.o-tobie-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.o-tobie-boxes-container { display: flex; flex-direction: row; gap: 50px; padding: 0 50px; }
.o-tobie h2 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.o-tobie h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box1, .o-tobie-boxes-container .box2, .o-tobie-boxes-container .box3 { width: 33%; display: flex; flex-direction: column; }
.o-tobie-boxes-container .box1 { justify-content: start; }
.o-tobie-boxes-container .box2 { justify-content: center; }
.o-tobie-boxes-container .box3 { justify-content: end; }
.o-tobie-boxes-container .box-content { background: #F6F0E8; padding: 25px; position: relative; }
.o-tobie-boxes-container .box1 .box-content:before { position: absolute; content: ''; top: -3px; left: 25px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box1 .box-content:after { position: absolute; content: ''; bottom: -3px; right: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box2 .box-content:before { position: absolute; content: ''; top: -3px; right: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box2 .box-content:after { position: absolute; content: ''; bottom: -3px; left: 25px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box3 .box-content:before { position: absolute; content: ''; top: -3px; right: 0; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-boxes-container .box3 .box-content:after { position: absolute; content: ''; bottom: -3px; left: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.o-tobie-content .button { display: inline-block; margin-top: 75px; margin-left: 50px; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; }
.o-tobie-content .button:hover { background: #5BB6B9; }
@media only screen and (max-width: 1250px) {
	.o-tobie img { max-width: 500px; }
}
@media only screen and (max-width: 900px) {
	.o-tobie-boxes-container { flex-direction: column; align-items: center; }
	.o-tobie-boxes-container .box1, .o-tobie-boxes-container .box2, .o-tobie-boxes-container .box3 { width: 100%; }
	.o-tobie img { display: none; }
}
@media only screen and (max-width: 430px) {
	.o-tobie-boxes-container { padding: 0 25px; }
}

.o-mnie { max-width: 1200px; width: 100%; margin: 50px auto; position: relative; padding-left: 10px; min-height: 600px; }
.o-mnie-content { padding-right: 425px; }
.o-mnie h2 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.o-mnie h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.o-mnie img { position: absolute; top: 0; right: 0; max-width: 400px; width: 100%; height: auto; z-index: -1; }
.o-mnie-box { background: #F6F0E8; padding: 10px 25px; margin: 50px 350px 50px 0; position: relative; }
.o-mnie-box:before { position: absolute; content: ''; bottom: -3px; left: 25px; width: 100px; height: 50px; background: #5BB6B9; z-index: -1; }
.o-mnie-box:after { position: absolute; content: ''; top: -3px; right: -3px; width: 100px; height: 75px; background: #5BB6B9; z-index: -1; }
.o-mnie .button { display: inline-block; margin-top: 10px; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; }
.o-mnie .button:hover { background: #5BB6B9; }
.o-mnie-content .p { background: #FFF!important; }
@media only screen and (max-width: 835px) {
	.o-mnie img { max-width: 300px }
	.o-mnie-content { padding-right: 325px; }
	.o-mnie-box { margin-right: 15px; }
}
@media only screen and (max-width: 710px) {
	.o-mnie img { max-width: 200px; top: 50px; }
	.o-mnie-content { padding-right: 225px; }
}
@media only screen and (max-width: 560px) {
	.o-mnie img { display: none; }
	.o-mnie-content { padding-right: 10px; }
}

.sesje-terapeutyczne { background: #F6F0E8; width: 100%; padding: 50px 10px 100px 10px; margin: 25px 0; z-index: 1; position: relative; }
.sesje-terapeutyczne-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.sesje-terapeutyczne-content h2 { font-size: 60px; text-shadow: -6px 0 #F6F0E8, 0 6px #F6F0E8, 6px 0 #F6F0E8, 0 -6px #F6F0E8; margin-top: 0; }
.sesje-terapeutyczne-content h2 span::before { bottom: 4px; border-bottom: 4px solid #5BB6B9; }
.sesje-terapeutyczne-boxes-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; }
.sesje-terapeutyczne-boxes-container .box1-content,
.sesje-terapeutyczne-boxes-container .box2-content,
.sesje-terapeutyczne-boxes-container .box3-content { padding: 15px 15px 50px 25px; background: #FFF; position: relative; }
.sesje-terapeutyczne-boxes-container .box1-content .button,
.sesje-terapeutyczne-boxes-container .box2-content .button,
.sesje-terapeutyczne-boxes-container .box3-content .button { display: inline-block; font-family: 'Fraunces', serif; color: #000; background: #5BB6B9; padding: 10px 15px; text-decoration: none; transition: .4s; }
.sesje-terapeutyczne-boxes-container .box1-content .button:hover,
.sesje-terapeutyczne-boxes-container .box2-content .button:hover,
.sesje-terapeutyczne-boxes-container .box3-content .button:hover { background: #184945; color: #FFF; }
.sesje-terapeutyczne-boxes-container .box1-content .button { position: absolute; bottom: -20px; right: 50px; }
.sesje-terapeutyczne-boxes-container .box2-content .button { position: absolute; bottom: -20px; right: -20px; }
.sesje-terapeutyczne-boxes-container .box3-content .button { position: absolute; bottom: -30px; right: 0; }
.sesje-terapeutyczne-boxes-container .box1-content:before,
.sesje-terapeutyczne-boxes-container .box3-content:before { content: ''; position: absolute; left: -3px; bottom: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.sesje-terapeutyczne-boxes-container .box3-content:after { content: ''; position: absolute; right: -3px; top: -50px; width: 3px; height: 100px; background: #5BB6B9; z-index: -1; }
.sesje-terapeutyczne-boxes-container .box2-content:before { content: ''; position: absolute; left: 5px; bottom: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.sesje-terapeutyczne-boxes-container .box2-content:after { content: ''; position: absolute; top: -3px; right: -3px; width: 100px; height: 100px; background: #5BB6B9; z-index: -1; }
.sesje-terapeutyczne-boxes-container .box1 h3 { position: relative; }
.sesje-terapeutyczne-boxes-container .box1 h3:before { content: ''; position: absolute; left: 0; top: -25px; width: 100px; height: 3px; background: #5BB6B9; z-index: -1; }
.sesje-terapeutyczne-boxes-container .box1 { padding-top: 50px; }
.sesje-terapeutyczne-boxes-container .box3 { padding-top: 25px; }
@media only screen and (max-width: 930px) {
	.sesje-terapeutyczne-boxes-container { grid-template-columns: 1fr; max-width: 360px; width: 100%; margin: 0 auto; }
}
@media only screen and (max-width: 700px) {
	.sesje-terapeutyczne-content h2 { font-size: 40px; text-shadow: -4px 0 #F6F0E8, 0 4px #F6F0E8, 4px 0 #F6F0E8, 0 -4px #F6F0E8; margin-top: 0; }
	.sesje-terapeutyczne-content h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}
@media only screen and (max-width: 450px) {
	.sesje-terapeutyczne-boxes-container .box2-content .button { right: 10px; }
}


.masz-pytania { max-width: 1200px; width: 100%; margin: 50px auto; padding: 0 10px; display: flex; flex-direction: row; gap: 100px; }
.masz-pytania h2 { font-size: 60px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; margin-bottom: 10px; margin-top: 10px; }
.masz-pytania h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.masz-pytania .right-side { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }
.masz-pytania .left-side img { min-width: 400px; width: 100%; }
.masz-pytania .social-content { display: flex; flex-direction: row; gap: 10px; font-size: 21px; }
.masz-pytania .social-content a { color: #C6BFB6; transition: .4s; text-decoration: none; }
.masz-pytania .social-content a:hover { color: #AA9D90; }
.masz-pytania input[type=text],
.masz-pytania input[type=email],
.masz-pytania textarea { width: 100%!important; border: 0; background: #F6F0E8; padding: 10px; font-size: 16px; font-family: 'PT Serif', serif; }
.masz-pytania input[type=submit] { display: inline-block; margin-top: 10px; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; cursor: pointer; border: 0; }
.masz-pytania input[type=submit]:hover { background: #5BB6B9; }
@media only screen and (max-width: 1060px) {
	.masz-pytania { gap: 50px; }
	.masz-pytania .left-side img { width: 300px; min-width: unset; }
}
@media only screen and (max-width: 790px) {
	.masz-pytania .left-side { display: none; }
}

.end-o-mnie { max-width: 1200px; width: 100%; margin: 100px auto 50px auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; }
.end-o-mnie div img { width: 100%; height: auto; }

@media only screen and (max-width: 760px) {
	.end-o-mnie { grid-template-columns: 1fr; max-width: 385px; }
}

/******************

BLOG

******************/

#blog { width: 100%; margin: 50px 0; padding: 0 10px; }
.blog-inside { max-width: 1200px; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; margin: 0 auto; }
.blog-inside a { text-decoration: none; color: #333; max-width: 370px; width: 100%; margin: 0 auto; position: relative; display: inline-block; }
.blog-inside a article { background: #F6F0E8; z-index: 1; position: relative; }
.blog-inside a img { max-height: 200px; width: 100%; object-fit: cover; object-position: top; }
.blog-inside a article .article-content { padding: 15px 15px 35px 15px; position: relative; }
.blog-inside a article .article-content h2 { text-shadow: -3px 0 #F6F0E8, 0 3px #F6F0E8, 3px 0 #F6F0E8, 0 -3px #F6F0E8; margin-top: 10px; position: relative; display: inline-block; }
.blog-inside a article .article-content h2::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 0; border-bottom: 2px solid #5BB6B9; z-index: -1; transition: .4s; }
.blog-inside a:hover article .article-content h2::before { width: 100%; }
.blog-inside a article .article-content .create-date { color: #474747; font-size: 11px; position: absolute; top: 2px; right: 5px; margin-top: 0; }
.blog-inside a article .read-more-ico { display: inline-block; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; position: absolute; bottom: -15px; right: 15px; }
.blog-inside a:hover article .read-more-ico { background: #5BB6B9; }
.blog-inside a::after,
.blog-inside a::before { content: ''; width: 100px; height: 100px; background: #5BB6B9; position: absolute; z-index: -2; }
.blog-inside div:nth-child(4n) a::after { right: -3px; bottom: -3px; }
.blog-inside div:nth-child(4n) a::before { top: -3px; left: 15px; }
.blog-inside div:nth-child(4n-1) a::after { left: -3px; bottom: 25px; }
.blog-inside div:nth-child(4n-1) a::before { top: -3px; right: -3px; }
.blog-inside div:nth-child(4n-2) a::after { left: -3px; top: -3px; }
.blog-inside div:nth-child(4n-2) a::before { bottom: -3px; left: 25px; }
.blog-inside div:nth-child(4n-3) a::after { top: -3px; right: 25px; }
.blog-inside div:nth-child(4n-3) a::before { bottom: -3px; left: 25px; }

@media only screen and (max-width: 1160px) {
	.blog-inside { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 725px) {
	.blog-inside { grid-template-columns: 1fr; }
}

.blog-post .page-content { max-width: 800px; width: 100%; padding: 0 10px; margin: 0 auto; }
.blog-post .page-content img { height: 400px; object-fit: cover; object-position: top; width: 100%; }
.blog-post .page-content h1 { margin-bottom: 10px; }
.blog-post .page-content .create-date { color: #474747; font-size: 11px; margin-top: 0; }
@media only screen and (max-width: 580px) {
	.blog-post .page-content img { height: 300px; }
}

/******************

O MNIE

******************/

.dzien_dobry2 { width: 100%; }
.dzien_dobry2_content { max-width: 1200px; width: 100%; padding: 25px 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin: 0 auto; }
.dzien_dobry2_content img { max-width: 500px; width: 100%; height: auto; }
.dzien_dobry_right_side { text-align: right; }
.dzien_dobry2 h1 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.dzien_dobry2 h1 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.dzien_dobry2 .wazne-informacje-inside-content { background: #F6F0E8; }

.tworze { width: 100%; margin: 50px 0; }
.tworze_content { max-width: 1200px; width: 100%; padding: 25px 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 0 auto; }
.tworze_content img { max-width: 525px; width: 100%; height: auto; }
.tworze h2 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.tworze h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }

@media only screen and (max-width: 925px) {
	.dzien_dobry2_content, .tworze_content { grid-template-columns: 1fr; }
	.dzien_dobry_right_side { text-align: center; }
	.tworze_left_side { display: none; }
	.dzien_dobry2_content h1 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-top: 10px; }
	.dzien_dobry2_content h1 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
	.tworze h2 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-top: 10px; }
	.tworze h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

.doswiadczenie { background: #F6F0E8; width: 100%; padding: 50px 35px; margin: 25px 0; z-index: 1; position: relative; }
.doswiadczenie_content { max-width: 1200px; width: 100%; margin: 0 auto; }
.doswiadczenie_content h2 { font-size: 60px; text-shadow: -6px 0 #F6F0E8, 0 6px #F6F0E8, 6px 0 #F6F0E8, 0 -6px #F6F0E8; margin-top: 0; }
.doswiadczenie_content h2 span::before { bottom: 4px; border-bottom: 4px solid #5BB6B9; }
.doswiadczenie_wyksztalcenie_box,
.doswiadczenie_kursy_box { padding: 25px 25px 25px 35px; background: #FFF; width: 100%; position: relative; margin-top: 25px; }
.doswiadczenie_wyksztalcenie_box h3,
.doswiadczenie_kursy_box h3 { margin-top: 0; }
.doswiadczenie_wyksztalcenie_box ul,
.doswiadczenie_kursy_box ul { padding-left: 20px!important; }
.doswiadczenie_wyksztalcenie_box:after { position: absolute; content: ''; bottom: -3px; right: -3px; width: 100px; height: 50px; background: #5BB6B9; z-index: -1; }
.doswiadczenie_kursy_box:after { position: absolute; content: ''; bottom: 0; right: -3px; width: 100px; height: 50px; background: #5BB6B9; z-index: -1; }
.doswiadczenie_wyksztalcenie_box:before,
.doswiadczenie_kursy_box:before { content: '\25BC'; position: absolute; top: 25px; left: -12.5px; width: 25px; height: 25px; background: #5BB6B9; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 11px; }

.doswiadczenie_wyksztalcenie_box.hide ul,
.doswiadczenie_kursy_box.hide ul { display: none!important; }

@media only screen and (max-width: 925px) {
	.doswiadczenie_content h2 { font-size: 40px; text-shadow: -4px 0 #F6F0E8, 0 4px #F6F0E8, 4px 0 #F6F0E8, 0 -4px #F6F0E8; margin-top: 0; }
	.doswiadczenie_content h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

.prywatnie { width: 100%; }
.prywatnie_content { max-width: 1200px; width: 100%; padding: 25px 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin: 0 auto; }
.prywatnie_content img { max-width: 500px; width: 100%; height: auto; }
.prywatnie_right_side { text-align: right; }
.prywatnie h2 { font-size: 70px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; }
.prywatnie h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }

@media only screen and (max-width: 860px) {
	.prywatnie_right_side { display: none; }
	.prywatnie_content { grid-template-columns: 1fr; }
	.prywatnie_content h2 { margin-top: 10px; }
	.prywatnie h2 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-top: 10px; }
	.prywatnie h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

.wp-block-columns { gap: 50px!important; }
.wp-element-button { display: inline-block!important; margin-top: 10px!important; font-family: 'Fraunces', serif!important; color: #FFF!important; background: #184945!important; padding: 10px 15px!important; text-decoration: none!important; transition: .4s!important; cursor: pointer!important; border: 0!important; border-radius: 0!important; }
.wp-element-button:hover { background: #5BB6B9!important; }

.clear-text-container { max-width: 1200px; width: 100%; margin: 100px auto; padding: 0 10px; }
.clear-text-content blockquote { position: relative; z-index: 1; margin-top: 50px; background: #F6F0E8; padding: 25px; display: inline-block; margin-left: 0; }
.clear-text-content blockquote p { margin: 0 auto; }
.clear-text-content .button { display: inline-block; margin-top: 15px; font-family: 'Fraunces', serif; color: #FFF; background: #184945; padding: 10px 15px; text-decoration: none; transition: .4s; }
.clear-text-content .button:hover { background: #5BB6B9; }
.clear-text-container h2 { font-size: 60px; text-shadow: -6px 0 #fff, 0 6px #fff, 6px 0 #fff, 0 -6px #fff; margin-top: 0; }
.clear-text-container h2 span::before { bottom: 4px; border-bottom: 4px solid #5BB6B9; }
@media only screen and (max-width: 860px) {
	.clear-text-container h2 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-top: 10px; }
	.clear-text-container h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

.praca-oparta { background: #F6F0E8; width: 100%; padding: 50px 10px; margin: 25px 0; z-index: 1; position: relative; }
.praca-oparta img { width: 100%; height: auto; }
.praca-oparta-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.praca-oparta-content h2 { font-size: 70px; text-shadow: -6px 0 #F6F0E8, 0 6px #F6F0E8, 6px 0 #F6F0E8, 0 -6px #F6F0E8; margin-top: 0; }
.praca-oparta-content h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.praca-oparta-boxy { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin: 50px 0; }
.praca-box { position: relative; background: #FFF; padding: 50px 25px 25px 25px; }
.praca-box p, .praca-box h3 { margin-top: 0; }
.praca-box .number { position: absolute; top: -20px; right: 20px; width: 40px; height: 40px; background: #5BB6B9; color: #000; display: flex; justify-content: center; align-items: center; }

@media only screen and (max-width: 720px) {
	.praca-oparta-boxy { grid-template-columns: 1fr; }
	.praca-oparta h2 { font-size: 40px; text-shadow: -4px 0 #F6F0E8, 0 4px #F6F0E8, 4px 0 #F6F0E8, 0 -4px #F6F0E8; margin-top: 10px; }
	.praca-oparta h2 span::before { bottom: 3px; border-bottom: 3px solid #5BB6B9; }
}

.jak-moze { background: #F6F0E8; width: 100%; padding: 50px 10px; margin: 25px 0; z-index: 1; position: relative; }
.jak-moze-content { max-width: 1200px; width: 100%; margin: 0 auto; }
.jak-moze-content h2 { font-size: 70px; text-shadow: -6px 0 #F6F0E8, 0 6px #F6F0E8, 6px 0 #F6F0E8, 0 -6px #F6F0E8; margin-top: 0; }
.jak-moze-content h2 span::before { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 4px solid #5BB6B9; z-index: -1; }
.jak-moze-content h3 { font-size: 26px; }
.jak-moze-boxes { display: grid; grid-template-columns: 1fr 1fr; margin: 50px 0; gap: 50px; }
.jak-moze-box, .jak-moze-box-umow-content { background: #FFF; padding: 45px 25px 25px 25px; position: relative; margin: 25px 0; z-index: 1; }
.jak-moze-box .etykieta { background: #5BB5B9; color: #000; padding: 10px; position: absolute; left: 25px; top: -25px; font-size: 21px; }
.jak-moze-box .telefon { background: #5BB5B9; color: #000; padding: 10px; margin-bottom: 25px; margin-top: 15px; font-size: 21px; display: inline-block; }
.jak-moze-box img { margin-bottom: -75px; margin-top: 25px; max-width: 400px; width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }

.jak-moze-box-umow-content h3 { font-size: 40px; text-shadow: -4px 0 #fff, 0 4px #fff, 4px 0 #fff, 0 -4px #fff; margin-top: 0; display: inline-block; }
.jak-moze-box-umow-content h3 span { position: relative; }
.jak-moze-box-umow-content h3 span::before { content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; border-bottom: 3px solid #5BB6B9; z-index: -1; }

.jak-moze-box-umow-content { padding-bottom: 100px; }
.jak-moze-box-umow-content .bottom_button { position: absolute; bottom: 0; left: 0; width: 100%; background: #184945; display: inline-block; padding: 5px 10px; color: #FFF; text-align: center; text-decoration: none; transition: .3s; }
.jak-moze-box-umow-content .bottom_button:hover { background: #5BB6B9; }

@media only screen and (max-width: 860px) {
	.jak-moze-boxes { grid-template-columns: 1fr; }
}

.terminy-warsztatow-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; }
.termin-warsztatu { margin-bottom: 25px; padding-bottom: 15px; }
.link-warsztatu { margin-top: 5px; }
.link-warsztatu a { background: #5BB6B9; padding: 5px 15px; color: #000; text-decoration: none; transition: .3s; display: inline-block; font-size: 13px; }
.link-warsztatu a:hover { background: #184945; color: #FFF; }

@media only screen and (max-width: 996px) {
	.terminy-warsztatow-container { grid-template-columns: 1fr 1fr; }
}

@media only screen and (max-width: 630px) {
	.terminy-warsztatow-container { grid-template-columns: 1fr; }
}