.author-bio,
.comments-wrap {
margin: 36px auto;
max-width: 720px;
padding-left: 16px;
padding-right: 16px;
}
.site-header-image {
display: block;
margin: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}    .wp-block-cover-text p {
padding: 1.5em 16px;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
} ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px;
}
@media screen and (min-width: 768px) {
.entry-header,
.entry-content {
font-size: calc(1rem + (1.375 - 1) * ((100vw - 768px) / (1200 - 768)));
font-weight: 300;
line-height: inherit;
}
.entry-header h1 {
font-size: calc(2.5rem + (3.4375 - 2.5) * ((100vw - 768px) / (1200 - 768)));
}
}
@media screen and (min-width: 1200px) {
.entry-header,
.entry-content {
font-size: 1.375rem;
}
.entry-header h1 {
font-size: 3.4375rem;
}
}
.more-link {
display: block;
}
.wp-block-code {
padding: 0.5em 1em;
margin: 0 0 1.5rem;
}
.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
margin: 0 auto 1.5em auto;
max-width: 720px;
list-style-position: outside;
}
.entry-content li {
margin-left: 2.5em;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-quote {
margin-left: 16px;
margin-right: 16px;
padding: 0;
}
.wp-block-quote > * {
margin-left: 1rem;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 36px auto;
padding: 0;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 13px;
font-size: 0.8125rem;
}
@media screen and (min-width: 768px) {
.wp-block-quote {
margin: 48px auto;
}
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-pullquote.alignright {
margin-left: 2rem;
}
.wp-block-pullquote.alignleft {
margin-right: 2rem;
}
.wp-block-group > .wp-block-group__inner-container > * {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-group > .wp-block-group__inner-container > .alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-group > .wp-block-group__inner-container > .alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
margin-top: 0;
}
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
width: calc( 100% + 60px);
max-width: calc( 100% + 60px);
position: relative;
left: -30px;
}
img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
}
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
max-width: 100%;
width: 100%;
}
.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
}
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
max-width: calc((720px / 2) - 16px);
}
.wp-block-image .alignright,
.wp-block-gallery.alignright {
margin-left: 2rem;
}
.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
margin-right: 2rem;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-video video {
max-width: 720px;
}
.wp-block-table {
overflow-x: auto;
margin: 1.5rem0;
}
.wp-block-table table {
border-collapse: collapse;
}
.wp-block-table td, .wp-block-table th {
padding: .5em;
}
#comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.comment > .children {
margin-top: 1rem;
margin-right: -0.625rem;
margin-bottom: -1.625rem;
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#site-footer {
background-color: #f3f4f5;
}
@-webkit-keyframes flash-green {
0% {
-webkit-box-shadow: none;
box-shadow: none;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@keyframes flash-green {
0% {
-webkit-box-shadow: none;
box-shadow: none;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@-webkit-keyframes flash-green-2 {
0% {
-webkit-box-shadow: none;
box-shadow: none;
}
50% {
-webkit-box-shadow: 0 0 9px 2px #86BD20;
box-shadow: 0 0 9px 2px #86BD20;
}
100% {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@keyframes flash-green-2 {
0% {
-webkit-box-shadow: none;
box-shadow: none;
}
50% {
-webkit-box-shadow: 0 0 9px 2px #86BD20;
box-shadow: 0 0 9px 2px #86BD20;
}
100% {
-webkit-box-shadow: none;
box-shadow: none;
}
}
::-moz-selection {
background-color: #86BD20;
color: white;
}
::selection {
background-color: #86BD20;
color: white;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
body {
font-family: 'Nunito Sans', 'Verdana', sans-serif;
background-color: #1D1D1D;
color: #ffffff;
}
main {
overflow: hidden;
}
main > section {
padding-top: 4rem;
padding-bottom: 4rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (min-width: 768px) {
main > section {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media screen and (min-width: 1200px) {
main > section {
padding-top: 11rem;
padding-bottom: 11rem;
}
}
@media screen and (max-width: 767px) {
main > section {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.full-page {
min-height: calc(100vh - 8rem);
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.full-page {
min-height: calc(100vh - 6rem);
}
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
.full-page {
min-height: calc(100vh - 18rem);
}
}
@media screen and (min-width: 768px) {
.full-page--100 {
padding-top: 0;
padding-bottom: 0;
min-height: 100vh;
}
}
main > section:first-of-type {
padding-top: 72px;
padding-bottom: 0;
min-height: calc(100vh - 72px - 48px);
}
@media screen and (min-width: 768px) {
main > section:first-of-type {
padding-top: 72px;
min-height: calc(100vh - 72px - 88px);
}
}
@media screen and (min-width: 992px) {
main > section:first-of-type {
padding-top: 96px;
min-height: calc(100vh - 96px - 88px);
}
}
@media screen and (min-width: 1200px) {
main > section:first-of-type {
padding-top: 136px;
min-height: calc(100vh - 136px - 88px);
}
}
body.home main > section:first-of-type {
padding-top: 72px;
padding-bottom: 0;
min-height: calc(100vh - 72px);
}
@media screen and (min-width: 992px) {
body.home main > section:first-of-type {
padding-top: 96px;
min-height: calc(100vh - 96px);
}
}
@media screen and (min-width: 1200px) {
body.home main > section:first-of-type {
padding-top: 136px;
min-height: calc(100vh - 136px);
}
}
.bg-darker {
background-color: #111111;
}
.bg-scratch {
background-image: url(//perfektpodatki.pl/wp-content/themes/perfekt/images/zadrapanie_duze_baner.svg);
background-size: 500px;
}
.bg-scratch--medium {
background-size: 650px;
}
.bg-scratch--big {
background-size: initial;
background-size: cover;
}
.bg-scratch--left {
background-position: 20% center;
}
.min-h-inherit {
min-height: inherit;
}
@media screen and (min-width: 992px) {
.bg-fixed {
background-attachment: fixed;
}
}
@-webkit-keyframes scratch-animation {
0% {
opacity: 0;
-webkit-transform: translate(40%, -100%);
transform: translate(40%, -100%);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes scratch-animation {
0% {
opacity: 0;
-webkit-transform: translate(40%, -100%);
transform: translate(40%, -100%);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.scratch {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
width: 500px;
}
.scratch--medium {
width: 650px;
}
.scratch--big {
width: 100%;
}
.scratch--left {
left: 20%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.scratch__image {
opacity: 0;
width: 100%;
-webkit-transform: translate(30%, -100%);
transform: translate(30%, -100%);
}
.scratch.animated .scratch__image {
-webkit-animation: scratch-animation 1s forwards;
animation: scratch-animation 1s forwards;
}
@-webkit-keyframes scratch-title-animation {
0% {
-webkit-transform: translate(-150%, -50%) scaleX(2);
transform: translate(-150%, -50%) scaleX(2);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(25%, -50%) scaleX(4);
transform: translate(25%, -50%) scaleX(4);
opacity: 0;
}
}
@keyframes scratch-title-animation {
0% {
-webkit-transform: translate(-150%, -50%) scaleX(2);
transform: translate(-150%, -50%) scaleX(2);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(25%, -50%) scaleX(4);
transform: translate(25%, -50%) scaleX(4);
opacity: 0;
}
}
@-webkit-keyframes fade-title-animation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-title-animation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.scratch-title {
position: relative;
z-index: 0;
}
.scratch-title__image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform-origin: 68% center;
transform-origin: 68% center;
-webkit-transform: translate(-50%, -50%) scaleX(2);
transform: translate(-50%, -50%) scaleX(2);
z-index: -1;
}
@media screen and (max-width: 991px) {
.scratch-title__image {
display: none;
}
}
@media screen and (min-width: 992px) {
.scratch-title h1, .scratch-title h2, .scratch-title h3 {
opacity: 0;
}
}
@media screen and (min-width: 992px) {
.scratch-title.animated .scratch-title__image {
-webkit-animation: scratch-title-animation 1s;
animation: scratch-title-animation 1s;
}
}
@media screen and (min-width: 992px) {
.scratch-title.animated h1, .scratch-title.animated h2, .scratch-title.animated h3 {
-webkit-animation: fade-title-animation .5s .5s forwards;
animation: fade-title-animation .5s .5s forwards;
}
}
h1, h2, h3, .styled-title {
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.6;
}
h1, h2 {
font-size: 1.85rem;
}
@media screen and (min-width: 576px) {
h1, h2 {
font-size: 2.15rem;
}
}
@media screen and (min-width: 992px) {
h1, h2 {
font-size: 2.5rem;
}
}
@media screen and (min-width: 1400px) {
h1, h2 {
font-size: 3.125rem;
}
}
.text-primary {
color: #86BD20 !important;
}
@media screen and (max-width: 991px) {
.first-section-image {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 350px;
width: 100%;
}
}
.section-side__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.9rem;
line-height: .8;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 2.5rem;
white-space: nowrap;
}
@media screen and (min-width: 576px) {
.section-side__title {
font-size: 3.05rem;
}
}
@media screen and (max-width: 767px) {
.section-side__title {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 768px) {
.section-side__title {
font-size: 4.25rem;
}
}
@media screen and (min-width: 1200px) {
.section-side__title {
font-size: 5.25rem;
}
}
@media screen and (min-width: 1600px) {
.section-side__title {
font-size: 6.25rem;
}
}
.section-side__title.smaller {
font-size: 1.9rem;
white-space: initial;
}
@media screen and (min-width: 576px) {
.section-side__title.smaller {
font-size: 2.45rem;
}
}
@media screen and (max-width: 767px) {
.section-side__title.smaller {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 768px) {
.section-side__title.smaller {
font-size: 3.65rem;
}
}
@media screen and (min-width: 1200px) {
.section-side__title.smaller {
font-size: 4.65rem;
}
}
@media screen and (min-width: 1600px) {
.section-side__title.smaller {
font-size: 5.65rem;
}
}
@media screen and (min-width: 768px) {
.section-side__title::before {
content: "";
position: absolute;
top: 3.2rem;
left: -30px;
width: 110px;
height: 1px;
background-color: #888888;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media screen and (min-width: 992px) {
.section-side__title::before {
top: 5rem;
}
}
.section-side__follow {
font-weight: 400;
font-size: .6em;
font-style: italic;
margin-left: auto;
line-height: 1.333;
margin-top: .2em;
}
.section-side__content {
font-weight: 300;
font-size: 1.25rem;
line-height: 1.416;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.section-side__content {
font-size: 1.5rem;
}
}
@media screen and (min-width: 992px) {
.section-side__content {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1200px) {
.section-side__content {
font-size: 1.5rem;
}
}
.section-side__content p {
font-weight: inherit;
font-size: inherit;
line-height: inherit;
margin-top: inherit;
}
@media screen and (min-width: 992px) {
.section-side__content p {
max-width: inherit;
}
}
@media screen and (min-width: 992px) {
.section-side__content--max-width {
max-width: 380px;
}
}
.section-side__line {
max-width: 665px;
color: #86BD20;
font-size: .85em;
text-align: right;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.section-side__line {
font-size: 1.25rem;
}
}
@media screen and (max-width: 991px) {
.section-side__line {
margin-top: 2rem;
}
}
@media screen and (max-width: 767px) {
.section-side__line {
margin-top: 1rem;
}
}
.mini-sections__title {
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.mini-sections__title {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 768px) {
.mini-sections__title {
max-width: 250px;
}
}
.mini-sections__title:hover a {
-webkit-transform: translateX(1.5rem);
transform: translateX(1.5rem);
font-style: italic;
}
.mini-sections__title a {
display: inline-block;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.mini-sections__title::after {
width: 125px;
}
.mini-sections__content {
margin-top: 1.75rem;
}
.mini-sections__element {
margin-top: 1.5rem;
}
.mini-sections__element:nth-of-type(1) {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.mini-sections__element:nth-of-type(2) {
margin-top: 0;
}
}
.has-underline {
position: relative;
padding-bottom: .75em;
margin-bottom: 1em;
}
.has-underline::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 110px;
height: 1px;
background-color: #86BD20;
-webkit-transition: .4s ease;
transition: .4s ease;
}
@media screen and (min-width: 768px) {
.has-underline::after {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media screen and (max-width: 767px) {
.has-underline::after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (min-width: 768px) {
.has-underline.animated::after {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation: flash-green-2 .5s linear .4s;
animation: flash-green-2 .5s linear .4s;
}
}
.breadcrumbs {
color: #686868;
margin-left: -.5em;
text-align: left;
margin-bottom: 2rem;
}
.breadcrumbs > * {
padding-left: .5em;
padding-right: .5em;
}
.breadcrumbs .current-item {
color: #86BD20;
}
@media screen and (min-width: 768px) {
.breadcrumbs {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.breadcrumbs {
font-size: .7rem;
}
}
ul {
list-style-type: none;
padding-left: 0;
}
p {
line-height: 1.722;
}
a {
color: inherit;
-webkit-transition: color .3s ease, text-shadow .3s ease;
transition: color .3s ease, text-shadow .3s ease;
}
a:hover {
color: #86BD20;
text-decoration: none;
text-shadow: 0 0 5px #679119;
}
@-webkit-keyframes btn-animation {
25% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
}
@keyframes btn-animation {
25% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
}
@-webkit-keyframes btn-animation-lg {
0% {
opacity: 0;
}
25% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
33% {
opacity: 1;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
}
@keyframes btn-animation-lg {
0% {
opacity: 0;
}
25% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
33% {
opacity: 1;
}
50% {
-webkit-box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
box-shadow: 0 0 20px #86BD20, inset 0 0 20px #86BD20;
}
100% {
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
}
.btn {
text-transform: uppercase;
font-weight: 600;
padding: 1em 1.714em;
line-height: 1;
color: #ffffff;
border: 2px solid #ffffff;
border-radius: 2em;
font-size: 1rem;
background: transparent;
-webkit-transition: .4s ease;
transition: .4s ease;
min-width: 11.6em;
}
@media screen and (min-width: 1200px) {
.btn {
font-size: 1.25rem;
}
}
.btn.animated {
-webkit-animation: btn-animation 1s;
animation: btn-animation 1s;
}
@media screen and (min-width: 992px) {
.btn.animated {
-webkit-animation: btn-animation-lg 1s;
animation: btn-animation-lg 1s;
}
}
.btn-primary {
color: #86BD20;
border-color: #86BD20;
background: transparent;
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
.btn-primary:hover {
color: #ffffff;
background-color: #86BD20;
border-color: #86BD20;
-webkit-box-shadow: 0 0 15px #679119;
box-shadow: 0 0 15px #679119;
}
.btn-primary:focus, .btn-primary:active {
color: #ffffff;
background-color: #abe049 !important;
border-color: #abe049 !important;
outline: none;
}
.btn-secondary {
color: #ffffff;
border-color: #86BD20;
background: #86BD20;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-secondary:hover {
color: #86BD20;
background-color: transparent;
border-color: #86BD20;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-secondary:focus, .btn-secondary:active {
color: #ffffff;
background-color: transparent !important;
border-color: #ffffff;
outline: none;
}
@-webkit-keyframes up-and-down {
50% {
-webkit-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
}
}
@keyframes up-and-down {
50% {
-webkit-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
}
}
body.scrolled .scroll-indicator {
opacity: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.home .scroll-indicator {
left: 2rem;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.scroll-indicator {
position: absolute;
bottom: 2rem;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-animation: up-and-down 2s ease infinite;
animation: up-and-down 2s ease infinite;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
border: none !important;
outline: none !important;
background: none !important;
}
.scroll-indicator__icon {
width: 27px;
height: auto;
}
form .input-group__wrapper {
width: 100%;
text-align: initial;
}
form .asterisk {
color: #86BD20;
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #1D1D1D inset !important;
box-shadow: 0 0 0 30px #1D1D1D inset !important;
}
form input:-webkit-autofill {
-webkit-text-fill-color: #ffffff !important;
}
form input, form textarea {
color: #ffffff !important;
}
form label {
margin-bottom: 0;
font-weight: 300;
}
form .form-control {
padding: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border-style: solid;
border-color: #86BD20 !important;
border-width: 0 0 1px 0;
}
form .form-control:focus {
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 767px) {
form .row * + * {
margin-top: 2rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
form .row * + * {
margin-top: 2rem;
}
}
form .row + .row {
margin-top: 2rem;
}
form .row:last-of-type {
margin-top: 3rem;
}
form .input-group.input-group--file label {
font-size: 1rem;
padding: .75em 1.714em;
min-width: 186px;
}
form .input-group.input-group--file input {
display: none;
}
@media screen and (max-width: 767px) {
form .input-group.input-group--file .input-group__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
form .input-group.input-group--submit {
position: relative;
}
form .input-group.input-group--submit button {
text-transform: uppercase;
font-weight: 600;
padding: 1em 1.714em;
line-height: 1;
color: #ffffff;
border: 2px solid #ffffff;
border-radius: 2em;
font-size: 1rem;
background: transparent;
-webkit-transition: .4s ease;
transition: .4s ease;
min-width: 11.6em;
color: #86BD20;
border-color: #86BD20;
background: transparent;
-webkit-box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
box-shadow: 0 0 15px #39500e, inset 0 0 15px #39500e;
}
@media screen and (min-width: 1200px) {
form .input-group.input-group--submit button {
font-size: 1.25rem;
}
}
form .input-group.input-group--submit button:hover {
color: #ffffff;
background-color: #86BD20;
border-color: #86BD20;
-webkit-box-shadow: 0 0 15px #679119;
box-shadow: 0 0 15px #679119;
}
form .input-group.input-group--submit button:focus, form .input-group.input-group--submit button:active {
color: #ffffff;
background-color: #abe049 !important;
border-color: #abe049 !important;
outline: none;
}
form .input-group.input-group--submit .ajax-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
}
form .input-group.input-group--file .input-group__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 575px) {
form .input-group.input-group--file .input-group__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (min-width: 576px) {
form .input-group.input-group--file .input-group__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
form .input-group.input-group--file #form-cv-response {
margin-bottom: 0;
margin-top: 0;
color: #86BD20;
}
@media screen and (min-width: 576px) {
form .input-group.input-group--file #form-cv-response {
margin-left: 1.25rem;
}
}
form .input-group.input-group--checkbox span {
margin-left: 0;
cursor: pointer;
}
form .input-group.input-group--checkbox label {
position: relative;
}
form .input-group.input-group--checkbox label:before {
content: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border-radius: 5px;
border: 1px solid #86BD20;
padding: 12px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
form .input-group.input-group--checkbox label input {
display: none;
}
form .input-group.input-group--checkbox label input:checked + span:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 8px;
width: 10px;
height: 17px;
border: solid #86BD20;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
form .input-group.input-group--checkbox label > span {
margin-right: 10px;
}
form .wpcf7-response-output, form .wpcf7-response-output {
border-color: #86BD20 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 1rem !important;
font-weight: 600 !important;
border-width: 0 0 0 7px !important;
}
.bg-darker form input:-webkit-autofill,
.bg-darker form input:-webkit-autofill:hover,
.bg-darker form input:-webkit-autofill:focus,
.bg-darker form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #111111 inset !important;
box-shadow: 0 0 0 30px #111111 inset !important;
}
#cookies-message-container {
padding: 12px;
font-size: 14px;
line-height: 22px;
text-align: center;
position: fixed;
bottom: 0px;
background: #2d2d2d;
width: 100%;
z-index: 9999;
color: #fff;
border-top: 1px solid #181818;
-webkit-box-shadow: 0 0 10px 3px #000;
box-shadow: 0 0 10px 3px #000;
}
@media screen and (min-width: 768px) {
#cookies-message-container {
padding: 18px;
}
}
@media screen and (max-width: 767px) {
#cookies-message-container {
font-size: 11px;
}
}
#accept-cookies-checkbox {
font-weight: 700;
margin-left: 10px;
cursor: pointer;
color: #86BD20;
}
@media screen and (min-width: 768px) {
#accept-cookies-checkbox {
border: 1px solid #86BD20;
-webkit-box-shadow: 0 3px 15px #39500e, inset 0 3px 15px #39500e;
box-shadow: 0 3px 15px #39500e, inset 0 3px 15px #39500e;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
padding: 5px 15px;
border-radius: 16px;
margin-left: 20px;
}
}
.modal .modal-content {
background: #1d1d1d;
-webkit-box-shadow: 0 0 15px #00000061;
box-shadow: 0 0 15px #00000061;
}
.modal .modal-header {
border-bottom: 1px solid #606060;
}
@media screen and (min-width: 992px) {
.modal .modal-header {
padding: 2rem;
}
}
.modal .modal-header .close {
color: #ffffff !important;
}
.modal .modal-title {
font-weight: 700;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 1.6rem;
letter-spacing: .1em;
}
@media screen and (min-width: 992px) {
.modal .modal-title {
font-size: 2.5rem;
}
}
.modal .modal-body {
font-size: 1rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.modal .modal-body {
font-size: 1.25rem;
}
}
@media screen and (min-width: 992px) {
.modal .modal-body {
padding: 2rem;
}
}
.modal .modal-body ul {
padding-left: 1em;
list-style-type: square;
}
.mt-6 {
margin-top: 4.5rem !important;
}
@media (min-width: 1400px) {
.col-xxl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 1600px) {
.col-xxxl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1180px;
}
}
@media (min-width: 1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1470px;
}
}
@media (min-width: 1800px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1670px;
}
}
body.home .main-header__logo-img {
display: none;
}
body.scrolled .main-header {
background: #1d1d1d;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
}
@media screen and (min-width: 992px) {
body.scrolled .main-header {
padding: 1rem 0;
}
}
@media screen and (min-width: 1200px) {
body.scrolled .main-header {
padding: 1.5rem 0;
}
}
body.mega-menu-navbar-mobile-open .mega-menu {
-webkit-box-shadow: 0 0 20px 10px #000000;
box-shadow: 0 0 20px 10px #000000;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
.mega-menu-toggle.mega-menu-open + #mega-menu-navbar {
left: 0 !important;
}
}
.main-header {
padding: 1rem 0;
background-color: transparent;
-webkit-transition: padding .5s ease, background-color 1s ease, -webkit-box-shadow 1s ease;
transition: padding .5s ease, background-color 1s ease, -webkit-box-shadow 1s ease;
transition: padding .5s ease, background-color 1s ease, box-shadow 1s ease;
transition: padding .5s ease, background-color 1s ease, box-shadow 1s ease, -webkit-box-shadow 1s ease;
}
@media screen and (min-width: 992px) {
.main-header {
padding: 1.75rem 0;
}
}
@media screen and (min-width: 1200px) {
.main-header {
padding: 3rem 0;
}
}
.main-header__logo-img {
height: 20px;
width: auto;
}
@media screen and (min-width: 576px) {
.main-header__logo-img {
height: 26px;
}
}
@media screen and (min-width: 992px) {
.main-header__logo-img {
height: 18px;
}
}
@media screen and (min-width: 1200px) {
.main-header__logo-img {
height: 24px;
}
}
@media screen and (min-width: 1500px) {
.main-header__logo-img {
height: 31px;
}
}
@media screen and (min-width: 1600px) {
.main-header__logo-img {
height: 36px;
}
}
@media screen and (min-width: 576px) and (max-width: 991px) {
.main-header .max-mega-menu {
width: 330px !important;
left: -330px !important;
}
}
@media screen and (max-width: 991px) {
.main-header .max-mega-menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
}
.main-header .max-mega-menu > li:nth-last-child(1) > .mega-menu-link::before {
background-image: url(//perfektpodatki.pl/wp-content/themes/perfekt/images/mail_icon.svg) !important;
}
.main-header .max-mega-menu > li:nth-last-child(2) > .mega-menu-link::before {
background-image: url(//perfektpodatki.pl/wp-content/themes/perfekt/images/telefon_icon.svg) !important;
}
.main-header .max-mega-menu > li:nth-last-child(2) {
margin-top: auto !important;
}
.main-header .max-mega-menu > li:nth-last-child(1) > .mega-menu-link::before, .main-header .max-mega-menu > li:nth-last-child(2) > .mega-menu-link::before {
content: "" !important;
width: 1.3rem !important;
height: 1rem !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
vertical-align: middle !important;
margin-right: .666rem !important;
}
.main-header .mega-menu {
font-weight: 600 !important;
}
.main-header .mega-menu .mega-menu-link {
font-size: 1rem !important;
}
@media screen and (max-width: 991px) {
.main-header .mega-menu .mega-menu-link {
width: 100% !important;
padding-right: 1.4rem !important;
max-width: 400px !important;
}
}
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
padding-left: .5em !important;
font-size: .8rem !important;
-webkit-transition: text-shadow .3s ease, color .3s ease !important;
transition: text-shadow .3s ease, color .3s ease !important;
}
@media screen and (max-width: 991px) {
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
padding-top: 1rem !important;
padding-left: 1em !important;
padding-bottom: 1rem !important;
display: inline-block !important;
line-height: 1.3 !important;
font-size: 1.3rem !important;
height: initial !important;
}
}
@media screen and (max-width: 575px) {
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
font-size: 1rem !important;
}
}
@media screen and (min-width: 992px) {
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
font-size: .8rem !important;
}
}
@media screen and (min-width: 1200px) {
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
padding: 0 1em !important;
font-size: 1.05rem !important;
}
}
@media screen and (min-width: 1920px) {
.main-header .mega-menu > .mega-menu-item > .mega-menu-link {
padding: 0 1.25em !important;
font-size: 1.25rem !important;
}
}
.main-header .mega-menu > .mega-menu-item:hover > .mega-menu-link {
text-shadow: 0 0 5px #86BD20;
}
.main-header .mega-menu .mega-current-menu-item {
font-weight: 700 !important;
}
@media screen and (max-width: 991px) {
.main-header .mega-sub-menu .mega-sub-menu > .mega-menu-item > .mega-menu-link {
padding-left: 3rem !important;
padding-top: .666rem !important;
padding-bottom: .666rem !important;
color: #c9c9c9 !important;
}
}
#mega-menu-wrap-navbar #mega-menu-navbar li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after, #mega-menu-wrap-sidebar-menu #mega-menu-sidebar-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
content: "" !important;
width: 10px;
height: 10px;
border: 5px solid transparent;
border-top-color: inherit;
vertical-align: middle;
}
.home .main-footer {
padding-top: 6rem;
}
@media screen and (min-width: 1200px) {
.home .main-footer {
padding-top: 12rem;
}
}
.main-footer {
padding-top: 1rem;
padding-bottom: 3rem;
}
@media screen and (min-width: 1200px) {
.main-footer {
padding-top: 6rem;
}
}
.main-footer__copyright {
margin-top: 6rem;
}
.main-footer-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2.5rem;
}
.main-footer-list:nth-of-type(1) {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.main-footer-list:nth-of-type(2) {
margin-top: 0;
}
}
@media screen and (min-width: 992px) {
.main-footer-list:nth-of-type(3) {
margin-top: 0;
}
}
.main-footer-list::before {
display: inline-block;
content: "";
min-width: 28px;
height: 1px;
background-color: #6d6d6d;
margin-top: 1.666rem;
margin-right: 1rem;
}
@media screen and (min-width: 768px) {
.main-footer-list::before {
min-width: 40px;
margin-right: 2rem;
margin-top: 2rem;
}
}
@media screen and (min-width: 1200px) {
.main-footer-list::before {
width: 110px;
}
}
.main-footer-list__title {
font-size: 2rem;
line-height: 1;
text-transform: none;
letter-spacing: initial;
}
@media screen and (min-width: 768px) {
.main-footer-list__title {
font-size: 2.5rem;
}
}
.main-footer-list__list {
margin-top: 2.25rem;
}
.main-footer-list__list li + li {
margin-top: 1.5rem;
}
.main-footer-list__list--with-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-footer-list__list--with-icons img {
margin-right: 1.5rem;
}
.homepage-hero__links {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.25rem;
margin-top: 2.25em;
color: #686868;
font-weight: 700;
text-align: left;
}
@media screen and (min-width: 576px) {
.homepage-hero__links {
margin-top: 3.5em;
font-size: 1.5rem;
}
}
@media screen and (min-width: 992px) {
.homepage-hero__links {
margin-top: 4.5em;
}
}
@media screen and (min-width: 1200px) {
.homepage-hero__links {
margin-top: 5.5em;
}
}
@media screen and (max-width: 991px) {
.homepage-hero__links {
padding-left: 1rem;
}
}
@media screen and (max-width: 575px) {
.homepage-hero__links {
padding-left: 2.5rem;
}
}
.homepage-hero__link {
position: relative;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
.homepage-hero__link::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: -2rem;
width: 400px;
height: 1px;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
background-color: #686868;
-webkit-transition: background-color .4s ease, -webkit-transform .4s ease;
transition: background-color .4s ease, -webkit-transform .4s ease;
transition: transform .4s ease, background-color .4s ease;
transition: transform .4s ease, background-color .4s ease, -webkit-transform .4s ease;
}
.homepage-hero__link .homepage-hero__link-anchor {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
.homepage-hero__link:hover .homepage-hero__link-anchor {
color: #86BD20;
font-style: italic;
-webkit-transform: translateX(2rem);
transform: translateX(2rem);
}
.homepage-hero__link:hover::before {
background-color: #86BD20;
-webkit-transform: translate(calc(-100% + 2rem), -50%);
transform: translate(calc(-100% + 2rem), -50%);
}
.homepage-hero__logo {
width: 80%;
}
@media screen and (min-width: 992px) {
.homepage-hero__logo {
width: 60%;
}
}
.homepage-hero__socials {
position: absolute;
bottom: 2rem;
right: 0;
font-weight: 700;
}
.homepage-hero__social + .homepage-hero__social {
margin-left: 3.25rem;
}
.homepage-hero__social-icon {
margin-right: 1rem;
}
.homepage-hero__link-anchor {
display: block;
padding: .833em 0;
}
.homepage-slider {
position: relative;
background-color: #111111;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.homepage-slider {
min-height: calc(100vh - 100px);
}
}
.homepage-slider .homepage-slide {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slide {
padding-top: 4rem;
}
}
.homepage-slider .homepage-slide__title {
margin-bottom: 0;
}
.homepage-slider .homepage-slide__image {
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slide__image {
max-width: 330px;
width: 100%;
}
}
@media screen and (max-width: 575px) {
.homepage-slider .homepage-slide__image {
max-width: 300px;
}
}
@media screen and (max-width: 419px) {
.homepage-slider .homepage-slide__image {
max-width: 250px;
}
}
.homepage-slider .homepage-slide__content {
margin: 3rem 0 3.5rem;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.homepage-slider .homepage-slide__content {
margin: 2rem 0 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.homepage-slider .homepage-slide__content {
font-size: 1.5rem;
margin: 5.25rem 0;
}
}
.homepage-slider .homepage-slide__content p {
font-weight: 300;
line-height: 1.5;
}
.homepage-slider .homepage-slide__content strong {
font-weight: 600;
font-style: italic;
}
.homepage-slider .homepage-slide__right {
margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
.homepage-slider .homepage-slide__right {
margin-bottom: 0;
}
}
.homepage-slider__slider .slick-list, .homepage-slider__slider .slick-track {
min-height: inherit;
}
.homepage-slider__slider .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.homepage-slider__slider .slick-slide {
height: inherit !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.homepage-slider .homepage-slider-nav {
position: absolute;
width: 160px;
display: inline-block;
font-size: 1.875rem;
color: #686868;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
.homepage-slider .homepage-slider-nav {
top: 50%;
right: 0;
text-align: right;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slider-nav {
left: 50%;
}
}
.homepage-slider .homepage-slider-nav__item {
cursor: pointer;
-webkit-transition: color .3s ease, text-shadow .3s ease, -webkit-transform .3s ease;
transition: color .3s ease, text-shadow .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, color .3s ease, text-shadow .3s ease;
transition: transform .3s ease, color .3s ease, text-shadow .3s ease, -webkit-transform .3s ease;
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slider-nav__item {
margin-top: 1.75rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 419px) {
.homepage-slider .homepage-slider-nav__item {
margin-top: .75rem;
}
}
@media screen and (min-width: 768px) {
.homepage-slider .homepage-slider-nav__item {
padding-top: .666rem;
padding-bottom: .666rem;
}
}
@media screen and (min-width: 768px) {
.homepage-slider .homepage-slider-nav__item::after {
content: "";
width: 30px;
height: 1px;
display: inline-block;
background-color: #686868;
vertical-align: middle;
margin-left: 1rem;
}
}
@media screen and (min-width: 768px) and (min-width: 992px) {
.homepage-slider .homepage-slider-nav__item::after {
width: 45px;
}
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
.homepage-slider .homepage-slider-nav__item::after {
width: 77px;
}
}
.homepage-slider .homepage-slider-nav__item:focus-visible {
outline: none;
}
.homepage-slider .homepage-slider-nav__item.slick-current {
color: #86BD20;
-webkit-transform: scale(1.2);
transform: scale(1.2);
cursor: initial;
}
.homepage-slider .homepage-slider-nav__item:hover {
color: #86BD20;
text-shadow: 0 0 5px #679119;
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slider-nav .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (max-width: 767px) {
.homepage-slider .homepage-slider-nav .slick-slide {
height: inherit !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.offer-content {
padding-top: 7.3125rem;
padding-bottom: 7.3125rem;
}
@media screen and (max-width: 767px) {
.offer-content {
text-align: left;
}
}
.offer-content h2 {
font-size: 1.5rem;
text-transform: none;
margin-top: 2em;
margin-bottom: 1.25em;
}
@media screen and (min-width: 768px) {
.offer-content h2 {
font-size: 2.5rem;
}
}
.offer-content h2:nth-of-type(1) {
margin-top: 0;
}
.offer-content p {
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.offer-content p {
font-size: 1.25rem;
}
}
@media screen and (min-width: 1200px) {
.offer-content p {
font-size: 1.5rem;
line-height: 1.416;
}
}
.offer-content__link {
margin-left: auto;
margin-right: auto;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 6rem;
}
@media screen and (min-width: 992px) {
.offer-content__link {
margin-top: 9rem;
}
}
@media screen and (min-width: 1200px) {
.offer-content__link {
margin-top: 12rem;
}
}
.advices-online_mockup__heading {
margin-bottom: 3.5rem;
text-align: center;
font-size: 1.25rem;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.advices-online_mockup__heading {
margin-bottom: 4rem;
font-size: 1.5rem;
}
}
@media screen and (min-width: 992px) {
.advices-online_mockup__heading {
margin-bottom: 7rem;
}
}
.advices-online_mockup__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.advices-online_mockup__column--padding {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
.advices-online_mockup__column--padding {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media screen and (max-width: 991px) {
.advices-online_mockup__column:last-of-type {
padding-top: 0;
}
}
.advices-online_mockup__image {
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.advices-online_mockup__image {
width: 220px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.advices-online_mockup__image {
width: 290px;
margin-bottom: 3rem;
}
}
.advices-online_mockup__number-wrapper {
position: relative;
width: 75px;
height: 75px;
font-size: 1.75rem;
line-height: 1;
background: url(//perfektpodatki.pl/wp-content/themes/perfekt/images/zaznaczenie.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (min-width: 768px) {
.advices-online_mockup__number-wrapper {
margin-right: 2rem;
}
}
@media screen and (min-width: 1200px) {
.advices-online_mockup__number-wrapper {
-webkit-transform: translateY(calc(-50% + .875rem));
transform: translateY(calc(-50% + .875rem));
}
}
@media screen and (max-width: 767px) {
.advices-online_mockup__number-wrapper {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}
.advices-online_mockup__number {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 600;
}
@media screen and (max-width: 767px) {
.advices-online_mockup__element {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.advices-online_mockup__element {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 1199px) {
.advices-online_mockup__element + .advices-online_mockup__element {
margin-top: 2.5rem;
}
}
@media screen and (max-width: 991px) {
.advices-online_mockup__element + .advices-online_mockup__element {
margin-top: 1.25rem;
}
}
.advices-online_mockup .mini-sections__title {
max-width: initial;
}
.advices-online_steps .section-side > h2 {
margin-bottom: 3.5rem;
}
@media screen and (min-width: 768px) {
.offers_links__element.has-children .mini-sections__title::after {
width: 150px;
}
}
.offers_links__element + .offers_links__element {
margin-top: 2.25rem;
}
@media screen and (max-width: 991px) {
.offers_links__row > * + * {
margin-top: 1.25rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.offers_links__row > *:nth-of-type(2) {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.offers_links .mini-sections__links {
padding-left: 1.625rem;
}
}
.offers_links .mini-sections__links li {
padding: 1.125rem 0;
position: relative;
}
.offers_links .mini-sections__links li::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
display: block;
height: 1px;
width: 160px;
background: #4d4d4d;
}
@media screen and (max-width: 767px) {
.offers_links .mini-sections__links li::after {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (min-width: 768px) {
.offers_links .mini-sections__links li::after {
left: 0;
}
}
.advices-steps__image-wrapper {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
margin-right: 1.25rem;
}
@media screen and (min-width: 768px) {
.advices-steps__image-wrapper {
-ms-flex-preferred-size: 88px;
flex-basis: 88px;
margin-right: 2.5rem;
}
}
.advices-steps__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.advices-steps__content p {
margin: 0;
}
.advices-steps__divider {
padding-left: 88px;
margin: 3.125rem 0;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.advices-steps__divider {
margin: 2.125rem 0;
}
}
@media screen and (min-width: 992px) {
.advices-steps__divider-image {
height: 130px;
}
}
@media screen and (min-width: 1400px) {
.advices-steps__divider-image {
height: 187px;
}
}
.post-list .post__thumbnail {
-webkit-filter: brightness(0.3) grayscale(1);
filter: brightness(0.3) grayscale(1);
-webkit-transition: -webkit-filter .4s ease;
transition: -webkit-filter .4s ease;
transition: filter .4s ease;
transition: filter .4s ease, -webkit-filter .4s ease;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.post-list .post__thumbnail img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.post-list .post__title {
font-size: 1.25rem;
font-weight: 600;
color: #86BD20;
letter-spacing: 0;
}
.post-list .post__title * {
font-size: inherit;
font-weight: inherit;
color: inherit;
letter-spacing: inherit;
}
.post-list .post__content > * + * {
margin-top: 1.5rem;
}
@media screen and (min-width: 992px) {
.post-list .post__content > * + * {
margin-top: 2.25rem;
}
}
@media screen and (min-width: 1200px) {
.post-list .post__content > * + * {
margin-top: 3.5625rem;
}
}
.post-list .post:hover .post__thumbnail {
-webkit-filter: initial;
filter: initial;
}
.post-list .post + .post {
margin-top: 3.125rem;
}
.wp-pagenavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
text-align: center;
margin-top: 6rem;
font-weight: 600;
}
.wp-pagenavi .pages {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 1rem;
color: #c4c4c4;
font-weight: 300;
}
.wp-pagenavi > *:not(.pages) + * {
margin-left: .75rem;
}
.post-single__title {
margin-top: 4.8125rem;
margin-bottom: 3.125rem;
}
@media screen and (max-width: 1199px) {
.post-single__title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 767px) {
.post-single__title {
font-size: 1.5rem;
margin-top: 2.25rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.post-single__content {
text-align: left;
}
}
.post-single__content h2, .post-single__content h3 {
font-family: 'Nunito Sans', sans-serif;
text-transform: none;
margin-top: 2rem;
}
@media screen and (min-width: 768px) {
.post-single__content h2, .post-single__content h3 {
margin-top: 4.8125rem;
}
}
.post-single__content h2 {
font-size: 1.5rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.post-single__content h2 {
font-size: 2.5rem;
margin-bottom: 3.125rem;
}
}
.post-single__content h3 {
font-size: 1.35rem;
margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
.post-single__content h3 {
font-size: 1.888rem;
margin-bottom: 2.5rem;
}
}
.post-single__content p {
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.post-single__content p {
font-size: 1.25rem;
}
}
.work-list-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.work-list-section {
padding-top: 8rem;
padding-bottom: 8rem;
}
}
.work-list-section .work-list {
margin-top: 3rem;
}
@media screen and (min-width: 992px) {
.work-list-section .work-list {
margin-top: 7.25rem;
}
}
.work-list-section .work-list__wrapper {
border: 1px solid #86BD20;
padding: 1.525rem;
text-align: center;
cursor: pointer;
}
@media screen and (min-width: 992px) {
.work-list-section .work-list__wrapper {
padding: 3.125rem;
}
}
.work-list-section .work-list__wrapper.animated {
-webkit-animation: flash-green 1s;
animation: flash-green 1s;
}
.work-list-section .work-list__title {
font-size: 1.25rem;
}
.work-list-section .work-list__place {
position: relative;
padding-top: 1.625rem;
margin-top: 1.625rem;
}
.work-list-section .work-list__place::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 50%;
width: 110px;
height: 1px;
background-color: #86BD20;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1199px) {
.work-list-section .work-list__element + .work-list__element {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.work-list-section .work-list__element:nth-of-type(2) {
margin-top: 0;
}
}
.about-bullets {
padding-top: 8rem;
}
@media screen and (min-width: 1200px) {
.about-bullets {
padding-top: 16rem;
}
}
@media screen and (max-width: 767px) {
.about-bullets .about_section__title {
font-size: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.about-bullets .about_section__title::after {
width: 388px;
}
}
.about-bullets .about_section__content {
font-size: 1rem;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.about-bullets .about_section__content {
text-align: left;
}
}
@media screen and (min-width: 768px) {
.about-bullets .about_section__content {
font-size: 1.25rem;
}
}
@media screen and (min-width: 1200px) {
.about-bullets .about_section__content {
font-size: 1.5rem;
}
}
@media screen and (max-width: 1199px) {
.about-bullets .row + .row {
margin-top: 2.5rem;
}
}
.contact-contacts {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.contact-contacts {
margin-top: 6rem;
}
}
.contact-contacts .contact_contact-element__title {
font-size: 1.25rem;
font-weight: 600;
}
.contact-contacts .contact_contact-element__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.contact-contacts .contact_contact-element__section {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.contact-contacts .contact_contact-element__icon {
-ms-flex-preferred-size: 21px;
flex-basis: 21px;
margin-right: 1rem;
}
.contact-contacts .contact_contact-element__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 991px) {
.contact-contacts .contact_contact-element + .contact_contact-element {
margin-top: 1.75rem;
}
}
@media screen and (min-width: 768px) {
.contact-contacts .contact_contact-element:nth-of-type(2) {
margin-top: 0;
}
}
.contact-map {
padding-top: 4rem;
}
.map-google {
position: relative;
width: 100%;
}
#map-canvas1 {
height: 340px;
margin: 0;
padding: 0;
}
.map-wrap1 {
margin-top: 0px;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.imp-tooltip {
border: 1px solid #86BD20;
max-width: 100px;
}
@media screen and (min-width: 576px) {
.imp-tooltip {
max-width: 170px;
}
}
@media screen and (max-width: 1199px) {
.imp-tooltip {
padding: 0 !important;
}
}
@media screen and (min-width: 1200px) {
.imp-tooltip {
max-width: 240px;
}
}
.imp-tooltip h3 {
font-weight: 700 !important;
font-size: .5rem !important;
line-height: 1.4 !important;
color: #86BD20 !important;
text-transform: uppercase !important;
text-align: center !important;
}
@media screen and (min-width: 576px) {
.imp-tooltip h3 {
font-size: .8rem !important;
}
}
@media screen and (min-width: 1200px) {
.imp-tooltip h3 {
font-size: 1rem !important;
}
}
.imp-tooltip .hs-arrow-left {
border-right-color: #86BD20 !important;
}
.imp-tooltip .hs-arrow-right {
border-left-color: #86BD20 !important;
}
@media screen and (max-width: 575px) {
.imp-shape-background-image {
-webkit-transform: scale(2) !important;
transform: scale(2) !important;
}
}
@media screen and (max-width: 1199px) {
.imp-shape-background-image {
-webkit-transform: scale(1.6) !important;
transform: scale(1.6) !important;
}
}
@media screen and (min-width: 768px) {
.mini-sections__title {
min-height: 4.15em;
}
}.pricing-row + .pricing-row {
margin-top: 5rem; 
}
.pricing-row-title {
font-size: 1rem;
padding: 1rem 1rem;
background-color: #86BD20;
margin-bottom: 0
}
.pricing-table-row {
text-align: left;
font-size: 1rem;
display: flex;
justify-content: space-between;
padding: 1em .5rem;
flex-direction: column;
}
.pricing-table-row:nth-of-type(even) {
background-color: #292929;
}
.pricing-table-row__key {
flex: 1;
}
.pricing-table-row__value {
font-weight: 700;
margin-top: .5rem;
}
@media (min-width: 767px) {
.pricing-row-title {
font-size: 1.5rem;
padding: 1.5rem 2rem;
}
.pricing-table-row {
padding: 1em 2rem;
flex-direction: row;
}
.pricing-table-row__value {
margin-top: 0; 
}
}
@media screen and (min-width: 1600px)
.promo-hero__title {
font-size: 3rem ;
}
@media screen and (min-width: 1200px)
.promo-hero__title {
font-size: 3rem ;
}
@media screen and (min-width: 768px)
.promo-hero__title {
font-size: 2.75rem ;
}
@media screen and (min-width: 576px)
.promo-hero__title {
font-size: 1.55rem ;
}
@media screen and (max-width: 576px){
.promo-tekst2 h2{
font-size: 1.2rem;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}