/*
Theme Name: Wioska Dzikich Dzieci
Author: SP-Media
Author URI: https://spmedia.pl/
Version: 1.0
Updated: 2020-03-15 14:42:39
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "just_tell_me_whatregular";
  src: url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.eot");
  src: url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.woff2") format("woff2"), url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.woff") format("woff"), url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.ttf") format("truetype"), url("/wp-content/themes/wioska-dzikich-dzieci/fonts/just_tell_me_what_regular-webfont.svg#just_tell_me_whatregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

html,
body {
  font-size: 10px;
  font-family: "Poppins", sans-serif;
}

.container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 128rem;
  padding: 0 3rem;
}

.wyswig-content .content {
  margin: 18rem 0 10rem;
}
.wyswig-content .content ul {
  margin-left: 2rem;
  list-style-type: disc;
}
.wyswig-content .content ol {
  margin-left: 2rem;
  list-style-type: decimal;
}
.wyswig-content .content p, .wyswig-content .content li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.wyswig-content .content li {
  margin-bottom: 1rem;
}
.wyswig-content .content h1 {
  font-size: 3.6rem;
  line-height: 5rem;
  margin-bottom: 2rem;
}
.wyswig-content .content h2 {
  font-size: 2.8rem;
  line-height: 4rem;
  margin-bottom: 2rem;
}
.wyswig-content .content h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 2rem;
}
.wyswig-content .content h4 {
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
}
.wyswig-content .content h5 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: 2rem;
}
.wyswig-content .content h6 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
}
.wyswig-content .content table {
  max-width: 100%;
  margin: 2rem 0;
  font-size: 1.6rem;
}
.wyswig-content .content table td {
  padding: 1rem 0.5rem;
  border: 1px solid black;
}

h1,
h2 {
  font-family: "just_tell_me_whatregular", sans-serif;
  font-size: 3.5rem;
  line-height: 4.8rem;
}
@media (max-width: 960px) {
  h1,
  h2 {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}

h3 {
  font-size: 2.5rem;
  line-height: 5rem;
  letter-spacing: 1.98px;
  font-weight: 300;
}
@media (max-width: 960px) {
  h3 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

p {
  font-size: 1.6rem;
  line-height: 3.5rem;
  font-weight: 300;
}

strong,
b {
  font-weight: 600;
}

a {
  text-decoration: none;
  color: #63A19c;
  transition: all 0.2s linear;
}
a:hover {
  color: #7DBBA4;
}

.btn {
  font-family: "just_tell_me_whatregular", sans-serif;
  color: white;
  background-color: #7DBBA4;
  border-radius: 3.6rem;
  height: 7.2rem;
  display: flex;
  width: 25rem;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  line-height: 7.2rem;
  text-decoration: none;
  padding: 0 4rem;
  box-sizing: border-box;
  transition: all 0.2s linear;
  border: 2px solid #7DBBA4;
}
.btn:hover {
  background: rgb(72.1212121212, 137.8787878788, 113.4848484848);
  border-color: rgb(72.1212121212, 137.8787878788, 113.4848484848);
}
.btn-two {
  border: 2px solid #7DBBA4;
  background: none;
}
.btn-three {
  background: white;
  border-color: white;
  color: #63A19c;
}
.btn-three img {
  margin-right: 2rem;
}
.btn-three:hover {
  color: white;
}
.btn-four {
  border: 2px solid white;
  background: none;
}
.btn-four:hover {
  background: white;
  border-color: white;
  color: #63A19c;
}

.back {
  display: flex;
  align-items: center;
  color: black;
  margin-bottom: 3rem;
}
.back img {
  width: 15px;
  height: 11px;
  margin-right: 1rem;
}

.footer {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/footer.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10rem 0 4rem;
  margin-top: -8rem;
  color: white;
}
@media (max-width: 960px) {
  .footer {
    padding: 4rem 0;
    margin-top: -3rem;
    background-position: top right;
  }
}
.footer .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .footer .row {
    flex-direction: column;
  }
}
.footer .row .fox {
  margin-top: -10rem;
}
@media (max-width: 960px) {
  .footer .row .fox {
    margin: -4rem auto 0;
  }
}
.footer .row .col {
  display: flex;
  flex-direction: column;
}
@media (max-width: 960px) {
  .footer .row .col {
    margin-bottom: 3rem;
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.footer .row .col a {
  color: white;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
.footer .row .col a.button {
  display: block;
}
.footer .row .col h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.nav {
  position: fixed;
  top: 7rem;
  left: 0;
  width: 100%;
  z-index: 3000;
}
@media (max-width: 960px) {
  .nav {
    top: 4rem;
  }
}
.nav .container {
  background: white;
  border-radius: 4rem;
  height: 7.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
}
@media (max-width: 960px) {
  .nav .container {
    justify-content: flex-start;
    height: 5rem;
  }
}
.nav-mobile {
  position: absolute;
  left: 4rem;
  padding: 4rem 2rem;
  max-width: calc(100% - 12rem);
  height: auto;
  transform: translateX(-150%);
  background: white;
  transition: all 0.2s linear;
  width: 100%;
  top: 7rem;
}
.nav-mobile ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 960px) {
  .nav-mobile.active {
    transform: translateX(0);
  }
}
.nav-left {
  margin-right: 5rem;
  flex: 0 0 calc(50% - 18.6rem);
  max-width: calc(50% - 18.6rem);
  width: calc(50% - 18.6rem);
}
.nav-left ul {
  display: flex;
  justify-content: space-between;
}
.nav-left ul li {
  margin-left: 3rem;
}
@media (max-width: 960px) {
  .nav-left {
    display: none;
  }
}
.nav-right {
  margin-left: 5rem;
  flex: 0 0 calc(50% - 18.6rem);
  max-width: calc(50% - 18.6rem);
  width: calc(50% - 18.6rem);
}
.nav-right ul {
  display: flex;
  justify-content: space-between;
}
.nav-right ul li {
  margin-right: 3rem;
}
@media (max-width: 960px) {
  .nav-right {
    display: none;
  }
}
.nav a {
  text-decoration: none;
  color: black;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
}
.nav-logo {
  background-color: white;
  box-sizing: border-box;
  padding: 1rem 2rem 2rem 2rem;
  border-radius: 20rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  position: relative;
}
@media (max-width: 960px) {
  .nav-logo {
    order: 1;
    margin-left: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
  }
  .nav-logo img {
    width: 10rem;
    height: auto;
  }
}
.nav-logo::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% + 29px);
  top: 50%;
  left: -10px;
  background: white;
  height: 7.8rem;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .nav-logo::before {
    left: -5px;
    width: calc(100% + 20px);
    height: 5rem;
  }
}
.nav-logo a {
  position: relative;
  z-index: 2;
}
@media (max-width: 960px) {
  .nav-btn {
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3.5rem;
    cursor: pointer;
    height: 2.6rem;
  }
  .nav-btn span {
    position: absolute;
    display: block;
    height: 4px;
    border-radius: 2px;
    background: #63A19c;
    width: 100%;
    left: 0;
    transition: all 0.2s linear;
  }
  .nav-btn span:first-child {
    top: 0;
  }
  .nav-btn span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .nav-btn span:nth-child(3) {
    bottom: 0;
  }
  .nav-btn.active span:first-child {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .nav-btn.active span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .nav-btn.active span:nth-child(3) {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%) rotate(-45deg);
  }
}

.header {
  height: 100vh;
}
.header img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.home-buttons .buttons {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 960px) {
  .home-buttons .buttons {
    flex-wrap: wrap;
  }
}
.home-buttons .buttons a {
  font-family: "just_tell_me_whatregular", sans-serif;
  font-size: 3.5rem;
  line-height: 4.8rem;
  letter-spacing: 1.98px;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  width: 33.3333%;
  text-align: center;
  text-decoration: none;
  color: white;
  transform: translateY(-50%);
  height: 13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #aaccb9;
  transition: all 0.2s linear;
}
@media (max-width: 960px) {
  .home-buttons .buttons a {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    height: 6rem;
    font-size: 2rem;
  }
}
.home-buttons .buttons a:first-child {
  border-top-left-radius: 5rem;
}
.home-buttons .buttons a:nth-child(2) {
  background: #7FBB9e;
}
.home-buttons .buttons a:nth-child(3) {
  background: #63A19c;
  border-bottom-right-radius: 5rem;
}
.home-buttons .buttons a:hover {
  background: rgb(59.408, 98.592, 95.432);
}

.first-section {
  margin: 13rem 0;
  text-align: center;
}
@media (max-width: 960px) {
  .first-section {
    margin: 4rem 0;
  }
}
.first-section .desc {
  text-align: left;
}
.first-section .desc .btn {
  margin-top: 4rem;
}

.home-about {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/hp_owiosce.png);
  background-size: cover;
  background-position: center top;
  padding: 6rem 0 20rem;
  margin-top: -20rem;
  color: white;
}
@media (max-width: 960px) {
  .home-about {
    padding: 4rem 0;
    margin-top: 0;
    background-position: top right;
    background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/hp_owiosce-mobile.png);
  }
}
.home-about .container {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .home-about .container {
    flex-wrap: wrap;
  }
}
.home-about-section {
  flex: 0 0 45%;
  max-width: 45%;
  width: 45%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 960px) {
  .home-about-section {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.home-about-section .bear {
  align-self: flex-end;
  max-width: 100%;
  height: 31rem;
  display: block;
  width: 39rem;
  flex: 0 0 auto;
  margin-bottom: 4rem;
}
@media (max-width: 960px) {
  .home-about-section .bear {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
  }
}
.home-about-section h2 {
  margin-bottom: 6rem;
}
.home-about-section .desc p {
  font-weight: 300;
  text-align: justify;
}
.home-about-section .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
}
@media (max-width: 960px) {
  .home-about-section .buttons {
    flex-direction: column;
    margin-top: 0;
    justify-content: center;
    align-items: center;
  }
  .home-about-section .buttons a {
    margin-top: 3rem;
  }
}

.philosophy {
  padding: 12rem 0 6rem;
}
@media (max-width: 960px) {
  .philosophy {
    padding: 4rem 0;
  }
}
.philosophy h2 {
  text-align: center;
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .philosophy h2 {
    margin-bottom: 3rem;
  }
}
.philosophy .desc {
  margin-bottom: 6rem;
  text-align: justify;
}
@media (max-width: 960px) {
  .philosophy .desc {
    margin-bottom: 3rem;
  }
}
.philosophy .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.philosophy .boxes .box {
  flex: 0 0 calc(33% - 1rem);
  width: calc(33% - 1rem);
  max-width: calc(33% - 1rem);
  height: 48.5rem;
  position: relative;
  margin: 0 0.5rem 10rem;
  overflow: hidden;
}
@media (max-width: 960px) {
  .philosophy .boxes .box {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 0 5rem;
  }
}
.philosophy .boxes .box-img {
  position: absolute;
  width: 100%;
  height: 85%;
}
.philosophy .boxes .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.philosophy .boxes .box-text {
  position: absolute;
  bottom: 0;
  transform: translateY(70%);
  background: #63A19c;
  color: white;
  transition: all 0.2s linear;
  height: 100%;
  text-align: center;
}
@media (max-width: 960px) {
  .philosophy .boxes .box-text {
    transform: translateY(78%);
  }
}
.philosophy .boxes .box-text::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  content: "";
  background-image: url("/wp-content/themes/wioska-dzikich-dzieci/img/shape.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateY(-99%);
  background-position: bottom left;
}
.philosophy .boxes .box-text h3 {
  font-family: "just_tell_me_whatregular", sans-serif;
  text-align: center;
  font-size: 3rem;
  line-height: 4.1rem;
  height: 8.2rem;
  padding: 4rem 2rem 2rem;
}
@media (max-width: 960px) {
  .philosophy .boxes .box-text h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    height: 5.2rem;
  }
}
.philosophy .boxes .box-text-desc {
  padding: 0 2rem;
  text-align: center;
}
.philosophy .boxes .box-text-desc p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
}
.philosophy .boxes .box-text .btn {
  margin: 3rem auto 0;
}
.philosophy .boxes .box:hover > .box-text {
  transform: translateY(0);
}

.home-social {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/bg-social.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  margin-top: -25rem;
  padding-bottom: 10rem;
}
@media (max-width: 960px) {
  .home-social {
    margin-top: 0;
    padding-bottom: 4rem;
    background-position: bottom right;
  }
}
.home-social h2 {
  text-align: center;
  margin-bottom: 6rem;
}
.home-social p {
  font-size: 1.8rem;
  line-height: 3rem;
  text-align: justify;
}
.home-social .buttons {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .home-social .buttons {
    flex-direction: column;
  }
}
.home-social .buttons a {
  margin: 0 4rem;
}
@media (max-width: 960px) {
  .home-social .buttons a {
    margin: 3rem 0;
  }
}
@media (max-width: 960px) {
  .home-social .deer {
    max-width: 100%;
    margin-bottom: 3rem;
  }
}

.method-header {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/metoda_bgc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.method-header .container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.method-header h1 {
  font-size: 5.5rem;
  line-height: 7.6rem;
  text-shadow: 0 2px 3px black;
  color: white;
}
@media (max-width: 960px) {
  .method-header h1 {
    font-size: 3.6rem;
    line-height: 5rem;
    text-align: center;
  }
}

.method-first {
  padding: 10rem 0;
}
@media (max-width: 960px) {
  .method-first {
    padding: 4rem 0;
  }
}
.method-first h2 {
  text-align: center;
  margin-bottom: 4rem;
}
@media (max-width: 960px) {
  .method-first h2 {
    margin-bottom: 3rem;
  }
}
.method-first .desc {
  text-align: justify;
}

.method-second {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  padding: 35rem 0 12rem;
  color: white;
  text-align: center;
  overflow: hidden;
  margin-top: -20rem;
}
@media (min-width: 1800px) {
  .method-second {
    padding: 50rem 0 12rem;
  }
}
@media (max-width: 960px) {
  .method-second {
    padding: 40rem 0 4rem;
  }
}
.method-second .desc {
  position: relative;
  text-align: justify;
}
.method-second .desc::before {
  content: "";
  position: absolute;
  width: 7.3rem;
  height: 7.6rem;
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/sign.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: -2rem;
  left: 0;
  transform: translateX(-120%);
}
@media (max-width: 960px) {
  .method-second .desc::before {
    width: 2rem;
    height: 2rem;
    top: -1rem;
  }
}
.method-second .desc::after {
  content: "";
  position: absolute;
  width: 7.3rem;
  height: 7.6rem;
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/sign.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: -2rem;
  right: 0;
  transform: translateX(120%);
}
@media (max-width: 960px) {
  .method-second .desc::after {
    width: 2rem;
    height: 2rem;
    bottom: -1rem;
  }
}
.method-second p {
  font-style: italic;
  font-size: 2rem;
  line-height: 4rem;
  margin-bottom: 4rem;
}
.method-second p strong {
  font-style: normal;
}

.method-third {
  padding: 16rem 0 4rem;
}
@media (max-width: 960px) {
  .method-third {
    padding: 4rem 0;
  }
}
.method-third .method {
  display: flex;
  margin-bottom: 8.5rem;
}
@media (max-width: 960px) {
  .method-third .method {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
}
.method-third .method h3 {
  font-size: 3.5rem;
  line-height: 4.8rem;
  font-family: "just_tell_me_whatregular", sans-serif;
  margin-bottom: 1.3rem;
}
.method-third .method h4 {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 7rem;
}
.method-third .method .col {
  box-sizing: border-box;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  text-align: justify;
}
@media (max-width: 960px) {
  .method-third .method .col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 3rem;
  }
}
.method-third .method .col img {
  max-width: 100%;
  height: auto;
  display: block;
}
.method-third .method:nth-child(odd) {
  flex-direction: row-reverse;
}
.method-third .method:nth-child(odd) .col:first-child {
  padding-left: 4rem;
}
@media (max-width: 960px) {
  .method-third .method:nth-child(odd) .col:first-child {
    padding-left: 0;
  }
}
.method-third .method:nth-child(odd) .col:last-child {
  padding-right: 4rem;
}
@media (max-width: 960px) {
  .method-third .method:nth-child(odd) .col:last-child {
    padding-right: 0;
  }
}
.method-third .method:nth-child(even) .col:first-child {
  padding-right: 4rem;
}
@media (max-width: 960px) {
  .method-third .method:nth-child(even) .col:first-child {
    padding-right: 0;
  }
}
.method-third .method:nth-child(even) .col:last-child {
  padding-left: 4rem;
}
@media (max-width: 960px) {
  .method-third .method:nth-child(even) .col:last-child {
    padding-left: 0;
  }
}

.method-four {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/bg2.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 30rem 0 20rem;
  text-align: center;
  color: white;
  text-align: center;
}
@media (min-width: 1800px) {
  .method-four {
    padding: 50rem 0 10rem;
  }
}
@media (max-width: 960px) {
  .method-four {
    padding: 25rem 0 4rem;
    background-position: top right;
  }
}
@media (max-width: 960px) {
  .method-four {
    padding: 6rem 0;
  }
}
.method-four h2 {
  margin-bottom: 2rem;
}
.method-four p {
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.method-four .btn {
  margin: 8rem auto 0;
}

.header-about {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/4.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
}
.header-about .container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.header-about h1 {
  font-size: 5.5rem;
  line-height: 7.6rem;
  text-shadow: 0 2px 3px black;
  color: white;
}
@media (max-width: 960px) {
  .header-about h1 {
    font-size: 3.6rem;
    line-height: 5rem;
    text-align: center;
  }
}

.about-first {
  padding: 12rem 0;
}
@media (max-width: 960px) {
  .about-first {
    padding: 6rem 0;
  }
}
.about-first .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 960px) {
  .about-first .row {
    flex-wrap: wrap;
  }
}
.about-first .row .col {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  text-align: justify;
  max-width: 50%;
}
@media (max-width: 960px) {
  .about-first .row .col {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
.about-first .row .col:first-child {
  padding-right: 4rem;
}
@media (max-width: 960px) {
  .about-first .row .col:first-child {
    order: 2;
    padding-right: 0;
  }
}
.about-first .row .col:last-child {
  padding-left: 4rem;
}
@media (max-width: 960px) {
  .about-first .row .col:last-child {
    order: 1;
    padding-left: 0;
    margin-bottom: 3rem;
  }
}
.about-first .row .col img {
  max-width: 100%;
}
.about-first h2,
.about-first .desc {
  margin-bottom: 8rem;
}

.about-second {
  background-color: #63a19c;
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/owiosce_conswyroznia_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  color: white;
  padding: 12rem 0;
  text-align: center;
}
@media (max-width: 960px) {
  .about-second {
    padding: 6rem 0;
  }
}
.about-second h2,
.about-second .desc {
  margin-bottom: 8rem;
}
@media (max-width: 960px) {
  .about-second h2,
  .about-second .desc {
    margin-bottom: 3rem;
  }
}
.about-second h4 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  margin-bottom: 8rem;
}
@media (max-width: 960px) {
  .about-second h4 {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
.about-second .infos {
  display: flex;
  margin-bottom: 8rem;
}
@media (max-width: 960px) {
  .about-second .infos {
    margin-bottom: 3rem;
    flex-wrap: wrap;
  }
}
.about-second .infos .info {
  flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  box-sizing: border-box;
  padding: 0 1rem;
}
@media (max-width: 960px) {
  .about-second .infos .info {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
}
.about-second .infos .info img {
  max-width: 100%;
}
.about-second .infos .info p {
  line-height: 2.5rem;
  font-size: 1.6rem;
}
.about-second .btn {
  margin: 0 auto;
}

.about-three {
  background: #F5F6F0;
  padding: 12rem 0;
}
@media (max-width: 960px) {
  .about-three {
    padding: 6rem 0;
  }
}
.about-three h2 {
  text-align: center;
  margin-bottom: 8rem;
}
@media (max-width: 960px) {
  .about-three h2 {
    margin-bottom: 3rem;
  }
}
.about-three p {
  margin-bottom: 8rem;
  text-align: justify;
}
@media (max-width: 960px) {
  .about-three p {
    margin-bottom: 3rem;
  }
}
.about-three .team {
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  .about-three .team {
    flex-wrap: wrap;
  }
}
.about-three .team .person {
  flex: 0 0 calc(25% - 1rem);
  width: calc(25% - 1rem);
  max-width: calc(25% - 1rem);
  margin: 0 0.5rem;
  height: 36rem;
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative;
  background-color: white;
}
@media (max-width: 960px) {
  .about-three .team .person {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 0 3rem;
  }
}
.about-three .team .person::after {
  background: #7DBBA4;
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0;
  transform: translateY(97%);
}
.about-three .team .person-image {
  height: 25rem;
  width: 100%;
}
.about-three .team .person-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-three .team .person-desc {
  padding: 2.5rem;
  position: absolute;
  background: white;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.2s linear;
  transform: translateY(70%);
}
.about-three .team .person-desc::after {
  content: "";
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 3rem;
  right: 1rem;
}
.about-three .team .person-desc h5 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 700;
  padding-right: 5rem;
}
.about-three .team .person-desc h6 {
  font-size: 1.4rem;
  line-height: 2.5rem;
  font-weight: 300;
  padding-right: 5rem;
}
.about-three .team .person-desc-info {
  margin-top: 2rem;
}
.about-three .team .person-desc-info p, .about-three .team .person-desc-info h6 {
  font-size: 1.2rem;
  line-height: 1.3rem;
  text-align: left;
  padding-right: 0;
}
.about-three .team .person:hover .person-desc {
  transform: translateY(0);
}

.about-four {
  padding: 12rem 0 0;
}
@media (max-width: 960px) {
  .about-four {
    padding: 6rem 0 0;
  }
}
.about-four h2 {
  text-align: center;
  margin-bottom: 8rem;
}
@media (max-width: 960px) {
  .about-four h2 {
    margin-bottom: 3rem;
  }
}
.about-four .desc {
  text-align: justify;
}
.about-four a {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}
.about-four .tns-liveregion {
  display: none !important;
}
.about-four .tns-item {
  height: 35rem;
}
@media (max-width: 960px) {
  .about-four .tns-item {
    height: 20rem;
  }
}
.about-four .tns-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-four .tns-outer {
  position: relative;
  height: 35rem;
  margin-top: 8rem;
}
@media (max-width: 960px) {
  .about-four .tns-outer {
    height: 20rem;
    margin-top: 3rem;
  }
}
.about-four .tns-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 100%;
  max-width: 118rem;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-four .tns-controls button {
  text-indent: -9999rem;
  width: 5.8rem;
  height: 5.8rem;
  display: block;
  background-color: none;
  border: none;
  background-size: contain;
  background-position: center;
}
.about-four .tns-controls button[data-controls=prev] {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/arrow2.svg);
}
.about-four .tns-controls button[data-controls=next] {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/arrow1.svg);
}
.about-four .tns-controls button:focus {
  outline: none;
  opacity: 0.8;
}

.about-five {
  padding: 12rem 0;
  background: #7FBB9e;
  color: white;
  text-align: center;
}
@media (max-width: 960px) {
  .about-five {
    padding: 6rem 0;
  }
}
.about-five h2 {
  margin-bottom: 2rem;
}
.about-five p {
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.about-five .btn {
  margin: 8rem auto 0;
}

.about-more {
  padding: 12rem 0 0;
}
@media (max-width: 960px) {
  .about-more {
    padding: 6rem 0 0;
  }
}
.about-more h2,
.about-more h3,
.about-more h4,
.about-more h5,
.about-more h6 {
  margin-bottom: 4rem;
}
.about-more p {
  margin-bottom: 3.5rem;
  text-align: justify;
}
.about-more .tns-liveregion {
  display: none !important;
}
.about-more .tns-item {
  height: 35rem;
}
@media (max-width: 960px) {
  .about-more .tns-item {
    height: 20rem;
  }
}
.about-more .tns-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-more .tns-outer {
  position: relative;
  height: 35rem;
  margin-top: 8rem;
}
@media (max-width: 960px) {
  .about-more .tns-outer {
    height: 20rem;
    margin-top: 3rem;
  }
}
.about-more .tns-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 100%;
  max-width: 118rem;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-more .tns-controls button {
  text-indent: -9999rem;
  width: 5.8rem;
  height: 5.8rem;
  display: block;
  background-color: none;
  border: none;
  background-size: contain;
  background-position: center;
}
.about-more .tns-controls button[data-controls=prev] {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/arrow2.svg);
}
.about-more .tns-controls button[data-controls=next] {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/arrow1.svg);
}
.about-more .tns-controls button:focus {
  outline: none;
  opacity: 0.8;
}

.price-list-header {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_bgc.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
}
.price-list-header .container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.price-list-header h1 {
  font-size: 5.5rem;
  line-height: 7.6rem;
  text-shadow: 0 2px 3px black;
  color: white;
}
@media (max-width: 960px) {
  .price-list-header h1 {
    font-size: 3.6rem;
    line-height: 5rem;
    text-align: center;
  }
}
.price-list-one {
  padding: 12rem 0;
  background: #f5f6f0;
}
@media (max-width: 960px) {
  .price-list-one {
    padding: 6rem 0;
  }
}
.price-list-one h2 {
  text-align: center;
  margin-bottom: 6rem;
}
.price-list-one .desc {
  margin-bottom: 6rem;
  text-align: justify;
}
.price-list-one .prices {
  display: flex;
  flex-wrap: wrap;
}
.price-list-one .prices .price {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 5rem;
  border-radius: 2.5rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 4rem;
  display: flex;
  background: #AACCB9;
  overflow: hidden;
}
@media (max-width: 960px) {
  .price-list-one .prices .price {
    flex-wrap: wrap;
    padding: 2rem 0;
  }
}
.price-list-one .prices .price p {
  text-align: justify;
}
.price-list-one .prices .price:first-child .col:first-child::before {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_wpisowe.svg);
}
.price-list-one .prices .price:nth-child(2) {
  background: #7CB7A3;
}
.price-list-one .prices .price:nth-child(2) .col:first-child::before {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_czesne.svg);
}
.price-list-one .prices .price:nth-child(3) {
  background: #7FBB9E;
}
.price-list-one .prices .price:nth-child(3) .col:first-child::before {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_czesne.svg);
}
.price-list-one .prices .price:nth-child(4) {
  background: #63A19C;
}
.price-list-one .prices .price:nth-child(4) .col:first-child::before {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_wyzywienie.svg);
}
.price-list-one .prices .price .col {
  position: relative;
}
.price-list-one .prices .price .col:first-child {
  flex: 0 0 30%;
  width: 30%;
  max-width: 30%;
  color: white;
  box-sizing: border-box;
  padding: 2rem;
}
@media (max-width: 960px) {
  .price-list-one .prices .price .col:first-child {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 2rem 3rem;
    text-align: center;
  }
}
.price-list-one .prices .price .col:first-child::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14rem;
  height: 14rem;
  position: absolute;
  top: 3rem;
  right: 6rem;
}
.price-list-one .prices .price .col:first-child h3 {
  font-family: "just_tell_me_whatregular", sans-serif;
  font-size: 3.5rem;
  line-height: 3rem;
  margin-bottom: 1rem;
}
.price-list-one .prices .price .col:first-child h3 span {
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (max-width: 960px) {
  .price-list-one .prices .price .col:first-child h3 {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}
.price-list-one .prices .price .col:first-child p {
  font-size: 2rem;
  line-height: 2.5rem;
}
.price-list-one .prices .price .col:last-child {
  background: white;
  margin: -4rem -4rem -3rem;
  padding: 4rem 4rem 3rem;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  .price-list-one .prices .price .col:last-child {
    margin: 0;
    padding: 2rem;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.price-list-two {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/cennik_oplata_bgc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 12rem 0;
  color: white;
}
@media (max-width: 960px) {
  .price-list-two {
    padding: 6rem 0;
  }
}
.price-list-two h2 {
  text-align: center;
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .price-list-two h2 {
    margin-bottom: 3rem;
  }
}
.price-list-two .desc {
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .price-list-two .desc {
    margin-bottom: 3rem;
  }
}
.price-list-two .price {
  text-align: center;
}
.price-list-two .price p {
  font-size: 1.8rem;
  line-height: 5.5rem;
}
@media (max-width: 1290px) {
  .price-list-two .price p {
    font-size: 1.4rem;
  }
}
@media (max-width: 960px) {
  .price-list-two .price p {
    font-size: 1.6rem;
    line-height: 4rem;
  }
}
.price-list-two .price p strong {
  font-family: "just_tell_me_whatregular", sans-serif;
  font-size: 3.5rem;
  line-height: 5.5rem;
}
@media (max-width: 1290px) {
  .price-list-two .price p strong {
    font-size: 3rem;
  }
}
@media (max-width: 960px) {
  .price-list-two .price p strong {
    font-size: 2.5rem;
    line-height: 4rem;
  }
}

.contact-header {
  background-image: url(/wp-content/themes/wioska-dzikich-dzieci/img/kontakt_bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: right center;
}
.contact-header .container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.contact-header h1 {
  font-size: 5.5rem;
  line-height: 7.6rem;
  text-shadow: 0 2px 3px black;
  color: white;
}
@media (max-width: 960px) {
  .contact-header h1 {
    font-size: 3.6rem;
    line-height: 5rem;
    text-align: center;
  }
}
.contact-one {
  padding: 12rem 0;
}
@media (max-width: 960px) {
  .contact-one {
    padding: 6rem 0;
  }
}
.contact-one h2 {
  text-align: center;
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .contact-one h2 {
    margin-bottom: 3rem;
  }
}
.contact-one .desc {
  margin-bottom: 6rem;
  text-align: justify;
}
@media (max-width: 960px) {
  .contact-one .desc {
    margin-bottom: 3rem;
  }
}
.contact-one .row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .contact-one .row {
    flex-wrap: wrap;
  }
}
.contact-one .row .col {
  flex: 0 0 45%;
  max-width: 45%;
  width: 45%;
}
@media (max-width: 960px) {
  .contact-one .row .col {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  .contact-one .row .col:last-child {
    margin-top: 3rem;
  }
}
.contact-one .row .col:last-child p {
  margin-bottom: 3rem;
}
.contact-one .row .info {
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .contact-one .row .info {
    margin-bottom: 1rem;
  }
}
.contact-one .row .info:nth-last-child(2) {
  margin-top: 4rem;
}
.contact-one .row .info-img {
  width: 2.2rem;
  margin-right: 1rem;
}
.contact-one .row .info-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.contact-one .row .info-desc {
  flex: 0 0 calc(100% - 3.3rem);
  width: calc(100% - 3.3rem);
  max-width: calc(100% - 3.3rem);
}
@media (max-width: 960px) {
  .contact-one .row .info-desc p {
    font-size: 1.2rem;
    line-height: 3rem;
  }
}
.contact-one .row .info a {
  color: black;
}
.contact-image img {
  width: 100%;
  height: auto;
  display: block;
}
.contact-map {
  padding: 12rem 0;
  text-align: center;
}
@media (max-width: 960px) {
  .contact-map {
    padding: 6rem 0;
  }
}
.contact-map .desc p {
  font-size: 2rem;
}
.contact-form {
  padding: 12rem 0 52rem;
  margin-bottom: -40rem;
  background: #f5f6f0;
}
@media (max-width: 960px) {
  .contact-form {
    padding: 6rem 0 30rem;
    margin-bottom: -24rem;
  }
}
.contact-form h2 {
  text-align: center;
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .contact-form h2 {
    margin-bottom: 3rem;
  }
}
.contact-form .desc {
  margin-bottom: 6rem;
}
@media (max-width: 960px) {
  .contact-form .desc {
    margin-bottom: 3rem;
  }
}
.contact-form .form .inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
@media (max-width: 960px) {
  .contact-form .form .inputs {
    margin-bottom: 3rem;
    flex-wrap: wrap;
  }
}
.contact-form .form .inputs span {
  flex: 0 0 30%;
  width: 30%;
  max-width: 30%;
}
@media (max-width: 960px) {
  .contact-form .form .inputs span {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
  }
}
.contact-form .form .inputs input {
  height: 6.6rem;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 17px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border: none;
  padding: 0 3rem;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
.contact-form .form textarea {
  height: 25.5rem;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 17px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border: none;
  padding: 2rem 3rem;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5rem;
}
@media (max-width: 960px) {
  .contact-form .form textarea {
    margin-bottom: 3rem;
  }
}
.contact-form .checkboxes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
@media (max-width: 960px) {
  .contact-form .checkboxes {
    margin-bottom: 3rem;
    flex-wrap: wrap;
  }
}
.contact-form .checkboxes .wpcf7-form-control-wrap {
  flex: 0 0 45%;
  width: 45%;
  max-width: 45%;
}
@media (max-width: 960px) {
  .contact-form .checkboxes .wpcf7-form-control-wrap {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
  }
}
.contact-form .checkboxes .wpcf7-form-control-wrap input {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  max-width: 2rem;
  margin-right: 2rem;
}
.contact-form .checkboxes .wpcf7-form-control-wrap label {
  display: flex;
}
.contact-form .send {
  display: flex;
  justify-content: flex-end;
}

.map {
  height: 50vh;
  width: 100%;
  position: relative;
}

.wpcf7-response-output {
  font-size: 2rem;
  line-height: 3rem;
  margin: 2rem auto;
  border: none !important;
}

body.home {
  overflow: hidden;
}
body.home .landing-selection {
  display: flex;
  gap: 3px;
  overflow: hidden;
}
@media (max-width: 960px) {
  body.home .landing-selection {
    flex-direction: column;
    gap: 2px;
  }
}
body.home .landing-selection__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5rem;
  z-index: 1;
}
body.home .landing-selection__logo img {
  max-height: 20vh;
}
@media (max-width: 960px) {
  body.home .landing-selection__logo {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
body.home .landing-selection__section {
  flex-grow: 1;
  position: relative;
}
body.home .landing-selection__section a .landing-image {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 960px) {
  body.home .landing-selection__section a .landing-image {
    height: 50vh;
  }
}
body.home .landing-selection__section a .landing-title {
  position: absolute;
  bottom: 20rem;
  display: flex;
  gap: 5rem;
  width: 72.5%;
  box-sizing: border-box;
  transition: all 0.4s ease;
}
@media (max-width: 1290px) {
  body.home .landing-selection__section a .landing-title {
    width: 87.5%;
    bottom: 10rem;
  }
}
@media (max-width: 321px) {
  body.home .landing-selection__section a .landing-title {
    width: 95%;
  }
}
@media (max-width: 960px) {
  body.home .landing-selection__section a .landing-title {
    bottom: 2rem;
  }
}
body.home .landing-selection__section a .landing-title .arrow {
  flex-shrink: 0;
  object-fit: contain;
  transition: all 0.2s linear;
}
body.home .landing-selection__section a .landing-title h4 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 5rem;
}
@media (max-width: 960px) {
  body.home .landing-selection__section a .landing-title h4 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media (min-width: 960px) {
  body.home .landing-selection__section:hover a .landing-title {
    scale: 1.1;
  }
}
body.home .landing-selection__section--left a .landing-title {
  left: 0;
  justify-content: flex-start;
  padding: 3rem 0 3rem 15rem;
  background: #fff;
  border-radius: 0 2rem 2rem 0;
}
@media (max-width: 1290px) {
  body.home .landing-selection__section--left a .landing-title {
    padding: 3rem 0 3rem 10rem;
  }
}
@media (max-width: 960px) {
  body.home .landing-selection__section--left a .landing-title {
    padding: 2rem 0 2rem 3rem;
    top: 2rem;
    bottom: initial;
  }
}
body.home .landing-selection__section--left a .landing-title h4 {
  color: #5A9891;
}
body.home .landing-selection__section--right a .landing-title {
  right: 0;
  justify-content: flex-end;
  border-radius: 2rem 0 0 2rem;
  padding: 3rem 15rem 3rem 0;
  background: #5A9891;
}
@media (max-width: 1290px) {
  body.home .landing-selection__section--right a .landing-title {
    padding: 3rem 10rem 3rem 0;
  }
}
@media (max-width: 960px) {
  body.home .landing-selection__section--right a .landing-title {
    padding: 2rem 3rem 2rem 0;
  }
}
body.home .landing-selection__section--right a .landing-title h4 {
  color: #fff;
}

body.home .footer {display: none;}

.contact-map {
  padding-bottom: 6rem;
}

.contact-buttons .container {
  display:flex;
  gap:3rem;
  justify-content: center;
  flex-wrap:wrap;
}

.contact-buttons {
  padding-bottom:12rem;
}

@media (max-width: 960px) {
  .contact-buttons {
    padding-bottom:6rem;
  }
}

.contact-buttons .container a{
  width: auto;
}