@charset "UTF-8";

.clr:after {
clear: both;
content: " ";
display: block;
}
.transition, .loader, .popup_additional, .popup_additional_2, .form_data, .form_amounts, .wwd_block img, .yc_icon, .yc_block:after, .home_newsletter_block input.wpcf7-form-control.wpcf7-submit.has-spinner, .news_tile img, .under_logo, .logo, .navbar, a {
transition: all 500ms;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
}
.cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.center {
text-align: center;
}
.no_pad {
padding: 0;
}
.full_cont .container {
width: 100%;
max-width: 100%;
}
.with_pad {
padding: 4.5rem 0;
}
.with_small_pad {
padding-top: 2rem;
padding-bottom: 2rem;
}
.with_pad_top {
padding-top: 60px;
}
.with_small_pad_top {
padding-top: 2.5rem;
}
.with_pad_bottom {
padding-bottom: 4.5rem;
}
.no_pad_left {
padding-left: 0;
}
.no_pad_right {
padding-right: 0;
}
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.flex_start {
justify-content: flex-start;
}
.space_between {
justify-content: space-between;
}
.space_around {
justify-content: space-around;
}
.flex_center {
justify-content: center;
}
.flex_end {
justify-content: flex-end;
}
.table_display {
display: table;
float: none;
width: 100%;
}
.table_display .table_cell {
display: table-cell;
float: none;
vertical-align: middle;
}
.o_hidden {
overflow: hidden;
}
.fixed {
position: fixed;
}
.primary_btn {
background: #009de0;
color: #fff;
padding: 5px 15px;
border-radius: 3px;
border: none;
display: inline-block;
}
.primary_btn:hover, .primary_btn:focus {
color: #fff;
background: #76b856;
}
.secondary_btn {
background: #76b856;
color: #fff;
padding: 5px 15px;
border-radius: 3px;
border: none;
display: inline-block;
}
.secondary_btn:hover {
color: #fff;
}
.accent2_btn_reverse {
border: 1px solid #999999;
color: #999999;
background: #fff;
}
.orange_huge_btn {
color: #ec7404;
border: 1px solid #ec7404;
font-size: 1.9rem;
padding: 1rem 2rem;
display: inline-block;
margin-top: 2rem;
}
.orange_huge_btn:hover {
color: #ec7404;
}
.bg {
background: #fff;
}
.mt_2 {
margin-top: 2rem;
}
.mt_3 {
margin-top: 3rem;
}
.primary_bg {
background-color: #009de0;
}
.secondary_bg {
background-color: #76b856;
}
.accent_bg {
background-color: #e84361;
}
.primary_color {
color: #009de0;
}
.secondary_color {
color: #76b856;
}
.accent_color {
color: #e84361;
}
.white_color {
color: #fff;
}
.no_pad_right {
padding-right: 0;
}
.no_pad_left {
padding-left: 0;
} .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://wioskisos.org/wp-content/themes/clv_wioski_new/ajax-loader.gif) center center no-repeat;
}   .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
@media all and (min-width: 993px) {
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
opacity: 0;
}
.animated_load {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
opacity: 0;
}
.animated_load_long {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
opacity: 0;
}
.fill {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated_high {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
opacity: 0;
}
.animated2 {
-webkit-animation-duration: 1.7s;
-moz-animation-duration: 1.7s;
-o-animation-duration: 1.7s;
animation-duration: 1.7s;
opacity: 0;
}
.delay_1 {
-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay_2 {
-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.delay_3 {
-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.animated_delay_1 {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
opacity: 0;
}
.animated_delay_2 {
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
opacity: 0;
}
.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated_visible {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.animated_parent {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
.long {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
opacity: 0;
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeInLeftTop {
0% {
opacity: 0;
-webkit-transform: translate(-80px, -80px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes fadeInLeftTop {
0% {
opacity: 0;
-moz-transform: translate(-80px, -80px);
}
100% {
opacity: 1;
-moz-transform: translate(0, 0);
}
}
@-o-keyframes fadeInLeftTop {
0% {
opacity: 0;
-o-transform: translate(-80px, -80px);
}
100% {
opacity: 1;
-o-transform: translate(0, 0);
}
}
@keyframes fadeInLeftTop {
0% {
opacity: 0;
transform: translate(-80px, -80px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.fadeInLeftTop {
-webkit-animation-name: fadeInLeftTop;
-moz-animation-name: fadeInLeftTop;
-o-animation-name: fadeInLeftTop;
animation-name: fadeInLeftTop;
}
@-webkit-keyframes fadeInLeftBottom {
0% {
opacity: 0;
-webkit-transform: translate(-80px, 80px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes fadeInLeftBottom {
0% {
opacity: 0;
-moz-transform: translate(-80px, 80px);
}
100% {
opacity: 1;
-moz-transform: translate(0, 0);
}
}
@-o-keyframes fadeInLeftBottom {
0% {
opacity: 0;
-o-transform: translate(-80px, 80px);
}
100% {
opacity: 1;
-o-transform: translate(0, 0);
}
}
@keyframes fadeInLeftBottom {
0% {
opacity: 0;
transform: translate(-80px, 80px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.fadeInLeftBottom {
-webkit-animation-name: fadeInLeftBottom;
-moz-animation-name: fadeInLeftBottom;
-o-animation-name: fadeInLeftBottom;
animation-name: fadeInLeftBottom;
}
@-webkit-keyframes fadeInRightTop {
0% {
opacity: 0;
-webkit-transform: translate(80px, -80px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes fadeInRightTop {
0% {
opacity: 0;
-moz-transform: translate(80px, -80px);
}
100% {
opacity: 1;
-moz-transform: translate(0, 0);
}
}
@-o-keyframes fadeInRightTop {
0% {
opacity: 0;
-o-transform: translate(80px, -80px);
}
100% {
opacity: 1;
-o-transform: translate(0, 0);
}
}
@keyframes fadeInRightTop {
0% {
opacity: 0;
transform: translate(80px, -80px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.fadeInRightTop {
-webkit-animation-name: fadeInRightTop;
-moz-animation-name: fadeInRightTop;
-o-animation-name: fadeInRightTop;
animation-name: fadeInRightTop;
}
@-webkit-keyframes fadeInRightBottom {
0% {
opacity: 0;
-webkit-transform: translate(80px, 80px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes fadeInRightBottom {
0% {
opacity: 0;
-moz-transform: translate(80px, 80px);
}
100% {
opacity: 1;
-moz-transform: translate(0, 0);
}
}
@-o-keyframes fadeInRightBottom {
0% {
opacity: 0;
-o-transform: translate(80px, 80px);
}
100% {
opacity: 1;
-o-transform: translate(0, 0);
}
}
@keyframes fadeInRightBottom {
0% {
opacity: 0;
transform: translate(80px, 80px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.fadeInRightBottom {
-webkit-animation-name: fadeInRightBottom;
-moz-animation-name: fadeInRightBottom;
-o-animation-name: fadeInRightBottom;
animation-name: fadeInRightBottom;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-15px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-15px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-15px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-15px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.scaling {
animation-name: scaling;
-webkit-animation-name: scaling;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes scaling {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes scaling {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
.floatingquick {
animation-name: floatingquick;
-webkit-animation-name: floatingquick;
animation-duration: 0.9s;
-webkit-animation-duration: 0.9s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floatingquick {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(12%);
}
60% {
transform: translateX(-12%);
}
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes floatingquick {
0% {
-webkit-transform: translateX(0%);
}
30% {
-webkit-transform: translateX(12%);
}
60% {
-webkit-transform: translateX(-12%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@-webkit-keyframes line-scroll {
0% {
background-position: 0 -80px;
}
80% {
background-position: 0 0px;
}
100% {
background-position: 0 80px;
}
}
@-moz-keyframes line-scroll {
0% {
background-position: 0 -80px;
}
80% {
background-position: 0 0px;
}
100% {
background-position: 0 80px;
}
}
@-ms-keyframes line-scroll {
0% {
background-position: 0 -80px;
}
80% {
background-position: 0 0px;
}
100% {
background-position: 0 80px;
}
}
@keyframes line-scroll {
0% {
background-position: 0 -80px;
}
80% {
background-position: 0 0px;
}
100% {
background-position: 0 80px;
}
}
.zooming {
transform: scale(1);
}
.zooming.zoomed {
transform: scale(1.15);
}
.zoom_anim {
-webkit-animation: zoom_anim 15 linear;
-moz-animation: zoom_anim 15 linear;
-o-animation: zoom_anim 15 linear;
animation: zoom_anim 15 linear;
}
@-webkit-keyframes zoom_anim {
from {
-webkit-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
}
to {
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
}
@-moz-keyframes zoom_anim {
from {
-webkit-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
}
to {
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
}
@-o-keyframes zoom_anim {
from {
-webkit-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1.3) skew(0deg) translate(0px);
}
to {
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
}
.se-pre-con {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999;
background-color: rgb(242.25, 242.25, 242.25);
}
.loader {
height: 58px;
left: 50%;
top: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
width: 58px;
}
.loader span {
background: rgb(41, 170, 229);
display: block;
height: 12px;
opacity: 0;
position: absolute;
width: 12px;
animation: load 4.6s ease-in-out infinite;
-o-animation: load 4.6s ease-in-out infinite;
-ms-animation: load 4.6s ease-in-out infinite;
-webkit-animation: load 4.6s ease-in-out infinite;
-moz-animation: load 4.6s ease-in-out infinite;
}
.loader span.block-1 {
animation-delay: 1.06s;
-o-animation-delay: 1.06s;
-ms-animation-delay: 1.06s;
-webkit-animation-delay: 1.06s;
-moz-animation-delay: 1.06s;
left: 0px;
top: 0px;
}
.loader span.block-2 {
animation-delay: 0.97s;
-o-animation-delay: 0.97s;
-ms-animation-delay: 0.97s;
-webkit-animation-delay: 0.97s;
-moz-animation-delay: 0.97s;
left: 16px;
top: 0px;
}
.loader span.block-3 {
animation-delay: 0.87s;
-o-animation-delay: 0.87s;
-ms-animation-delay: 0.87s;
-webkit-animation-delay: 0.87s;
-moz-animation-delay: 0.87s;
left: 31px;
top: 0px;
}
.loader span.block-4 {
animation-delay: 0.78s;
-o-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-moz-animation-delay: 0.78s;
left: 47px;
top: 0px;
}
.loader span.block-5 {
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
left: 0px;
top: 16px;
}
.loader span.block-6 {
animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
left: 16px;
top: 16px;
}
.loader span.block-7 {
animation-delay: 0.51s;
-o-animation-delay: 0.51s;
-ms-animation-delay: 0.51s;
-webkit-animation-delay: 0.51s;
-moz-animation-delay: 0.51s;
left: 31px;
top: 16px;
}
.loader span.block-8 {
animation-delay: 0.41s;
-o-animation-delay: 0.41s;
-ms-animation-delay: 0.41s;
-webkit-animation-delay: 0.41s;
-moz-animation-delay: 0.41s;
left: 47px;
top: 16px;
}
.loader span.block-9 {
animation-delay: 0.32s;
-o-animation-delay: 0.32s;
-ms-animation-delay: 0.32s;
-webkit-animation-delay: 0.32s;
-moz-animation-delay: 0.32s;
left: 0px;
top: 31px;
}
.loader span.block-10 {
animation-delay: 0.23s;
-o-animation-delay: 0.23s;
-ms-animation-delay: 0.23s;
-webkit-animation-delay: 0.23s;
-moz-animation-delay: 0.23s;
left: 16px;
top: 31px;
}
.loader span.block-11 {
animation-delay: 0.14s;
-o-animation-delay: 0.14s;
-ms-animation-delay: 0.14s;
-webkit-animation-delay: 0.14s;
-moz-animation-delay: 0.14s;
left: 31px;
top: 31px;
}
.loader span.block-12 {
animation-delay: 0.05s;
-o-animation-delay: 0.05s;
-ms-animation-delay: 0.05s;
-webkit-animation-delay: 0.05s;
-moz-animation-delay: 0.05s;
left: 47px;
top: 31px;
}
.loader span.block-13 {
animation-delay: -0.05s;
-o-animation-delay: -0.05s;
-ms-animation-delay: -0.05s;
-webkit-animation-delay: -0.05s;
-moz-animation-delay: -0.05s;
left: 0px;
top: 47px;
}
.loader span.block-14 {
animation-delay: -0.14s;
-o-animation-delay: -0.14s;
-ms-animation-delay: -0.14s;
-webkit-animation-delay: -0.14s;
-moz-animation-delay: -0.14s;
left: 16px;
top: 47px;
}
.loader span.block-15 {
animation-delay: -0.23s;
-o-animation-delay: -0.23s;
-ms-animation-delay: -0.23s;
-webkit-animation-delay: -0.23s;
-moz-animation-delay: -0.23s;
left: 31px;
top: 47px;
}
.loader span.block-16 {
animation-delay: -0.32s;
-o-animation-delay: -0.32s;
-ms-animation-delay: -0.32s;
-webkit-animation-delay: -0.32s;
-moz-animation-delay: -0.32s;
left: 47px;
top: 47px;
}
@keyframes load {
0% {
opacity: 0;
transform: translateY(-97px);
}
15% {
opacity: 0;
transform: translateY(-97px);
}
30% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(0);
}
85% {
opacity: 0;
transform: translateY(97px);
}
100% {
opacity: 0;
transform: translateY(97px);
}
}
@-o-keyframes load {
0% {
opacity: 0;
-o-transform: translateY(-97px);
}
15% {
opacity: 0;
-o-transform: translateY(-97px);
}
30% {
opacity: 1;
-o-transform: translateY(0);
}
70% {
opacity: 1;
-o-transform: translateY(0);
}
85% {
opacity: 0;
-o-transform: translateY(97px);
}
100% {
opacity: 0;
-o-transform: translateY(97px);
}
}
@-ms-keyframes load {
0% {
opacity: 0;
-ms-transform: translateY(-97px);
}
15% {
opacity: 0;
-ms-transform: translateY(-97px);
}
30% {
opacity: 1;
-ms-transform: translateY(0);
}
70% {
opacity: 1;
-ms-transform: translateY(0);
}
85% {
opacity: 0;
-ms-transform: translateY(97px);
}
100% {
opacity: 0;
-ms-transform: translateY(97px);
}
}
@-webkit-keyframes load {
0% {
opacity: 0;
-webkit-transform: translateY(-97px);
}
15% {
opacity: 0;
-webkit-transform: translateY(-97px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0);
}
70% {
opacity: 1;
-webkit-transform: translateY(0);
}
85% {
opacity: 0;
-webkit-transform: translateY(97px);
}
100% {
opacity: 0;
-webkit-transform: translateY(97px);
}
}
@-moz-keyframes load {
0% {
opacity: 0;
-moz-transform: translateY(-97px);
}
15% {
opacity: 0;
-moz-transform: translateY(-97px);
}
30% {
opacity: 1;
-moz-transform: translateY(0);
}
70% {
opacity: 1;
-moz-transform: translateY(0);
}
85% {
opacity: 0;
-moz-transform: translateY(97px);
}
100% {
opacity: 0;
-moz-transform: translateY(97px);
}
}
body {
font-size: 16px;
line-height: 140%;
font-family: "Arial", sans-serif;
overflow-x: hidden;
}
html {
overflow-x: hidden;
font-size: 16px;
}
p {
margin: 1rem 0;
}
a {
color: #009de0;
}
a:hover, a:focus {
text-decoration: none;
color: #76b856;
}
.center {
text-align: center;
}
div:focus {
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
line-height: 125%;
font-family: "Arial", sans-serif;
}
#btt {
padding: 10px 15px;
font-size: 22px;
color: #009de0;
position: fixed;
right: 2%;
bottom: 5%;
z-index: 99;
}
.invisible {
opacity: 0;
} .grecaptcha-badge {
display: none;
}
.page-template-page-contact .grecaptcha-badge {
display: block;
}
#header {
position: fixed;
background: #fff;
width: 100%;
z-index: 4;
}
#header.header_small {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.top_bar {
font-size: 0.9rem;
padding: 0rem 0 0.4rem;
}
.top_bar a {
color: #999999;
display: inline-block;
padding: 2px;
}
.top_bar a.si_link {
font-size: 1.1rem;
margin-right: 0.4rem;
}
.top_bar .social_icons {
margin-top: 0.2rem;
}
.top_bar .menu_top_right li {
margin-left: 0.5rem;
}
.top_bar .menu_top_right a {
background: #009de0;
color: #fff;
padding: 12px 15px 6px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.top_bar .menu_top_right a:hover {
background: #ec7404;
text-decoration: none;
}
.top_bar ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
list-style: none;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.top_bar ul li {
margin-left: 0.9rem;
}
.top_bar ul li a {
font-size: 0.85rem;
}
.top_bar ul li a:hover {
text-decoration: underline;
}
.top_bar .top_menu_highlight a {
border-radius: 3px;
}
.top_bar .top_menu_highlight a:hover {
color: #fff;
text-decoration: none;
}
.top_krs {
color: #009de0;
margin-top: 1rem;
border: none;
background: none;
font-size: 1.2rem;
position: absolute;
}
.header_middle {
padding: 1rem 0;
}
.navbar.navbar_small {
transform: translateY(-25px);
}
.top_donate_btn {
background: #e84361;
color: #fff;
font-size: 1.4rem;
display: inline-block;
text-align: center;
border-radius: 3px;
padding: 0.5rem 1.5rem;
line-height: 120%;
float: right;
margin-top: 0.5rem;
}
.top_donate_btn:hover, .top_donate_btn:focus {
color: #fff;
}
.top_donate_btn.tdb_small {
font-size: 1rem;
margin-top: 0.1rem;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin-left: 1px;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
color: #919191;
background-color: transparent;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover {
background: #009de0;
color: #fff;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
color: #009de0;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top .featured_menu {
background: #009de0;
color: #fff;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.featured_menu a.mega-menu-link {
background: #009de0 !important;
color: #fff !important;
}
.logo {
max-width: 80%;
width: 80%;
}
.logo.small_logo {
width: 40%;
}
.mobile {
display: none;
}
.slick-slide .mobile {
display: none;
}
.slick-dots {
bottom: -25px;
}
.slick-dots li {
width: auto;
height: auto;
}
.slick-dots li button {
width: auto;
height: auto;
padding: 5px 0;
}
.slick-dots li button:before {
width: 20px;
height: 4px;
background: #76b856;
content: " ";
display: block;
margin: 0 1px;
position: relative;
}
.slick-dots li.slick-active button:before {
background: #009de0;
opacity: 1;
}
.under_logo {
color: #009de0;
font-size: 0.9rem;
font-weight: normal;
margin-top: 0.5rem;
margin-bottom: 0;
}
.under_logo.small_ul {
margin-top: 0.4rem;
}
.breadcrumbs {
font-size: 0.9rem;
margin-top: 0.6rem;
}
.breadcrumbs a {
color: rgb(127.5, 127.5, 127.5);
}
.breadcrumbs .current-item {
color: #009de0;
font-weight: bold;
} .main_banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0;
height: auto !important;
position: relative;
}
.main_banner .banner_overlay {
display: block;
}
.slick_home {
opacity: 0;
}
.slick_home .slick-list {
height: auto !important;
}
.home_buttons {
padding: 0 2rem;
}
.home_button {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
color: #fff;
padding: 1rem 3rem;
width: 100%;
text-align: center;
font-size: 1.8rem;
line-height: 130%;
width: 94.5%;
margin: 1rem auto;
}
.home_button:hover {
color: #fff;
opacity: 0.8;
}
.section_title {
padding-top: 34px;
background: url(//wioskisos.org/wp-content/themes/img/section_title_icon.png) no-repeat center top;
background-size: 39px;
margin-bottom: 2rem;
text-transform: uppercase;
text-align: center;
display: inline-block;
position: relative;
color: #009de0;
font-size: 2.5rem;
}
.section_title:before {
height: 1px;
background: #009de0;
width: 90px;
display: block;
content: " ";
top: 29px;
position: absolute;
left: 50%;
margin-left: -45px;
}
.section_title.st_left {
text-align: left;
}
.section_title.st_left:after {
left: 0;
}
.section_title.st_black {
color: rgb(38.25, 38.25, 38.25);
}
.menu_to_right #mega-menu-wrap-menu-top {
float: right;
}
.news_tile {
padding: 15px 25px;
}
.news_tile img {
max-width: 100%;
height: auto;
opacity: 1;
position: relative;
z-index: 1;
}
.news_tile h3 {
font-size: 0.9rem;
color: #009de0;
background: #f0f1ec;
padding: 12px 18px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
min-height: 4rem;
margin-bottom: 0;
text-align: center;
}
.news_tile .nt_link {
padding: 0.5rem 2rem;
border: 1px solid #009de0;
}
.news_tile p {
margin: 1rem 0;
font-size: 0.85rem;
}
.nt_thumb_cont {
display: block;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.nt_thumb_cont:hover {
box-shadow: 0 0 5px rgba(0, 157, 224, 0.8);
}
.nt_thumb_cont:hover img {
opacity: 1;
}
.nt_thumb_cont {
position: relative;
}
.nt_date {
background: #76b856;
padding: 2px 6px;
text-align: center;
display: block;
font-size: 0.8rem;
color: #fff;
position: absolute;
z-index: 2;
opacity: 1;
top: 0;
right: 20px;
width: 5.2rem;
text-align: center;
}
.nt_date .date_day {
font-size: 2.2rem;
display: block;
text-align: center;
padding: 11px 0 7px;
}
.bigger_more {
font-size: 1.1rem;
padding: 0.7rem 2rem;
text-transform: uppercase;
margin-top: 1rem;
}
.who_we_are {
position: relative;
background-image: url(//wioskisos.org/wp-content/themes/img/home_map_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
.who_we_are .overlay {
opacity: 0.8;
background: #fff;
}
.who_we_are .container {
position: relative;
z-index: 2;
}
.wwa_cont {
width: 100%;
max-width: 800px;
margin: 0 auto;
font-size: 1.3rem;
line-height: 130%;
}
.what_we_do {
position: relative;
background-image: url(//wioskisos.org/wp-content/themes/img/what_we_do.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
background-attachment: inherit;
padding: 5rem 0;
}
.home_newsletter_block input[type=text], .home_newsletter_block input[type=email], .home_newsletter_block input[type=tel], .home_newsletter_block input[type=number], .home_newsletter_block select, .home_newsletter_block textarea {
background: #6ecff6;
width: 100%;
padding: 0.5rem;
border: none;
font-weight: bold;
color: #fff;
}
.home_newsletter_block .wpcf7 form.sent .wpcf7-response-output {
position: absolute;
}
.home_newsletter_block .row.small_row {
margin-right: -0.4rem;
margin-left: -0.4rem;
}
.home_newsletter_block .row.small_row > * {
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.home_newsletter_block .small_pad {
padding: 0 7px;
}
.home_newsletter_block ::-webkit-input-placeholder {
color: #fff;
font-weight: bold;
}
.home_newsletter_block :-moz-placeholder { color: #fff;
font-weight: bold;
}
.home_newsletter_block ::-moz-placeholder { color: #fff;
font-weight: bold;
}
.home_newsletter_block :-ms-input-placeholder {
color: #fff;
font-weight: bold;
}
.home_newsletter_block label {
display: block;
}
.home_newsletter_block p {
color: #fff;
}
.home_newsletter_block input.wpcf7-form-control.wpcf7-submit.has-spinner {
background: #143260;
padding: 0.5rem 1rem;
text-transform: uppercase;
font-weight: bold;
color: #fff;
border: none;
}
.home_newsletter_block input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
background: #009de0;
}
.home_newsletter_block .wpcf7-list-item {
margin-left: 0;
}
.home_newsletter_block a {
color: #fff;
}
.darkblue_color {
color: #143260;
}
.thank_popup {
background: #6ecff6 url(//wioskisos.org/wp-content/themes/img/newsletter_vertical.png) no-repeat center left 1rem;
background-size: 1.3rem;
padding: 1.5rem 1.5rem 1.5rem 3.5rem;
position: absolute;
display: none;
z-index: 1000;
}
.thank_popup.visible {
display: block;
}
@media (min-width: 1200px) {
.thank_popup {
right: -30rem;
top: 0;
width: 28rem;
}
}
@media (max-width: 1199px) {
.thank_popup {
position: static;
margin-top: 1rem;
}
}
.tp_close {
position: absolute;
right: 1rem;
top: 1rem;
font-size: 2rem;
border: none;
background: none;
color: #fff;
cursor: pointer;
}
.tp_title {
padding-left: 3rem;
background: url(//wioskisos.org/wp-content/themes/img/newsletter_heart.png) no-repeat left center;
background-size: 2rem;
font-weight: bold;
}
.hidden {
display: none;
}
.hn_check p {
font-size: 0.8rem;
line-height: 1.1rem;
}
.hn_check input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1rem;
height: 1rem;
background: #6ecff6;
border: none;
cursor: pointer;
margin-right: 0.5rem;
margin-top: 0rem;
float: left;
}
.hn_check input[type=checkbox]:checked {
background: #6ecff6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/0.8rem no-repeat;
}
.hn_check .wpcf7-list-item-label {
margin-top: 0.1rem;
}
.hn_subtitle {
color: #fff;
font-size: 1.2rem;
}
.home_newsletter_title {
color: #143260;
}
.you_can {
background: rgb(244.8, 244.8, 244.8);
}
.you_can.ue {
background: #eeeeee;
}
.you_can.ue .yc_block {
background: #009de0;
}
.you_can.ue .yc_block h2 {
font-size: 1.5rem;
width: 100%;
}
.you_can.ue .yc_block:hover {
background: #ec7404;
}
.page-template-page-ue .single_header, .page-template-page-publications .single_header {
margin-bottom: 0;
}
.yc_block {
padding: 3rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
background: #e84361;
color: #fff;
text-align: center;
margin-bottom: 30px;
position: relative;
}
.yc_block h2 {
font-size: 2.5rem;
width: 100%;
margin-top: 2rem;
color: #fff;
}
.yc_block.ycb_2 {
background: rgb(235.8914691943, 98.8085308057, 123.7327014218);
}
.yc_block.ycb_3 {
background: rgb(239.7829383886, 130.6170616114, 150.4654028436);
}
.yc_block.ycb_4 {
background: rgb(243.6744075829, 162.4255924171, 177.1981042654);
}
.yc_block:after {
opacity: 0;
content: "\f101";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block;
position: absolute;
bottom: 15px;
left: 50%;
margin-left: -15px;
color: #fff;
font-size: 1.5rem;
}
.yc_block:hover:after {
opacity: 1;
}
.home .yc_block {
background: #009de0;
}
.home .yc_block:hover {
background: rgb(20, 184.7098214286, 255);
}
.accent_huge_btn {
color: #e84361;
border: 1px solid #e84361;
font-size: 1.9rem;
padding: 1rem 2rem;
display: inline-block;
margin-top: 2rem;
}
.accent_huge_btn:hover {
color: #e84361;
}
.huge_btn {
width: 100%;
}
.huge_btn a {
font-size: 1.4rem;
display: block;
width: 100%;
padding: 1rem 2rem;
text-align: center;
}
.yc_icon {
height: 100px;
width: auto;
}
.instead_icon {
font-size: 4rem;
font-weight: bold;
height: 100px;
margin: 0;
color: #fff;
}
.what_block_icon_cont {
height: 4rem;
}
.what_block_icon_cont img {
max-height: 3rem;
width: auto;
height: auto;
max-width: 3rem;
}
.cont_pad_bigger {
padding-left: 3rem;
padding-right: 3rem;
}
.what_block {
width: 19%;
background: #009de0;
padding: 1.5rem;
color: #fff;
text-align: center;
}
.what_block h3 {
font-size: 1.2rem;
}
.what_block p {
font-size: 0.9rem;
}
.what_block:nth-child(even) {
background: rgba(0, 157, 224, 0.6);
}
.slick_home.slick-dotted.slick-slider {
margin-bottom: 0;
}
.what_we_do_icons, .slick_home, .slick-dots {
background: rgb(242.25, 242.25, 242.25);
}
.newsletter_form {
width: 800px;
margin: 20px auto;
}
.newsletter_form .zgoda_label input {
width: 100%;
}
.newsletter_cont {
align-content: flex-start;
align-items: flex-start;
}
.nc_input {
width: 78%;
}
.nc_input input {
width: 100%;
height: 40px;
padding: 5px;
border: none;
border: 1px solid rgb(191.25, 191.25, 191.25);
}
.nc_submit {
width: 22%;
}
.nc_submit input {
height: 40px;
width: 100%;
padding: 5px 10px;
color: #fff;
background: #009de0;
margin: 0;
border: none;
border: 1px solid rgb(45.5, 192.3370535714, 255);
}
.zgoda_label {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 0.9rem;
line-height: 125%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 15px;
} .zgoda_label input {
position: absolute;
opacity: 1;
width: 65px;
height: 43px;
left: 0;
top: 0;
z-index: 9;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 2px;
} .zgoda_label:hover input ~ .checkmark {
cursor: pointer;
}  .checkmark:after {
content: "";
position: absolute;
display: none;
} .zgoda_label input:checked ~ .checkmark:after {
display: block;
} .zgoda_label .checkmark:after {
left: 6px;
top: -5px;
width: 10px;
height: 18px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.zgoda_label .checkmark {
border-color: #009de0;
}
.zgoda_label .checkmark:after {
border-color: #000 !important;
} .pod_content {
text-align: justify;
}
.pod_content p {
text-align: justify;
}
.pod_container {
background: #cbe8ff;
margin-top: 2rem;
margin-bottom: 2rem;
}
.pod_logo {
display: inline-block;
text-align: right;
margin-right: 1rem;
}
.pod_logo img {
max-width: 180px;
}
.pod_top {
width: 100%;
flex-direction: row-reverse;
}
.pod_title {
background: #009de0;
color: #fff;
padding: 1rem 2rem 1.5rem;
border-top-left-radius: 0.7rem;
border-top-right-radius: 0.7rem;
margin: 0;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: -0.5rem;
}
.pod_inner {
position: relative;
padding: 2rem 250px 2rem 2rem;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
background: #fff;
border-radius: 1rem;
}
.pod_blue {
right: -2rem;
width: 240px;
position: absolute;
background: #009de0;
border-bottom-left-radius: 7rem;
box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.1);
color: #fff;
padding: 1.5rem 1.5rem 3rem 2rem;
text-align: right;
font-size: 0.9rem;
}
.pod_container {
padding: 2rem;
}
.pod_blue_top {
top: 3rem;
}
.pod_blue_bottom {
bottom: 3rem;
} .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single_header {
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
padding: 6rem 0 2rem;
text-transform: uppercase;
}
.single_header h1 {
font-size: 2.2rem;
color: #fff;
margin: 0;
}
.single_header {
margin-bottom: 2rem;
}
.single_header.sh_empty {
padding: 0.8rem 0;
}
.single_header.gray_bg {
background: #656A70;
}
.title_quote {
color: #fff;
font-size: 1rem;
font-style: italic;
margin-top: 0.8rem;
}
.gallery .gallery-item, #gallery-1 .gallery-item, [id^=gallery] .gallery-item {
margin-bottom: 0;
}
.gallery .gallery-item img, #gallery-1 .gallery-item img, [id^=gallery] .gallery-item img {
border: none;
max-width: 94%;
height: auto;
}
article.post img {
max-width: 100%;
height: auto;
}
.single_cont {
padding-bottom: 3rem;
}
h1.entry-title {
font-size: 1.5rem;
}
.single_date {
font-size: 0.9rem;
color: #fff;
}
.post_nav {
padding: 2rem 0;
}
.wp-block-media-text .wp-block-media-text__content {
word-break: initial;
}
.tab-pane {
padding: 1rem 0;
}
.tab-pane:after {
display: block;
content: " ";
width: 100%;
clear: both;
}
.zgoda_label {
padding-bottom: 1rem;
}
.clv_tabs {
margin: 2rem 0;
}
.clv_tabs .nav-link {
border-right: 1px solid #e4e4e4;
font-size: 0.9rem;
padding: 0.5rem 0.8rem;
}
.project_frame {
border: 1px solid rgb(219.3, 219.3, 219.3);
margin: 2rem 0;
padding: 1.5rem;
background: rgb(247.35, 247.35, 247.35);
}
.clv_accordion {
margin: 2rem 0;
}
.clv_accordion .card-body {
border-bottom: 1px solid #cccccc;
}
.card-header {
background: transparent;
border: none;
padding: 0;
border-left: 5px solid #009de0;
}
.card-header button {
background: #fff;
font-size: 1.5rem;
padding: 0.8rem 2rem;
display: block;
text-align: left;
width: 100%;
color: rgb(127.5, 127.5, 127.5);
border-bottom: 1px dotted rgb(198.9, 198.9, 198.9);
}
.card-header button:hover {
color: rgb(127.5, 127.5, 127.5);
text-decoration: none;
background: rgb(242.25, 242.25, 242.25);
}
.card-header button:focus {
text-decoration: none;
}
.card-header button.collapsed:after {
content: "\f0d7";
}
.card-header button:after {
content: " ";
display: block;
content: "\f0d8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
float: right;
color: #009de0;
}
a.pdfbutton i {
color: #CE200F;
font-size: 1.3em;
margin-right: 10px;
}
.accordion > .card .card-header {
margin-bottom: 0;
}
.single_category {
margin: 0 0 20px;
text-align: center;
}
.accordion > .card {
margin-bottom: 12px;
}
.table_no_border {
border: none;
}
.narrow_table {
max-width: 500px;
}
figure {
margin: 1rem 0;
}
.wp-block-table {
overflow: hidden;
}
.wp-block-table table {
border: 1px solid rgb(234.6, 234.6, 234.6);
}
.wp-block-table table td {
border: 1px solid rgb(219.3, 219.3, 219.3);
padding: 10px;
}
thead, tfoot {
background: rgb(242.25, 242.25, 242.25);
}
thead th, thead td, tfoot th, tfoot td {
padding: 1rem;
color: #009de0;
text-align: center;
}
tfoot td {
color: #000;
}
.fundraiser_list {
padding: 0;
margin-bottom: 2rem;
}
.fundraiser_list li {
font-size: 1.2rem;
line-height: 150%;
padding-left: 1.5rem;
position: relative;
list-style: none;
}
.fundraiser_list li:before {
position: absolute;
display: block;
content: " ";
width: 0.7rem;
height: 0.7rem;
background: #009de0;
border-radius: 100%;
left: 0;
top: 0.6rem;
}
.page-template-page-fundraiserzy .single_cont ul {
padding: 0;
}
.page-template-page-fundraiserzy .single_cont ul li {
list-style: none;
position: relative;
padding-left: 0.8rem;
}
.page-template-page-fundraiserzy .single_cont ul li:before {
position: absolute;
content: " ";
display: block;
width: 6px;
height: 6px;
background: #009de0;
border-radius: 100%;
left: 0;
top: 10px;
}
.page-template-page-fundraiserzy .wpcf7-list-item {
font-size: 0.8rem;
text-align: justify;
line-height: 1.1rem;
}
.fundraiser_form_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.f_under_form {
text-align: justify;
}
.fundraiser_carousel {
padding-bottom: 3rem;
}
.fund_career_tile {
background: #fff;
padding: 2rem;
text-align: justify;
}
.slick_careers .slick-prev, .slick_careers .slick-next {
font-size: 20px;
z-index: 9;
top: 49%;
width: 40px;
height: 70px;
}
.slick_careers .slick-prev:before, .slick_careers .slick-next:before {
font-size: 30px;
display: inline-block;
color: #fff;
background-size: 45px;
width: 40px;
height: 70px;
}
.slick_careers .slick-prev:hover, .slick_careers .slick-next:hover {
opacity: 0.7;
}
.slick_careers .slick-prev {
left: -55px;
background: url(//wioskisos.org/wp-content/themes/img/arrow_left.png) no-repeat center center;
background-size: contain;
}
.slick_careers .slick-prev:before {
content: "";
}
.slick_careers .slick-next {
left: auto;
right: -55px;
background: url(//wioskisos.org/wp-content/themes/img/arrow_right.png) no-repeat center center;
background-size: contain;
}
.slick_careers .slick-next:before {
content: "";
}
.fund_content_block h3 {
background: #009de0;
padding: 0.5rem;
color: #fff;
text-align: center;
}
.quote_bar h2, .quote_bar h3, .quote_bar p {
color: #143260;
}
.fund_career_tile img {
border-radius: 50%;
}
.fwb_column .fund_why_block {
background: #83d0f5;
color: #fff;
border-radius: 0.5rem;
text-align: center;
padding: 1rem 0.3rem;
min-height: 250px;
margin: 0.5rem 0;
}
.fwb_column .fund_why_block img {
margin-bottom: 1rem;
}
.fwb_column .fund_why_block h4 {
margin-bottom: 0rem;
}
.fwb_column:nth-child(odd) .fund_why_block {
background: #009de0;
}
.fund_why_blocks_cont {
margin-bottom: 1.5rem;
}
.row.smaller_row {
margin-right: -0.3rem;
margin-left: -0.3rem;
}
.row.smaller_row > * {
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.primary_bar_title {
background: #009de0;
padding: 2rem;
color: #fff;
text-align: center;
}
.primary_bar_title h2 {
font-size: 2.5rem;
color: #fff;
font-weight: bold;
}
.bg_section {
background: #fff;
}
.primary_block {
background: #009de0;
text-align: center;
padding: 2rem;
}
.primary_block img {
max-height: 80px;
width: auto;
margin-bottom: 1rem;
}
.primary_block h3 {
color: #fff;
font-size: 1.1rem;
}
.primary_block.bp_border_cicle {
border-bottom-right-radius: 7rem;
}
.primary_block.bp_border_cicle h3 {
font-size: 2.2rem;
font-weight: bold;
}
.primary_block.bp_border_cicle p {
color: #fff;
}
.infographic_icons {
align-items: flex-start;
align-content: flex-start;
padding-left: 2rem;
}
.ii_icon {
width: 2rem;
}
.ii_text {
flex: 1;
flex-grow: 1;
}
.ii_text p {
margin-top: 0;
}
.bg_section, .quote_bar, .fund_cta {
background: #cbe8ff;
}
.large_fund_btn {
background: #009de0;
color: #fff;
font-size: 1.5rem;
padding: 0.7rem 2rem;
display: inline-block;
border-radius: 2rem;
font-weight: bold;
}
.careers_title {
font-size: 1.5rem;
margin-bottom: 1rem;
font-weight: bold;
}
.fundraiser_form {
background: rgba(0, 157, 224, 0.8);
width: 600px;
max-width: 100%;
margin: 0px auto;
color: #fff;
padding: 30px;
}
.fundraiser_form label {
display: block;
font-size: 0.9rem;
margin: 10px 0 0;
font-weight: bold;
}
.fundraiser_form input[type=text], .fundraiser_form input[type=email], .fundraiser_form input[type=tel], .fundraiser_form input[type=number], .fundraiser_form select, .fundraiser_form textarea {
width: 100%;
background: #fff;
padding: 10px;
border: none;
color: black;
font-size: 1rem;
font-weight: normal;
}
.fundraiser_form h3 {
text-align: center;
line-height: 140%;
}
.fundraiser_form input.wpcf7-form-control.wpcf7-submit {
display: inline-block;
background: #e84361;
padding: 10px 40px;
font-size: 1.5rem;
color: #fff;
border: none;
}
.fundraiser_form span.wpcf7-list-item-label {
font-weight: normal;
font-size: 0.9rem;
}
.fundraiser_form span.wpcf7-not-valid-tip {
color: #f9df29;
}
.page-template-page-fundraiserzy .home_newsletter, .page-template-page-fundraiserzy .contact_bottom_2, .page-template-page-fundraiserzy .contact_bottom {
display: none;
}  .narrow_p {
max-width: 800px;
margin: 0 auto;
width: 100%;
}
.section_title.st_editor {
margin: 1rem auto;
display: block;
}
.wwdb_text {
padding: 1.5rem;
}
.wwdb_text h3 {
font-size: 1.3rem;
font-weight: bold;
}
.wwdb_text h3.wwdb_colored_title {
color: #fff;
margin: 0;
padding: 1rem 1.5rem;
font-weight: 400;
}
.wwdb_text p {
min-height: 5.5rem;
}
.wwdb_text.wwdbt_nopad {
padding: 0;
}
.wwdb_text .wwdb_text_inner {
padding: 0.8rem 1.5rem 1.5rem;
}
.wwd_block {
border: 1px solid rgb(219.3, 219.3, 219.3);
margin-bottom: 3rem;
}
.wwd_block img:hover {
opacity: 0.7;
}
.wwdb_btn_cont {
text-align: right;
margin-top: 1rem;
}
.wwdb_btn_cont a {
display: inline-block;
background: #009de0;
color: #fff;
padding: 0.7rem 2rem;
}
.wwdb_btn_cont a:hover {
opacity: 0.8;
color: #fff;
} .who_image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.wm_title {
color: #fff;
padding: 1rem;
font-size: 1.3rem;
width: 100%;
margin-bottom: 0;
}
.wm_text {
background: rgb(239.7, 239.7, 239.7);
padding: 1.5rem 1.2rem;
}
.wm_text p {
margin: 0;
}
.nw_block {
margin-bottom: 1rem;
}
.nw_block h3 {
font-size: 1.2rem;
margin-bottom: 0;
font-weight: bold;
}
.nw_block p {
margin-top: 0.5rem;
}
.wladze_title {
padding: 0.5rem 1rem;
}
.image_no_marg_top {
margin-top: 0;
}
figure {
margin-top: 0;
} .payment_method_label {
display: block;
padding: 10px;
border: 1px solid #ddd;
margin: 5px 0;
cursor: pointer;
border-radius: 5px;
}
.payment_method_label:hover {
background: #f5f5f5;
}
.payment_method_label input[type=radio]:checked + span {
font-weight: bold;
}
.payment_method_label img {
height: 20px;
vertical-align: middle;
margin-left: 10px;
}
.above_donate_title {
color: #fff;
font-size: 1.5rem;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.p_tooltip {
border: none;
background: transparent;
font-size: 15px;
}
.payment_form {
width: 500px;
max-width: 100%;
margin: 15px auto;
}
.payment_form input[type=text], .payment_form input[type=email], .payment_form input[type=tel], .payment_form textarea {
width: 100%;
border: none;
padding: 10px;
margin-bottom: 20px;
} .payment_method_label {
display: block;
padding: 15px;
border: 2px solid #e0e0e0;
margin: 10px 0;
cursor: pointer;
border-radius: 8px;
transition: all 0.3s ease;
background: white;
}
.payment_method_label:hover {
background: #f8f8f8;
border-color: #4CAF50;
}
.payment_method_label input[type=radio] {
margin-right: 10px;
}
.payment_method_label input[type=radio]:checked + span {
font-weight: bold;
color: #4CAF50;
}
.payment_method_label input[type=radio]:checked ~ img {
opacity: 1;
}
.payment_method_label img {
height: 25px;
vertical-align: middle;
margin-left: 15px;
opacity: 0.7;
transition: opacity 0.3s;
} .blik_info {
margin: 20px 0;
animation: slideDown 0.3s ease;
}
.blik_info .alert {
border-left: 4px solid #2196F3;
}
.blik_info ul {
margin-bottom: 0;
padding-left: 20px;
}
.blik_info li {
margin: 5px 0;
font-size: 14px;
} .blik_code_field {
margin: 20px 0;
text-align: center;
animation: slideDown 0.3s ease;
}
.blik_code_field input {
width: 200px;
height: 50px;
font-size: 24px !important;
text-align: center;
letter-spacing: 8px;
font-weight: bold;
border: 2px solid #2196F3;
border-radius: 8px;
margin: 0 auto;
display: block;
}
.blik_code_field input:focus {
outline: none;
border-color: #1976D2;
box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}
.blik_code_field small {
display: block;
margin-top: 10px;
color: #666;
} @keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (max-width: 768px) {
.payment_method_label {
padding: 12px;
font-size: 14px;
}
.payment_method_label img {
height: 20px;
}
.blik_code_field input {
width: 100%;
max-width: 200px;
}
}
.blik_code_field input.complete {
border-color: #4CAF50;
background-color: #f1f8f4;
} .popup_payment_method {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
animation: fadeIn 0.3s;
}
.popup_payment_method.visible {
display: flex;
}
.popup_payment_method .popup_inner {
background: white;
border-radius: 12px;
padding: 30px;
max-width: 700px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
position: relative;
animation: slideUp 0.3s;
}
.popup_payment_method h3 {
text-align: center;
margin-bottom: 10px;
color: #333;
font-size: 24px;
}
.popup_payment_method .popup_subtitle {
text-align: center;
color: #666;
margin-bottom: 30px;
}
.popup_payment_method .pa_close {
position: absolute;
right: 15px;
top: 15px;
background: none;
border: none;
font-size: 30px;
cursor: pointer;
color: #999;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s;
}
.popup_payment_method .pa_close:hover {
background: #f5f5f5;
color: #333;
} .payment_method_selection {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.payment_method_option {
flex: 1;
cursor: pointer;
display: block;
position: relative;
}
.payment_method_option input[type=radio] {
position: absolute;
opacity: 0;
}
.payment_method_content {
border: 2px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
text-align: center;
transition: all 0.3s;
background: white;
height: 100%;
}
.payment_method_option input[type=radio]:checked ~ .payment_method_content {
border-color: #4CAF50;
background: #f8fff9;
box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15);
}
.payment_icon {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.payment_icon img {
max-height: 40px;
max-width: 100%;
}
.payment_method_content h4 {
margin-bottom: 15px;
color: #333;
font-size: 18px;
}
.payment_method_content ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
font-size: 13px;
color: #666;
}
.payment_method_content ul li {
padding: 5px 0;
padding-left: 20px;
position: relative;
}
.payment_method_content ul li:before {
content: "✓";
position: absolute;
left: 0;
color: #4CAF50;
}
.recommended_badge {
position: absolute;
top: 10px;
right: 10px;
background: #4CAF50;
color: white;
padding: 3px 8px;
border-radius: 4px;
font-size: 11px;
font-weight: bold;
} .blik_code_section {
text-align: center;
padding-top: 20px;
animation: slideDown 0.3s;
}
.blik_code_section hr {
margin: 20px 0;
border: none;
border-top: 1px solid #e0e0e0;
}
.blik_code_section h4 {
margin-bottom: 15px;
color: #333;
}
.blik_code_input_popup {
width: 200px;
height: 50px;
font-size: 28px;
text-align: center;
letter-spacing: 10px;
font-weight: bold;
border: 2px solid #2196F3;
border-radius: 8px;
margin: 0 auto 10px;
display: block;
font-family: monospace;
}
.blik_code_input_popup:focus {
outline: none;
border-color: #1976D2;
box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}
.blik_code_input_popup.complete {
border-color: #4CAF50;
background: #f1f8f4;
}
.blik_code_section small {
display: block;
color: #666;
margin-top: 10px;
} .popup_buttons {
margin-top: 20px;
text-align: center;
}
.confirm_payment_method {
padding: 12px 30px;
font-size: 16px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s;
} @media (max-width: 768px) {
.payment_method_selection {
flex-direction: column;
}
.popup_payment_method .popup_inner {
padding: 20px;
width: 95%;
}
.payment_method_content {
padding: 15px;
}
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .popup_blik_code {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
}
.popup_blik_code.visible {
display: flex;
}
.popup_inner_small {
background: white;
border-radius: 12px;
padding: 30px;
max-width: 400px;
width: 90%;
text-align: center;
animation: slideUp 0.3s;
}
.blik_timer_warning {
background: #fff3cd;
border: 1px solid #ffc107;
border-radius: 8px;
padding: 10px;
margin: 20px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.timer_icon {
font-size: 24px;
}
.blik_code_input_final {
width: 250px;
height: 60px;
font-size: 32px;
text-align: center;
letter-spacing: 12px;
font-weight: bold;
border: 3px solid #2196F3;
border-radius: 8px;
margin: 20px auto;
display: block;
font-family: monospace;
}
.blik_code_input_final.complete {
border-color: #4CAF50;
background: #f1f8f4;
}
.blik_countdown {
margin-top: 15px;
font-size: 18px;
font-weight: bold;
}
.countdown_time {
color: #4CAF50;
font-family: monospace;
font-size: 20px;
}
.popup_buttons {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 20px;
}
.cancel_blik {
padding: 10px 20px;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 6px;
cursor: pointer;
}
.submit_with_blik:disabled {
opacity: 0.5;
cursor: not-allowed;
} .blik_supported_banks {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e0e0e0;
}
.supported_banks_label {
font-size: 12px;
color: #666;
margin-bottom: 8px;
font-weight: 500;
}
.bank_icons {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.bank_icons img {
height: 20px;
width: auto;
opacity: 0.8;
transition: opacity 0.2s;
}
.bank_icons img:hover {
opacity: 1;
} .popup_blik_waiting {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 10001;
display: none;
align-items: center;
justify-content: center;
}
.popup_blik_waiting.visible {
display: flex;
}
.blik_waiting_icon {
position: relative;
margin: 0 auto 30px;
width: 120px;
height: 120px;
}
.blik_waiting_icon svg {
display: block;
margin: 0 auto;
}
.loading_spinner {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}
.spinner {
border: 3px solid #f3f3f3;
border-top: 3px solid #4A90E2;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.blik_waiting_text {
font-size: 16px;
color: #666;
margin: 10px 0 20px;
}
.blik_waiting_info {
background: #e3f2fd;
border-radius: 8px;
padding: 15px;
margin-top: 20px;
}
.blik_waiting_info p {
margin: 0;
font-size: 14px;
color: #1976d2;
}
.amounts_flex, .payment_types_flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.c_progress_flex {
padding: 1rem 2rem 0;
}
.c_progress_flex span {
display: block;
width: 31%;
border-radius: 2px;
height: 6px;
background: rgb(216.75, 216.75, 216.75);
}
.c_progress_flex span.cpf_active {
background: #76b856;
}
.pay_logos {
margin-top: 1rem;
}
.pay_logos img {
max-height: 35px;
max-width: 90px;
margin-left: 2rem;
}
.pay_logos img.blik {
max-height: 31px;
}
.c_no_choice {
opacity: 0;
position: absolute;
overflow: hidden;
width: 10px;
height: 10px;
z-index: 0;
}
.once_types, .recurring_types {
opacity: 0;
height: 0;
overflow: hidden;
position: absolute;
}
@keyframes MoveUpDown {
0% {
bottom: 0;
}
50% {
bottom: 20px;
}
100% {
bottom: 0;
}
}
.c_down {
display: block;
text-align: center;
bottom: 45px;
position: absolute;
left: 50%;
margin-left: -40px;
animation: MoveUpDown 2s ease-in-out infinite;
z-index: 4;
}
.c_down img {
max-width: 80px;
height: auto;
}
.pay_btn, .pay_btn_2, .popup_activate {
width: 100%;
padding: 15px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
background: #76b856;
color: #fff;
border: none;
}
.pay_btn {
display: none;
}
.hidden_payu_popup_button {
position: absolute;
opacity: 0;
width: 1px;
background-color: transparent;
border: none;
height: 1px;
position: absolute;
top: 0;
z-index: 0;
}
.form_main_title {
color: #009de0;
font-size: 2.5rem;
margin-top: 0;
text-align: center;
}
.tooltip {
font-size: 12px;
}
.tooltip-inner {
max-width: 250px;
}
.c_form_section .form_heading {
margin-top: 2rem;
margin-bottom: 1rem;
color: rgb(94.35, 94.35, 94.35);
font-size: 1.2rem;
font-weight: bold;
}
.c_form_section .form_heading.fh_second {
margin-top: 15px;
}
.c_form_section .form_heading.fh_first {
margin-top: 1rem;
}
.c_form_section .form_heading.no_top {
margin-top: 0;
}
.c_form_section .form_info {
font-size: 0.85rem;
margin-bottom: 1rem;
}
.c_form_section {
margin-bottom: 45px;
}
.c_form_section .amount_tile {
width: 30%;
padding: 15px;
font-size: 1.2rem;
font-weight: 600;
color: #999999;
margin-bottom: 1rem;
}
.c_form_section .amount_tile.accent2_btn_reverse {
padding: 10px;
height: 50px;
}
.c_form_section .amount_tile.highlight {
background: #76b856;
color: #fff;
}
.c_form_section .amount_tile:focus {
outline: none;
}
.c_form_section .home_donation_custom_amount {
font-size: 1rem;
width: 100%;
text-align: right;
}
.c_form_section .home_donation_custom_amount:focus:placeholder {
color: #fff;
}
.c_form_section .home_donation_custom_amount:focus::-webkit-input-placeholder {
color: #fff;
}
.c_form_section .home_donation_custom_amount:focus:-moz-placeholder { color: #fff;
}
.c_form_section .home_donation_custom_amount:focus::-moz-placeholder { color: #fff;
}
.c_form_section .home_donation_custom_amount:focus:-ms-input-placeholder {
color: #fff;
}
.c_form_section .payment_type {
width: 48%;
padding: 25px 15px;
font-size: 1.3rem;
color: #fff;
font-weight: 600;
border-radius: 0;
background: #999999;
border: none;
}
.c_form_section .payment_type.highlight {
background: #76b856;
color: #fff;
}
.c_form_section .payment_type:focus {
outline: none;
}
.c_form_section .payment_type.primary_btn_reverse {
padding: 15px;
height: auto;
}
.c_form_section ::-webkit-input-placeholder {
color: #999999;
}
.c_form_section :-moz-placeholder { color: #999999;
}
.c_form_section ::-moz-placeholder { color: #999999;
}
.c_form_section :-ms-input-placeholder {
color: #999999;
}
.customer_data ::-webkit-input-placeholder {
color: rgb(114.75, 114.75, 114.75);
}
.customer_data :-moz-placeholder { color: rgb(114.75, 114.75, 114.75);
}
.customer_data ::-moz-placeholder { color: rgb(114.75, 114.75, 114.75);
}
.customer_data :-ms-input-placeholder {
color: rgb(114.75, 114.75, 114.75);
}
.customer_data input[type=text], .customer_data input[type=email], .customer_data input[type=tel], .customer_data input[type=number], .customer_data select, .customer_data textarea {
font-weight: 600;
}
.ps_recurr {
display: none;
}
label.error {
color: red;
font-size: 0.8rem;
margin-top: 0px;
margin-bottom: 10px;
}
#recurring_check {
opacity: 0;
height: 1px;
margin: 0;
padding: 0;
overflow: hidden;
}
.c_payment_form {
max-width: 790px;
width: 100%;
margin: 0;
padding: 10px 0;
background: #fff;
}
.c_payment_form .primary_btn_reverse {
height: 44px;
}
.c_payment_form label {
display: block;
}
.c_form_section {
padding: 0 2rem;
position: relative;
} .fixed_share {
position: fixed;
left: 2%;
bottom: 40px;
z-index: 99;
}
.primary_btn_reverse {
border: 1px solid #76b856;
background: transparent;
padding: 10px 15px;
border-radius: 7px;
}
.no_border_left {
border-left: 0;
}
.donation_purpose, .r_donation_purpose {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: justify-between;
align-items: center;
align-content: center;
max-width: 100%;
margin: 10px auto 0;
display: none;
}
.donation_purpose.dp_active, .r_donation_purpose.dp_active {
display: flex;
}
.donation_purpose_image {
max-width: 33%;
width: 33%;
}
.donation_purpose_image img {
width: auto;
max-width: 90%;
height: 170px;
}
.donation_purpose_text, .r_donation_purpose_text {
text-align: left;
max-width: 100%;
width: 100%;
}
.donation_purpose_text p, .r_donation_purpose_text p {
text-align: left !important;
font-size: 1.1rem;
}
.field_border {
border: 1px solid rgb(127.5, 127.5, 127.5);
border-radius: 7px;
padding: 15px;
display: block;
width: 100%;
background: transparent;
font-weight: normal;
margin-bottom: 20px;
}
.field_border:focus {
outline: none;
}
.cancel_recurring_btn {
display: inline-block;
padding: 10px 30px;
font-size: 1.3rem;
color: #fff;
text-transform: uppercase;
background: #76b856;
}
.c_payment_form {
position: relative;
z-index: 55;
}
.agreement_no_check {
font-size: 0.8rem;
line-height: 125%;
margin-bottom: 8px;
margin-top: 5px;
}
.zgoda_label {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 0.8rem;
line-height: 125%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 15px;
padding-bottom: 3px;
} .zgoda_label input {
position: absolute;
opacity: 1;
width: 70px;
height: 45px;
left: 0;
top: 0;
z-index: 9;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 2px;
} .zgoda_label:hover input ~ .checkmark {
cursor: pointer;
}  .checkmark:after {
content: "";
position: absolute;
display: none;
} .zgoda_label input:checked ~ .checkmark:after {
display: block;
} .zgoda_label .checkmark:after {
left: 6px;
top: -5px;
width: 10px;
height: 18px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.zgoda_label .checkmark {
border-color: #009de0;
}
.zgoda_label .checkmark:after {
border-color: #000 !important;
}
.form_amounts {
position: relative;
z-index: 3;
opacity: 1;
}
.form_amounts.fa_hide {
opacity: 0;
position: absolute;
z-index: 0;
}
.top_back {
color: #009de0;
font-weight: bold;
font-size: 1rem;
background: none;
border: none;
display: none;
}
.form_data {
position: absolute;
opacity: 0;
z-index: 0;
top: 0;
}
.form_data.fd_show {
position: relative;
z-index: 3;
opacity: 1;
}
.form_data .field_border {
padding: 8px 15px;
}
.form_next {
font-size: 1.5rem;
font-weight: bold;
float: right;
padding: 0.7rem 1.5rem 0.5rem;
margin-top: 1rem;
}
.popup_activate {
display: none;
}
.popup_additional, .popup_additional_2 {
position: fixed;
width: 100%;
height: 100%;
left: -120%;
top: 0;
background: rgba(0, 0, 0, 0.8);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
z-index: 99;
}
.popup_additional .pa_inner, .popup_additional_2 .pa_inner {
max-width: 700px;
width: 100%;
background: #009de0;
padding: 20px;
border-radius: 15px;
}
.popup_additional .pa_inner .pa_white, .popup_additional_2 .pa_inner .pa_white {
border-radius: 15px;
background: #fff;
color: #000;
padding: 35px;
font-size: 1.2rem;
position: relative;
}
.popup_additional.pa_visible, .popup_additional_2.pa_visible {
left: 0;
}
.popup_additional .gray_btn, .popup_additional_2 .gray_btn {
background: rgb(229.5, 229.5, 229.5);
color: rgb(165.75, 165.75, 165.75);
}
.popup_additional .orange_btn, .popup_additional_2 .orange_btn {
background: #EC7404;
color: #fff;
}
.pa_close {
color: #009de0;
font-size: 1.3rem;
background-color: transparent;
border: none;
position: absolute;
top: 5px;
right: 5px;
}
.pa_close:focus {
outline: none;
color: rgb(0, 135.5526785714, 193.4);
}
.pa_buttons {
margin-top: 15px;
}
.pa_buttons button {
width: 45%;
padding: 10px;
font-size: 1.3rem;
border: none;
border-radius: 10px;
}
.payment_or {
text-align: center;
display: block;
padding: 0.6rem 1rem;
} .page-template-page-thank-you .mb_thank {
background-image: url(//wioskisos.org/wp-content/themes/img/thankyou_once_bg.jpg);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
background-attachment: inherit;
}
.page-template-page-thank-you-recurring .mb_thank {
background-image: url(//wioskisos.org/wp-content/themes/img/thankyou_recurring_bg.jpg);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
background-attachment: inherit;
}
.mb_thank_mobile {
display: none;
}
.thank_you_text {
font-family: "Arial", sans-serif;
font-weight: normal;
}
.thank_you_text button.donate_thank_button.primary_btn {
font-size: 16px;
padding: 4px 45px 4px 15px;
}
.thank_you_text button.donate_thank_button.primary_btn:after {
font-size: 12px;
top: 6px;
}
.thank_you_text p {
font-family: "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 140%;
}
.thank_you_text h1 {
font-size: 31px;
}
.thank_donate {
max-width: 880px;
width: 100%;
}
.thank_you_narrow {
width: 100%;
max-width: 350px;
font-family: "Arial", sans-serif;
font-weight: normal;
}
.thank_you_narrow.tyn_rec {
color: #009de0;
}
.thank_you_narrow.tyn_rec p {
color: #009de0;
}
.mb_thank {
background-image: url(//wioskisos.org/wp-content/themes/img/mb_thank.jpg);
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding-top: 150px;
padding-bottom: 70px;
}
.mb_thank h2 {
color: #009de0;
font-size: 2rem;
}
.error {
color: red;
}
.thank_fb {
margin: 30px 0;
display: block;
font-size: 3rem;
}
.thank_fb .mobile_yes {
display: none;
}
.page-template-page-thank-you-recurring .mb_thank {
padding-top: 110px;
padding-bottom: 40px;
}
.mobile_yes {
display: none;
}
.thank_donate_val {
width: 150px;
}
.donate_once_form.dof_thank {
justify-content: flex-start;
padding-top: 6px;
} .sub_news {
padding: 1rem 0 3rem;
}
.pagination {
margin: 10px auto;
display: block;
text-align: center;
}
.pagination a, .pagination span {
background: #009de0;
color: #fff;
display: inline-block;
padding: 5px 10px;
}
.news_tile_sub {
margin-bottom: 2.3rem;
} .page-template-page-petition h1, .page-template-page-petition h2, .page-template-page-petition h3, .page-template-page-petition h4 {
font-family: "Montserrat", sans-serif;
}
.page-template-page-petition p {
font-family: "Open Sans", sans-serif;
line-height: 165%;
}
.petition_sign {
background: #ec7404;
color: #000;
padding: 25px 20px;
margin-top: -50px;
}
.petition_sign h3 {
font-weight: bold;
font-size: 1.7rem;
text-align: center;
margin-top: 0;
color: #fff;
}
.petition_sign a {
color: #fff;
}
.petition_sign p {
font-size: 0.85rem;
line-height: 130%;
}
.petition_sign label {
display: block;
font-weight: normal;
margin-bottom: 0.3rem;
}
.petition_sign label.zgoda_label {
margin: 7px 0;
}
.petition_sign input[type=text], .petition_sign input[type=email], .petition_sign input[type=tel], .petition_sign input[type=number], .petition_sign select, .petition_sign textarea {
padding: 7px;
border: none;
width: 100%;
margin-bottom: 8px;
color: rgb(63.75, 63.75, 63.75);
}
.petition_sign .zgoda_label .checkmark {
border-color: #fff;
background: #fff;
}
.petition_sign .zgoda_label input {
height: 24px;
}
.petition_sign .petition_sign_btn {
background: #fff;
font-size: 1.9rem;
padding: 15px 20px;
color: #000;
display: block;
font-weight: bold;
text-align: center;
border: none;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
width: 100%;
}
.petition_sign .petition_sign_btn:focus, .petition_sign .petition_sign_btn:hover {
outline: none;
background: rgb(104.93125, 172.16875, 72.33125);
}
.petition_sign .petition_target {
color: #fff;
font-size: 1.3rem;
text-align: center;
margin-top: 1rem;
}
.petition_sign .ui-widget.ui-widget-content {
border: none;
border-radius: 0;
margin-top: 20px;
height: 25px;
}
.petition_sign .ui-widget-header {
border: none;
border-radius: 0 !important;
background: #009de0;
margin: 0;
}
.petition_sign .below_progress {
font-size: 0.8rem;
list-style: none;
padding: 0;
margin: 2px 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
@media all and (min-width: 993px) {
.petition_half_label {
width: 49%;
}
}
.fixed_form {
position: fixed;
top: 35px;
margin-top: 0;
z-index: 1;
}
.p_message {
padding: 10px;
display: block;
margin-top: 10px;
background: #fff;
}
.petition_failed {
border: 2px solid red;
background: #fff;
color: red;
}
.p_small_info {
font-size: 0.8rem;
margin-top: 0;
text-align: center;
}
.p_small_info_left {
font-size: 0.8rem;
}
.submit {
position: relative;
}
.petition_successfull {
border: 2px solid green;
color: green;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader {
display: inline-block;
background: transparent;
width: 24px;
height: 24px;
margin-top: 4px;
margin-left: 10px;
position: absolute;
right: 5px;
top: 2px;
}
.loader.l_hidden {
opacity: 0;
}
.loader:after {
border: 5px solid white; border-top: 5px solid #009de0; border-radius: 50%;
width: 24px;
height: 24px;
animation: spin 2s linear infinite;
position: absolute;
left: 50%;
margin-left: -12px;
top: 50%;
margin-top: -12px;
content: " ";
}
.petition_mb {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 4rem 0;
position: relative;
}
.petitio_logo {
position: absolute;
right: 1rem;
top: 1rem;
max-width: 230px;
}
.petitio_logo img {
border: 3px solid #fff;
max-width: 230px;
}
.petitio_logo .petition_krs {
color: #fff;
font-size: 1.7rem;
display: inline-block;
margin-top: 0.4rem;
}
.petition_social {
text-align: center;
}
.petition_pdf {
background: #ec7404;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
padding: 0.6rem 1.5rem;
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
color: #fff;
margin-top: 1rem;
}
.petition_pdf:hover {
background: #009de0;
color: #fff;
}
.petition_social {
padding-bottom: 2rem;
}
.petition_social .petition_social_icons {
margin-top: 0.8rem;
}
.petition_social .petition_social_icons a {
display: inline-block;
margin: 0.4rem;
}
.petition_social .petition_social_icons a:hover {
opacity: 0.8;
}
.petition_social h3 {
font-size: 1.1rem;
font-weight: 800;
margin-top: 1.5rem;
}
.petition_social img {
max-width: 50px;
height: auto;
}
.petition_mb_text {
color: #fff;
background: rgba(51, 51, 51, 0.8);
padding: 2rem 1.5rem;
}
.petition_mb_text h4 {
text-transform: uppercase;
}
.petition_mb_text h1 {
display: inline-block;
margin-left: -2.5rem;
width: 126%;
color: #fff;
font-size: 3.8rem;
margin-top: 0.8rem;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 0;
}
.petition_mb_text h1 span {
display: inline-block;
margin: 0.6rem 0;
padding: 0 1rem;
background: #ec7404;
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}
.petition_mb_text h3 {
margin-top: 2rem;
font-size: 1.3rem;
font-weight: bold;
}
.petition_content {
padding: 3rem 0 0.5rem;
}
.petition_content h2 {
font-weight: bold;
font-size: 1.3rem;
}
.petition_bottom {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 17rem;
position: relative;
z-index: 2;
}
.petition_bottom_text {
background: rgba(255, 255, 255, 0.8);
padding: 0.2rem 1rem;
margin-left: -2rem;
width: 105%;
}
.map_float {
float: right;
}
.centrum_section {
background: rgb(233.6, 245.5346153846, 255);
}
.centrum_section.cs_white {
background: #fff;
}
.centrum_section h2 {
color: #009de0;
font-weight: bold;
border-bottom: 3px solid #009de0;
padding-bottom: 1rem;
margin-bottom: 1.6rem;
}
.centrum_section ul li {
margin: 12px 0;
}
.centrum_contact {
background: #009de0;
color: #fff;
}
.ccb_icon {
width: 6rem;
margin-right: 0;
}
.ccb_icon img {
max-width: 5rem;
max-height: 5rem;
width: auto;
height: auto;
}
.c_contact_block {
margin-bottom: 2rem;
}
.ccb_text {
max-width: 80%;
border-left: 3px solid #fff;
padding-left: 1.5rem;
}
.ccb_text p {
margin: 0;
font-size: 1.3rem;
line-height: 150%;
}
.ccb_text .ccb_name {
margin-bottom: 0.6rem;
color: #143260;
font-weight: bold;
}
.contact_parameter_break {
background: #143260;
padding: 1.5rem;
color: #fff;
text-align: center;
font-weight: bold;
width: 100%;
margin: 1.5rem 0;
font-size: 1.3rem;
}
.petition_popup {
position: fixed;
background: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
display: none;
z-index: 4;
}
.petition_popup.flex {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.petition_popup_inner {
border: 10px solid rgb(25.5, 25.5, 25.5);
border-radius: 0.5rem;
padding: 2rem;
max-width: 600px;
width: 96%;
background: #fff;
position: relative;
}
.petition_popup_inner h2 {
color: #ec7404;
font-size: 3rem;
text-align: center;
margin: 0 auto 1.5rem;
font-weight: bold;
}
.petition_popup_inner p {
font-size: 1.2rem;
}
.petition_popup_buttons {
margin-top: 1rem;
}
.ppb_btn {
display: inline-block;
padding: 0.7rem 2rem 0.7rem 0.7rem;
background-image: url(//wioskisos.org/wp-content/themes/img/icon_popup_arrow_right.png);
background-repeat: no-repeat;
background-position: center right 10px;
color: #fff;
font-size: 1.2rem;
line-height: 150%;
}
.ppb_btn:hover {
color: #fff;
}
.ppb_dark {
background-color: rgb(25.5, 25.5, 25.5);
}
.ppb_dark:hover {
background-color: rgb(61.2, 61.2, 61.2);
}
.ppb_orange {
background-color: #ec7404;
}
.ppb_orange:hover {
background-color: rgb(251.69, 152.39, 59.71);
}
.petition_popup_close {
font-weight: bold;
color: #ec7404;
position: absolute;
right: 10px;
top: 10px;
font-size: 2rem;
background: none;
border: none;
}
.petition_popup_close:focus {
outline: none;
}
.petition_popup_close:hover {
color: #009de0;
}
.page-template-page-petition #footer {
position: relative;
z-index: 2;
} .markers_to_show {
padding: 2rem 0;
}
.placowki_group {
width: 31%;
margin: 1%;
padding: 1.2rem 1.5rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
border-width: 1px;
border-style: solid;
position: relative;
font-size: 0.9rem;
margin: 1rem 1%;
display: none;
}
.placowki_group:before {
position: absolute;
display: block;
width: 8px;
height: 55%;
left: 0;
top: 0;
content: " ";
}
.placowki_group.group_20 {
border-color: #A4A4A4;
}
.placowki_group.group_20:before {
background: #A4A4A4;
}
.placowki_group.group_21 {
border-color: #67C4EC;
}
.placowki_group.group_21:before {
background: #67C4EC;
}
.placowki_group.group_22 {
border-color: #F2AC6C;
}
.placowki_group.group_22:before {
background: #F2AC6C;
}
.placowki_group.group_23 {
border-color: #ACD499;
}
.placowki_group.group_23:before {
background: #ACD499;
}
.placowki_group.group_24 {
border-color: #F18EA0;
}
.placowki_group.group_24:before {
background: #F18EA0;
}
.placowki_group.group_25 {
border-color: #F5F57B;
}
.placowki_group.group_25:before {
background: #F5F57B;
}
.placowki_group.group_26 {
border-color: #718EAD;
}
.placowki_group.group_26:before {
background: #718EAD;
}
.google_maps_icons {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
margin: 0;
padding: 0;
}
.google_maps_icons li {
list-style: none;
display: inline-block;
font-size: 1rem;
margin-right: 20px;
cursor: pointer;
}
.google_maps_icons li img {
margin-right: 7px;
}
.google_maps_icons li.remove {
opacity: 0.6;
}
.google_maps_icons li p {
margin: 0;
background-position: center left;
background-repeat: no-repeat;
padding: 1rem 0 1rem 42px;
}
.map_filter {
padding: 2rem;
}
.map_filter .section_title {
font-size: 1.7rem;
}
.map_filter h3 {
font-size: 1.1rem;
}
.map {
height: 500px;
width: 100%;
overflow: hidden;
position: relative;
}
.map #googlemaps {
position: absolute;
width: 100%;
height: 100%;
}
.infoBox {
background: #fff;
padding: 10px 20px;
font-size: 0.85rem;
}
.contact_bottom {
background: url(//wioskisos.org/wp-content/themes/img/contact_bg.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
color: #fff;
position: relative;
}
.contact_bottom .overlay {
background: #009de0;
opacity: 0.92;
}
.contact_bottom .container {
position: relative;
z-index: 2;
}
.cb_form_cont {
background: #fff;
padding: 1rem 1.5rem;
color: rgb(38.25, 38.25, 38.25);
}
.cb_form_cont label {
display: block;
}
.cb_form_cont input[type=text], .cb_form_cont input[type=email], .cb_form_cont input[type=tel], .cb_form_cont input[type=number], .cb_form_cont select, .cb_form_cont textarea {
background: rgb(237.15, 237.15, 237.15);
width: 100%;
border: none;
padding: 8px;
}
.cb_form_cont textarea {
height: 150px;
}
.cb_form_cont input.wpcf7-form-control.wpcf7-submit {
color: #fff;
background: #009de0;
color: #fff;
padding: 0.5rem 1.7rem;
border: none;
float: right;
}
.check_fund {
text-align: right;
max-width: 550px;
width: 100%;
float: right;
}
.check_fund iframe {
width: 100%;
overflow: hidden;
}
.check_fund.cf_left {
float: none;
text-align: left;
}
.cb_links {
width: 100%;
margin-top: 3rem;
padding-left: 3rem;
}
.cb_links a {
font-size: 1.5rem;
color: #fff;
display: block;
padding: 0.5rem 0;
}
.cb_links a:hover {
color: rgb(245.8981042654, 180.6018957346, 192.4739336493);
text-decoration: underline;
}
.contact_bottom_2 h3 {
color: #009de0;
}
.cb2_data {
position: relative;
display: block;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
.cb2_data:before {
content: " ";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #009de0;
position: absolute;
left: 0;
top: 0;
}
.cb2_block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
gap: 1rem;
}
.cb2_block p {
width: 100%;
}
.cb_2_block_photo {
width: 120px;
}
.cb_2_block_photo img {
border-radius: 50%;
max-width: 100%;
height: auto;
}
.cb_2_block_text {
flex: 1;
}
.cb2_block_frame {
position: relative;
padding: 2rem;
border: 1px solid #cccccc;
margin-bottom: 2rem;
}
.cb2_block_frame:before {
display: block;
content: " ";
width: 8px;
background: #009de0;
height: 35%;
left: 0;
top: 0;
position: absolute;
}
.cb2_block_bottom_data {
position: relative;
margin-top: 1rem;
padding-top: 0.7rem;
}
.cb2_block_bottom_data:before {
content: " ";
width: 200px;
height: 1px;
background: #009de0;
display: block;
position: absolute;
top: 0;
left: 0;
}
.cb2_name:before {
content: "\f007";
}
.cb2_address:before {
content: "\f015";
}
.cb2_data.cb2_messenger {
color: #212529;
}
.cb2_data.cb2_messenger a {
color: #212529;
}
.cb2_data.cb2_messenger:before {
font-family: "Font Awesome 5 Brands";
content: "\f39f";
}
.cb2_phones:before {
content: "\f87b";
}
.cb2_emails:before {
content: "\f1fa";
}
.contact_above_text {
flex: 1;
}
.above_form {
gap: 1rem;
}
.contact_img_cont img {
width: 110px;
height: auto;
border-radius: 50%;
} #popupmovie {
display: none;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 10;
height: 100%;
}
.inner-popup {
height: 476px;
margin: 17vh auto 0;
padding: 22px 0 0;
position: relative;
width: 797px;
background: transparent url(//wioskisos.org/wp-content/themes/img/white-label-movie.png) no-repeat 0 0;
}
.close-popup {
color: #fff;
display: block;
font-size: 20px;
position: absolute;
right: -20px;
top: -30px;
cursor: pointer;
}
.page-template-page-rodzice-sos .single_cont h2 {
color: #009de0;
font-weight: bold;
margin-top: 1.5rem;
}
.page-template-page-rodzice-sos .wp-block-group {
background: url(//wioskisos.org/wp-content/themes/img/bg-canvas.jpg) repeat left top;
padding: 0.5rem 2rem 0.2rem;
margin-bottom: 2rem;
}
.page-template-page-rodzice-sos .ek-w-full {
width: 100%;
height: auto;
}
.page-template-page-rodzice-sos .ek-w-full img {
width: 100%;
height: auto;
}
.page-template-page-rodzice-sos .ek-items-baseline {
background: url(//wioskisos.org/wp-content/themes/img/blue-bg.png) repeat-x 0 0px;
height: 472px;
padding: 50px 0;
}
.page-template-page-rodzice-sos .ek-items-baseline .glg-a-custom-wrap {
max-width: 996px;
margin: 0 auto;
background: url(//wioskisos.org/wp-content/themes/img/white-label.png) no-repeat 0 0;
height: 395px;
padding: 20px;
display: block;
} .page-template-page-zglos-sprawe .home_newsletter, .page-template-page-zglos-sprawe .contact_bottom_2, .page-template-page-zglos-sprawe .contact_bottom {
display: none;
}
.rodo_block.additional_rodo {
display: none;
}
.rodo_toggle {
display: block;
margin-bottom: 1rem;
}
.rodo_toggle:focus {
color: #009de0;
}
.zglos_top_nav {
background: #fff;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
text-align: center;
padding-bottom: 1.5rem;
}
.zglos_top_nav img {
max-width: 90px;
max-height: 90px;
margin-bottom: 1rem;
width: auto;
height: auto;
height: auto;
}
.zglos_top_nav span {
display: block;
width: 100%;
color: #143260;
}
.zt_left_top {
background: #e84361;
color: #fff;
text-align: center;
position: relative;
font-size: 1.4rem;
padding: 1rem;
}
.zt_left_top:before {
position: absolute;
background: #e84361;
top: 0;
left: -1000px;
width: 1000px;
height: 100%;
content: " ";
display: block;
}
.zt_left_inner {
padding: 1rem;
background: #f9e5e4;
border: 1px solid #e84361;
color: #143260;
}
.zt_left_inner h3 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 0;
}
.zt_left_inner h4 {
font-size: 1.8rem;
font-weight: bold;
}
.zt_left_inner p {
margin-top: 0;
line-height: 140%;
font-size: 1.5rem;
}
.ztli_phone {
padding-left: 3.4rem;
background: url(//wioskisos.org/wp-content/themes/img/zglos_phone.png) no-repeat left 4px top 12px;
background-size: 2.5rem;
}
.ztli_email {
padding-left: 3.4rem;
background: url(//wioskisos.org/wp-content/themes/img/zglos_email.png) no-repeat left top 2px;
background-size: 2.9rem;
padding-bottom: 7px;
}
.zt_right h2 {
color: #009de0;
font-size: 1.9rem;
font-weight: bold;
}
.zt_right p {
font-size: 1.2rem;
line-height: 1.5rem;
}
.switch_section {
background: #cde8f8;
display: none;
}
.switch_section.ss_show {
display: block;
}
.switch_section_title {
background: #009de0;
color: #fff;
margin: 0 0;
text-align: center;
padding: 1.5rem;
margin-bottom: 0;
}
.polityka_block {
padding: 1.5rem;
font-size: 1.2rem;
line-height: 140%;
}
.polityka_block.pb_white {
font-size: 1rem;
background: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
background-repeat: no-repeat;
background-position: bottom 1rem right 1rem;
background-size: 10%;
}
.polityka_block.pb_white h3, .polityka_block.pb_white h4 {
font-weight: bold;
font-size: 1.6rem;
color: #009de0;
}
.polityka_block.pb_white h4 {
margin-top: 1.2rem;
padding-top: 1.2rem;
position: relative;
}
.polityka_block.pb_white h4:before {
content: " ";
display: block;
width: 92%;
left: 4%;
top: 0rem;
position: absolute;
background: #009de0;
height: 2px;
}
.polityka_block.pb_white ul {
padding: 0;
}
.polityka_block.pb_white ul li {
list-style: none;
padding-left: 1.5rem;
position: relative;
}
.polityka_block.pb_white ul li:before {
width: 0.9rem;
top: 0.6rem;
height: 2px;
display: block;
left: 0;
position: absolute;
background: #009de0;
content: " ";
}
.switch_section.faq .card {
border: none;
margin-bottom: 1rem;
}
.switch_section.faq .card-header {
border-left: 0;
border-radius: 0;
border: none;
}
.switch_section.faq .card-header button {
background: #fff;
font-size: 1.2rem;
padding: 0.5rem;
display: block;
text-align: left;
border: none;
width: 100%;
color: #143260;
border-radius: 0;
border-left: 0;
border-bottom: 2px solid #009de0;
}
.switch_section.faq .card-header button .card_num {
width: 6%;
display: inline-block;
float: left;
}
.switch_section.faq .card-header button .card_title {
display: inline-block;
max-width: 88%;
display: inline-block;
}
.rodo_block b {
color: #009de0;
}
.rodo_block ol {
padding: 0;
padding-left: 1.2rem;
}
.rodo_block h3, .rodo_block h4 {
font-weight: bold;
color: #009de0;
}
.rodo_block.pb_link {
font-size: 1.9rem;
font-weight: bold;
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.blue_border_btn {
background: #fff;
border: 2px solid #009de0;
padding: 0.5rem 1.5rem;
color: #143260;
font-weight: bold;
margin: 1rem auto;
font-size: 1.2rem;
display: inline-block;
border-radius: 4px;
}
.blue_border_btn:hover {
color: #fff;
background: #009de0;
} .single_header.sh_contact {
margin-bottom: 0;
}
.single_contact_cont {
padding-top: 2rem;
padding-bottom: 2rem;
} .ebook_mb {
background: #cbe8ff url(//wioskisos.org/wp-content/themes/img/tlo_ebook.png) no-repeat bottom right;
background-size: contain;
}
.ebook_mb h1 {
font-weight: bold;
}
.logo_small {
max-width: 220px;
}
.ei_title {
padding-right: 3rem;
background: url(//wioskisos.org/wp-content/themes/img/book_icon.png) no-repeat center right;
background-size: contain;
}
.ei_title h2, .ei_title h3 {
font-weight: bold;
}
.ei_title h2 {
font-size: 2.2rem;
margin-bottom: 0.5rem;
}
.ei_title h3 {
font-size: 1.5rem;
margin-top: 0;
}
.ebook_row {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.circle_photo {
border-radius: 100%;
}
.review_block {
background: #cbe8ff;
}
.review_block.rb_primary {
background: #009de0;
color: #fff;
}
.ebook_author {
background: #009de0;
color: #fff;
}
.review_block {
padding: 1.5rem;
border-bottom-right-radius: 5rem;
margin: 2rem auto;
}
.rb_left {
width: 100%;
max-width: 300px;
}
.rb_right {
flex-grow: 1;
flex: 1;
padding: 1rem;
}
.ebook_form {
background: #cbe8ff;
}
.ebook_form_cont {
background: #fff;
padding: 1.5rem;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.ebook_form_cont label {
width: 100%;
}
.ebook_form_cont input[type=text], .ebook_form_cont input[type=email], .ebook_form_cont input[type=tel], .ebook_form_cont input[type=number], .ebook_form_cont select, .ebook_form_cont textarea {
width: 100%;
padding: 0.5rem;
border: 1px solid #cccccc;
}
.ebook_form_cont h2 {
font-weight: bold;
margin-bottom: 1.5rem;
}
.ebook_form_cont .wpcf7-list-item {
margin: 0;
font-size: 0.8rem;
line-height: 120%;
}
.ebook_form_cont input.wpcf7-form-control.wpcf7-submit {
background: #009de0;
color: #fff;
padding: 0.5rem 2rem;
display: inline-block;
border: none;
}
.ebook_form_cont input.wpcf7-form-control.wpcf7-submit:hover {
background: #76b856;
color: #fff;
} .page-template-page-ebook #header {
display: none;
} .page-template-page-help-recurring #header, .page-template-page-help-recurring .home_newsletter, .page-template-page-help-recurring .contact_bottom, .page-template-page-help-recurring .gmi_cont, .page-template-page-help-recurring .contact_bottom_2, .page-template-page-help-recurring #footer {
display: none !important;
}
.green_club_above {
background: #76b856;
color: #fff;
padding: 1rem;
}
.gca_text {
padding-top: 2.8rem;
}
.gca_text h3 {
font-size: 1.2rem;
}
.logo_club {
max-width: 250px;
height: auto;
}
.bgs {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.alternative_header {
background: #009de0;
padding: 2rem;
}
.accent_title {
color: #e84361;
}
.white_title {
color: #fff;
}
.even_club_text {
padding: 3rem 2rem 3rem 5rem;
background: rgb(224.4, 224.4, 224.4);
}
.reasons_list {
list-style: none;
padding: 0;
}
.reasons_list li {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
margin-bottom: 1.5rem;
}
.reasons_list.rl_white {
color: #fff;
}
.reasons_list.rl_white li {
color: #fff;
}
.reasons_list.rl_white li a {
color: rgb(242.25, 242.25, 242.25);
}
.reasons_list.rl_white .rl_text {
color: #fff;
}
.reasons_list.rl_white .rl_text p {
margin: 0;
}
.club_title {
font-size: 1.8rem;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin-bottom: 2rem;
}
.ct_icon_question {
padding-top: 5rem;
}
.question_white_icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin: 1rem auto;
font-weight: normal;
color: #fff;
font-size: 1.8rem;
background: url(//wioskisos.org/wp-content/themes/img/cricle_drawn.png) no-repeat center center;
width: 70px;
height: 49px;
background-size: contain;
}
.club_num {
display: none;
border-radius: 100%;
color: #fff;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
width: 3rem;
height: 3rem;
padding-right: 0.6rem;
font-size: 1.5rem;
margin-right: 1.5rem;
}
.club_num.cn_accent {
background: #e84361;
}
.club_num.cn_white {
background: #009de0;
border: 4px solid #fff;
}
.club_methods .reasons_list li:before {
background-color: transparent;
}
.reasons_list li {
position: relative;
margin: 1em 0;
padding-left: 55px;
line-height: 1.5em;
paddding-top: 8px;
padding-bottom: 8px;
}
.reasons_list li:before {
display: block;
position: absolute;
left: 0;
top: 0px;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #e84361;
background-repeat: no-repeat;
background-position: 50% 50%;
color: #fff;
content: " ";
}
.reasons_list li:after {
display: block !important;
position: absolute;
left: 0;
top: 0px;
-webkit-transform-style: preserve-3d;
width: 40px;
height: 40px;
border-radius: 50%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.42375 139.27374" height="139.27374" width="139.42375"><g transform="matrix(1.25,0,0,-1.25,0,139.27375)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(16.9379,90.3818)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -15.545,-18.029 -22.304,-45.154 -12.045,-67.431 4.68,-10.163 13.199,-18.365 24.016,-21.626 11.524,-3.474 23.12,0.375 33.341,5.862 19.635,10.541 37.198,27.054 45.318,48.16 4.055,10.543 5.929,22.552 1.092,33.154 C 87.161,8.116 78.083,15.41 67.689,18.661 41.103,26.976 11.652,12.37 -5.085,-8.144 -7.509,-11.116 -5.488,-15.92 -2.324,-12.041 10.904,4.174 31.837,15.161 53.085,13.972 74.757,12.759 93.369,-4.221 88.222,-26.99 83.875,-46.217 69.337,-61.823 53.202,-72.277 44.594,-77.853 34.641,-83.421 24.122,-83.589 14.184,-83.747 4.733,-78.723 -1.55,-71.167 -17.706,-51.74 -12.815,-21.961 2.761,-3.896 5.281,-0.974 3.262,3.784 0,0" /></g></g></g></g></svg>') no-repeat 50% 50%;
background-size: 40px 40px;
color: #fff;
content: " ";
transition: opacity 0.3s;
}
.reasons_list li:nth-of-type(1):before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.04175 56.890499" height="56.890499" width="25.04175"><g transform="matrix(1.25,0,0,-1.25,0,56.8905)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(3.2484,25.6877)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c 5.649,4.117 14.228,9.435 16.512,16.437 -1.585,0.148 -3.17,0.296 -4.755,0.443 C 7.684,3.916 4.882,-9.319 3.485,-22.84 c 1.743,0.968 3.487,1.936 5.231,2.904 -0.083,0.524 -0.167,1.049 -0.25,1.573 -0.571,3.587 -5.64,-1.738 -5.205,-4.473 0.083,-0.524 0.167,-1.048 0.25,-1.572 0.564,-3.544 5.057,1.22 5.231,2.904 1.333,12.894 3.884,25.571 7.77,37.941 1.489,4.741 -3.547,4.145 -4.755,0.443 C 10.99,14.528 7.483,12.3 5.636,10.746 3.337,8.813 0.954,6.99 -1.472,5.221 -4.107,3.301 -3.966,-2.89 0,0" /></g></g></g></g></svg>');
background-size: 8px 18px;
}
.reasons_list li:nth-of-type(2):before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.922249 57.728249" height="57.728249" width="36.922249"><g transform="matrix(1.25,0,0,-1.25,0,57.72825)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(7.96,29.9216)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c 1.151,4.24 4.577,7.759 8.816,9.007 1.327,0.39 3.47,0.829 4.79,0.079 3.204,-1.821 1.279,-5.084 -0.2,-7.358 -4.242,-6.522 -10.159,-11.826 -15.677,-17.229 -2.317,-2.268 -8.173,-7.56 -4.517,-11.094 2.097,-2.028 8.427,-0.08 10.659,0.043 4.258,0.234 9.777,1.081 12.646,-2.702 2.017,-2.66 6.417,3.337 4.652,5.665 -2.997,3.951 -7.209,4.095 -11.866,4 -2.394,-0.048 -4.932,-0.036 -7.3,-0.459 -1.203,0.196 -2.186,-0.15 -2.949,-1.035 -1.247,-1.032 -1.399,-1.109 -0.456,-0.23 0.876,1.072 2.032,1.978 3.027,2.948 6.687,6.519 14.826,13.746 18.271,22.672 2.758,7.145 -1.185,13.562 -9.208,11.594 C 2.441,13.878 -3.129,6.503 -5.258,-1.335 -5.676,-2.874 -4.841,-4.169 -3.264,-4.04 -1.504,-3.896 -0.379,-1.396 0,0" /></g></g></g></g></svg>');
background-size: 10px 17px;
}
.reasons_list li:nth-of-type(3):before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.768124 62.227875" height="62.227875" width="39.768124"><g transform="matrix(1.25,0,0,-1.25,0,62.227875)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(12.288,40.3567)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 0,0 C 2.188,2.367 7.178,4.213 9.461,0.737 11.578,-2.487 6.813,-3.962 4.229,-4.674 l -1.272,-6.744 c 9.713,3.251 13.751,-9.478 8.812,-16.156 -1.982,-2.679 -4.967,-4.662 -8.199,-5.463 -1.695,-0.42 -3.531,-0.596 -5.257,-0.226 -2.099,0.449 -6.934,3.115 -4.874,6.312 2.486,3.861 -1.436,6.072 -3.897,2.25 -3.479,-5.401 -2.003,-12.754 4.48,-14.968 6.614,-2.259 14.099,1.376 18.666,6.106 4.671,4.838 7.69,11.853 6.624,18.65 C 18.168,-7.62 11.62,-2.2 4.229,-4.674 1.733,-5.51 -0.786,-12.451 2.957,-11.418 9.354,-9.654 18.016,-3.613 15.298,4.18 12.139,13.234 1.805,8.835 -2.761,3.896 -5.398,1.044 -3.379,-3.655 0,0" /></g></g></g></g></svg>');
background-size: 10px 18px;
}
.reasons_list li:nth-of-type(4):before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.4235 61.872501" height="61.872501" width="39.4235"><g transform="matrix(1.25,0,0,-1.25,0,61.8725)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(13.7409,46.2565)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -3.264,-7.273 -7.426,-13.988 -12.407,-20.207 -0.786,-0.981 -2.608,-5.303 0.09,-5.378 4.312,-0.121 8.596,0.028 12.882,0.521 3.921,0.451 10.007,3.158 12.325,-1.21 1.469,-2.769 6.03,3.068 4.652,5.665 -1.857,3.499 -4.915,4.005 -8.552,3.43 -6.282,-0.993 -12.343,-1.723 -18.727,-1.545 0.03,-1.793 0.061,-3.586 0.091,-5.379 5.826,7.274 10.587,15.161 14.401,23.66 C 5.313,0.8 5.299,2.892 3.667,3.209 1.955,3.542 0.546,1.217 0,0" /></g><g style="fill:%23ffffff;fill-opacity:1" transform="translate(22.8156,42.8911)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -4.156,-13.218 -7.384,-26.665 -9.603,-40.343 -0.786,-4.847 4.741,-1.852 5.258,1.335 2.12,13.068 5.128,25.934 9.1,38.565 C 6.244,4.293 1.17,3.72 0,0" /></g></g></g></g></svg>');
background-size: 10px 18px;
}
.reasons_list li:nth-of-type(5):before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.463249 64.435997" height="64.435997" width="39.463249"><g transform="matrix(1.25,0,0,-1.25,0,64.436)"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1"><g style="fill:%23ffffff;fill-opacity:1" transform="translate(28.2921,46.0284)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c -6.373,-2.319 -13.368,-0.442 -17.626,4.87 -2.104,2.625 -6.473,-3.394 -4.652,-5.665 5.035,-6.281 13.413,-8.712 21.007,-5.949 1.673,0.609 2.987,2.27 3.264,4.04 C 2.178,-1.524 1.732,0.63 0,0" /></g><g style="fill:%23ffffff;fill-opacity:1" transform="translate(5.8159,43.9561)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c 0.126,-2.792 0.102,-5.563 -0.242,-8.342 -0.246,-1.984 -0.378,-6.002 -1.702,-7.555 -2.502,-2.933 -0.483,-7.7 2.761,-3.897 4.794,5.622 4.906,15.805 4.59,22.796 C 5.208,7.426 -0.13,2.875 0,0" /></g><g style="fill:%23ffffff;fill-opacity:1" transform="translate(4.0151,21.4765)"><path style="fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 0,0 c 6.861,2.502 19.854,7.116 22.027,-3.668 1.134,-5.634 -3.541,-9.736 -8.642,-10.691 -3.103,-0.581 -10.914,-0.481 -12.099,3.319 -1.134,3.635 -6.044,-1.781 -5.205,-4.472 1.837,-5.893 10.9,-6.579 16.033,-5.591 6.538,1.259 11.954,6.199 14.294,12.372 2.084,5.495 1.494,12.205 -3.133,16.263 C 17.213,12.849 7.812,9.129 1.271,6.744 -1.315,5.801 -3.452,-1.259 0,0" /></g></g></g></g></svg>');
background-size: 12px 18px;
}
.rl_text {
display: block;
max-width: 80%;
}
.cer_text {
padding: 3rem 5rem 3rem 2rem;
}
.club_heart_icon {
max-width: 60px;
height: auto;
}
.club_footer {
padding: 3rem;
background: #e84361;
color: #fff;
}
.club_footer .check_right.large p {
font-size: 1rem;
}
.club_footer_text {
text-align: left;
max-width: 800px;
margin: 0 auto;
color: #fff;
} .publications_section {
background: rgb(242.25, 242.25, 242.25);
padding: 3rem 0;
}
.publications_section .pub_tile {
background: #fff;
margin: 1rem 0;
}
.pub_tile_pad {
padding: 1.5rem;
}
.pub_tile_title {
background: #fff;
padding: 1.5rem;
}
.pub_tile_thumb {
background: #009de0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.pub_tile_thumb img {
max-height: 250px;
width: auto;
}
.pub_toggle {
font-weight: bold;
font-size: 1.1rem;
margin: 1rem 0;
color: #009de0;
border: none;
background: none;
border-bottom: 2px solid #009de0;
display: inline-block;
padding-bottom: 2px;
padding-left: 0;
padding-right: 0;
}
.pub_toggle:focus {
border: none;
outline: none;
}
.pub_toggle:hover {
color: #ec7404;
border-bottom-color: #ec7404;
}
.pub_tile_bottom h4 {
font-size: 1.1rem;
font-weight: bold;
}
.put_tile_tags {
font-size: 0.85rem;
color: rgb(165.75, 165.75, 165.75);
}
input.sf-input-text {
padding: 0.5rem 1rem;
width: 100%;
max-width: 250px;
height: 2.5rem;
border: 1px solid rgb(191.25, 191.25, 191.25);
margin-right: 1rem;
}
.sf-field-submit {
margin-left: 0.4rem;
}
.sf-field-submit input {
background: url(//wioskisos.org/wp-content/themes/img/sf_search.png) no-repeat center center;
background-size: contain;
background-color: transparent;
width: 2.2rem;
height: 2rem;
margin-left: 0.4rem;
margin-top: 0.5rem;
border: none;
}
.searchandfilter ul {
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.pub_tile_full {
width: 95%;
max-width: 1000px;
background: #fff;
margin: 1rem auto;
display: none;
}
.pub_tile_full_title {
font-weight: bold;
color: #fff;
font-size: 1.1rem;
background: #009de0;
padding: 1rem 2rem;
}
.pub_tile_flex {
padding: 1rem 2rem;
}
.pub_tile_full_title_2 {
font-weight: bold;
font-style: italic;
}
.pub_tile_left {
width: 30%;
}
.pub_tile_right {
width: 66%;
}
.pub_tile_img_full {
width: auto;
height: auto;
max-width: 100%;
max-height: 500px;
}
.pbc_btn {
padding: 0.5rem 1.5rem;
border: none;
background: #ec7404;
font-size: 1.2rem;
margin-top: 1.5rem;
display: inline-block;
color: #fff;
}
.pub_tile_full_bottom {
padding: 1rem 2rem;
}
.similar_pub_slick {
margin-top: 1rem;
}
.similar_pub_slick .slick-prev, .similar_pub_slick .slick-next {
font-size: 20px;
z-index: 9;
top: 40%;
}
.similar_pub_slick .slick-prev:before, .similar_pub_slick .slick-next:before {
font-size: 30px;
color: #fff;
width: 2rem;
height: 3rem;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
content: " ";
}
.similar_pub_slick .slick-prev {
left: -18px;
}
.similar_pub_slick .slick-prev:before {
background-image: url(//wioskisos.org/wp-content/themes/img/sps_left.png);
}
.similar_pub_slick .slick-next {
left: auto;
right: -8px;
}
.similar_pub_slick .slick-next:before {
background-image: url(//wioskisos.org/wp-content/themes/img/sps_right.png);
}
.similar_pubs_title h4 {
font-weight: bold;
font-size: 1.2rem;
margin-top: 2rem;
text-align: center;
}
.similar_pub_tile {
padding: 0 1.5rem;
text-align: center;
border: none;
background: none;
margin-top: 1rem;
}
.similar_pub_tile img {
max-width: 150px;
height: auto;
display: block;
margin: 1rem auto;
}
.similar_pub_tile p {
font-style: italic;
text-align: left;
color: #333333;
}
.similar_pub_tile p span {
color: #009de0;
font-weight: bold;
} .who_realizes {
background: #009de0;
padding: 3rem;
color: #fff;
}
.wr_left {
width: 78%;
font-size: 1.2rem;
line-height: 150%;
text-align: justify;
padding-right: 4rem;
}
.wr_right {
text-align: center;
width: 20%;
}
.wr_right img {
max-width: 130px;
height: auto;
}
.pds_heading {
text-align: center;
color: #143260;
font-size: 2.5rem;
}
.pds_heading .pds_heading_text {
padding: 1.3rem 4.6rem;
position: relative;
display: inline-block;
}
.pds_heading .pds_heading_text:before, .pds_heading .pds_heading_text:after {
display: inline-block;
content: " ";
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
top: 0;
height: 100%;
width: 50px;
}
.pds_heading .pds_heading_text:before {
background-image: url(//wioskisos.org/wp-content/themes/img/pds_icon_male.png);
left: 0;
}
.pds_heading .pds_heading_text:after {
background-image: url(//wioskisos.org/wp-content/themes/img/pds_icon_female.png);
right: 0;
}
.single_header.dark_top {
background: #143260 !important;
}
.pds_thumb_art {
margin-bottom: 2rem;
}
.pds_thumb_art img {
max-width: 750px;
height: auto;
width: 100%;
}
.pds_news {
padding-bottom: 1.5rem;
}
.pds_news_content {
text-align: justify;
}
.pds_news_content h4 {
color: #009de0;
font-weight: bold;
font-size: 1.2rem;
margin-top: 1.5rem;
}
.pds_news_tile {
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 92%;
position: relative;
}
.pds_tile_title {
margin-top: 2rem;
color: #143260;
}
.pds_tile_title a {
color: #143260;
font-size: 1.4rem;
}
.pds_tile_thumb {
position: relative;
display: block;
}
.pds_tile_thumb img {
z-index: 2;
position: relative;
}
.pds_tile_thumb .pds_tile_overlay {
z-index: 1;
position: absolute;
left: 15px;
top: 15px;
width: 100%;
height: 100%;
display: block;
}
.pds_tile_thumb .pds_tile_overlay.ciemny {
background: #143260;
}
.pds_tile_thumb .pds_tile_overlay.jasny {
background: #6ecff6;
}
.pds_bottom_banner {
background: #cbe8ff;
text-align: center;
}
.pds_bottom_banner img {
width: 100%;
max-width: 900px;
height: auto;
margin: 0 auto;
}
.pds_contact {
margin-top: 2rem;
}
.pds_contact p {
margin-bottom: 0;
}
.mt_3 {
margin-top: 3rem;
}
.pds_heading_text {
display: inline-block;
}
.resp_img img {
max-width: 100%;
height: auto;
}
.mt_3 {
margin-top: 3rem;
}
.large_dark_btn {
width: 500px;
max-width: 100%;
padding: 1.5rem;
font-size: 1.7rem;
color: #fff;
border-radius: 0.6rem;
background: #143260;
display: inline-block;
}
.large_dark_btn:hover {
color: #143260;
background: #cbe8ff;
}
.pds_buttons {
background: #cbe8ff;
}
.pds_bottom_button {
font-size: 1.7rem;
padding: 1rem;
color: #fff;
border-radius: 0.6rem;
display: block;
width: 100%;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 5.8rem;
align-content: center;
line-height: 140%;
}
.pds_accent {
background: #e84361;
}
.pds_accent:hover {
color: #e84361;
background: rgb(250.9014218009, 221.4985781991, 226.844549763);
}
.pds_gray {
background: #7686a1;
}
.pds_gray:hover {
color: #7686a1;
background: rgb(220.838961039, 224.8285714286, 231.561038961);
}
.pds_primary {
background: #009de0;
}
.pds_primary:hover {
color: #009de0;
background: rgb(162.8, 227.4223214286, 255);
}
.row.bigger_margs {
margin-right: -2rem;
margin-left: -2rem;
}
.row.bigger_margs > * {
padding-left: 2rem;
padding-right: 2rem;
}
.page-id-42052 .single_header {
background: #e84361 !important;
}
.page-id-42058 .single_header {
background: #7686a1 !important;
}
.page-id-42062 .single_header {
background: #009de0 !important;
} .testament_mb {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 7rem 0;
margin-top: 8rem;
}
.testament_mb h1 {
font-weight: 900;
font-size: 3rem;
}
.testament_mbt_bottom {
color: #009de0;
margin-left: 10rem;
}
.testament_mbt_bottom:before {
content: " ";
display: block;
margin: 2rem 0;
height: 3px;
background: #009de0;
width: 4rem;
}
.testament_mbt_bottom h2 {
font-size: 2.5rem;
font-weight: 300;
text-transform: uppercase;
margin-top: 1rem;
}
.testament_under_mb {
background: #009de0;
color: #fff;
}
.testament_under_mb_text {
max-width: 800px;
margin: 0 auto;
}
.testament_contact {
background: #fff1c9;
}
.testament_contact h2 {
margin-bottom: 2.5rem;
}
.testament_contact_text h3 {
font-weight: 900;
margin-bottom: 3rem;
}
.testament_contact_text p {
line-height: 170%;
}
.testament_contact_img {
border-radius: 100%;
max-width: 100%;
height: auto;
border: 10px solid #ffd971;
}
.testament_yellow_title {
text-align: center;
font-weight: 900;
margin-bottom: 2rem;
color: rgb(255, 210.176056338, 87.5);
}
.testament_video {
background: rgb(242.25, 242.25, 242.25);
}
.testament_videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.testament_videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.testament_bottom {
padding-bottom: 12rem;
}
.testament_bottom .nav_tabs_cont {
border: 4px solid #009de0;
position: relative;
padding: 2rem;
}
.testament_bottom .nav_tabs_cont:after {
position: absolute;
height: 8px;
border-radius: 4px;
background: #004291;
bottom: -6px;
width: 92%;
left: 4%;
content: " ";
display: block;
}
.testament_bottom .nav_tabs_cont .nav-tabs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
border: none;
}
.testament_bottom .nav_tabs_cont .nav-tabs li {
width: 30%;
}
.testament_bottom .nav_tabs_cont .nav-tabs li .nav-link {
display: block;
border: 3px solid #ffd971;
text-align: center;
color: #000;
font-weight: bold;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.testament_bottom .nav_tabs_cont .nav-tabs li .nav-link.active {
background: #ffd971;
}
.testament_above_footer {
background: #cbe8ff;
padding-bottom: 1rem;
}
.taf_img_cont {
border: 3rem solid #cbe8ff;
border-radius: 100%;
display: inline-block;
margin-top: -10rem;
}
.taf_img_cont img {
border-radius: 100%;
border: 10px solid #fff;
max-width: 100%;
}
.testament_above_footer_text {
background: url(//wioskisos.org/wp-content/themes/img/testament_footer_hand.jpg) no-repeat center right;
background-size: 200px;
padding-right: 4rem;
}
.testament_mb_form_cont input[type=text], .testament_mb_form_cont input[type=email], .testament_mb_form_cont input[type=tel], .testament_mb_form_cont input[type=number], .testament_mb_form_cont select, .testament_mb_form_cont textarea {
background: #fff;
border: 2px solid #009de0;
padding: 0.7rem 1.2rem;
width: 100%;
}
.testament_mb_form_cont label {
display: block;
}
.testament_mb_form_cont span.wpcf7-list-item {
margin-left: 0;
}
.testament_mb_form_cont .wpcf7-list-item label {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
cursor: pointer;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item-label:before {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
border: 2px solid #009de0;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item label:hover input ~ .checkmark {
background-color: #fff;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item label input:checked ~ .checkmark {
background-color: #fff;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item-label:after {
content: "";
position: absolute;
display: none;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
display: block;
}
.testament_mb_form_cont { }
.testament_mb_form_cont .wpcf7-list-item label .wpcf7-list-item-label:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #009de0;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.informator_btn {
background: #009de0;
color: #fff;
padding: 1rem 2rem;
text-transform: uppercase;
font-size: 1.1rem;
border: 1px solid #009de0;
}
.informator_btn:hover {
background: #fff;
color: #009de0;
} .page-template-page-jestemzsos .mobile_info, .page-template-page-jestemzsos .mobile_visible {
display: none;
}
.page-template-page-jestemzsos .ft_icon {
text-align: center;
display: block;
width: 100%;
}
.page-template-page-jestemzsos .section_title {
display: block;
}
.page-template-page-jestemzsos .infographic_section {
background: #fff;
}
.page-template-page-jestemzsos .infographic_section h2 {
color: #009de0;
font-weight: bold;
text-align: center;
margin-top: 0;
font-size: 2em;
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
.page-template-page-jestemzsos .infographic .info_icon:after {
content: "więcej";
position: absolute;
left: 50%;
margin-left: -27px;
margin-top: 0;
border-top: 16px solid #fff;
background: #f1f1f1;
color: #b4b5b5;
padding: 1px 10px;
font-size: 0.8em;
}
.page-template-page-jestemzsos .infographic {
width: 1140px;
height: 1216px;
position: relative;
background: url(//wioskisos.org/wp-content/themes/img/home_and_arrows2.png) no-repeat top left;
margin: 30px auto;
}
.page-template-page-jestemzsos .infographic .info_icon {
cursor: pointer;
position: absolute;
}
.page-template-page-jestemzsos .infographic .info_icon img {
width: 150px;
height: auto;
}
.page-template-page-jestemzsos .infographic .student {
left: 210px;
top: 240px;
}
.page-template-page-jestemzsos .infographic .teacher {
left: 475px;
top: 240px;
}
.page-template-page-jestemzsos .infographic .parent {
right: 230px;
top: 240px;
}
.page-template-page-jestemzsos .infographic .kiermasz {
left: 200px;
bottom: 356px;
}
.page-template-page-jestemzsos .infographic .konkurs {
left: 200px;
bottom: 68px;
}
.page-template-page-jestemzsos .infographic .contact_icon {
left: 475px;
bottom: 220px;
}
.page-template-page-jestemzsos .infographic .contact_icon:after {
display: none !important;
}
.page-template-page-jestemzsos .infographic .lesson {
right: 230px;
bottom: 356px;
}
.page-template-page-jestemzsos .infographic .school {
left: 480px;
top: 556px;
}
.page-template-page-jestemzsos .infographic .school:after {
display: none !important;
}
.page-template-page-jestemzsos .info_icon .hidden_text {
position: absolute;
left: -516px;
top: -50px;
width: 516px;
height: 249px;
}
.page-template-page-jestemzsos .tooltip-inner {
max-width: 550px;
padding: 5px 8px;
width: 600px;
text-align: justify;
background-color: white;
border: 3px solid #009de0;
color: black;
border-radius: 4px;
}
.page-template-page-jestemzsos .tooltip.in {
opacity: 0.99;
}
.page-template-page-jestemzsos .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -8px;
margin-bottom: -10px;
border-width: 16px 16px 0;
border-top-color: #009de0;
}
.page-template-page-jestemzsos .for_teachers {
background: #009de0;
padding: 2rem;
color: #fff;
border-radius: 5px;
text-align: center;
display: inline-block;
font-size: 2.5rem;
line-height: 150%;
}
.page-template-page-jestemzsos .for_teachers:hover {
color: #fff;
text-decoration: none;
background: rgb(9.8, 181.6589285714, 255);
}
.page-template-page-jestemzsos .evenh {
display: flex;
text-align: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.page-template-page-jestemzsos .jestem_contact .contact_section {
background: rgb(242.25, 242.25, 242.25);
}
.page-template-page-jestemzsos .jestem_contact .contact_section img {
float: left;
margin-right: 15px;
}
.page-template-page-jestemzsos .jestem_contact .contact_section .section_title {
margin-bottom: 45px;
}
.page-template-page-jestemzsos .jestem_contact .contact_data {
float: left;
padding-top: 25px;
}
.page-template-page-jestemzsos .jestem_contact span.fieldlabel {
display: inline-block;
float: left;
width: 32%;
font-weight: normal;
}
.page-template-page-jestemzsos .jestem_contact label {
width: 100%;
}
.page-template-page-jestemzsos .jestem_contact input[type=text], .page-template-page-jestemzsos .jestem_contact input[type=email], .page-template-page-jestemzsos .jestem_contact input[type=tel], .page-template-page-jestemzsos .jestem_contact textarea {
border: 1px solid #ccc;
padding: 2px;
line-height: normal;
background: #fff url(//wioskisos.org/wp-content/themes/img/bg_input.png) 0 0 no-repeat;
border-radius: 5px;
width: 66%;
float: right;
}
.page-template-page-jestemzsos .jestem_contact input.wpcf7-form-control.wpcf7-submit {
float: right;
background: #009de0;
color: #fff;
border: none;
padding: 5px 10px;
}
.page-template-page-jestemzsos .jestem_contact .form_cont {
padding: 15px;
border: 1px solid rgb(216.75, 216.75, 216.75);
float: right;
width: 90%;
}
.jestem_contact {
background: rgb(242.25, 242.25, 242.25);
} #footer {
padding: 2.5rem 0;
background: url(//wioskisos.org/wp-content/themes/img/bg-canvas.jpg) repeat left top;
position: relative;
}
#footer .overlay {
background: #fff;
opacity: 0.4;
z-index: 1;
}
#footer a:hover {
color: #009de0;
}
#footer p {
position: relative;
z-index: 2;
}
.footer_blocks {
align-items: flex-start;
align-content: flex-start;
position: relative;
z-index: 2;
}
.footer_block {
color: #999999;
font-size: 0.8rem;
}
.footer_block ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_block h3 {
font-size: 1.3rem;
}
.footer_block a {
color: #999999;
}
.footer_block.fb_primary {
color: #009de0;
}
.footer_block.fb_primary a {
color: #009de0;
}
.footer_block.fb_first p {
margin-top: 0;
}
.footer_bottom_right {
font-size: 0.8rem;
position: relative;
z-index: 2;
margin-top: 2rem;
}
.footer_bottom_right a {
display: inline-block;
color: #999999;
font-size: 0.9rem;
padding: 5px 0 5px 10px;
margin-left: 15px;
border-left: 1px solid rgb(127.5, 127.5, 127.5);
line-height: 100%;
}
.footer_bottom_right a:first-child {
border-left: 0;
}
.created {
font-size: 0.7rem;
}
#cmplz-manage-consent .cmplz-manage-consent {
right: auto !important;
left: 30px !important;
}
@media all and (min-width: 960px) {
.reasons-list li:before {
top: 50%;
width: 40px;
height: 40px;
-webkit-transform-style: preserve-3d;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media all and (min-width: 993px) {
.navbar .dropdown-menu {
margin-top: 0px;
}
.navbar .dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: 0px;
}
.navbar .dropdown-menu li a {
color: #fff;
}
.navbar .dropdown-menu > li:hover > .sub-menu {
visibility: visible;
}
.navbar .dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0px;
margin-left: 0px;
padding: 0;
background: transparent;
}
.navbar .dropdown:hover > .dropdown-menu a {
color: #000;
}
.navbar .dropdown:hover > .dropdown-menu a:hover {
background: #76b856;
}
.navbar .dropdown:hover > .dropdown-menu li.active a {
background: inherit;
}
.navbar .dropdown:hover > .dropdown-menu li.active a:hover {
background: #76b856;
}
.right {
text-align: right;
}
}
@media all and (min-width: 1200px) {
article.post p, article.post ul li {
text-align: justify;
}
}
@media all and (min-width: 1500px) {
body, html {
font-size: 18px;
}
.container {
max-width: 1300px;
width: 1300px;
}
.petitio_logo .petition_krs {
font-size: 1.5rem;
}
}
@media all and (max-width: 1450px) {
.petition_sign .petition_sign_btn {
background: #fff;
font-size: 1.5rem;
padding: 10px 20px;
}
}
@media all and (max-width: 1200px) {
.yc_block h2 {
font-size: 1.9rem;
}
.what_flex {
gap: 1rem;
justify-content: center;
}
.what_block {
width: 100%;
max-width: 300px;
margin-bottom: 1rem;
font-size: 0.8rem;
}
.page-template-page-jestemzsos .tooltip {
display: none !important;
}
.page-template-page-jestemzsos .navbar-default {
margin-top: 0;
}
.page-template-page-jestemzsos .infographic .info_icon:after {
display: none;
}
.page-template-page-jestemzsos .infographic {
width: auto;
height: auto;
background: transparent;
margin: 30px auto;
}
.page-template-page-jestemzsos .infographic .info_icon {
position: relative;
left: auto;
top: auto;
margin: 20px auto;
bottom: auto;
right: auto;
text-align: center;
}
.page-template-page-jestemzsos .mobile_info {
display: block;
border: 3px solid #009de0;
padding: 10px;
margin: 15px auto 35px;
}
.page-template-page-help-recurring .main_banner {
height: auto !important;
}
.top_krs {
color: #009de0;
margin-top: 1rem;
border: none;
background: none;
font-size: 0.9rem;
position: absolute;
left: -2rem;
}
}
@media all and (max-width: 992px) {
.page-template-page-rodzice-sos .ek-items-baseline {
height: auto;
padding: 10px;
}
.page-template-page-rodzice-sos .ek-items-baseline .glg-a-custom-wrap {
width: 100%;
padding: 8px;
background-size: contain;
height: auto;
}
.navbar {
text-align: right;
justify-content: flex-end;
}
.navbar .navbar-nav {
float: none;
background: #fff;
}
.navbar-toggler {
background: url(//wioskisos.org/wp-content/themes/img/menu_mobile.png) no-repeat center center;
width: 50px;
border: none;
height: 50px;
display: block;
margin: 10px;
float: none;
}
.navbar-toggler .navbar-toggler-icon {
background: none;
}
.navbar-toggler .navbar-toggler-icon:focus {
outline: none;
opacity: 0.8;
}
.navbar-toggler:focus {
outline: none;
opacity: 0.8;
}
.top_donate_btn {
font-size: 1.2rem;
margin-top: 0;
}
#header {
position: relative;
}
.section_title {
font-size: 1.9rem;
}
.what_we_do p {
font-size: 1rem;
}
.newsletter_form {
width: 100%;
}
.home_button {
font-size: 1.2rem;
}
.even_club_text {
padding: 2rem;
}
.cer_text {
padding: 2rem;
}
.logo_club {
max-width: 100%;
}
.bgs {
max-height: 350px;
}
.wp-block-table {
overflow-x: auto;
}
.c_form_section .form_heading {
font-size: 0.9rem;
margin-bottom: 0;
}
.pay_logos img {
max-width: 80px;
}
.above_donate_title {
margin-top: 0;
font-size: 1.2rem;
}
.donation_purpose_text p, .r_donation_purpose_text p {
font-size: 1rem;
margin-top: 0;
font-size: 0.9rem;
}
.c_form_section .payment_type.primary_btn_reverse {
padding: 9px 15px;
height: auto;
}
.pay_logos {
margin-top: 0;
}
.c_form_section .amount_tile.accent2_btn_reverse {
padding: 5px;
height: 40px;
}
.c_form_section {
margin-bottom: 20px;
}
.petition_mb, .petition_bottom {
background: none !important;
}
.petition_mb {
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
.petition_mb h1 {
width: 100%;
}
.petition_mb_text h1 {
margin: 1rem auto;
font-size: 2.5rem;
}
.petition_mb_text {
color: #fff;
background: #333333;
padding: 2rem 1.5rem;
margin-top: 1rem;
}
.petition_sign {
margin-top: 2rem;
}
.petitio_logo {
position: relative;
right: auto;
top: auto;
margin: 1rem auto;
max-width: 100%;
color: #000;
text-align: center;
width: 100%;
padding-bottom: 1rem;
}
.petitio_logo img {
display: inline-block;
}
.petitio_logo .petition_krs {
color: #000;
text-align: center;
}
.petition_mobile_banner {
margin-top: 1rem;
}
.petition_bottom {
padding-bottom: 1rem;
}
.petition_bottom_text {
width: 100%;
text-align: center;
margin: 1rem auto;
padding: 0;
}
.testament_mb {
padding: 2rem 0;
margin-top: 0;
}
.testament_mbt_bottom {
margin-left: 0;
}
.pub_tile_left, .pub_tile_right {
width: 100%;
}
.pub_tile_left {
margin-bottom: 1.5rem;
}
.pod_inner {
padding-right: 2rem;
}
.pod_blue {
position: relative;
margin-left: auto;
margin-right: auto;
border-radius: 1rem;
width: 95%;
text-align: center;
padding: 0.8rem;
right: 0;
}
.pod_container {
padding: 1rem;
}
.pod_blue_top {
top: 1rem;
margin-bottom: 2rem;
}
.pod_blue_bottom {
bottom: auto;
}
.centrum_section .alignright, .centrum_section img.alignright {
margin-left: 1.5em;
display: block;
margin: 1rem auto;
float: none;
}
.map_float {
float: none;
margin: 0 auto 2rem;
width: 100%;
}
.map_float iframe {
width: 100%;
height: 300px;
}
.centrum_section img {
margin-bottom: 1.5rem;
}
.fundraiser_list {
margin-top: 2rem;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.yc_block h2 {
font-size: 1.5rem;
}
}
@media all and (max-width: 767px) {
.section_title {
font-size: 1.6rem;
}
.circle_photo {
margin-bottom: 1.5rem;
}
.pod_title {
text-align: center;
font-size: 1.2rem;
width: 92%;
margin: 0 auto;
}
.ebook_image {
max-width: 250px;
height: auto;
margin: 1rem auto;
display: block;
}
.ebook_cover_mb {
margin: 2rem auto 0;
display: block;
text-align: center;
}
.pod_logo {
text-align: center;
display: block;
width: 100%;
margin-bottom: 1rem;
}
.pod_logo img {
width: 220px;
}
.main_banner {
height: auto !important;
}
.menu_to_right #mega-menu-wrap-menu-top {
float: none;
}
.main_banner {
background: #009de0 !important;
padding-top: 0;
}
.mobile {
display: block;
}
.slick-slide .mobile {
display: block;
}
.desktop {
display: none;
}
.fundraiser_list {
margin-top: 2rem;
}
.who_even {
margin-bottom: 1.5rem;
}
.clv_tabs li {
width: 100%;
}
.clv_tabs li .nav-link {
width: 100%;
}
.social_icons {
text-align: center;
}
.top_bar ul {
justify-content: center;
}
.logo {
max-width: 80%;
width: 80%;
margin: 10px auto;
display: block;
}
.top_donate_btn {
font-size: 1.4rem;
display: block;
text-align: center;
line-height: 120%;
float: none;
}
.top_donate_btn br {
display: none;
}
.under_logo {
text-align: center;
margin-bottom: 15px;
margin-top: 0.4rem;
}
.accent_huge_btn {
font-size: 1.4rem;
display: block;
line-height: 120%;
}
.above_donate_title {
margin-top: 1rem;
}
.what_we_do {
position: relative;
background-image: url(//wioskisos.org/wp-content/themes/img/what_we_do.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: inherit;
padding: 3rem 0 14rem;
background-size: contain;
text-align: center;
}
.footer_block {
margin: 1rem 0;
max-width: 48%;
}
.footer_block img {
max-width: 100%;
height: auto;
}
#footer .flex_end {
justify-content: center;
}
.footer_bottom, .created {
position: relative;
z-index: 3;
text-align: center;
}
.card-header button {
font-size: 1rem;
}
.page-template-page-jestemzsos .jestem_contact .contact_data {
float: none;
padding-top: 25px;
text-align: center;
}
.page-template-page-jestemzsos .jestem_contact .form_cont, .page-template-page-jestemzsos .jestem_contact span.fieldlabel, .page-template-page-jestemzsos .jestem_contact input[type=text], .page-template-page-jestemzsos .jestem_contact input[type=email], .page-template-page-jestemzsos .jestem_contact input[type=tel], .page-template-page-jestemzsos .jestem_contact input[type=number], .page-template-page-jestemzsos .jestem_contact select, .page-template-page-jestemzsos .jestem_contact textarea {
float: none;
width: 100%;
}
.club_num {
margin: 1rem auto;
}
.reasons_list {
text-align: center;
}
.rl_text {
width: 100%;
max-width: 100%;
}
.bgs {
max-height: 250px;
}
.popup_additional .pa_inner .pa_white, .popup_additional_2 .pa_inner .pa_white {
border-radius: 15px;
background: #fff;
color: #000;
padding: 15px;
font-size: 0.9rem;
position: relative;
line-height: 1.1rem;
}
.newsletter_form em {
font-size: 0.8rem;
line-height: 1.1rem;
display: block;
}
.cb_links {
margin-top: 0;
}
.petition_popup_inner {
border: 6px solid rgb(25.5, 25.5, 25.5);
border-radius: 0.5rem;
padding: 1rem;
background: #fff;
}
.petition_popup_inner h2 {
color: #ec7404;
font-size: 2rem;
text-align: center;
margin: 0 auto 1.5rem;
font-weight: bold;
}
.petition_popup_inner p {
font-size: 1rem;
}
.ppb_btn {
margin-bottom: 0.5rem;
font-size: 1rem;
}
.ppb_btn:hover {
color: #fff;
}
.petition_popup_buttons {
justify-content: center;
}
.testament_mb {
background: none !important;
}
.testament_mb h1 {
font-weight: 900;
font-size: 2rem;
}
.testament_mbt_bottom {
color: #009de0;
}
.testament_mbt_bottom h2 {
font-size: 1.5rem;
}
.testament_contact_text {
text-align: center;
margin-top: 1.5rem;
}
.testament_bottom .nav_tabs_cont .nav-tabs li {
width: 100%;
}
.taf_img_cont {
margin-top: 1.5rem;
border: none;
}
.petition_sign .zgoda_label input {
width: 35px;
}
.zt_right h2 {
font-size: 1.7rem;
margin-top: 2rem;
}
.ztli_phone {
padding-left: 2.4rem;
background: url(//wioskisos.org/wp-content/themes/img/zglos_phone.png) no-repeat left 4px top 12px;
background-size: 1.5rem;
}
.ztli_phone h3 {
font-size: 1.5rem;
}
.ztli_phone p {
font-size: 1.1rem;
}
.ztli_email {
padding-left: 2.4rem;
background: url(//wioskisos.org/wp-content/themes/img/zglos_email.png) no-repeat left top 2px;
background-size: 1.9rem;
padding-bottom: 7px;
}
.zt_left_inner h4 {
font-size: 1.4rem;
}
.zglos_top_nav span {
margin-bottom: 1rem;
}
.zglos_top_nav img {
margin-top: 1rem;
}
.switch_section.faq .card-header button {
font-size: 1rem;
}
.switch_section.faq .card-header button .card_num {
width: 10%;
}
.switch_section.faq .card-header button .card_title {
width: 85%;
}
.rodo_block h2 {
font-size: 1.5rem;
}
.who_realizes {
padding: 2rem;
}
.wr_left {
width: 100%;
font-size: 1.2rem;
line-height: 150%;
text-align: justify;
padding-right: 0;
padding: 0;
}
.wr_right {
width: 100%;
text-align: center;
}
.pds_heading {
text-align: center;
color: #143260;
font-size: 1.7rem;
}
.pds_heading .pds_heading_text {
padding: 0.8rem 3rem;
position: relative;
display: inline-block;
}
.pds_heading .pds_heading_text:before, .pds_heading .pds_heading_text:after {
display: inline-block;
content: " ";
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
top: 0;
height: 100%;
width: 40px;
}
.wr_left {
text-align: left;
}
.pds_bottom_button {
margin-bottom: 1rem;
}
.single_header h1 {
font-size: 2rem;
}
.large_dark_btn {
line-height: 140%;
display: inline-block;
}
.wr_right {
margin-top: 1rem;
}
.pds_news.with_pad {
padding-bottom: 0;
}
.ccb_text {
width: 60%;
}
.ccb_text p {
font-size: 1rem;
}
.top_krs {
position: relative; display: block;
text-align: center;
width: 100%;
left: auto;
margin: 1rem auto;
}
.page-template-page-rodzice-sos .wp-block-image .alignright {
float: none;
}
.home_newsletter_block, .what_we_do {
background-color: #6ecff6;
}
.home_newsletter_block input[type=text], .home_newsletter_block input[type=email], .home_newsletter_block input[type=tel], .home_newsletter_block input[type=number], .home_newsletter_block select, .home_newsletter_block textarea, .what_we_do input[type=text], .what_we_do input[type=email], .what_we_do input[type=tel], .what_we_do input[type=number], .what_we_do select, .what_we_do textarea {
background: #009de0;
}
.home_newsletter_block input.wpcf7-form-control.wpcf7-submit.has-spinner {
display: block;
margin: 2rem auto 0;
}
.hn_check input[type=checkbox] {
background: #009de0;
}
.home_newsletter_block .wpcf7-list-item {
text-align: left;
}
.thank_popup {
position: absolute;
margin-top: 0;
top: 0;
width: 100%;
height: 100%;
background-position: top 4rem left 1rem;
padding: 2.5rem 3rem 2.5rem 1.5rem;
background: #6ecff6;
}
.tp_title {
background-position: center top;
background-size: 3rem;
padding: 4rem 0 0 0;
}
.tp_close {
right: 2rem;
}
.primary_bar_title h2 {
font-size: 1.8rem;
}
.primary_block {
margin-bottom: 2rem;
}
.top_bar .menu_top_right a {
padding: 5px;
border-radius: 5px;
margin-bottom: 5px;
}
}
@media all and (max-width: 480px) {
.c_form_section .payment_type {
width: 100%;
}
.cb_2_block_photo {
width: 100%;
}
.cb_2_block_photo img {
max-width: 180px;
height: auto;
}
.cb_2_block_text {
margin-bottom: 2rem;
}
.footer_block {
max-width: 100%;
}
.footer_block:nth-child(2), .footer_block:nth-child(3), .footer_block:nth-child(4), .footer_block:nth-child(5) {
max-width: 50%;
}
#footer .menu-pomoz-container {
max-width: 90%;
}
.informator_btn {
background: #009de0;
color: #fff;
padding: 1rem;
text-transform: uppercase;
font-size: 0.9rem;
border: 1px solid #009de0;
}
.careers_cont {
padding: 1.5rem;
}
.slick_careers .slick-prev, .slick_careers .slick-next {
top: 49%;
width: 20px;
height: 50px;
}
.slick_careers .slick-prev:before, .slick_careers .slick-next:before {
font-size: 30px;
display: inline-block;
color: #fff;
background-size: 45px;
width: 40px;
height: 70px;
}
.slick_careers .slick-prev:hover, .slick_careers .slick-next:hover {
opacity: 0.7;
}
.slick_careers .slick-prev {
left: -25px;
}
.slick_careers .slick-next {
left: auto;
right: -25px;
}
}