@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.post-ratings {
width: 100%;
opacity: 1; }
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0;
}
.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
border: 0;
padding: 0;
margin: 0;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}
   :root {
--animate-duration:1s;
--animate-delay:1s;
--animate-repeat:1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(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);
}
}
@keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(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);
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX;
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight;
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0) scale(0.7);
transform: translateX(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0) scale(0.7);
transform: translateY(0) scale(0.7);
opacity: 0.7;
}
to {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.animate__bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate__flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animate__flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1;
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.icon-zegar-tworzenie-sklepow:before, .icon-zapytania-ofertowe-pozycjonowanie:before, .single-post .icon-x:before, .icon-x:before, .icon-wzrost-widocznosci-pozycjonowanie:before, .icon-wzrost-rozpoznawalnosci-pozycjonowanie:before, .icon-wordpress-tworzenie-sklepow:before, .cta-2 .title:before, .icon-wallet:before, .icon-uslugi-google-ads-branza-transportowa:before, .icon-uslugi-google-ads-branza-slubna:before, .icon-uslugi-google-ads-branza-it:before, .icon-uslugi-google-ads-branza-budowlana:before, .icon-tworzenie-stron-branza-turystyczna:before, .icon-tworzenie-stron-branza-rowerowa:before, .icon-tworzenie-stron-branza-fryzjerska:before, .icon-tworzenie-stron-branza-beauty:before, .icon-tworzenie-sklepow-branza-sportowa:before, .icon-tworzenie-sklepow-branza-produkcyjna:before, .icon-tworzenie-sklepow-branza-modowa:before, .icon-tworzenie-sklepow-branza-meblarska:before, .single-post .icon-twitter:before, .icon-twitter:before, .icon-strategia-marketingowa-social-media:before, .icon-sprzedaz-uslug-przez-strone-www:before, .icon-social-media-promocja:before, .icon-social-media-branza-rozrywkowa:before, .icon-social-media-branza-fitness:before, .icon-social-media-branza-edukacyjna:before, .icon-social-media-branza-bhp:before, .phone-animation .search-input:after, form.search .button-search:before, .icon-search:before, .icon-ruler:before, .icon-ring:before, .icon-responsywne-strony-www:before, .icon-responsywne-sklepy-internetowe:before, .icon-przewaga-nad-konkurencja-pozycjonowanie:before, .icon-project-manager-tworzenie-stron:before, .section-team-members .phone:before, .map-wrapper .info-box .phone:before, .author-bio .author-actions .phone:before, .page-contact .icon-phone:before, .mobile-navigation .btn-phone:before, .icon-phone:before, .seo-tutorial .tutorial-header h2:before, .google-ads-tutorial .tutorial-header h2:before, .icon-pencil:before, .single-post .icon-linkedin:before, .icon-linkedin_bg:before, .icon-law:before, .icon-koncepcje-graficzne-tworzenie-stron:before, .icon-kompleksowa-obsluga-social-media:before, .laptop-animation .clicks-box .numbers-wrapper:after, .icon-klikniecia:before, .table-of-contents .toc-title:before, .icon-files:before, .faq-list .title:before, .icon-faq:before, .single-post .icon-facebook:before, .icon-facebok:before, .section-team-members .email:before, .map-wrapper .info-box .email:before, .author-bio .author-actions .email:before, .page-contact .icon-email:before, .mobile-navigation .btn-email:before, .icon-email:before, .icon-efektywne-sklepy-internetowe:before, .page-references .reference-box .download-button a:after, .section.section-testimonials .btn-download:after, .icon-download:before, .laptop-animation .ctr-box:before, .icon-click:before, .faq-list .icon-toggle:after, .posts-wrapper .entry-title a:after, .recent-news-controls .slick-next:before, .recent-news-controls .slick-prev:before, .icon-chevron-right:before, .pozycjonowanie-stron .seo-factors .grower:after, .page-categories .menu-item-has-children > a:after, .main-navigation .menu > li.has-children > a:after, .icon-chevron-down:before, .workflow-graphic:after, .icon-checkmark:before, .pricing .service:before, .icon-check:before, .comment-respond .comment-reply-title:before, .icon-chat:before, .icon-cele-biznesowe-social-media:before, .author-bio .author-actions .linkedin:before, .icon-bio-linkedin:before, .our-mission ul li:before, .section.section-about ul li:before, .carousel-workflow .title:before, .news-carousel .slick-center .link:after, .section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before, .scroll-top:before, .icon-arrow-right:before, .other-services .link-more:after, .navigation-dropdown-item .link-more:after, .icon-arrow-right-bold:before, .section.section-team .slick-prev:before, .section.section-team .slick-next:before, .workflow-graphic .step-name:before, .section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before, .icon-arrow-left:before, .icon-horn:before, .icon-advertisement:before, .map-wrapper .info-box .address:before, .icon-address:before {
font-family: "icons" !important;
speak: none;
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
color: inherit;
}
.icon-zegar-tworzenie-sklepow:hover:before, .icon-zapytania-ofertowe-pozycjonowanie:hover:before, .single-post .icon-x:hover:before, .icon-x:hover:before, .icon-wzrost-widocznosci-pozycjonowanie:hover:before, .icon-wzrost-rozpoznawalnosci-pozycjonowanie:hover:before, .icon-wordpress-tworzenie-sklepow:hover:before, .cta-2 .title:hover:before, .icon-wallet:hover:before, .icon-uslugi-google-ads-branza-transportowa:hover:before, .icon-uslugi-google-ads-branza-slubna:hover:before, .icon-uslugi-google-ads-branza-it:hover:before, .icon-uslugi-google-ads-branza-budowlana:hover:before, .icon-tworzenie-stron-branza-turystyczna:hover:before, .icon-tworzenie-stron-branza-rowerowa:hover:before, .icon-tworzenie-stron-branza-fryzjerska:hover:before, .icon-tworzenie-stron-branza-beauty:hover:before, .icon-tworzenie-sklepow-branza-sportowa:hover:before, .icon-tworzenie-sklepow-branza-produkcyjna:hover:before, .icon-tworzenie-sklepow-branza-modowa:hover:before, .icon-tworzenie-sklepow-branza-meblarska:hover:before, .single-post .icon-twitter:hover:before, .icon-twitter:hover:before, .icon-strategia-marketingowa-social-media:hover:before, .icon-sprzedaz-uslug-przez-strone-www:hover:before, .icon-social-media-promocja:hover:before, .icon-social-media-branza-rozrywkowa:hover:before, .icon-social-media-branza-fitness:hover:before, .icon-social-media-branza-edukacyjna:hover:before, .icon-social-media-branza-bhp:hover:before, .phone-animation .search-input:hover:after, form.search .button-search:hover:before, .icon-search:hover:before, .icon-ruler:hover:before, .icon-ring:hover:before, .icon-responsywne-strony-www:hover:before, .icon-responsywne-sklepy-internetowe:hover:before, .icon-przewaga-nad-konkurencja-pozycjonowanie:hover:before, .icon-project-manager-tworzenie-stron:hover:before, .section-team-members .phone:hover:before, .map-wrapper .info-box .phone:hover:before, .author-bio .author-actions .phone:hover:before, .page-contact .icon-phone:hover:before, .mobile-navigation .btn-phone:hover:before, .icon-phone:hover:before, .seo-tutorial .tutorial-header h2:hover:before, .google-ads-tutorial .tutorial-header h2:hover:before, .icon-pencil:hover:before, .single-post .icon-linkedin:hover:before, .icon-linkedin_bg:hover:before, .icon-law:hover:before, .icon-koncepcje-graficzne-tworzenie-stron:hover:before, .icon-kompleksowa-obsluga-social-media:hover:before, .laptop-animation .clicks-box .numbers-wrapper:hover:after, .icon-klikniecia:hover:before, .table-of-contents .toc-title:hover:before, .icon-files:hover:before, .faq-list .title:hover:before, .icon-faq:hover:before, .single-post .icon-facebook:hover:before, .icon-facebok:hover:before, .section-team-members .email:hover:before, .map-wrapper .info-box .email:hover:before, .author-bio .author-actions .email:hover:before, .page-contact .icon-email:hover:before, .mobile-navigation .btn-email:hover:before, .icon-email:hover:before, .icon-efektywne-sklepy-internetowe:hover:before, .page-references .reference-box .download-button a:hover:after, .section.section-testimonials .btn-download:hover:after, .icon-download:hover:before, .laptop-animation .ctr-box:hover:before, .icon-click:hover:before, .faq-list .icon-toggle:hover:after, .posts-wrapper .entry-title a:hover:after, .recent-news-controls .slick-next:hover:before, .recent-news-controls .slick-prev:hover:before, .icon-chevron-right:hover:before, .pozycjonowanie-stron .seo-factors .grower:hover:after, .page-categories .menu-item-has-children > a:hover:after, .main-navigation .menu > li.has-children > a:hover:after, .icon-chevron-down:hover:before, .workflow-graphic:hover:after, .icon-checkmark:hover:before, .pricing .service:hover:before, .icon-check:hover:before, .comment-respond .comment-reply-title:hover:before, .icon-chat:hover:before, .icon-cele-biznesowe-social-media:hover:before, .author-bio .author-actions .linkedin:hover:before, .icon-bio-linkedin:hover:before, .our-mission ul li:hover:before, .section.section-about ul li:hover:before, .carousel-workflow .title:hover:before, .news-carousel .slick-center .link:hover:after, .section-tools .slick-next:hover:before,
.section-brands .slick-next:hover:before,
.section-awards .slick-next:hover:before, .scroll-top:hover:before, .icon-arrow-right:hover:before, .other-services .link-more:hover:after, .navigation-dropdown-item .link-more:hover:after, .icon-arrow-right-bold:hover:before, .section.section-team .slick-prev:hover:before, .section.section-team .slick-next:hover:before, .workflow-graphic .step-name:hover:before, .section-tools .slick-prev:hover:before,
.section-brands .slick-prev:hover:before,
.section-awards .slick-prev:hover:before, .icon-arrow-left:hover:before, .icon-horn:hover:before, .icon-advertisement:hover:before, .map-wrapper .info-box .address:hover:before, .icon-address:hover:before {
text-decoration: none;
}
.icon-zegar-tworzenie-sklepow:before, .icon-zapytania-ofertowe-pozycjonowanie:before, .single-post .icon-x:before, .icon-x:before, .icon-wzrost-widocznosci-pozycjonowanie:before, .icon-wzrost-rozpoznawalnosci-pozycjonowanie:before, .icon-wordpress-tworzenie-sklepow:before, .cta-2 .title:before, .icon-wallet:before, .icon-uslugi-google-ads-branza-transportowa:before, .icon-uslugi-google-ads-branza-slubna:before, .icon-uslugi-google-ads-branza-it:before, .icon-uslugi-google-ads-branza-budowlana:before, .icon-tworzenie-stron-branza-turystyczna:before, .icon-tworzenie-stron-branza-rowerowa:before, .icon-tworzenie-stron-branza-fryzjerska:before, .icon-tworzenie-stron-branza-beauty:before, .icon-tworzenie-sklepow-branza-sportowa:before, .icon-tworzenie-sklepow-branza-produkcyjna:before, .icon-tworzenie-sklepow-branza-modowa:before, .icon-tworzenie-sklepow-branza-meblarska:before, .single-post .icon-twitter:before, .icon-twitter:before, .icon-strategia-marketingowa-social-media:before, .icon-sprzedaz-uslug-przez-strone-www:before, .icon-social-media-promocja:before, .icon-social-media-branza-rozrywkowa:before, .icon-social-media-branza-fitness:before, .icon-social-media-branza-edukacyjna:before, .icon-social-media-branza-bhp:before, .phone-animation .search-input:after, form.search .button-search:before, .icon-search:before, .icon-ruler:before, .icon-ring:before, .icon-responsywne-strony-www:before, .icon-responsywne-sklepy-internetowe:before, .icon-przewaga-nad-konkurencja-pozycjonowanie:before, .icon-project-manager-tworzenie-stron:before, .section-team-members .phone:before, .map-wrapper .info-box .phone:before, .author-bio .author-actions .phone:before, .page-contact .icon-phone:before, .mobile-navigation .btn-phone:before, .icon-phone:before, .seo-tutorial .tutorial-header h2:before, .google-ads-tutorial .tutorial-header h2:before, .icon-pencil:before, .single-post .icon-linkedin:before, .icon-linkedin_bg:before, .icon-law:before, .icon-koncepcje-graficzne-tworzenie-stron:before, .icon-kompleksowa-obsluga-social-media:before, .laptop-animation .clicks-box .numbers-wrapper:after, .icon-klikniecia:before, .table-of-contents .toc-title:before, .icon-files:before, .faq-list .title:before, .icon-faq:before, .single-post .icon-facebook:before, .icon-facebok:before, .section-team-members .email:before, .map-wrapper .info-box .email:before, .author-bio .author-actions .email:before, .page-contact .icon-email:before, .mobile-navigation .btn-email:before, .icon-email:before, .icon-efektywne-sklepy-internetowe:before, .page-references .reference-box .download-button a:after, .section.section-testimonials .btn-download:after, .icon-download:before, .laptop-animation .ctr-box:before, .icon-click:before, .faq-list .icon-toggle:after, .posts-wrapper .entry-title a:after, .recent-news-controls .slick-next:before, .recent-news-controls .slick-prev:before, .icon-chevron-right:before, .pozycjonowanie-stron .seo-factors .grower:after, .page-categories .menu-item-has-children > a:after, .main-navigation .menu > li.has-children > a:after, .icon-chevron-down:before, .workflow-graphic:after, .icon-checkmark:before, .pricing .service:before, .icon-check:before, .comment-respond .comment-reply-title:before, .icon-chat:before, .icon-cele-biznesowe-social-media:before, .author-bio .author-actions .linkedin:before, .icon-bio-linkedin:before, .our-mission ul li:before, .section.section-about ul li:before, .carousel-workflow .title:before, .news-carousel .slick-center .link:after, .section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before, .scroll-top:before, .icon-arrow-right:before, .other-services .link-more:after, .navigation-dropdown-item .link-more:after, .icon-arrow-right-bold:before, .section.section-team .slick-prev:before, .section.section-team .slick-next:before, .workflow-graphic .step-name:before, .section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before, .icon-arrow-left:before, .icon-horn:before, .icon-advertisement:before, .map-wrapper .info-box .address:before, .icon-address:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map-wrapper .info-box .address:before, .icon-address:before {
content: "\f101";
}
.icon-horn:before, .icon-advertisement:before {
content: "\f102";
}
.section.section-team .slick-prev:before, .section.section-team .slick-next:before, .workflow-graphic .step-name:before, .section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before, .icon-arrow-left:before {
content: "\f103";
}
.other-services .link-more:after, .navigation-dropdown-item .link-more:after, .icon-arrow-right-bold:before {
content: "\f104";
}
.our-mission ul li:before, .section.section-about ul li:before, .carousel-workflow .title:before, .news-carousel .slick-center .link:after, .section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before, .scroll-top:before, .icon-arrow-right:before {
content: "\f105";
}
.author-bio .author-actions .linkedin:before, .icon-bio-linkedin:before {
content: "\f106";
}
.icon-cele-biznesowe-social-media:before {
content: "\f107";
}
.comment-respond .comment-reply-title:before, .icon-chat:before {
content: "\f108";
}
.pricing .service:before, .icon-check:before {
content: "\f109";
}
.workflow-graphic:after, .icon-checkmark:before {
content: "\f10a";
}
.pozycjonowanie-stron .seo-factors .grower:after, .page-categories .menu-item-has-children > a:after, .main-navigation .menu > li.has-children > a:after, .icon-chevron-down:before {
content: "\f10b";
}
.faq-list .icon-toggle:after, .posts-wrapper .entry-title a:after, .recent-news-controls .slick-next:before, .recent-news-controls .slick-prev:before, .icon-chevron-right:before {
content: "\f10c";
}
.laptop-animation .ctr-box:before, .icon-click:before {
content: "\f10d";
}
.page-references .reference-box .download-button a:after, .section.section-testimonials .btn-download:after, .icon-download:before {
content: "\f10e";
}
.icon-efektywne-sklepy-internetowe:before {
content: "\f10f";
}
.section-team-members .email:before, .map-wrapper .info-box .email:before, .author-bio .author-actions .email:before, .page-contact .icon-email:before, .mobile-navigation .btn-email:before, .icon-email:before {
content: "\f110";
}
.single-post .icon-facebook:before, .icon-facebok:before {
content: "\f111";
}
.faq-list .title:before, .icon-faq:before {
content: "\f112";
}
.table-of-contents .toc-title:before, .icon-files:before {
content: "\f113";
}
.laptop-animation .clicks-box .numbers-wrapper:after, .icon-klikniecia:before {
content: "\f114";
}
.icon-kompleksowa-obsluga-social-media:before {
content: "\f115";
}
.icon-koncepcje-graficzne-tworzenie-stron:before {
content: "\f116";
}
.icon-law:before {
content: "\f117";
}
.single-post .icon-linkedin:before, .icon-linkedin_bg:before {
content: "\f118";
}
.seo-tutorial .tutorial-header h2:before, .google-ads-tutorial .tutorial-header h2:before, .icon-pencil:before {
content: "\f119";
}
.section-team-members .phone:before, .map-wrapper .info-box .phone:before, .author-bio .author-actions .phone:before, .page-contact .icon-phone:before, .mobile-navigation .btn-phone:before, .icon-phone:before {
content: "\f11a";
}
.icon-project-manager-tworzenie-stron:before {
content: "\f11b";
}
.icon-przewaga-nad-konkurencja-pozycjonowanie:before {
content: "\f11c";
}
.icon-responsywne-sklepy-internetowe:before {
content: "\f11d";
}
.icon-responsywne-strony-www:before {
content: "\f11e";
}
.icon-ring:before {
content: "\f11f";
}
.icon-ruler:before {
content: "\f120";
}
.phone-animation .search-input:after, form.search .button-search:before, .icon-search:before {
content: "\f121";
}
.icon-social-media-branza-bhp:before {
content: "\f122";
}
.icon-social-media-branza-edukacyjna:before {
content: "\f123";
}
.icon-social-media-branza-fitness:before {
content: "\f124";
}
.icon-social-media-branza-rozrywkowa:before {
content: "\f125";
}
.icon-social-media-promocja:before {
content: "\f126";
}
.icon-sprzedaz-uslug-przez-strone-www:before {
content: "\f127";
}
.icon-strategia-marketingowa-social-media:before {
content: "\f128";
}
.single-post .icon-twitter:before, .icon-twitter:before {
content: "\f129";
}
.icon-tworzenie-sklepow-branza-meblarska:before {
content: "\f12a";
}
.icon-tworzenie-sklepow-branza-modowa:before {
content: "\f12b";
}
.icon-tworzenie-sklepow-branza-produkcyjna:before {
content: "\f12c";
}
.icon-tworzenie-sklepow-branza-sportowa:before {
content: "\f12d";
}
.icon-tworzenie-stron-branza-beauty:before {
content: "\f12e";
}
.icon-tworzenie-stron-branza-fryzjerska:before {
content: "\f12f";
}
.icon-tworzenie-stron-branza-rowerowa:before {
content: "\f130";
}
.icon-tworzenie-stron-branza-turystyczna:before {
content: "\f131";
}
.icon-uslugi-google-ads-branza-budowlana:before {
content: "\f132";
}
.icon-uslugi-google-ads-branza-it:before {
content: "\f133";
}
.icon-uslugi-google-ads-branza-slubna:before {
content: "\f134";
}
.icon-uslugi-google-ads-branza-transportowa:before {
content: "\f135";
}
.cta-2 .title:before, .icon-wallet:before {
content: "\f136";
}
.icon-wordpress-tworzenie-sklepow:before {
content: "\f137";
}
.icon-wzrost-rozpoznawalnosci-pozycjonowanie:before {
content: "\f138";
}
.icon-wzrost-widocznosci-pozycjonowanie:before {
content: "\f139";
}
.single-post .icon-x:before, .icon-x:before {
content: "\f13a";
}
.icon-zapytania-ofertowe-pozycjonowanie:before {
content: "\f13b";
}
.icon-zegar-tworzenie-sklepow:before {
content: "\f13c";
}     html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #2c2c2c;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #000;
scroll-margin-top: 100px;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 28px;
background: #F8F8F8;
margin: 0;
border-left: 8px solid #ff5000;
font-style: italic;
margin-bottom: 40px;
line-height: 32px;
word-break: break-word;
}
blockquote h3 {
margin-top: 0;
}
blockquote p {
margin: 0;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
body.noscroll {
overflow: hidden;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #ff5000;
}
a:visited {
color: #ff5000;
}
a:hover, a:focus, a:active {
color: rgb(239.7, 75.2, 0);
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} .btn-black, .custom-cta-form .column-contact-form input[type=submit], .table-of-contents .toc-show-all, .btn-link, .footer-widgets .local-seo .toggle-local-seo-menu, .btn-ghost-black, .btn-underline, .recommended-posts .see-all, .btn-ghost, #skills + .lokalne-cta-1 a, .btn-primary, .pricing.inverted a, .comment-form .form-submit input, .comment-form .wpcf7-submit,
.wpcf7-form .wpcf7-submit {
display: inline-block;
text-align: center;
text-decoration: none;
margin: 0;
border: solid 2px transparent;
border-radius: 0;
line-height: 1;
padding: 1em 1.5em 1em;
font-weight: 600;
font-size: 14px;
}
.btn-black:hover, .custom-cta-form .column-contact-form input[type=submit]:hover, .table-of-contents .toc-show-all:hover, .btn-link:hover, .footer-widgets .local-seo .toggle-local-seo-menu:hover, .btn-ghost-black:hover, .btn-underline:hover, .recommended-posts .see-all:hover, .btn-ghost:hover, #skills + .lokalne-cta-1 a:hover, .btn-primary:hover, .pricing.inverted a:hover, .comment-form .form-submit input:hover, .comment-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:hover {
text-decoration: none !important;
}
.btn-black:focus, .custom-cta-form .column-contact-form input[type=submit]:focus, .table-of-contents .toc-show-all:focus, .btn-link:focus, .footer-widgets .local-seo .toggle-local-seo-menu:focus, .btn-ghost-black:focus, .btn-underline:focus, .recommended-posts .see-all:focus, .btn-ghost:focus, #skills + .lokalne-cta-1 a:focus, .btn-primary:focus, .pricing.inverted a:focus, .comment-form .form-submit input:focus, .comment-form .wpcf7-submit:focus,
.wpcf7-form .wpcf7-submit:focus {
text-decoration: none !important;
}
button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
}
.btn-primary, .pricing.inverted a, .comment-form .form-submit input, .comment-form .wpcf7-submit,
.wpcf7-form .wpcf7-submit {
color: #ffffff;
background-color: #ff5000;
}
.btn-primary:hover, .pricing.inverted a:hover, .comment-form .form-submit input:hover, .comment-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:hover {
color: #ff5000;
border-color: #ff5000;
background-color: transparent;
}
.btn-primary:visited, .pricing.inverted a:visited, .comment-form .form-submit input:visited, .comment-form .wpcf7-submit:visited,
.wpcf7-form .wpcf7-submit:visited {
color: #fff;
}
.btn-primary:visited:hover, .pricing.inverted a:visited:hover, .comment-form .form-submit input:visited:hover, .comment-form .wpcf7-submit:visited:hover,
.wpcf7-form .wpcf7-submit:visited:hover {
color: #ff5000;
}
.btn-ghost, #skills + .lokalne-cta-1 a {
background: transparent;
color: #ff5000;
border-color: #ff5000;
}
.btn-ghost:visited, #skills + .lokalne-cta-1 a:visited {
color: #ff5000;
}
.btn-ghost:visited:hover, #skills + .lokalne-cta-1 a:visited:hover {
color: #fff;
}
.btn-ghost:hover, #skills + .lokalne-cta-1 a:hover {
background: #ff5000;
color: #fff;
}
.btn-ghost.text-black, #skills + .lokalne-cta-1 a.text-black {
color: #000;
}
.btn-ghost.text-black:hover, #skills + .lokalne-cta-1 a.text-black:hover {
color: #fff;
}
.btn-ghost.text-white, #skills + .lokalne-cta-1 a.text-white {
color: #fff;
}
.btn-underline, .recommended-posts .see-all {
background: transparent;
color: #000;
padding-left: 0;
padding-right: 0;
border-bottom: 2px solid #ff5000;
}
.btn-underline:visited, .recommended-posts .see-all:visited {
color: #000;
}
.btn-underline:visited:hover, .recommended-posts .see-all:visited:hover {
color: #000;
}
.btn-underline:hover, .recommended-posts .see-all:hover {
border-bottom-color: #000;
color: #000;
}
.btn-ghost-black {
background: transparent;
color: #000;
border-color: #000;
}
.btn-ghost-black:visited {
color: #000;
}
.btn-ghost-black:visited:hover {
color: #fff;
}
.btn-ghost-black:hover {
background: #000;
color: #fff;
}
.btn-link, .footer-widgets .local-seo .toggle-local-seo-menu {
background: transparent;
border: 0;
color: #ff5000;
}
.btn-link:hover, .footer-widgets .local-seo .toggle-local-seo-menu:hover {
text-decoration: underline;
}
.btn-black, .custom-cta-form .column-contact-form input[type=submit], .table-of-contents .toc-show-all {
color: #ffffff;
background-color: #000;
}
.btn-black:hover, .custom-cta-form .column-contact-form input[type=submit]:hover, .table-of-contents .toc-show-all:hover {
color: #fff;
border-color: #000;
background-color: transparent;
}
.btn-black:visited, .custom-cta-form .column-contact-form input[type=submit]:visited, .table-of-contents .toc-show-all:visited {
color: #fff;
}
.btn-black:visited:hover, .custom-cta-form .column-contact-form input[type=submit]:visited:hover, .table-of-contents .toc-show-all:visited:hover {
color: #000;
} .comment-form input, .comment-form textarea {
background: transparent;
}
.comment-form .form-submit {
text-align: right;
margin-top: 20px;
}
.comment-form .comment-form-cookies-consent label {
font-size: 12px;
}
.comment-form,
.wpcf7-form {
display: flex;
flex-direction: column;
}
.comment-form br,
.wpcf7-form br {
display: none;
}
.comment-form p,
.wpcf7-form p {
margin: 0;
margin-bottom: 20px;
position: relative;
line-height: 16px !important;
}
.comment-form p:last-of-type,
.wpcf7-form p:last-of-type {
margin-bottom: 0;
}
.comment-form input[type=url],
.comment-form input[type=tel],
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea,
.wpcf7-form input[type=url],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
border: none;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 10px;
border-radius: 0;
width: 100%;
box-sizing: border-box;
font-size: 16px;
padding: 10px 0;
}
.comment-form input[type=url]:focus,
.comment-form input[type=tel]:focus,
.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus,
.comment-form textarea:focus,
.wpcf7-form input[type=url]:focus,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form textarea:focus {
outline: none;
border-bottom: 1px solid #000;
transition: border-bottom-color 0.3s ease-in-out;
}
.comment-form textarea,
.wpcf7-form textarea {
height: 120px;
resize: vertical;
}
.comment-form label,
.wpcf7-form label {
position: absolute;
top: 10px;
font-size: 16px;
color: #444;
transition: 0.3s all;
cursor: text;
left: 0;
}
.comment-form [data-name^=acceptance-],
.wpcf7-form [data-name^=acceptance-] {
display: block;
margin-top: -15px;
}
.comment-form .wpcf7-form-control-wrap ~ label,
.wpcf7-form .wpcf7-form-control-wrap ~ label {
pointer-events: none;
}
.comment-form p.is-focused label,
.comment-form p.has-content label,
.comment-form .wpcf7-form-control-wrap.is-focused ~ label,
.comment-form .wpcf7-form-control-wrap.has-content ~ label,
.wpcf7-form p.is-focused label,
.wpcf7-form p.has-content label,
.wpcf7-form .wpcf7-form-control-wrap.is-focused ~ label,
.wpcf7-form .wpcf7-form-control-wrap.has-content ~ label {
top: -20px;
font-size: 12px;
}
.comment-form .wpcf7-list-item,
.wpcf7-form .wpcf7-list-item {
margin: 0;
margin-bottom: 20px;
}
.comment-form .comment-form-cookies-consent,
.comment-form .wpcf7-acceptance label,
.wpcf7-form .comment-form-cookies-consent,
.wpcf7-form .wpcf7-acceptance label {
color: #666666;
position: relative;
font-size: 12px;
display: flex;
align-items: flex-start;
cursor: pointer;
}
.comment-form .comment-form-cookies-consent label,
.comment-form .wpcf7-acceptance label label,
.wpcf7-form .comment-form-cookies-consent label,
.wpcf7-form .wpcf7-acceptance label label {
top: 0;
position: relative;
}
.comment-form .comment-form-cookies-consent a,
.comment-form .wpcf7-acceptance label a,
.wpcf7-form .comment-form-cookies-consent a,
.wpcf7-form .wpcf7-acceptance label a {
text-decoration: none;
}
.comment-form .comment-form-cookies-consent input,
.comment-form .wpcf7-acceptance label input,
.wpcf7-form .comment-form-cookies-consent input,
.wpcf7-form .wpcf7-acceptance label input {
margin-right: 10px;
position: relative;
top: 3px;
}
.comment-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 0.8rem;
display: block;
margin-top: 5px;
}
.comment-form .wpcf7-spinner,
.wpcf7-form .wpcf7-spinner {
transform: translateY(-150%);
}
.comment-form .wpcf7-response-output,
.wpcf7-form .wpcf7-response-output {
margin-top: 0 !important;
}
.comment-form .wpcf7-submit,
.wpcf7-form .wpcf7-submit {
width: 100%;
cursor: pointer;
}
.form-v1 {
box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.0509803922);
}
@media (min-width: 900px) {
.form-v1 {
display: flex;
}
}
.form-v1 .wpcf7-not-valid-tip,
.form-v1 .wpcf7-response-output,
.form-v1 .wpcf7-acceptance label,
.form-v1 label {
color: #fff;
text-align: left;
}
.form-v1 .contact-me {
border: 1px solid #E8E8E8;
padding: 32px;
max-width: 314px;
}
.form-v1 .contact-me .name {
font-weight: bold;
font-size: 24px;
}
@media (min-width: 1380px) {
.form-v1 .contact-me .name {
font-size: 32px;
margin-bottom: 5px;
}
}
.form-v1 .contact-me .position {
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 32px;
}
@media (min-width: 1380px) {
.form-v1 .contact-me .position {
font-size: 16px;
}
}
.form-v1 .contact-me .title {
font-weight: bold;
line-height: 16px;
font-size: 12px;
}
@media (min-width: 1380px) {
.form-v1 .contact-me .title {
font-size: 16px;
}
}
.form-v1 .contact-me a {
text-decoration: none;
}
.form-v1 .contact-me a:hover {
text-decoration: underline;
}
.form-v1 input, .form-v1 textarea {
color: #fff;
background: transparent;
}
.form-v1 input:focus, .form-v1 textarea:focus {
border-color: #fff !important;
}
.form-v1 .image {
width: 104px;
height: 104px;
position: relative;
margin-bottom: 64px;
}
.form-v1 .image:before {
left: 40px;
top: 20px;
content: "";
display: block;
width: 104px;
height: 104px;
border: 12px solid #ff5000;
position: absolute;
z-index: -1;
}
.form-v1 .column.white {
flex: 1;
padding: 48px 32px;
}
@media (min-width: 1380px) {
.form-v1 .column.white {
padding: 64px 15px 64px 48px;
}
}
.form-v1 .column.white h3 {
color: #000;
font-size: 24px;
line-height: 32px;
margin-bottom: 40px;
margin-top: 0;
}
@media (min-width: 1380px) {
.form-v1 .column.white h3 {
font-size: 32px;
line-height: 40px;
}
}
.form-v1 .column.black {
background: #000;
max-width: 544px;
padding: 48px 32px;
}
@media (min-width: 1380px) {
.form-v1 .column.black {
padding: 80px 64px 64px;
}
}
.form-v1 .column.black h3 {
font-size: 32px;
color: #fff;
margin-bottom: 40px;
margin-top: 0;
line-height: 48px;
}
.form-v1 .column.black h3 span {
color: #ff5000;
}
@media (min-width: 1380px) {
.form-v1 .column.black h3 {
font-size: 48px;
margin-bottom: 48px;
}
}
.form-contact {
padding: 20px 40px 20px 20px;
border: 4px solid #FF5000;
}
@media (min-width: 900px) {
.form-contact {
padding: 40px 60px 20px 60px;
}
}
.form-contact svg {
margin-top: -20px;
margin-left: -20px;
}
.form-v2 {
border: 4px solid #FF5000;
padding: 0 20px 20px 20px;
}
@media (min-width: 900px) {
.form-v2 {
padding: 0 160px 20px 160px;
}
}
.form-v2 .title {
font-weight: bold;
font-size: 32px;
margin-bottom: 12px;
line-height: 36px;
}
.form-v2 .title span {
color: #ff5000;
}
@media (min-width: 900px) {
.form-v2 .title {
font-size: 48px;
line-height: 52px;
margin-bottom: 15px;
}
}
.form-v2 textarea {
height: 60px;
resize: vertical;
}
.form-v2 .subtitle {
font-weight: bold;
font-size: 18px;
margin-bottom: 18px;
line-height: 27px;
}
@media (min-width: 900px) {
.form-v2 .subtitle {
font-size: 24px;
line-height: 36px;
}
}  .mobile-navigation {
left: 0;
right: 0;
position: fixed;
top: 96px;
bottom: 0;
background: #fff;
overflow: hidden;
transition: height 380ms ease-in;
padding-bottom: 36px;
height: 0;
}
.is-sticky .mobile-navigation {
top: 64px;
}
.is-sticky .mobile-navigation.is-open {
height: calc(100vh - 64px);
}
.mobile-navigation:before {
display: block;
content: "";
width: 0;
height: 1px;
background: #ff5000;
transition: width 0.2s ease-in;
}
.mobile-navigation.is-closed {
visibility: hidden;
pointer-events: none;
}
.mobile-navigation.is-open {
pointer-events: auto;
visibility: visible;
overflow-y: scroll;
height: calc(100vh - 96px);
}
.mobile-navigation.is-open:before {
width: 100%;
}
.mobile-navigation.is-open .mobile-actions {
transform: translateY(0);
opacity: 1;
}
.mobile-navigation.is-open .menu {
transform: translateY(0);
}
.mobile-navigation.is-open .menu > li:nth-child(1) {
transition-delay: 50ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(2) {
transition-delay: 100ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(3) {
transition-delay: 150ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(4) {
transition-delay: 200ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(5) {
transition-delay: 250ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(6) {
transition-delay: 300ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(7) {
transition-delay: 350ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(8) {
transition-delay: 400ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(9) {
transition-delay: 450ms;
opacity: 1;
}
.mobile-navigation.is-open .menu > li:nth-child(10) {
transition-delay: 500ms;
opacity: 1;
}
.mobile-navigation > ul > li {
list-style: none;
transition: opacity 0.3s;
opacity: 0;
}
.mobile-navigation li.current-menu-ancestor > a[href="#"] + ul {
display: block;
}
.mobile-navigation li.current-menu-item > a, .mobile-navigation li.current_page_ancestor > a, .mobile-navigation li.is-active > a {
font-weight: bold;
}
.mobile-navigation li.current-menu-item > ul, .mobile-navigation li.current_page_ancestor > ul, .mobile-navigation li.is-active > ul {
display: block;
}
.mobile-navigation .menu {
padding-top: 16px;
padding-bottom: 16px;
transition: transform 0.3s;
transform: translateY(-10px);
transition-delay: 100ms;
max-width: 254px;
margin-left: auto;
margin-right: auto;
}
.mobile-navigation .mobile-actions {
width: 254px;
margin-left: auto;
margin-right: auto;
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
transform: translateY(-10px);
transition-delay: 150ms;
}
.mobile-navigation .mobile-actions div {
display: flex;
justify-content: space-between;
}
.mobile-navigation .btn-phone {
font-size: 32px;
margin-left: 4px;
flex: 1;
padding-left: 0;
padding-right: 0;
}
.mobile-navigation .btn-phone:hover:before {
color: #ff5000;
}
.mobile-navigation .btn-phone:before {
color: #fff;
}
.mobile-navigation .btn-email {
font-size: 32px;
margin-right: 4px;
flex: 1;
padding-left: 0;
padding-right: 0;
}
.mobile-navigation .btn-email:hover:before {
color: #ff5000;
}
.mobile-navigation .btn-email:before {
color: #fff;
}
.mobile-navigation .free-quote-button {
display: inline-block;
margin: 0;
margin-top: 36px;
font-size: 16px;
width: 100%;
margin-bottom: 8px;
}
.mobile-navigation ul {
padding: 0;
margin: 0;
list-style: none;
}
.mobile-navigation ul ul {
display: none;
padding-left: 15px;
}
.mobile-navigation ul ul a {
padding-top: 2px;
padding-bottom: 2px;
font-size: 15px;
}
.mobile-navigation a {
color: #000;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
}
@media (min-width: 900px) {
.mobile-navigation {
display: none;
}
}
.navigation-dropdown {
display: none;
position: absolute;
top: 100%;
width: 100%;
left: 0;
background: #fff;
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.0509803922);
}
.navigation-dropdown .menu a:hover {
color: #ff5000;
}
.navigation-dropdown .description {
margin-left: 50px;
}
@media (min-width: 1380px) {
.navigation-dropdown .description {
margin-left: 0;
}
}
.navigation-dropdown .description .title {
margin-top: 0;
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
display: block;
}
@media (min-width: 1380px) {
.navigation-dropdown .description .title {
font-size: 32px;
margin-bottom: 28px;
}
}
.navigation-dropdown .description .text {
color: #444444;
margin-bottom: 30px;
font-size: 15px;
line-height: 24px;
}
@media (min-width: 1380px) {
.navigation-dropdown .description .text {
margin-bottom: 40px;
font-size: 16px;
line-height: 28px;
}
}
.navigation-dropdown .cta-box .title {
font-size: 20px;
margin-top: 0;
margin-bottom: 16px;
display: block;
}
.navigation-dropdown .cta-box .title a {
color: #202028;
}
.navigation-dropdown .cta-box .title a:hover {
color: #ff5000;
text-decoration: none;
}
.navigation-dropdown .cta-box .image {
display: inline-block;
margin-bottom: 5px;
position: relative;
width: 50%;
}
@media (min-width: 1380px) {
.navigation-dropdown .cta-box .image {
width: auto;
}
}
.navigation-dropdown .cta-box .image:before {
content: "";
display: block;
width: 120px;
height: 120px;
border: 16px solid #ff5000;
position: absolute;
z-index: -1;
top: -40px;
right: -40px;
z-index: 0;
}
.navigation-dropdown .cta-box .image img {
position: relative;
}
.navigation-dropdown .cta-box a {
font-weight: bold;
text-decoration: none;
}
.navigation-dropdown .cta-box a:hover {
text-decoration: underline;
}
.navigation-dropdown .columns {
display: flex;
}
.navigation-dropdown .columns > div {
width: 33%;
}
.navigation-dropdown.active {
display: block;
}
.navigation-dropdown:before {
content: "";
display: block;
width: 90%;
height: 1px;
background: #ff5000;
margin-left: auto;
margin-right: auto;
}
.navigation-dropdown-item {
display: none;
padding-top: 80px;
padding-bottom: 127px;
}
.navigation-dropdown-item:first-child .menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.navigation-dropdown-item:first-child .menu > li {
width: 48%;
}
.navigation-dropdown-item .link-more:after {
font-weight: normal;
margin-left: 8px;
font-size: 10px;
line-height: 20px;
}
.navigation-dropdown-item.active {
display: block;
}
.navigation-dropdown-item ul {
list-style: none;
padding: 0;
margin: 0;
}
.navigation-dropdown-item ul li {
margin-bottom: 20px;
}
.navigation-dropdown-item ul li:hover > ul {
display: block;
}
.navigation-dropdown-item ul a {
color: #000;
text-decoration: none;
font-size: 14px;
}
@media (min-width: 1380px) {
.navigation-dropdown-item ul a {
font-size: 16px;
}
}
.navigation-dropdown-item ul ul {
display: none;
}
.navigation-dropdown-item ul ul li {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
list-style: square;
}
.navigation-dropdown-item ul ul li::marker {
color: #ff5000;
}
.navigation-dropdown-item ul ul a {
font-size: 80%;
}
.main-navigation {
display: flex;
align-items: center;
margin-left: 40px;
}
.main-navigation .menu > li.active a {
box-shadow: inset 0 -6px 0 #ff5000;
}
.main-navigation .menu > li.has-children > a:after {
margin-left: 10px;
font-size: 6px;
transition: transform 0.3s;
}
.main-navigation .menu > li.has-children > a:hover:after {
transform: rotate(-180deg);
}
.main-navigation .menu > li > a {
white-space: nowrap;
font-size: 14px;
}
@media (min-width: 900px) and (max-width: 1000px) {
.main-navigation .menu > li > a {
font-size: 12px;
}
}
@media (min-width: 1001px) and (max-width: 1449px) {
.main-navigation .menu > li > a {
font-size: 14px;
}
}
@media (min-width: 1450px) {
.main-navigation .menu > li > a {
font-size: 16px;
}
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
font-weight: 500;
display: block;
text-decoration: none;
color: #000;
margin-left: 0.7em;
margin-right: 0.7em;
line-height: 1;
transition: padding 0.3s ease-in-out;
padding: 44px 0 44px;
}
.is-sticky .main-navigation a {
padding-top: 28px;
padding-bottom: 28px;
}
.main-navigation a:hover {
color: #ff5000;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
box-shadow: inset 0 6px 0 #ff5000;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.menu-toggle {
order: 1;
position: relative;
top: 1px;
margin-left: auto;
right: 5px;
}
.menu-icon {
display: block;
width: 24px;
height: 19px;
position: relative;
cursor: pointer;
transform: scaleX(-1);
transition: transform 0.3s ease-out;
}
.is-open .menu-icon {
transform: translateX(8px) scaleX(-1);
}
.menu-icon span {
display: block;
width: 100%;
height: 3px;
background: #000;
left: 0;
transition: all 0.3s ease-out;
transform-origin: center center;
}
.menu-icon span:first-child {
width: 10px;
margin-bottom: 4px;
}
.is-open .menu-icon span:first-child {
width: 100%;
transform: rotate(-45deg) translate(1px, 0);
transform-origin: top right;
}
.menu-icon span:nth-child(2) {
margin-bottom: 4px;
width: 24px;
}
.is-open .menu-icon span:nth-child(2) {
width: 0;
}
.menu-icon span:last-child {
margin-bottom: 4px;
width: 18px;
}
.is-open .menu-icon span:last-child {
width: 100%;
transform: rotate(45deg) translate(2px, 0);
transform-origin: bottom right;
}
@media screen and (min-width: 900px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.post .entry-page-content a,
.post .entry-content a,
.page .entry-page-content a,
.page .entry-content a {
text-decoration: none;
}
.post .entry-page-content a:hover,
.post .entry-content a:hover,
.page .entry-page-content a:hover,
.page .entry-content a:hover {
text-decoration: underline;
}
.post .entry-page-content ol,
.post .entry-content ol,
.page .entry-page-content ol,
.page .entry-content ol {
padding: 0;
margin: 0;
margin-left: 25px;
}
.post .entry-page-content ol:not(:last-child),
.post .entry-content ol:not(:last-child),
.page .entry-page-content ol:not(:last-child),
.page .entry-content ol:not(:last-child) {
margin-bottom: 32px;
}
.post .entry-page-content ol li,
.post .entry-content ol li,
.page .entry-page-content ol li,
.page .entry-content ol li {
line-height: 32px;
margin-bottom: 4px;
}
.post .entry-page-content ul,
.post .entry-content ul,
.page .entry-page-content ul,
.page .entry-content ul {
padding: 0;
margin: 0;
margin-left: 25px;
}
.post .entry-page-content ul:not(:last-child),
.post .entry-content ul:not(:last-child),
.page .entry-page-content ul:not(:last-child),
.page .entry-content ul:not(:last-child) {
margin-bottom: 32px;
}
.post .entry-page-content ul li,
.post .entry-content ul li,
.page .entry-page-content ul li,
.page .entry-content ul li {
line-height: 32px;
margin-bottom: 4px;
}
.post .entry-page-content ul li::marker,
.post .entry-content ul li::marker,
.page .entry-page-content ul li::marker,
.page .entry-content ul li::marker {
color: #ff5000;
font-size: 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.no-results .search {
margin-top: 40px;
}
.no-results .search > div {
justify-content: center;
}
.no-results .search > div input {
box-shadow: 0 2px 0 rgb(0, 0, 0);
}
.no-results,
.error-404 {
text-align: center;
margin-bottom: 80px;
}
.single-post .thumbnail-wrapper {
position: relative;
}
.single-post .share-box-row {
max-width: 980px;
margin: 0 auto;
margin-bottom: 64px;
}
.single-post .share-box-row .label {
display: none;
}
.single-post .share-box-row h2 {
font-size: 24px;
font-weight: bold;
color: #000;
margin-bottom: 12px;
}
.single-post .share-box-row .share-box {
display: flex;
}
.single-post .share-box-row .share-box a {
margin-bottom: 0;
margin-right: 16px;
}
.single-post .share-box .label {
position: absolute;
color: #444444;
font-size: 12px;
top: -25px;
left: -10px;
}
.single-post .share-box a {
text-decoration: none;
border: 1px solid #E8E8E8;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
display: block;
margin-bottom: 8px;
}
.single-post .share-box a:hover {
background: #ff5000;
}
.single-post .share-box a:hover:before {
color: #fff;
}
.single-post .icon-facebook:before {
font-size: 20px;
}
.single-post .icon-twitter:before {
font-size: 20px;
}
.single-post .icon-x:before {
font-size: 16px;
}
.single-post .icon-linkedin:before {
font-size: 20px;
}
.single-post #breadcrumbs {
padding-top: 24px;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.single-post #breadcrumbs {
margin-bottom: 50px;
}
}
.single-post .site-main {
position: relative;
}
.single-post .site-main:before {
content: "";
display: block;
width: 100%;
max-width: 1660px;
margin-left: auto;
margin-right: auto;
height: 552px;
background: #F9F9F9;
position: absolute;
left: 0;
right: 0;
z-index: -1;
}
.single-post .main-post .entry-content > h2 {
font-size: 28px;
line-height: 40px;
}
.single-post .main-post .entry-content > h3 {
font-size: 24px;
line-height: 32px;
}
.single-post .main-post .entry-content > h2,
.single-post .main-post .entry-content > h3,
.single-post .main-post .entry-content > h4,
.single-post .main-post .entry-content > h5,
.single-post .main-post .entry-content > h6 {
color: #ff5000;
margin-top: 40px;
margin-bottom: 16px;
}
.single-post .main-post .entry-header {
max-width: 980px;
margin: 0 auto 48px auto;
position: relative;
}
@media (min-width: 1380px) {
.single-post .main-post .entry-header {
max-width: 1100px;
}
.single-post .main-post .entry-header .animate {
opacity: 0;
}
}
.single-post .main-post .entry-header .share-box {
display: none;
position: absolute;
left: -104px;
top: 500px;
}
@media (min-width: 900px) {
.single-post .main-post .entry-header {
text-align: center;
}
.single-post .main-post .entry-header .share-box {
display: block;
}
}
.single-post .main-post .entry-title {
font-size: 28px;
line-height: 40px;
font-weight: 700;
margin-top: 0;
}
@media (min-width: 900px) {
.single-post .main-post .entry-title {
font-size: 36px;
line-height: 48px;
}
}
@media (min-width: 1380px) {
.single-post .main-post .entry-title {
font-size: 54px;
line-height: 64px;
}
}
.single-post .main-post .category-name {
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.7px;
display: block;
margin-bottom: 24px;
}
.single-post .main-post .category-name:hover {
text-decoration: underline;
}
.single-post .main-post .byline a {
font-size: 16px;
text-decoration: none;
font-weight: 500;
}
.single-post .main-post .byline a:hover {
text-decoration: underline;
}
.single-post .main-post .updated:not(.published) {
display: inline-flex;
align-items: center;
}
.single-post .main-post .updated:not(.published):before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: #444444;
margin-right: 15px;
margin-left: 15px;
}
.single-post .main-post .posted-on a {
display: flex;
color: #444444;
font-size: 16px;
text-decoration: none;
}
.single-post .main-post .posted-on a:hover {
text-decoration: underline;
}
.single-post .main-post .entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 30px;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.single-post .main-post .entry-meta {
justify-content: center;
margin-bottom: 55px;
}
}
.single-post .main-post .respond-link {
margin: 0 16px;
color: #444444;
text-decoration: none;
}
.single-post .main-post .respond-link:hover {
text-decoration: underline;
}
.single-post .main-post .respond-link,
.single-post .main-post .byline {
display: flex;
align-items: center;
}
.single-post .main-post .respond-link:before,
.single-post .main-post .byline:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: #444444;
margin-right: 15px;
}
.single-post .main-post .entry-content {
max-width: 980px;
font-size: 16px;
margin-left: auto;
margin-right: auto;
}
.single-post .main-post .entry-content p,
.single-post .main-post .entry-content ul,
.single-post .main-post .entry-content ol {
line-height: 32px;
text-align: justify;
}
.table-of-contents {
background: #F9F9F9;
padding: 32px;
line-height: 32px;
position: relative;
margin-bottom: 60px;
}
@media (min-width: 900px) {
.table-of-contents {
padding: 40px;
}
}
.table-of-contents .toc-show-all {
bottom: 0;
position: absolute;
transform: translateY(calc(50% + 3px));
}
.table-of-contents .toc-show-all:hover {
background: #fff;
color: #000;
}
.table-of-contents ol {
margin: 0;
padding: 0;
padding-left: 20px;
}
.table-of-contents li::marker {
font-weight: bold;
width: 35px;
}
.table-of-contents .toc-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.table-of-contents .toc-title {
font-size: 28px;
}
}
.table-of-contents .toc-title:before {
font-size: 40px;
width: 76px;
height: 76px;
background: #ff5000;
color: #fff;
text-align: center;
line-height: 76px;
margin-right: 26px;
}
.table-of-contents a {
color: #444444;
text-decoration: none;
}
.table-of-contents a:hover {
text-decoration: underline;
}
.recommended-posts {
background: #F9F9F9;
margin-bottom: 63px;
max-width: 980px;
margin-left: auto;
margin-right: auto;
padding: 48px 20px 7px 20px;
}
@media (min-width: 900px) {
.recommended-posts {
text-align: center;
}
}
.recommended-posts .items .page,
.recommended-posts .items .post {
max-width: 300px;
background: #fff;
margin-bottom: 20px;
}
@media (min-width: 900px) {
.recommended-posts .items {
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}
.recommended-posts .items .page,
.recommended-posts .items .post {
width: 32%;
margin-bottom: 0;
}
}
.recommended-posts .sep {
display: inline-block;
width: 4px;
height: 4px;
background: #444444;
margin-left: 12px;
margin-right: 12px;
}
.recommended-posts .byline {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.recommended-posts .posted-on {
white-space: nowrap;
}
.recommended-posts .posted-on a {
color: #000000;
}
.recommended-posts .entry-meta {
display: flex;
align-items: center;
}
.recommended-posts .entry-meta a {
font-size: 14px;
text-decoration: none;
}
.recommended-posts .entry-meta a:hover {
text-decoration: underline;
}
.recommended-posts .entry-header {
padding: 16px;
text-align: left;
}
.recommended-posts .entry-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.recommended-posts .entry-title a {
text-decoration: none;
color: #000;
}
.recommended-posts .entry-title a:hover {
text-decoration: underline;
}
.recommended-posts h2 {
font-size: 32px;
margin-top: 0;
margin-bottom: 48px;
}
.recommended-posts .see-all {
margin-bottom: 50px;
}
.post-ratings {
text-align: right;
max-width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 42px;
font-size: 14px;
}
.post-ratings em {
font-style: normal;
}
.post-ratings strong {
font-weight: normal;
}
.post-ratings .title {
font-size: 28px;
margin-top: 0;
margin-bottom: 10px;
}
.author-bio {
background: #F9F9F9;
display: flex;
max-width: 980px;
margin: 0 auto;
margin-bottom: 24px;
justify-content: space-between;
padding: 32px;
display: flex;
flex-direction: column;
}
@media (min-width: 900px) {
.author-bio {
flex-direction: row;
padding: 48px 48px 32px 48px;
}
}
.author-bio .author-name {
font-size: 28px;
color: #000000;
text-decoration: none;
margin-top: 0;
margin-bottom: 4px;
}
.author-bio .author-name a {
color: #000000;
text-decoration: none;
}
.author-bio p {
margin-bottom: 0;
}
.author-bio .author-actions .title {
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}
.author-bio .author-actions span:not(.title) {
font-size: 14px;
}
.author-bio .author-actions .phone:before {
font-weight: bold;
}
.author-bio .author-actions .email:before {
font-weight: bold;
}
.author-bio .author-actions .line {
position: relative;
text-decoration: none;
background: #fff;
margin-bottom: 12px;
color: #000;
display: block;
padding: 6px 12px;
padding-left: 65px;
border: 2px solid transparent;
}
.author-bio .author-actions .line:hover {
border-color: #ff5000;
}
.author-bio .author-actions .line:before {
color: #ff5000;
position: absolute;
font-size: 24px;
left: 20px;
top: 23px;
}
.author-bio .author-description {
font-size: 14px;
line-height: 28px;
color: #444444;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.author-bio .author-description {
margin-bottom: 0;
}
}
.author-bio .author-position {
text-transform: uppercase;
font-size: 12px;
margin-top: 0;
margin-bottom: 18px;
}
.author-bio .author-image {
max-width: 212px;
position: relative;
margin-left: 25px;
margin-bottom: 40px;
}
.author-bio .author-image:before {
content: "";
display: block;
width: 184px;
height: 184px;
border: 12px solid #ff5000;
position: absolute;
z-index: -1;
top: 25px;
left: -25px;
z-index: 0;
}
.author-bio .author-image img {
position: relative;
display: block;
border: 1px solid #E8E8E8;
z-index: 1;
width: 184px;
background: #fff;
}
.author-bio .author-actions {
display: flex;
flex-direction: column;
max-width: 292px;
flex: 1;
}
.author-bio .author-content {
max-width: 333px;
flex: 1;
}
.faq-list {
margin-top: 42px;
margin-bottom: 40px;
}
.faq-list .item-title {
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 32px;
font-weight: bold;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.0509803922);
padding: 21px 24px;
margin-top: 0;
margin-bottom: 24px;
}
.faq-list .item-title:not(.is-open) {
color: #000;
}
.faq-list .item-title + div {
display: none;
margin-bottom: 20px;
line-height: 32px;
}
.faq-list .item-title.is-open {
color: #ff5000;
}
.faq-list .item-title.is-open .icon-toggle:before {
content: "Zwiń";
}
.faq-list .item-title.is-open .icon-toggle:after {
transform: rotate(-90deg);
}
.faq-list .item-title:hover {
cursor: pointer;
color: #ff5000;
}
.faq-list .icon-toggle {
text-align: center;
white-space: nowrap;
margin-left: 10px;
}
.faq-list .icon-toggle:before {
display: none;
font-size: 12px;
content: "Zobacz odpowiedź";
margin-right: 10px;
}
@media (min-width: 900px) {
.faq-list .icon-toggle:before {
display: inline-block;
}
}
.faq-list .icon-toggle:after {
transition: transform 0.3s;
color: #ff5000;
font-size: 10px;
transform: rotate(90deg);
}
.faq-list .title {
font-size: 24px;
line-height: 32px;
color: #000;
margin-bottom: 24px;
position: relative;
font-weight: bold;
display: flex;
align-items: center;
}
@media (min-width: 900px) {
.faq-list .title {
font-size: 28px;
}
}
.faq-list .title:before {
font-size: 28px;
width: 64px;
height: 64px;
background: #ff5000;
color: #fff;
text-align: center;
line-height: 64px;
margin-right: 24px;
flex-shrink: 0;
}
.post-references {
margin-bottom: 24px;
max-width: 980px;
margin-left: auto;
margin-right: auto;
word-break: break-all;
}
.post-references .title {
font-weight: bold;
font-size: 28px;
color: #000;
margin-bottom: 15px;
}
.post-references ol,
.post-references ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
font-style: italic;
}
.post-references ol li,
.post-references ul li {
margin-bottom: 8px;
}
.post-references .content {
background: #F9F9F9;
padding: 20px;
}
@media (min-width: 900px) {
.post-references .content {
padding: 40px;
}
}
@media (min-width: 900px) and (max-width: 1379px) {
.page-contact article .container {
max-width: 90%;
}
}
.page-contact .section-brands {
margin-top: 90px;
}
@media (min-width: 900px) {
.page-contact .entry-content {
display: flex;
}
}
@media (min-width: 900px) {
.page-contact .column-contact-form {
width: 48%;
}
}
@media (min-width: 1380px) {
.page-contact .column-contact-form {
opacity: 0;
}
}
.page-contact #breadcrumbs {
margin-top: 20px;
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.page-contact #breadcrumbs {
margin-bottom: 60px;
}
}
.page-contact h1 {
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 24px;
position: relative;
}
.page-contact h1:before {
content: "";
width: 220px;
background: #ff5000;
height: 6px;
left: 6px;
top: 30px;
position: absolute;
z-index: -1;
}
@media (min-width: 1380px) {
.page-contact h1 {
font-size: 64px;
line-height: 72px;
margin-bottom: 40px;
}
.page-contact h1:before {
top: auto;
left: 20px;
height: 10px;
bottom: 10px;
width: 435px;
}
}
.page-contact .icon-email:before,
.page-contact .icon-phone:before {
color: #ff5000;
margin-right: 8px;
font-size: 24px;
}
.page-contact .contact-box,
.page-contact .address-box {
margin-bottom: 24px;
margin-right: 20px;
}
@media (min-width: 600px) {
.page-contact .contact-box,
.page-contact .address-box {
width: 50%;
margin-right: 0;
}
}
@media (min-width: 900px) {
.page-contact .contact-box,
.page-contact .address-box {
margin-bottom: 0;
}
}
.page-contact .contact-box div,
.page-contact .address-box div {
margin-bottom: 5px;
}
.page-contact .address-box > div {
margin-bottom: 24px;
}
@media (min-width: 900px) {
.page-contact .address-box > div {
margin-bottom: 48px;
}
}
.page-contact .address {
color: #000;
font-style: normal;
}
.page-contact .company-details {
display: flex;
flex-wrap: wrap;
}
.page-contact .company-details h2 {
margin-top: 0;
}
.page-contact .company-details a {
color: #000;
}
.page-contact .company-details a:hover {
color: #ff5000;
}
@media (min-width: 1380px) {
.page-contact .contact-info {
opacity: 0;
}
}
.page-contact .contact-info .text {
font-size: 16px;
}
@media (min-width: 900px) {
.page-contact .contact-info .text {
margin-bottom: 52px;
}
}
@media (min-width: 1380px) {
.page-contact .contact-info .text {
font-size: 18px;
}
}
.page-contact textarea {
height: 45px;
}
.page-contact input[type=submit] {
font-size: 16px;
padding-top: 18px;
padding-bottom: 18px;
}
.pagination {
text-align: center;
margin: 0 auto;
}
.pagination > *:not(.next):not(.prev) {
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
}
.pagination .current {
color: #ff5000;
border: 1px solid #ff5000;
}
.pagination a {
color: #000;
text-decoration: none;
}
.blog-header-container {
max-width: 1540px;
}
@media (min-width: 900px) {
.blog-header-container {
display: flex;
justify-content: space-between;
}
.blog-header-container .column-text {
width: 22%;
margin-left: 5%;
}
.blog-header-container .column-news {
width: 68%;
}
}
@media (min-width: 1380px) {
.blog-header-container {
margin-left: calc((100vw - 1380px) / 2);
}
.blog-header-container .column-text {
margin-left: 0;
}
}
.blog-header {
color: #fff;
background: #000;
padding: 24px 15px 104px;
max-width: 1800px;
}
@media (min-width: 1380px) {
.blog-header {
padding-left: 0;
padding-right: 0;
}
}
.blog-header h1 {
margin-top: 0;
font-size: 32px;
margin-bottom: 24px;
color: #fff;
}
@media (min-width: 900px) {
.blog-header h1 {
margin-bottom: 40px;
font-size: 48px;
}
}
@media (min-width: 1380px) {
.blog-header h1 {
font-size: 64px;
}
}
.blog-header .page-subtitle {
font-size: 12px;
margin-bottom: 24px;
line-height: 16px;
}
@media (min-width: 900px) {
.blog-header .page-subtitle {
margin-bottom: 32px;
}
}
.blog-header .headline {
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-bottom: 48px;
}
@media (min-width: 900px) {
.blog-header .headline {
margin-bottom: 81px;
}
}
.blog-header .column-news {
position: relative;
}
@media (min-width: 900px) {
.blog-header .column-news {
margin-top: 70px;
}
}
@media (min-width: 1380px) {
.blog-header .column-news {
padding-right: 56px;
}
}
.blog-header .recommended-box {
max-width: 337px;
display: none;
}
@media (min-width: 1380px) {
.blog-header .recommended-box {
display: block;
}
}
.blog-header .recommended-box .title {
margin-bottom: 32px;
text-transform: uppercase;
}
.blog-header .recommended-box .entry-title {
margin-top: 0;
font-size: 16px;
}
.blog-header .recommended-box .entry-title a {
color: #fff;
text-decoration: none;
font-weight: 500;
}
.blog-header .recommended-box .entry-title a:hover {
color: #ff5000;
}
.blog-header .recommended-box .entry-meta {
display: none;
}
.blog-header .recommended-box .post-thumbnail {
margin-bottom: 16px;
}
.archive .blog-categories-wrapper {
background: #F5F5F5;
}
.blog-categories-container {
max-width: 1510px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1380px) {
.blog-categories-container {
margin-left: calc((100vw - 1410px) / 2);
}
}
.blog-categories {
background: #F5F5F5;
margin-bottom: 24px;
max-width: 1800px;
}
.blog-categories + .search-form-mobile {
padding-left: 15px;
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.blog-categories {
margin-bottom: 40px;
}
}
.blog-categories > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-categories .links {
text-transform: uppercase;
overflow-y: auto;
white-space: nowrap;
margin-right: 15px;
}
.blog-categories .links a {
color: #000;
padding-top: 32px;
padding-bottom: 32px;
font-size: 13px;
font-weight: 500;
margin-right: 24px;
display: inline-block;
text-decoration: none;
}
.blog-categories .links a.is-active {
font-weight: bold;
}
.blog-categories .links a:hover {
color: #ff5000;
}
form.search {
margin-right: 15px;
}
form.search > div {
display: flex;
}
form.search > div input {
background: transparent;
border: 0;
padding: 5px 10px;
font-weight: 500;
color: #000;
}
form.search > div input:focus {
outline: none;
box-shadow: 0 0 0 2px rgb(0, 0, 0);
}
form.search > div input::placeholder {
color: #000;
font-weight: 500;
opacity: 1;
}
form.search .button-search:before {
margin-right: 5px;
font-size: 28px;
color: #000;
}
form.search .button-search:hover:before {
color: #ff5000;
}
.posts-wrapper {
margin-bottom: 50px;
}
@media (min-width: 900px) {
.posts-wrapper {
display: flex;
}
}
.posts-wrapper article {
background: #F9F9F9;
margin-bottom: 24px;
}
@media (min-width: 1380px) {
.posts-wrapper article {
margin-bottom: 40px;
}
}
.posts-wrapper .post-thumbnail {
max-height: 480px;
overflow: hidden;
}
.posts-wrapper .post-thumbnail img {
width: 100%;
}
.posts-wrapper .entry-meta {
margin-bottom: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.posts-wrapper .entry-title {
margin: 0;
}
.posts-wrapper .entry-title a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-wrapper .entry-title a:after {
margin-left: 10px;
font-size: 15px;
position: relative;
top: -1px;
}
.posts-wrapper .byline a {
font-size: 18px;
text-decoration: none;
margin-left: 16px;
}
.posts-wrapper .byline a:hover {
text-decoration: underline;
}
.posts-wrapper .posted-on a {
color: #444444;
font-size: 18px;
text-decoration: none;
margin-right: 16px;
}
.posts-wrapper .posted-on a:hover {
text-decoration: underline;
}
@media (min-width: 900px) {
.posts-wrapper .blog-posts {
max-width: 960px;
flex: 1;
margin-right: 20px;
}
}
.posts-wrapper .blog-posts img {
display: block;
}
.posts-wrapper .blog-posts .entry-title a {
color: #000000;
font-size: 24px;
font-weight: bold;
text-decoration: none;
}
.posts-wrapper .blog-posts .entry-title a:hover {
text-decoration: underline;
}
.posts-wrapper .blog-posts .post-content {
padding: 20px;
}
@media (min-width: 900px) {
.posts-wrapper .blog-posts .post-content {
padding: 40px;
}
}
.posts-wrapper .popular-posts {
max-width: 400px;
display: none;
}
@media (min-width: 900px) {
.posts-wrapper .popular-posts {
display: block;
}
}
.posts-wrapper .popular-posts img {
display: block;
}
.posts-wrapper .popular-posts .entry-title {
margin-top: 0;
}
.posts-wrapper .popular-posts .entry-title a {
color: #000000;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.posts-wrapper .popular-posts .entry-title a:hover {
text-decoration: underline;
}
.posts-wrapper .popular-posts .post-content {
padding: 40px;
}
.posts-wrapper .column-title {
margin-top: 0;
font-size: 24px;
margin-bottom: 32px;
}
.posts-wrapper + .pagination {
margin-bottom: 120px;
}
.recent-news-carousel .bottom-1 {
background: #fff;
}
.recent-news-carousel svg {
display: none;
}
@media (min-width: 1380px) {
.recent-news-carousel .grid {
display: grid;
grid-template-columns: repeat(9, 100px);
grid-template-rows: repeat(3, 200px);
}
.recent-news-carousel .grid svg {
display: block;
}
.recent-news-carousel .grid .main-image {
grid-column: span 7;
grid-row: span 2;
background: #f2f2f2;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.recent-news-carousel .grid .main-image img {
width: 1100px;
height: auto;
flex-shrink: 0;
min-width: 1100px;
}
.recent-news-carousel .grid .side-1, .recent-news-carousel .grid .side-2, .recent-news-carousel .grid .bottom-2, .recent-news-carousel .grid .bottom-3 {
display: flex;
justify-content: center;
align-items: center;
}
.recent-news-carousel .grid { }
.recent-news-carousel .grid .side-1 {
grid-column: 8/span 2;
grid-row: 1;
background: #000;
}
.recent-news-carousel .grid .side-2 {
grid-column: 8/span 2;
grid-row: 2;
background: #FFF2EB;
}
.recent-news-carousel .grid { }
.recent-news-carousel .grid .bottom-1 {
grid-column: 1/6; grid-row: 3;
background: #fff;
}
.recent-news-carousel .grid .bottom-2 {
grid-column: 6/8; grid-row: 3;
background: #000;
}
.recent-news-carousel .grid .bottom-3 {
grid-column: 8/10; grid-row: 3;
background: #FF4F01;
}
.recent-news-carousel .grid.grid-type-2 .side-1 {
background-color: #ff5000;
}
.recent-news-carousel .grid.grid-type-2 .bottom-2 {
background: #000;
}
.recent-news-carousel .grid.grid-type-2 .bottom-3 {
background: #fff;
}
.recent-news-carousel .grid.grid-type-3 .side-1 {
background: #fff;
}
.recent-news-carousel .grid.grid-type-3 .side-2 {
background: #000;
}
.recent-news-carousel .grid.grid-type-3 .bottom-2 {
background: #FFF2EB;
}
.recent-news-carousel .grid.grid-type-3 .bottom-3 {
background: #ff5000;
}
}
.recent-news-carousel .entry {
padding: 20px 40px;
}
.recent-news-carousel .category {
display: none;
}
.recent-news-carousel .entry-meta {
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #444;
}
.recent-news-carousel .byline a {
font-size: 16px;
text-decoration: none;
margin-left: 16px;
}
.recent-news-carousel .byline a:hover {
text-decoration: underline;
}
.recent-news-carousel .posted-on a {
color: #444444;
font-size: 16px;
text-decoration: none;
margin-right: 16px;
}
.recent-news-carousel .posted-on a:hover {
text-decoration: underline;
}
.recent-news-carousel .entry-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0 0 12px 0;
}
.recent-news-carousel .entry-title a {
color: #202028;
text-decoration: none;
font-size: 22px;
line-height: 32px;
}
.recent-news-carousel .entry-title a:hover {
text-decoration: underline;
}
.recent-news-carousel .entry-meta {
display: flex;
align-items: center;
}
.recent-news-carousel .entry {
visibility: hidden;
opacity: 0;
transform: translateY(50px);
transition: 0.5s all;
transition-delay: 0.3s;
}
.recent-news-carousel .slick-active .entry {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.recent-news-controls {
position: absolute;
width: 56px;
text-align: center;
font-weight: 500;
left: 0;
right: 0;
margin: 0 auto;
margin-top: 35px;
}
.recent-news-controls .counter {
display: flex;
}
.recent-news-controls .counter > div {
margin: 5px;
}
@media (min-width: 1380px) {
.recent-news-controls .counter {
flex-direction: column;
}
.recent-news-controls .counter > div {
margin: 0;
}
}
@media (min-width: 1380px) {
.recent-news-controls {
top: 50%;
margin: 0;
transform: translateY(-50%);
right: 0;
left: initial;
}
}
.recent-news-controls .slick-next {
position: absolute;
left: calc(100% + 5px);
right: 0;
top: 4px;
margin: 0 auto;
}
.recent-news-controls .slick-next:before {
font-size: 12px;
}
@media (min-width: 1380px) {
.recent-news-controls .slick-next {
top: initial;
bottom: calc(100% + 10px);
left: 0;
}
.recent-news-controls .slick-next:before {
transform: rotate(-90deg);
}
}
.recent-news-controls .slick-prev {
position: absolute;
right: calc(100% + 10px);
top: 4px;
margin: 0 auto;
}
.recent-news-controls .slick-prev:before {
font-size: 12px;
transform: rotate(180deg);
}
@media (min-width: 1380px) {
.recent-news-controls .slick-prev {
top: calc(100% + 10px);
right: 0;
left: 0;
}
.recent-news-controls .slick-prev:before {
transform: rotate(90deg);
}
}
.video-wrapper {
padding-bottom: 56.25%;
position: relative;
margin-bottom: 32px;
}
.video-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cta-offer {
margin-bottom: 40px;
}
.cta-offer .title {
font-size: 24px;
line-height: 32px;
}
.cta-offer a {
color: #fff;
display: block;
padding: 20px;
text-align: center;
text-decoration: none;
transform: scale(1);
transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.cta-offer a:hover {
text-decoration: none !important;
}
.cta-offer .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cta-offer .items > h3 {
width: 49%;
margin-top: 0;
margin-bottom: 15px;
background: #000;
}
.cta-offer .items > h3:hover a {
transform: scale(1.2);
}
.cta-offer .items > h3:last-child {
width: 100%;
}
.featured-snippet {
background: #000;
padding: 32px;
color: #fff;
font-size: 20px;
margin-bottom: 42px;
}
.featured-snippet a {
text-decoration: none;
}
.featured-snippet a:hover {
text-decoration: underline;
}
.featured-snippet h2 {
margin-top: 0 !important;
color: #fff !important;
}
.featured-snippet p {
margin-bottom: 10px;
}
#skills {
padding: 20px 20px 50px;
background: #000;
color: #fff;
text-align: center;
font-size: 18px;
}
@media (min-width: 900px) {
#skills {
padding: 30px 0 50px;
}
}
#skills p {
margin-top: 0;
text-align: center;
}
#skills .skills-bottom > div > div {
font-weight: bold;
font-size: 32px;
}
#skills + .lokalne-cta-1 {
text-align: center;
margin-top: -65px;
margin-bottom: 80px;
}
#skills + .lokalne-cta-1 a {
display: inline-block;
color: #fff !important;
}
.cta-stats {
padding: 20px;
background: #000;
color: #fff;
text-align: center;
font-size: 18px;
}
.cta-stats .col-md-4 {
margin-bottom: 15px;
}
.cta-stats .number {
font-weight: bold;
font-size: 32px;
}
.cta-stats a {
display: inline-block;
margin-top: 10px;
}
@media (min-width: 900px) {
.cta-stats {
padding: 30px 0;
}
.cta-stats .col-md-4 {
margin-bottom: 0;
}
}
.glossary .glossary-header {
font-size: 22px;
border-bottom: 2px solid #ff5000;
font-weight: bold;
margin-bottom: 15px;
}
.glossary .glossary-header:not(.is-hidden) + ul {
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.glossary .glossary-header:not(.is-hidden) + ul {
margin-bottom: 80px;
}
}
.glossary ul {
padding: 0;
margin: 0;
}
@media (min-width: 1380px) {
.glossary ul {
columns: 3;
}
}
.glossary li {
list-style: none;
margin-bottom: 5px;
}
.glossary a {
font-size: 18px;
text-decoration: none;
color: #000;
}
.glossary a:hover {
color: #ff5000;
}
#glossary-search {
border: 1px solid #000;
padding: 8px 10px;
font-weight: 500;
margin-bottom: 40px;
color: #000;
width: 360px;
outline: none;
}
#glossary-search::placeholder {
color: #000;
font-weight: 500;
opacity: 1;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
display: flex;
flex-direction: column;
max-width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 120px;
}
.comments-area .comments-title {
order: 2;
margin-top: 0;
font-size: 24px;
margin-bottom: 24px;
}
.comments-area > * {
order: 3;
}
.comments-area #respond {
order: 1;
padding-bottom: 40px;
}
.comment-respond {
padding: 40px;
background: #F9F9F9;
margin-bottom: 40px;
}
.comment-respond .comment-reply-title {
margin-top: 0;
font-size: 20px;
}
.comment-respond .comment-reply-title:before {
background: #ff5000;
color: #fff;
text-align: center;
font-size: 23px;
height: 50px;
line-height: 50px;
margin-right: 15px;
width: 50px;
}
@media (min-width: 900px) {
.comment-respond .comment-reply-title {
font-size: 28px;
}
.comment-respond .comment-reply-title:before {
font-size: 24px;
line-height: 64px;
width: 64px;
height: 64px;
margin-right: 24px;
}
}
.comment-list {
background: #F9F9F9;
padding: 40px;
margin: 0;
}
.comment-list .comment-reply-title {
font-size: 20px;
}
.comment-list .comment-reply-title:before {
display: none;
}
#cancel-comment-reply-link {
margin-left: 10px;
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: normal;
}
#cancel-comment-reply-link:visited {
color: #000;
}
#cancel-comment-reply-link:hover {
text-decoration: underline;
}
.comment-list {
margin-bottom: 2em;
list-style-type: none;
}
.comment-list .says {
display: none;
}
.comment-list .comment {
scroll-margin-top: 100px;
}
.comment-list .comment:not(:last-child) {
border-bottom: 1px solid #E8E8E8;
}
.comment-list > .comment:first-child > .comment-body {
margin-top: 0;
}
.comment-list > .comment:last-child > .comment-body {
margin-bottom: 0;
}
.comment-list img {
float: left;
margin-right: 16px;
width: 60px;
height: 60px;
}
.comment-list .comment-author {
font-weight: bold;
font-size: 18px;
}
.comment-list .comment-author a {
color: #000;
text-decoration: none;
}
.comment-list .comment-author a:hover {
text-decoration: underline;
}
.comment-list .comment-content p {
margin-top: 0;
line-height: 28px;
}
.comment-list .comment-content:before {
content: "Skomentował/a:";
color: #444444;
display: block;
font-size: 12px;
margin-bottom: 12px;
margin-top: 24px;
font-weight: 500;
}
.comment-list .comment-metadata a {
color: #444444;
font-size: 12px;
margin-right: 5px;
text-decoration: none;
font-weight: 500;
}
.comment-list .comment-metadata .edit-link a {
color: #ff5000;
}
.comment-list .comment-metadata .edit-link a:hover {
text-decoration: underline;
}
.comment-list .comment-body {
margin: 40px 0;
}
.comment-list .children {
list-style-type: none;
}
.reply {
text-align: right;
}
.comment-reply-link {
color: #000;
text-decoration: none;
font-size: 14px;
}
.comment-reply-link:visited {
color: #000;
}
.comment-reply-link:hover {
text-decoration: underline;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
} .cta-form {
position: fixed;
width: 100%;
background-color: #fff;
left: 0;
top: 0;
bottom: 0;
visibility: hidden;
pointer-events: none;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 3;
}
.cta-form p {
margin-bottom: 1rem;
}
.free-quote-button {
font-size: 14px;
margin-left: 20px;
display: none;
white-space: nowrap;
}
@media (min-width: 1450px) {
.free-quote-button {
font-size: 16px;
}
}
@media (min-width: 1250px) {
.free-quote-button {
display: block;
}
}
.cta-form.is-open {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.cta-form-close {
color: #000;
background: none;
font-weight: normal;
border: 0;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
padding: 0;
cursor: pointer;
font-size: 46px;
top: 0;
right: 0;
}
@media (min-width: 1100px) {
.cta-form-close {
text-align: right;
}
}
.cta-form-heading {
margin-top: 0;
font-size: 26px;
}
.cta-form-heading br {
display: none;
}
@media (min-width: 1100px) {
.cta-form-heading {
line-height: 56px;
margin-bottom: 48px;
font-size: 48px;
}
.cta-form-heading br {
display: inline-block;
}
}
.cta-form-heading span {
color: #ff5000;
}
.cta-form {
display: grid;
justify-content: center;
}
@media (min-width: 1100px) {
.cta-form {
align-content: center;
}
}
.cta-form .cta-info {
font-size: 18px;
line-height: 32px;
margin-bottom: 40px;
display: none;
}
@media (min-width: 1100px) {
.cta-form .cta-info {
display: block;
}
}
.cta-form textarea {
resize: vertical;
height: 50px;
}
@media (min-width: 1100px) {
.cta-form textarea {
height: 150px;
}
}
.cta-form .cta-form-content {
position: relative;
overflow-y: auto;
background: #fff;
transition: all 0.3s;
padding: 20px;
}
@media (min-width: 1100px) {
.cta-form .cta-form-content {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0;
padding-right: 0;
display: flex;
width: 1100px;
}
}
@media (min-width: 1100px) {
.cta-form .column:last-child {
width: 540px;
margin-left: auto;
}
}  .site-footer .content {
color: #fff;
background: #000000;
padding-bottom: 40px;
padding-top: 40px;
font-size: 12px;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1380px) {
.site-footer .content {
margin-bottom: 100px;
padding-top: 65px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.site-footer address {
line-height: 1.3;
font-style: normal;
margin: 0;
}
.site-footer a {
color: #fff;
text-decoration: none;
}
.site-footer a:hover {
color: #ff5000;
text-decoration: none;
}
.site-footer a:hover svg path {
fill: #ff5000;
}
.site-footer .horizontal-nav {
margin: 0;
padding: 0;
display: flex;
}
.site-footer .horizontal-nav li {
list-style: none;
margin-right: 15px;
}
.site-footer .horizontal-nav a {
color: #909090;
}
.site-footer .horizontal-nav a:hover {
color: #fff;
}
.site-footer .site-info {
color: #909090;
margin-bottom: 24px;
}
.site-footer .site-info p {
margin-bottom: 0;
}
.footer-widgets .footer-widget {
margin-bottom: 32px;
}
@media (min-width: 1380px) {
.footer-widgets .footer-widget {
margin-bottom: 0;
}
}
.footer-widgets .widget-title {
color: #666666;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
margin-bottom: 12px;
margin-top: 0;
}
.footer-widgets .company-address .footer-logo {
margin-bottom: 2rem;
width: 150px;
}
@media (min-width: 1380px) {
.footer-widgets .company-address .footer-logo {
width: auto;
}
}
.footer-widgets .company-address .nip-and-regon,
.footer-widgets .company-address .contact-details {
margin-top: 24px;
}
.footer-widgets .local-seo .toggle-local-seo-menu {
font-size: 12px;
padding-left: 0;
margin-top: 10px;
}
.social-media ul,
.footer-menu ul {
padding: 0 0 0 0;
margin: 0;
list-style: none;
}
.social-media li,
.footer-menu li {
margin-bottom: 7px;
}
.social-media i,
.footer-menu i {
width: 20px;
display: inline-block;
}
#local-seo-more-menu,
#local-seo-menu {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
}
#local-seo-more-menu li,
#local-seo-menu li {
margin-bottom: 7px;
width: 50%;
}
#local-seo-more-menu-wrapper {
display: none;
} .site-header {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
background: #fff;
transition: height 0.3s ease-in-out;
z-index: 2;
display: flex;
align-items: center;
}
@media (max-width: 899px) {
.site-header {
height: 96px;
}
.site-header.is-sticky {
height: 64px;
}
}
.site-header.is-sticky {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
.admin-bar .site-header {
top: 32px;
}
.site-branding {
display: flex;
align-items: center;
}
.header-container {
max-width: 1498px;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.gp-logo-container {
display: inline-block;
border-left: 1px solid #E8E8E8;
margin-left: 17px;
padding-left: 17px;
}
.gp-logo-container img {
display: block;
width: 75px;
}
@media (min-width: 1450px) {
.gp-logo-container {
margin-left: 20px;
padding-left: 20px;
}
.gp-logo-container img {
width: 95px;
}
}
.header-1 {
display: flex;
align-items: center;
}
@media (min-width: 900px) {
.header-1 {
justify-content: space-between;
}
}
.site-title {
margin: 0;
font-size: 0;
line-height: 0;
}
.site-title img {
display: block;
width: 173px;
}
@media (min-width: 1450px) {
.site-title img {
width: 217px;
}
} #breadcrumbs {
margin-top: 0;
white-space: nowrap;
overflow-y: auto;
}
#breadcrumbs a, #breadcrumbs span {
font-size: 12px;
}
#breadcrumbs span {
color: #ff5000;
}
#breadcrumbs a {
text-decoration: none;
color: #909090;
}
#breadcrumbs a:hover {
text-decoration: underline;
} .company-label {
background: #ff5000;
color: #fff;
transform: translateY(-100%) rotate(-90deg);
position: absolute;
top: 135px;
font-weight: bold;
display: flex;
align-items: center;
padding: 6px 8px;
text-decoration: none;
border: 2px solid #ff5000;
z-index: 1;
font-size: 11px;
right: 0;
white-space: nowrap;
transform-origin: bottom right;
}
@media (min-width: 900px) {
.company-label {
top: 233px;
padding: 16px 26px;
font-size: 14px;
}
}
.company-label:visited, .company-label:active {
text-decoration: none;
color: #fff;
}
.company-label:hover {
background: #fff;
color: #000;
text-decoration: none;
}
.company-label:hover:before {
box-shadow: 0 0 0 1px #000;
}
.company-label:before {
transform: rotate(90deg);
margin-right: 10px;
content: "";
display: block;
width: 11px;
border-radius: 50%;
height: 11px;
background: linear-gradient(to right, #fff 0%, #fff 50%, #D80027 50%, #D80027 100%);
}
@media (min-width: 900px) {
.company-label:before {
width: 15px;
height: 15px;
}
}
.scroll-top {
width: 40px;
color: #fff;
height: 40px;
background: #000;
line-height: 40px;
text-align: center;
position: fixed;
right: 15px;
bottom: 15px;
transition: transform 0.3s ease-in-out;
transform: translateX(65px);
z-index: 10;
font-size: 12px;
}
.scroll-top.is-visible {
transform: translateX(0);
}
.mobile-menu-open .scroll-top {
transform: translateX(65px);
}
.scroll-top:before {
transform: rotate(-90deg);
}
.table-wrapper {
max-width: 100%;
overflow-x: auto;
}
@media only screen and (max-width: 899px) {
.animate-sm-none { -o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important; -o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important; -webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
}
#map {
height: 480px;
}
.section.section-map {
margin-bottom: 0;
}
.section.section-map .section-content {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.section.section-map .section-content {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 1379px) {
.section.section-map .section-heading {
margin-bottom: 140px;
}
}
.map-wrapper {
position: relative;
}
.map-wrapper .info-box {
position: absolute;
z-index: 1;
width: 268px;
transform: translateX(-17.5px) translateY(-50%);
top: 0;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
@media (min-width: 1380px) {
.map-wrapper .info-box {
top: 50%;
right: 25%;
left: initial;
margin-left: initial;
margin-right: initial;
}
}
.map-wrapper .info-box .logo {
margin-bottom: 25px;
}
.map-wrapper .info-box .phone, .map-wrapper .info-box .email, .map-wrapper .info-box .address {
display: flex;
align-items: center;
}
.map-wrapper .info-box .phone a, .map-wrapper .info-box .email a, .map-wrapper .info-box .address a {
color: #000;
text-decoration: none;
}
.map-wrapper .info-box .phone a:hover, .map-wrapper .info-box .email a:hover, .map-wrapper .info-box .address a:hover {
text-decoration: underline;
}
.map-wrapper .info-box .address {
display: flex;
margin-bottom: 15px;
}
.map-wrapper .info-box .address:before {
color: #ff5000;
font-size: 20px;
width: 32px;
}
.map-wrapper .info-box .phone {
margin-bottom: 15px;
display: flex;
}
.map-wrapper .info-box .phone:before {
color: #ff5000;
font-size: 20px;
width: 32px;
}
.map-wrapper .info-box .email {
display: flex;
}
.map-wrapper .info-box .email:before {
color: #ff5000;
font-size: 20px;
width: 32px;
}
.map-wrapper .info-box address {
margin-bottom: 0;
font-style: normal;
}
.map-wrapper .info-box .content {
background: #fff;
padding: 32px;
font-size: 12px;
}
.map-wrapper .info-box:before {
content: "";
display: block;
width: 268px;
height: 230px;
border: 20px solid #ff5000;
position: absolute;
z-index: -1;
top: 35px;
left: 35px;
}
.section.section-brands {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 899px) {
.section.section-brands .slick-arrow {
display: none !important;
}
}
.section.section-brands .content {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.section.section-brands .content {
margin-left: 0;
margin-right: 0;
}
}
.section.section-brands .section-heading {
margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.section.section-brands .section-heading br {
display: none;
}
@media (min-width: 900px) {
.section.section-brands .section-heading br {
display: initial;
}
}
@media (min-width: 900px) {
.section.section-brands .section-heading {
margin-bottom: 80px;
}
}
.brands-carousel-inverted {
background-color: #000;
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 900px) {
.brands-carousel-inverted {
padding-top: 180px;
padding-bottom: 180px;
}
}
.section-tools .slick-prev,
.section-brands .slick-prev,
.section-awards .slick-prev {
position: absolute;
display: none;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before {
color: #fff;
font-size: 26px;
}
@media (min-width: 900px) {
.section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before {
font-size: 35px;
}
}
@media (min-width: 1660px) {
.section-tools .slick-prev,
.section-brands .slick-prev,
.section-awards .slick-prev {
right: 100%;
left: auto;
}
.section-tools .slick-prev:before,
.section-brands .slick-prev:before,
.section-awards .slick-prev:before {
font-size: 48px;
}
}
.section-tools .slick-next,
.section-brands .slick-next,
.section-awards .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before {
color: #fff;
font-size: 26px;
}
@media (min-width: 900px) {
.section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before {
font-size: 35px;
}
}
@media (min-width: 1660px) {
.section-tools .slick-next,
.section-brands .slick-next,
.section-awards .slick-next {
left: 100%;
}
.section-tools .slick-next:before,
.section-brands .slick-next:before,
.section-awards .slick-next:before {
font-size: 48px;
}
}
.section-tools .slick-next:before,
.section-tools .slick-prev:before,
.section-awards .slick-next:before,
.section-awards .slick-prev:before {
color: #000;
}
.custom-cta-1 {
color: #fff;
background: #000;
padding: 40px;
display: flex;
align-items: center;
flex-direction: column-reverse;
}
@media (min-width: 900px) {
.custom-cta-1 {
padding: 64px;
flex-direction: row;
}
.custom-cta-1 > div:first-child {
flex: 1;
margin-right: 20px;
}
}
.custom-cta-1 .btn-ghost {
color: #fff;
}
.custom-cta-1 span {
color: #ff5000;
}
.custom-cta-1 .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
font-weight: bold;
margin-top: 40px;
}
@media (min-width: 900px) {
.custom-cta-1 .title {
font-size: 48px;
line-height: 56px;
margin-top: 0;
}
}
.custom-cta-1 .description {
font-size: 18px;
line-height: 32px;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.custom-cta-1 .description {
font-size: 24px;
line-height: 32px;
}
}
.custom-cta-2 {
border: 2px solid #ff5000;
padding: 40px 48px;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
@media (min-width: 900px) {
.custom-cta-2 {
flex-direction: row;
text-align: left;
}
.custom-cta-2 > div:last-child {
flex: 1;
margin-left: 48px;
}
}
.custom-cta-2 .title {
font-weight: bold;
color: #ff5000;
font-size: 24px;
margin-bottom: 24px;
margin-top: 0;
}
.cta-2 {
text-align: center;
margin-bottom: 74px;
}
.cta-2 .container {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1380px) {
.cta-2 .container {
padding-left: 15px;
padding-right: 15px;
}
}
.cta-2 .content {
background: #f9f9f9;
padding: 48px 15px;
}
.cta-2 .btn-ghost {
color: #000;
}
.cta-2 .btn-ghost:hover {
color: #fff;
}
.cta-2 .title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-bottom: 32px;
margin-top: 0;
text-align: center;
}
.cta-2 .title:before {
color: #fff;
font-size: 32px;
background: #ff5000;
width: 64px;
height: 64px;
text-align: center;
line-height: 64px;
display: block;
margin: 0 auto 20px auto;
}
@media (min-width: 900px) {
.cta-2 .title:before {
display: inline-block;
margin-right: 20px;
}
}
.cta-2--inverted .btn-ghost, .cta-2--inverted {
color: #fff;
}
.cta-2--inverted .title {
color: #fff;
font-weight: normal;
}
.cta-2--inverted .title:before {
display: block;
margin-left: auto;
margin-right: auto;
}
.cta-2--inverted .content {
background: #000;
}
.cta-3 {
text-align: center;
margin-bottom: 80px;
}
@media (min-width: 900px) {
.cta-3 {
margin-bottom: 160px;
}
}
.cta-3 .content {
background: #f9f9f9;
padding: 64px 15px;
}
@media (min-width: 900px) {
.cta-3 .content {
padding-top: 104px;
padding-bottom: 104px;
}
}
.cta-3 .label {
text-transform: uppercase;
color: #ff5000;
margin-bottom: 32px;
font-weight: bold;
font-size: 14px;
}
.cta-3 .btn-ghost {
color: #000;
}
.cta-3 .btn-ghost:hover {
color: #fff;
}
.cta-3 .title {
font-weight: normal;
margin-bottom: 32px;
text-align: center;
font-size: 32px;
line-height: 40px;
margin-top: 0;
}
@media (min-width: 900px) {
.cta-3 .title {
font-size: 48px;
line-height: 56px;
}
}
.cta-3--bold .title {
font-weight: bold;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 900px) {
.cta-3--bold .title {
font-size: 32px;
line-height: 40px;
}
}
.cta-3 p {
font-size: 18px;
margin-bottom: 40px;
}
.cta-1-legacy {
padding: 32px;
background: #000;
color: #fff;
font-size: 24px;
line-height: 32px;
}
@media (min-width: 900px) {
.cta-1-legacy {
padding: 40px 48px;
}
}
.cta-1-legacy button {
margin-top: 40px;
color: #fff;
}
.blockquote-with-header h3 {
margin-top: 0 !important;
}
.prostokat {
padding: 30px;
background: #ff5000;
border-radius: 10px;
}
.prostokat h2 {
color: white;
text-align: center;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
left: 6px;
top: 7px;
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
background: #f0f0f1;
color: #2271b1;
z-index: 100000;
line-height: normal;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
} .site-main {
padding-top: 96px;
}
@media (min-width: 900px) {
.site-main {
padding-top: 103px;
}
}
.container {
max-width: 1410px;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
}
.container-xxl {
max-width: 1690px;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
}
.container-flex {
display: flex;
max-width: 1410px;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
@media (min-width: 900px) {
.container-flex {
flex-direction: row;
}
}
.bg-light {
background: #f9f9f9;
}
.bg-dark {
background: #000;
}
.col {
flex: 1 0 0%;
}
.row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.row > * {
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 900px) {
.offset-md-1 {
margin-left: 8.33333333%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-12 {
width: 100%;
}
}
@media (min-width: 1380px) {
.offset-lg-1 {
margin-left: 8.33333333%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-12 {
width: 100%;
}
}
.p-0 {
padding: 0;
}
.m-0 {
margin: 0;
}
.m-b-1 {
margin-bottom: 1rem;
}
.m-b-2 {
margin-bottom: 2rem;
}
@media (min-width: 1660px) {
.px-xxl-15 {
padding-left: 15px;
padding-right: 15px;
}
}
.text-justify {
text-align: justify;
}
.text-center {
text-align: center;
}
.d-block {
display: block;
}
.v-center {
align-items: center;
}
.v-end {
align-items: flex-end;
}
.v-stretch {
align-items: stretch;
}
.d-none {
display: none;
}
@media (min-width: 900px) {
.d-md-block {
display: block;
}
}
@media (min-width: 1380px) {
.d-lg-block {
display: block;
}
}
@media (min-width: 900px) {
.d-md-none {
display: none;
}
}
@media (min-width: 1380px) {
.d-lg-none {
display: none;
}
}
.popup_cursor {
cursor: pointer;
}
.image-box {
position: relative;
display: inline-block;
margin-right: 45px;
margin-bottom: 80px;
z-index: 1;
box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.1490196078);
}
.animate[style*="opacity: 1;"] .image-box:before {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.animate > .image-box:before {
visibility: hidden;
opacity: 0;
transform: translateY(100px);
transition: all 0.8s;
transition-delay: 0.6s;
}
.image-box:before {
content: "";
display: block;
width: 100%;
height: 100%;
border: 24px solid #ff5000;
position: absolute;
z-index: -1;
top: 45px;
left: 45px;
}
@media (min-width: 600px) {
.image-box:before {
border-width: 30px;
}
}
@media (min-width: 900px) {
.image-box {
margin-right: 80px;
}
.image-box:before {
left: 80px;
top: 80px;
}
}
@media (min-width: 1380px) {
.image-box:before {
border-width: 40px;
}
}
.image-box img {
display: block;
}
.image-box.inverted {
margin-left: 45px;
margin-right: 0;
}
.image-box.inverted:before {
visibility: hidden;
opacity: 0;
transform: translateY(100px);
transition: all 0.7s;
transition-delay: 0.3s;
left: initial;
right: 45px;
}
@media (min-width: 900px) {
.image-box.inverted {
margin-left: 80px;
margin-right: 0;
}
.image-box.inverted:before {
left: initial;
right: 80px;
}
}
@media (min-width: 980px) {
.container-full-width {
margin-left: calc((100vw - 980px) / 2 * -1);
margin-right: calc((100vw - 980px) / 2 * -1);
}
} .page-section {
max-width: 1920px;
margin: 0 auto;
margin-bottom: 80px;
}
@media (min-width: 1380px) {
.page-section {
margin-bottom: 160px;
}
}
.page-section p {
line-height: 32px;
margin-top: 0;
}
.page-section p a {
text-decoration: none;
}
.page-section p a:hover {
text-decoration: underline;
}
.page-section:not(.google-ads-tutorial):not(.seo-tutorial) {
overflow-x: hidden;
}
.section-subtitle {
font-size: 24px;
line-height: 32px;
}
.section-title, .custom-cta-form .section-title {
font-size: 32px;
line-height: 40px;
margin-bottom: 40px;
text-align: left;
margin-top: 0;
position: relative;
z-index: 0;
scroll-margin-top: 100px;
}
@media (min-width: 900px) {
.section-title, .custom-cta-form .section-title {
font-size: 40px;
line-height: 46px;
text-align: left;
}
}
@media (min-width: 1380px) {
.section-title, .custom-cta-form .section-title {
font-size: 48px;
line-height: 56px;
}
}
.section-title span, .custom-cta-form .section-title span {
color: #ff5000;
}
.page-categories {
background: #f9f9f9;
margin-bottom: 80px;
padding: 32px 64px 22px 64px;
display: none;
white-space: nowrap;
position: relative;
}
.page-categories:empty {
display: none;
}
@media (min-width: 1380px) {
.page-categories #menu-social-media,
.page-categories #menu-ecommerce,
.page-categories #menu-web-design,
.page-categories #menu-ads,
.page-categories #menu-seo {
display: flex;
flex-wrap: wrap;
}
.page-categories #menu-social-media > li,
.page-categories #menu-ecommerce > li,
.page-categories #menu-web-design > li,
.page-categories #menu-ads > li,
.page-categories #menu-seo > li {
flex: 0 0 16.666%;
}
}
.page-categories ul.menu > li {
margin-bottom: 10px;
}
@media (min-width: 1380px) {
.page-categories {
display: block;
}
}
.page-categories .menu-item-has-children > a:after {
margin-left: 10px;
font-size: 6px;
transition: transform 0.3s;
}
.page-categories ul {
list-style: none;
padding: 0;
margin: 0;
}
.page-categories ul ul {
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
background: #fff;
left: 0;
padding: 10px 20px;
width: auto;
z-index: 1;
border-radius: 15px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
transform: translateY(10px);
}
.page-categories ul ul ul {
top: -10px;
left: 100%;
}
.page-categories ul ul li {
position: relative;
display: block;
}
.page-categories ul ul li.menu-item-has-children > a:after {
transform: rotate(-90deg);
}
.page-categories ul ul a {
display: block;
padding: 5px 0;
}
.page-categories li {
display: inline-block;
}
.page-categories li.current-menu-ancestor > a, .page-categories li.current-page-ancestor > a, .page-categories li.current-menu-item > a {
font-weight: bold;
}
.page-categories li:not(.megamenu) {
position: relative;
}
.page-categories li.megamenu-3 > ul {
display: flex;
flex-wrap: wrap;
width: 600px;
}
.page-categories li.megamenu-3 > ul > li {
flex: 0 0 33.3%;
}
.page-categories li.megamenu > ul {
display: flex;
flex-wrap: wrap;
}
.page-categories li.megamenu > ul > li {
flex: 0 0 16.666%;
}
.page-categories li.megamenu > ul ul {
left: 50%;
}
.page-categories li:hover > ul {
visibility: visible;
opacity: 1;
text-indent: unset;
pointer-events: unset;
transform: translateY(0);
}
.page-categories a {
color: #000;
font-weight: 500;
font-size: 12px;
text-decoration: none;
margin-right: 16px;
}
.page-categories a:hover {
color: #ff5000;
}
@media (min-width: 1380px) {
.page-categories a {
font-size: 16px;
}
}
.styled-list {
padding: 0;
margin: 0;
margin-left: 25px;
}
.styled-list:not(:last-child) {
margin-bottom: 32px;
}
.styled-list li {
line-height: 32px;
margin-bottom: 4px;
}
.styled-list li::marker {
color: #ff5000;
font-size: 1.5em;
}
.mobile-image {
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 900px) {
.mobile-image {
margin-bottom: 0;
}
}
.section-pricing {
background: #f9f9f9;
padding: 64px 0;
}
@media (min-width: 900px) {
.section-pricing {
padding: 120px 0;
}
}
.section-pricing .section-title, .section-pricing .custom-cta-form .section-title, .custom-cta-form .section-pricing .section-title {
text-align: center;
}
@media (min-width: 1380px) {
.section-pricing .section-title, .section-pricing .custom-cta-form .section-title, .custom-cta-form .section-pricing .section-title {
margin-bottom: 80px;
}
}
@media (min-width: 600px) {
.pricing-seo .services {
min-height: 140px;
}
.pricing-ads .services {
min-height: 260px;
}
.pricing-web .services {
min-height: 350px;
}
.pricing-ecommerce .services {
min-height: 130px;
}
}
.pricing-shortcode .col,
.pricing-table .col {
display: flex;
}
.pricing {
padding: 40px 32px;
background: #fff;
border-radius: 8px;
margin-bottom: 24px;
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1380px) {
.pricing {
display: flex;
flex-direction: column;
align-self: stretch;
}
}
.pricing.inverted {
color: #fff;
background: #000;
}
.pricing.inverted .monthly {
color: #fff;
}
.pricing .name {
font-size: 24px;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #ddd;
}
.pricing .name span {
color: #ff5000;
}
.pricing .price-box {
display: flex;
align-items: center;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #ddd;
}
.pricing .price-large {
font-size: 64px;
font-weight: bold;
line-height: 64px;
}
.pricing .price-small {
font-size: 36px;
font-weight: bold;
line-height: 36px;
}
.pricing .decimal-part {
display: flex;
flex-direction: column;
}
.pricing .monthly {
font-size: 12px;
text-transform: uppercase;
color: #444;
white-space: nowrap;
}
.pricing .pricing-info {
font-size: 12px;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #ddd;
}
.pricing .pricing-info span + span {
font-weight: bold;
margin-left: 30px;
white-space: nowrap;
}
.pricing .info-line {
display: flex;
justify-content: space-between;
}
.pricing .info-line:not(:last-child) {
margin-bottom: 16px;
}
.pricing .services {
font-weight: bold;
}
.pricing .service {
position: relative;
padding-left: 30px;
margin-bottom: 16px;
}
.pricing .service:before {
position: absolute;
left: 0;
top: 5px;
font-weight: normal;
color: #ff5000;
}
.pricing a {
width: 100%;
margin-top: auto !important;
}
.pricing-shortcode {
background: #f9f9f9;
padding-top: 40px;
padding-bottom: 40px;
}
.pricing-shortcode .pricing-title {
text-align: center;
font-size: 32px;
line-height: 40px;
margin-bottom: 32px;
margin-top: 0;
}
@media (min-width: 900px) {
.pricing-shortcode .pricing-title {
font-size: 48px;
margin-top: 10px;
line-height: 56px;
margin-bottom: 60px;
}
}
.pricing-shortcode .pricing-title span {
color: #ff5000;
}
.pricing-shortcode.pricing-web .container, .pricing-shortcode.pricing-ecommerce .container {
max-width: 1100px;
}
figcaption {
text-align: center;
font-style: italic;
word-break: break-word;
}
.container-full-width .custom-cta-form .container-flex {
padding: 0;
}
.custom-cta-form {
color: #fff;
}
.custom-cta-form [class^=icon-] {
color: #fff;
}
@media (min-width: 900px) {
.custom-cta-form {
background: linear-gradient(to right, #000 0%, #000 50%, #ff5000 50%, #ff5000 100%);
}
.custom-cta-form .column {
flex: 1;
}
}
.custom-cta-form .column-custom-cta-form {
background: #000;
padding: 48px 32px;
}
@media (min-width: 1380px) {
.custom-cta-form .column-custom-cta-form {
padding: 120px 140px 120px 0;
}
}
.custom-cta-form .column-contact-form {
background: #ff5000;
padding: 48px 32px;
}
@media (min-width: 1380px) {
.custom-cta-form .column-contact-form {
padding: 120px 0 120px 140px;
}
}
.custom-cta-form .column-contact-form .subtitle {
font-size: 24px;
line-height: 32px;
display: none;
text-align: left;
}
.custom-cta-form .column-contact-form .subtitle span {
font-weight: bold;
}
@media (min-width: 1380px) {
.custom-cta-form .column-contact-form .subtitle {
display: block;
}
}
.custom-cta-form .column-contact-form .section-title:before {
position: absolute;
bottom: 5px;
z-index: -1;
left: 10px;
right: 0;
margin: 0 auto;
content: "";
display: block;
background: #000;
width: 180px;
height: 8px;
}
@media (min-width: 900px) {
.custom-cta-form .column-contact-form .section-title:before {
left: 10px;
width: 300px;
margin: unset;
}
}
.custom-cta-form .column-contact-form .wpcf7-not-valid-tip {
color: #000;
}
.custom-cta-form .column-contact-form label {
color: #fff;
}
.custom-cta-form .column-contact-form label a {
color: #000;
}
.custom-cta-form .column-contact-form input, .custom-cta-form .column-contact-form textarea {
color: #fff;
background: transparent;
}
.custom-cta-form .section-title, .custom-cta-form .section-title {
color: #fff;
text-align: center;
}
@media (min-width: 900px) {
.custom-cta-form .section-title, .custom-cta-form .section-title {
text-align: left;
}
}
.custom-cta-form .description {
font-size: 18px;
margin-bottom: 64px;
text-align: center;
}
@media (min-width: 1380px) {
.custom-cta-form .description {
text-align: justify;
}
}
.custom-cta-form .boxes {
text-align: center;
}
.custom-cta-form .boxes i {
font-size: 56px;
margin-right: 10px;
}
@media (min-width: 600px) {
.custom-cta-form .boxes {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.custom-cta-form .boxes .box {
width: 50%;
}
}
@media (min-width: 1380px) {
.custom-cta-form .boxes {
text-align: center;
}
}
.custom-cta-form .boxes .box:not(:last-child) {
margin-bottom: 64px;
}
.custom-cta-form .boxes .header {
color: #ff5000;
font-size: 32px;
font-weight: bold;
margin-bottom: 24px;
}
.alternative-page .page-section-1 {
margin-bottom: 80px !important;
}
.alternative-page .page-description {
line-height: 28px;
}
.alternative-page .page-header {
background: #f9f9f9;
padding-top: 24px;
padding-bottom: 64px;
margin-left: -15px;
margin-right: -15px;
text-align: center;
min-height: 650px;
display: flex;
flex-direction: column;
}
.alternative-page .page-header > div {
width: 100%;
}
.alternative-page .page-header > div:last-child {
margin-top: auto;
margin-bottom: auto;
}
@media (min-width: 1380px) {
.alternative-page .page-header {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 900px) {
.alternative-page .page-header {
text-align: left;
}
}
@media (min-width: 1380px) {
.alternative-page .page-header {
margin-bottom: 160px;
}
.alternative-page .page-header--small-margin {
margin-bottom: 40px;
}
.alternative-page .page-header .animate {
opacity: 0;
}
.alternative-page .page-header + .container-xxl {
margin-top: -80px;
}
}
@media (min-width: 900px) {
.alternative-page .page-header .btn-ghost {
margin-left: 10%;
}
}
@media (min-width: 1380px) {
.alternative-page .page-header .btn-ghost {
margin-left: 0;
}
}
.animate[style*="opacity: 1;"] .alternative-page .header-image:before {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.animate > .alternative-page .header-image:before {
visibility: hidden;
opacity: 0;
transform: translateY(100px);
transition: all 0.8s;
transition-delay: 0.6s;
}
.alternative-page .header-image {
position: relative;
margin-top: 40px;
margin-bottom: 40px;
max-width: 550px;
margin-right: 40px;
display: inline-block;
}
.alternative-page .header-image .header-image-wrapper {
mask-image: url(https://afterweb.pl/wp-content/themes/aftertheme/img/page-hero-mask.png);
mask-size: cover;
max-height: 360px;
}
.alternative-page .header-image .post-thumbnail {
position: relative;
z-index: 1;
}
.alternative-page .header-image:before {
content: "";
display: block;
width: 170px;
height: 170px;
border: 20px solid #ff5000;
position: absolute;
z-index: -1;
right: -40px;
top: -30px;
z-index: 0;
}
@media (min-width: 900px) {
.alternative-page .header-image {
max-width: 100%;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
}
.alternative-page .header-image:before {
content: "";
display: block;
width: 250px;
height: 250px;
border: 30px solid #ff5000;
position: absolute;
z-index: -1;
right: -70px;
top: -50px;
z-index: 0;
}
}
@media (min-width: 1380px) {
.alternative-page .header-image:before {
content: "";
display: block;
width: 408px;
height: 408px;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
right: -100px;
top: -70px;
z-index: 0;
}
}
.alternative-page #breadcrumbs {
text-align: left;
margin-bottom: 64px;
}
.alternative-page .page-title {
font-size: 32px;
margin-top: 0;
line-height: 40px;
}
@media (min-width: 900px) {
.alternative-page .page-title {
font-size: 48px;
line-height: 52px;
margin-left: 10%;
}
}
@media (min-width: 1380px) {
.alternative-page .page-title {
font-size: 64px;
line-height: 72px;
margin-left: 0;
}
}
.section-hero {
height: 1078px;
margin-bottom: 24px !important;
}
@media (min-width: 900px) {
.section-hero {
height: 716px;
}
}
@media (min-width: 1380px) {
.section-hero .animate {
opacity: 0;
}
}
.laptop-animation {
position: relative;
margin-left: auto;
margin-top: auto;
margin-bottom: 190px;
}
@media (min-width: 900px) {
.laptop-animation {
margin-left: 30px;
}
}
@media (min-width: 1380px) {
.laptop-animation {
margin-bottom: auto;
margin-left: auto;
}
}
.laptop-animation .ctr-box,
.laptop-animation .users-box,
.laptop-animation .clicks-box {
background: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.0509803922);
max-width: 268px;
margin-bottom: 10px;
border-radius: 8px;
position: absolute;
text-align: left;
}
.laptop-animation .ctr-box {
top: 0;
display: flex;
align-items: center;
padding: 20px 24px;
width: 206px;
transform: translateY(-50%);
}
@media (min-width: 900px) {
.laptop-animation .ctr-box {
width: 268px;
}
}
.laptop-animation .ctr-box:before {
color: #4285F4;
font-size: 26px;
margin-right: 20px;
}
.laptop-animation .ctr-box .increase {
color: #4285F4;
margin-left: auto;
}
.laptop-animation .numbers-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
}
.laptop-animation .users-box {
top: 90%;
width: 177px;
right: 10px;
z-index: 1;
}
@media (min-width: 900px) {
.laptop-animation .users-box {
width: 268px;
top: 90%;
transform: translateY(-50%);
}
}
.laptop-animation .users-box .increase {
color: #FF5000;
}
.laptop-animation .clicks-box {
top: 100%;
width: 168px;
}
@media (min-width: 900px) {
.laptop-animation .clicks-box {
width: 268px;
bottom: 0;
top: initial;
}
}
.laptop-animation .clicks-box .increase {
color: #FBBC05;
}
.laptop-animation .clicks-box .numbers-wrapper:after {
color: #FBBC05;
font-size: 26px;
}
.laptop-animation .users-box .label,
.laptop-animation .clicks-box .label {
padding: 16px;
border-bottom: 1px solid #E8E8E8;
}
.laptop-animation .count {
font-size: 24px;
font-weight: bold;
}
.laptop-animation .label {
font-size: 12px;
color: #333;
}
.laptop-animation .increase {
font-size: 12px;
}
.laptop-animation:before {
content: "";
display: block;
width: 200px;
height: 200px;
border: 24px solid #ff5000;
position: absolute;
z-index: -1;
top: -40px;
right: 0;
}
@media (min-width: 1380px) {
.laptop-animation:before {
content: "";
display: block;
width: 320px;
height: 320px;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
top: 70%;
left: -15%;
transform: translateY(-50%);
}
}
@keyframes typing {
from {
width: 0;
}
to {
width: 145px;
}
}
@keyframes blink-caret {
from, to {
border-color: transparent;
}
50% {
border-color: #2c2c2c;
}
}
.phone-animation {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 240px;
}
@media (min-width: 900px) {
.phone-animation {
margin-left: 30px;
margin-right: initial;
}
}
@media (min-width: 1380px) {
.phone-animation {
margin-left: 95px;
max-width: 260px;
}
}
.phone-animation .typing-animation {
overflow: hidden;
border-right: 1px solid #2c2c2c;
white-space: nowrap;
}
@media (min-width: 900px) {
.phone-animation .typing-animation {
animation: typing 1.5s steps(20, end), blink-caret 0.75s step-end infinite;
}
}
.phone-animation .search-input-wrapper {
position: absolute;
top: 100px;
left: -30px;
}
@media (min-width: 900px) {
.phone-animation .search-input-wrapper {
margin-bottom: 0;
top: 80px;
left: 120px;
}
}
.phone-animation .search-input {
width: 300px;
border: 2px solid #F1F1F1;
border-radius: 30px;
background: #fff;
padding: 15px 24px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
@media (min-width: 1380px) {
.phone-animation .search-input {
width: 350px;
}
}
.phone-animation .search-input .icon-google {
margin-right: 10px;
}
@media (min-width: 900px) {
.phone-animation .search-input .icon-google {
position: absolute;
left: -60px;
}
}
.phone-animation .search-input:after {
margin-left: auto;
font-size: 18px;
color: #999;
}
.phone-animation .search-results {
padding: 20px;
background: #fff;
max-width: 312px;
box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.0509803922);
border-radius: 16px;
text-align: left;
}
@media (min-width: 900px) {
.phone-animation .search-results {
padding: 32px;
}
}
.phone-animation .search-results .results {
margin-bottom: 26px;
}
.phone-animation .search-results .ad {
font-weight: bold;
}
.phone-animation .search-results .title {
margin-top: 16px;
color: #1A73E8;
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.phone-animation .search-results .desc {
color: #666666;
font-size: 14px;
}
.phone-animation .search-results .ad,
.phone-animation .search-results .domain,
.phone-animation .search-results .results {
color: #666666;
font-size: 12px;
}
.phone-animation:before {
content: "";
display: block;
width: 200px;
height: 200px;
border: 24px solid #ff5000;
position: absolute;
z-index: -1;
top: -40px;
left: 70px;
}
@media (min-width: 900px) {
.phone-animation:before {
content: "";
display: block;
width: 280px;
height: 280px;
border: 30px solid #ff5000;
position: absolute;
z-index: -1;
top: 33%;
left: 45%;
transform: translateY(-50%);
}
}
@media (min-width: 1380px) {
.phone-animation:before {
top: 53%;
content: "";
display: block;
width: 424px;
height: 424px;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
}
}
.main-slider {
background: #f9f9f9;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.main-slider {
margin-left: initial;
margin-right: initial;
}
}
.main-slider.loading .slide:not(.slide-1) {
opacity: 0;
visibility: hidden;
}
.slide-3-wrapper {
display: grid;
padding-top: 48px;
position: relative;
overflow: hidden;
}
@media (min-width: 900px) {
.slide-3-wrapper {
height: 716px;
}
}
.slide-2-wrapper,
.slide-1-wrapper {
display: grid;
grid-template-columns: 1fr;
padding-top: 48px;
}
@media (min-width: 900px) {
.slide-2-wrapper,
.slide-1-wrapper {
grid-template-columns: 1fr 1fr;
height: 716px;
padding-top: 100px;
padding-bottom: 90px;
}
.slide-2-wrapper .slide-title,
.slide-2-wrapper .slide-desc,
.slide-1-wrapper .slide-title,
.slide-1-wrapper .slide-desc {
grid-column: 1/2;
}
.slide-2-wrapper .laptop-animation,
.slide-2-wrapper .phone-animation,
.slide-1-wrapper .laptop-animation,
.slide-1-wrapper .phone-animation {
grid-column: 2/2;
grid-row: 1/span 2;
}
.slide-2-wrapper .slide-desc,
.slide-1-wrapper .slide-desc {
grid-row: 2;
}
}
@media (min-width: 900px) {
.slide-1 .slide-desc,
.slide-1 .slide-title,
.slide-2 .slide-desc,
.slide-2 .slide-title {
margin-left: 80px;
}
}
.slide-3,
.slide-2,
.slide-1 {
text-align: center;
}
.slide-3 br,
.slide-2 br,
.slide-1 br {
display: none;
}
@media (min-width: 900px) {
.slide-3 br,
.slide-2 br,
.slide-1 br {
display: inline;
}
.slide-3,
.slide-2,
.slide-1 {
text-align: left;
}
}
.slide-3 .slide-title,
.slide-2 .slide-title,
.slide-1 .slide-title {
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 64px;
}
.slide-3 .slide-title br,
.slide-2 .slide-title br,
.slide-1 .slide-title br {
display: none;
}
.slide-3 .slide-title span,
.slide-2 .slide-title span,
.slide-1 .slide-title span {
color: #ff5000;
}
@media (min-width: 900px) {
.slide-3 .slide-title,
.slide-2 .slide-title,
.slide-1 .slide-title {
margin-bottom: 12px;
align-self: end;
}
.slide-3 .slide-title br,
.slide-2 .slide-title br,
.slide-1 .slide-title br {
display: initial;
}
}
@media (min-width: 1380px) {
.slide-3 .slide-title,
.slide-2 .slide-title,
.slide-1 .slide-title {
font-size: 64px;
line-height: 72px;
align-self: start;
}
}
.slide-3 .slide-subtitle,
.slide-2 .slide-subtitle,
.slide-1 .slide-subtitle {
font-size: 18px;
font-weight: 600;
margin-bottom: 40px;
}
.slide-3 .slide-subtitle span,
.slide-2 .slide-subtitle span,
.slide-1 .slide-subtitle span {
color: #ff5000;
}
.slide-3 .slide-caption,
.slide-2 .slide-caption,
.slide-1 .slide-caption {
line-height: 24px;
font-size: 14px;
color: #333333;
margin-top: 0;
}
.slide-3 .btn-primary,
.slide-2 .btn-primary,
.slide-1 .btn-primary {
margin-bottom: 40px;
font-size: 14px;
}
.slide-3 br {
display: block;
}
.slide-3 .image {
position: relative;
overflow: hidden;
margin-left: -50px;
margin-right: -50px;
padding-top: 15px;
margin-bottom: 30px;
}
@media (min-width: 900px) {
.slide-3 .image {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
max-width: 1500px;
left: 0;
right: 0;
}
}
.slide-3 .image:before {
content: "";
display: block;
width: 60%;
height: 60%;
border: 20px solid #ff5000;
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;
}
.slide-3 .team-member:before {
width: 8px;
height: 8px;
background: #ff5000;
display: block;
}
.slide-3 .team-member {
display: none;
position: absolute;
}
@media (min-width: 1380px) {
.slide-3 .team-member {
display: block;
}
}
.slide-3 .team-member.aa {
top: 473px;
left: 54px;
}
.slide-3 .team-member.mw {
top: 388px;
left: 357px;
}
.slide-3 .team-member.kd {
top: 330px;
left: 850px;
}
.slide-3 .team-member.lb {
top: 390px;
left: 1200px;
}
.slide-3 .team-member.mp {
top: 474px;
left: 1339px;
}
.slide-3 .team-member:before {
content: "";
}
.slide-3 .team-member.dot-right {
text-align: right;
}
.slide-3 .team-member.dot-right:before {
margin-left: 100%;
}
.slide-3 .team-member.dot-left {
text-align: left;
}
.slide-3 .team-member.dot-left:before {
transform: translateX(-100%);
}
.slide-3 .team-member .name {
font-size: 24px;
font-weight: bold;
}
.slide-3 .team-member .position {
font-size: 12px;
color: #ff5000;
}
.slide-3 .btn-team {
display: none;
position: absolute;
bottom: 32px;
left: 0;
right: 0;
width: 216px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
@media (min-width: 900px) {
.slide-3 .slide-title,
.slide-3 .slide-desc {
display: none;
}
.slide-3 .image:before {
content: "";
display: block;
width: 60%;
height: 60%;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
top: 50px;
}
.slide-3 .btn-team {
display: block;
position: absolute;
}
}
@media (min-width: 1380px) {
.page.home .section-brands {
margin-bottom: 240px;
}
}
.section {
margin-bottom: 80px;
}
@media (min-width: 900px) {
.section {
margin-bottom: 120px;
}
}
.section .section-header {
text-align: center;
}
.section .section-header p {
font-size: 18px;
color: #444444;
}
.section .section-heading {
margin-top: 0;
font-size: 30px;
line-height: 40px;
margin-bottom: 2.5rem;
}
@media (min-width: 900px) {
.section .section-heading {
font-size: 48px;
line-height: 52px;
}
}
@media (min-width: 1380px) {
.section .section-heading {
font-size: 4rem;
line-height: 72px;
}
}
.section .section-heading span {
color: #ff5000;
}
.section.section-inverted .content {
color: #fff;
background: #000000;
text-align: center;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.section.section-inverted .content {
margin-left: 0;
margin-right: 0;
}
}
.section.section-inverted .section-heading {
font-size: 24px;
color: #fff;
}
@media (min-width: 900px) {
.section.section-inverted .section-heading {
font-size: 2rem;
line-height: 36px;
margin-bottom: 50px;
}
}
.section .section-news-holder {
background: #f9f9f9;
padding-top: 40px;
padding-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 899px) {
.section .section-news-holder {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 900px) {
.section .section-news-holder {
display: flex;
padding-top: 80px;
padding-bottom: 70px;
}
}
.section.section-news .icon-lines {
width: 24px;
display: inline-block;
margin-left: auto;
}
.section.section-news .icon-lines span {
height: 2px;
display: block;
background: #ff5000;
}
.section.section-news .icon-lines span:first-child {
margin-left: auto;
width: 12px;
margin-bottom: 4px;
}
.section.section-news .icon-lines span:last-child {
width: 12px;
margin-top: 4px;
}
.section.section-news .section-heading {
margin-bottom: 48px;
}
@media (min-width: 900px) {
.section.section-news .section-heading {
margin-bottom: 72px;
}
}
.section.section-news .bottom-text {
color: #000000;
opacity: 0.2;
font-weight: bold;
font-size: 32px;
margin-bottom: 42px;
}
.section.section-news .bottom-text + a {
display: none;
}
@media (min-width: 900px) {
.section.section-news .bottom-text {
font-size: 48px;
margin-bottom: 80px;
}
.section.section-news .bottom-text + a {
display: inline-block;
}
}
.section.section-news .our-blog {
color: #999999;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 32px;
display: block;
}
@media (min-width: 900px) {
.section.section-news .our-blog {
font-size: 18px;
margin-bottom: 64px;
}
}
.section.section-team {
background: #F9F9F9;
position: relative;
padding-top: 40px;
}
.section.section-team .container {
position: relative;
}
@media (min-width: 900px) {
.section.section-team {
padding-top: 60px;
}
}
.section.section-team .carousel-team-arrows {
display: flex;
align-items: center;
}
.section.section-team .carousel-actions {
position: absolute;
display: flex;
align-items: center;
width: 100%;
flex-direction: column-reverse;
bottom: 20px;
margin: 0 auto;
left: 0;
right: 0;
}
.section.section-team .carousel-actions a {
margin-top: 32px;
}
@media (min-width: 900px) {
.section.section-team .carousel-actions {
width: auto;
flex-direction: row;
bottom: 104px;
left: 15px;
}
.section.section-team .carousel-actions a {
margin-top: 0;
margin-right: 48px;
}
}
.section.section-team .carousel-item {
display: grid;
grid-template-columns: 1fr;
overflow: hidden;
}
@media (min-width: 900px) {
.section.section-team .carousel-item {
grid-template-columns: 1fr 1fr;
grid-template-rows: 305px 1fr;
}
.section.section-team .carousel-item .item-title,
.section.section-team .carousel-item .item-desc {
grid-column: 1/2;
}
.section.section-team .carousel-item .image-wrapper {
grid-column: 2/2;
grid-row: 1/span 2;
}
.section.section-team .carousel-item .item-desc {
grid-row: 2;
}
}
.section.section-team .section-heading {
text-align: center;
margin-bottom: 32px;
}
@media (min-width: 900px) {
.section.section-team .section-heading {
text-align: left;
margin-top: 45px;
}
}
.section.section-team .section-subheading {
color: #444444;
font-size: 18px;
margin-bottom: 64px;
text-align: center;
}
@media (min-width: 900px) {
.section.section-team .section-subheading {
text-align: left;
margin-bottom: 0;
}
}
.section.section-team .slick-prev {
margin-right: 24px;
}
.section.section-team .slick-prev:before {
font-size: 26px;
}
.section.section-team .slick-next {
transform: rotate(180deg);
}
.section.section-team .slick-next:before {
font-size: 26px;
}
.section.section-team .image-wrapper {
position: relative;
margin-bottom: 32px;
padding-left: 50px;
padding-right: 50px;
}
.section.section-team .image-wrapper[style*="opacity: 1;"]:before {
visibility: visible;
transform: translateX(0);
opacity: 1;
}
.section.section-team .image-wrapper:before {
top: 60px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
display: block;
width: 320px;
height: 320px;
border: 30px solid #ff5000;
position: absolute;
z-index: -1;
visibility: hidden;
opacity: 0;
transform: translateX(-100px);
transition: all 0.5s;
transition-delay: 0.5s;
}
@media (min-width: 900px) {
.section.section-team .image-wrapper {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 40px;
}
.section.section-team .image-wrapper:before {
top: 70px;
left: 30px;
right: auto;
content: "";
display: block;
width: 560px;
height: 560px;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
}
}
.section.section-team .member-info .name {
font-size: 24px;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
}
@media (min-width: 900px) {
.section.section-team .member-info .name {
text-align: left;
}
}
.section.section-team .member-info .position {
text-transform: uppercase;
font-size: 12px;
color: #ff5000;
margin-bottom: 32px;
text-align: center;
font-weight: 500;
}
@media (min-width: 900px) {
.section.section-team .member-info .position {
text-align: left;
}
}
.section.section-team .member-info .description {
font-size: 14px;
color: #444444;
text-align: center;
margin-bottom: 150px;
}
@media (min-width: 900px) {
.section.section-team .member-info .description {
margin-bottom: 56px;
text-align: left;
}
}
@media (min-width: 900px) and (max-width: 1379px) {
.section.section-team .carousel-actions {
left: 6%;
}
.section.section-team .item-desc,
.section.section-team .item-title {
margin-left: 10%;
}
}
.section.section-contact-us .call-to-action {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.section.section-contact-us .call-to-action {
margin-left: 0;
margin-right: 0;
}
}
.section.section-contact-us .form-title {
margin-top: 40px;
font-size: 32px;
color: #202028;
}
@media (min-width: 900px) {
.section.section-contact-us .form-title {
margin-top: 0;
}
}
.section.section-contact-us .form {
max-width: 552px;
margin: 0 auto;
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 900px) {
.section.section-contact-us .form {
padding: 0 15px 0 0;
}
}
.section.section-contact-us .call-to-action {
position: relative;
}
.section.section-contact-us .call-to-action .text {
color: #fff;
background: #000;
padding: 40px;
}
@media (min-width: 1380px) {
.section.section-contact-us .call-to-action .text {
padding: 54px 40px;
transform: translateY(-50%);
width: 540px;
position: absolute;
left: 140px;
top: 0;
}
}
.section.section-contact-us .call-to-action .text-top {
font-size: 18px;
margin-bottom: 24px;
}
.section.section-contact-us .call-to-action .text-bottom {
font-size: 32px;
font-weight: 600;
}
.section.section-contact-us .call-to-action .text-bottom span {
color: #ff5000;
}
.section.section-testimonials {
background: linear-gradient(#fff, #f7f7f7, #fff);
overflow: hidden;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.section.section-testimonials {
margin-bottom: 80px;
}
}
.section.section-testimonials .section-header p {
margin-bottom: 40px;
}
@media (min-width: 900px) {
.section.section-testimonials .section-header p {
margin-bottom: 20px;
}
}
.section.section-testimonials .testimonials-carousel-wrapper {
margin-left: -16px;
margin-right: -16px;
}
.section.section-testimonials .testimonials-carousel {
margin-bottom: 18px;
}
.section.section-testimonials .item-wrapper {
padding: 16px;
}
.section.section-testimonials .testimonials-carousel-item {
margin: 5px 0 15px 0;
background: #fff;
box-shadow: 0 15px 17px rgba(0, 0, 0, 0.05);
text-align: center;
padding: 30px 20px 20px 20px;
}
@media (min-width: 900px) {
.section.section-testimonials .testimonials-carousel-item {
padding: 48px;
text-align: left;
}
}
.section.section-testimonials img {
background: linear-gradient(#f2f2f2, #ddd);
left: -10%;
position: relative;
}
.section.section-testimonials .image {
position: relative;
width: 200px;
height: 200px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.section.section-testimonials .image:before {
content: "";
display: block;
width: 200px;
height: 200px;
border: 18px solid #ff5000;
position: absolute;
z-index: -1;
left: 10%;
top: 20%;
}
@media (min-width: 900px) {
.section.section-testimonials .image {
margin-left: 0;
margin-right: 0;
margin-bottom: 60px;
width: 120px;
height: 120px;
}
.section.section-testimonials .image img {
width: 120px;
height: 120px;
left: 0;
}
.section.section-testimonials .image:before {
content: "";
display: block;
width: 120px;
height: 120px;
border: 12px solid #ff5000;
position: absolute;
z-index: -1;
left: 20%;
}
}
.section.section-testimonials .header {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
margin-bottom: 16px;
}
@media (min-width: 900px) {
.section.section-testimonials .header {
flex-direction: row;
align-items: flex-start;
margin-bottom: 0;
}
}
.section.section-testimonials .file {
display: flex;
align-items: center;
flex-direction: column;
}
@media (min-width: 900px) {
.section.section-testimonials .file {
margin-top: 37px;
align-items: flex-end;
text-align: right;
}
}
.section.section-testimonials .label {
letter-spacing: 1px;
font-size: 12px;
text-transform: uppercase;
color: #ff5000;
font-weight: 500;
margin-bottom: 10px;
}
.section.section-testimonials .label a {
text-decoration: none;
color: #ff5000;
}
.section.section-testimonials .label a:hover {
text-decoration: underline;
}
.section.section-testimonials .btn-download {
padding: 0;
color: #999999;
font-size: 12px;
font-weight: 500;
}
.section.section-testimonials .btn-download:after {
color: #000;
margin-left: 8px;
}
.section.section-testimonials .content {
font-size: 17px;
line-height: 32px;
margin-bottom: 22px;
font-weight: 500;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1380px) {
.section.section-testimonials .content {
font-size: 24px;
margin-bottom: 35px;
min-height: 128px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
.section.section-testimonials .author {
font-size: 18px;
font-weight: 600;
color: #000;
}
@media (min-height: 900px) {
.section.section-testimonials .author {
font-size: 20px;
}
}
.section.section-testimonials .company {
color: #999999;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
min-height: 36px;
}
@media (min-height: 900px) {
.section.section-testimonials .company {
font-size: 12px;
}
}
@media (min-width: 900px) and (max-width: 1379px) {
.section.section-testimonials .container-xxl {
max-width: 90%;
}
}
@media (min-width: 900px) {
.section.section-about {
margin-bottom: 160px;
margin-top: 2px;
}
}
.section.section-about .section-heading {
margin-top: 0;
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 900px) {
.section.section-about .section-heading {
margin-top: 36px;
margin-bottom: 36px;
text-align: left;
}
}
.section.section-about .image-wrapper {
position: relative;
margin-bottom: 120px;
}
@media (min-width: 400px) {
.section.section-about .image-wrapper {
margin-bottom: 140px;
}
}
@media (min-width: 500px) {
.section.section-about .image-wrapper {
margin-bottom: 180px;
}
}
@media (min-width: 900px) {
.section.section-about .image-wrapper {
margin-bottom: 0;
padding-right: 30px;
}
}
.section.section-about .image-small {
position: absolute;
right: 0;
left: 0;
top: 100%;
transform: translateY(-50%);
max-width: 50%;
}
@media (min-width: 900px) {
.section.section-about .image-small {
top: auto;
bottom: 80px;
transform: none;
left: initial;
right: 0;
}
}
.section.section-about .btn-underline {
line-height: 20px;
font-size: 16px;
}
@media (min-width: 900px) {
.section.section-about .btn-underline {
margin-left: 40px;
}
}
.section.section-about .image-small,
.section.section-about .image-large {
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.1490196078);
}
@media (min-width: 900px) {
.section.section-about .image-large {
margin-left: initial;
}
}
.section.section-about ul {
margin-left: 0;
list-style: none;
padding: 0;
}
.section.section-about ul li {
margin-bottom: 16px;
position: relative;
padding-left: 40px;
line-height: 28px;
}
.section.section-about ul li:before {
position: absolute;
font-size: 20px;
left: 0;
color: #ff5000;
top: 10px;
}
.section.section-about .container {
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 900px) {
.section.section-about .container {
flex-direction: row;
justify-content: space-between;
}
.section.section-about .container .image-column {
width: 55%;
}
.section.section-about .container .text-column {
width: 40.5%;
}
.section.section-about .container .text-column p {
line-height: 32px;
}
}
@media (min-width: 900px) and (max-width: 1379px) {
.section.section-about .container {
max-width: 90%;
}
.section.section-about .container .image-column {
width: 45%;
}
}
.section .cta-section-caption {
z-index: 1;
position: relative;
margin-bottom: 48px;
}
.section .icon-ellipse {
display: inline-block;
position: relative;
}
.section .icon-ellipse img {
position: absolute;
transform: translateY(-40%) scale(1.2);
z-index: -1;
right: 0;
top: 0;
}
.carousel-workflow {
margin-top: 40px;
}
.carousel-workflow .step-box {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}
.carousel-workflow .label {
color: #ff5000;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 8px;
font-weight: bold;
}
.carousel-workflow .description {
font-size: 14px;
color: #666666;
}
.carousel-workflow .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 8px;
width: 100%;
}
.carousel-workflow .title:before {
color: #ff5000;
display: inline-block;
position: absolute;
right: -25px;
transform: translateY(5px);
}
.testimonials-carousel-dots,
.news-carousel-dots,
.workflow-carousel-dots,
.main-slider-dots {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
@media (min-width: 900px) {
.testimonials-carousel-dots,
.news-carousel-dots,
.workflow-carousel-dots,
.main-slider-dots {
margin-bottom: 80px;
}
}
.testimonials-carousel-dots .slick-dots,
.news-carousel-dots .slick-dots,
.workflow-carousel-dots .slick-dots,
.main-slider-dots .slick-dots {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.testimonials-carousel-dots .slick-dots > li,
.news-carousel-dots .slick-dots > li,
.workflow-carousel-dots .slick-dots > li,
.main-slider-dots .slick-dots > li {
display: block;
background: #000;
width: 12px;
height: 12px;
margin-right: 8px;
margin-left: 8px;
text-indent: -9999px;
}
.testimonials-carousel-dots .slick-dots > li.slick-active, .testimonials-carousel-dots .slick-dots > li:hover,
.news-carousel-dots .slick-dots > li.slick-active,
.news-carousel-dots .slick-dots > li:hover,
.workflow-carousel-dots .slick-dots > li.slick-active,
.workflow-carousel-dots .slick-dots > li:hover,
.main-slider-dots .slick-dots > li.slick-active,
.main-slider-dots .slick-dots > li:hover {
background: #ff5000;
}
.testimonials-carousel-dots .slick-dots > li:hover,
.news-carousel-dots .slick-dots > li:hover,
.workflow-carousel-dots .slick-dots > li:hover,
.main-slider-dots .slick-dots > li:hover {
cursor: pointer;
}
.testimonials-carousel-dots {
position: relative;
margin-bottom: 0;
top: -15px;
}
.news-wrapper {
flex: 1;
overflow: hidden;
}
.news-wrapper .learn-more-text {
line-height: 26px;
max-width: 814px;
margin: 0 auto;
text-align: center;
}
.news-wrapper .learn-more-text a {
display: inline-block;
margin-top: 40px;
}
@media (min-width: 900px) {
.news-wrapper .learn-more-text {
text-align: left;
}
.news-wrapper .learn-more-text a {
display: none;
}
}
.news-wrapper .news-carousel-dots {
margin-bottom: 32px !important;
}
@media (min-width: 900px) and (max-width: 1379px) {
.news-wrapper {
margin-right: 15px;
}
}
.news-carousel {
margin-bottom: 32px;
}
.news-carousel .category {
color: #ff5000;
font-weight: 600;
font-size: 14px;
margin-bottom: 24px;
display: flex;
}
.news-carousel .category a {
text-decoration: none;
}
.news-carousel .category a:hover {
text-decoration: underline;
}
.news-carousel .slick-slide {
padding-top: 16px;
}
.news-carousel .slick-center .carousel-item {
margin-top: -16px;
padding-bottom: 42px;
}
.news-carousel .slick-center .link:after {
font-weight: normal;
margin-left: 8px;
font-size: 12px;
position: relative;
top: -1px;
}
.news-carousel .carousel-item {
transition: all 0.3s;
background: #fff;
border-radius: 20px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.0509803922);
padding: 24px;
padding-bottom: 10px;
margin: 0 5px;
margin-bottom: 20px;
max-width: 288px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 600px) {
.news-carousel .carousel-item {
margin-left: 5px;
margin-right: 5px;
}
}
.news-carousel .carousel-item .image {
margin-bottom: 24px;
}
.news-carousel .carousel-item .image img {
display: block;
}
.news-carousel .carousel-item .title {
height: 90px;
font-weight: bold;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-carousel .carousel-item .title a {
text-decoration: none;
color: #2c2c2c;
font-size: 20px;
}
.news-carousel .carousel-item .title a:hover {
text-decoration: underline;
}
.news-carousel .carousel-item p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 24px;
color: #444444;
}
.news-carousel .entry-title {
margin: 0;
}
.news-carousel .link {
color: #ff5000;
font-weight: bold;
font-size: 14px;
text-decoration: none;
padding-bottom: 10px;
display: inline-block;
}
.news-carousel .link:hover {
text-decoration: underline;
}
.brands-carousel {
max-width: 1450px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 900px) {
.brands-carousel {
padding-left: 40px;
padding-right: 40px;
}
}
.brands-carousel:before {
content: "";
display: block;
height: 2px;
background: #fff;
transform: rotate(2deg);
top: -35px;
position: relative;
opacity: 0.35;
}
@media (min-width: 900px) {
.brands-carousel:before {
top: -100px;
}
}
.brands-carousel:after {
content: "";
display: block;
height: 2px;
background: #fff;
transform: rotate(-2deg);
bottom: -35px;
opacity: 0.35;
position: relative;
}
@media (min-width: 900px) {
.brands-carousel:after {
bottom: -100px;
}
}
.brands-carousel-item {
position: relative;
height: 100px !important;
display: flex !important;
justify-content: center;
align-items: center;
}
@media (min-width: 900px) {
.brands-carousel-item {
height: 160px !important;
}
}
.brands-carousel-item.slick-active:after {
content: "";
display: block;
opacity: 0.35;
width: 2px;
height: 160px;
background: #fff;
position: absolute;
top: 0;
left: 100%;
}
.brands-carousel-item img {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 900px) {
.brands-carousel-item img {
padding-left: 10px;
padding-right: 10px;
}
}
.timeline-left-bar {
display: none;
position: absolute;
left: 0;
top: 20px;
font-weight: bold;
color: #ff5000;
}
@media (min-width: 1380px) {
.timeline-left-bar {
display: block;
}
}
.timeline-left-bar .line {
margin-top: 15px;
margin-bottom: 15px;
display: block;
height: 870px;
background: transparent linear-gradient(5deg, #802800 0%, #FF5000 100%) 0% 0% no-repeat padding-box;
width: 8px;
}
.section-workflow {
overflow: hidden;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.section-workflow {
margin-bottom: 80px;
}
}
.workflow-graphic {
max-width: 1200px;
margin: 0 auto;
margin-top: 120px;
position: relative;
}
.workflow-graphic:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
background: #ff5000;
border-radius: 50%;
margin: 0 auto;
left: 0;
right: 0;
top: -37px;
z-index: 1;
}
.workflow-graphic:before {
content: "";
display: block;
position: absolute;
background: #ff5000;
border-radius: 50%;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
top: -18px;
width: 8px;
height: 8px;
}
@media (min-width: 900px) {
.workflow-graphic:before {
top: -37px;
width: 20px;
height: 20px;
}
}
.workflow-graphic:after {
text-align: center;
display: block;
position: absolute;
color: #ff5000;
z-index: 1;
left: 0;
right: 0;
bottom: -18px;
font-size: 10px;
}
@media (min-width: 900px) {
.workflow-graphic:after {
bottom: -40px;
font-size: 20px;
}
}
.workflow-graphic .timeline {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -44px;
width: 144px;
}
@media (min-width: 900px) {
.workflow-graphic .timeline {
width: auto;
top: -100px;
}
}
.workflow-graphic .step-label {
display: none;
color: #ff5000;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 8px;
font-weight: bold;
}
@media (min-width: 900px) {
.workflow-graphic .step-label {
display: block;
}
}
.workflow-graphic .step-desc {
color: #666666;
font-size: 14px;
display: none;
position: absolute;
}
@media (min-width: 900px) {
.workflow-graphic .step-desc {
display: block;
}
}
.workflow-graphic .step-name {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
position: absolute;
width: 100%;
}
.workflow-graphic .step-name:before {
display: block;
color: #ff5000;
margin-bottom: 5px;
}
@media (min-width: 900px) {
.workflow-graphic .step-name {
font-size: 22px;
position: relative;
}
.workflow-graphic .step-name:before {
display: inline-block;
position: absolute;
right: -35px;
top: 5px;
margin-bottom: 0;
}
}
.workflow-graphic .icon {
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.13);
width: 100%;
border-radius: 50%;
text-align: center;
display: block;
position: relative;
background: #f9f9f9;
transition: 0.3s;
}
.workflow-graphic .icon:hover {
transform: rotateY(180deg);
}
.workflow-graphic .icon img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 20px;
height: 20px;
}
@media (min-width: 900px) {
.workflow-graphic .icon img {
width: auto;
height: auto;
}
}
.workflow-graphic .icon:before {
content: "";
display: block;
padding-top: 100%;
}
.workflow-graphic .item-row {
display: flex;
margin-bottom: 4px;
}
@media (min-width: 900px) {
.workflow-graphic .item-row {
margin-bottom: 6px;
}
}
.workflow-graphic .text {
position: relative;
}
.workflow-graphic .cell {
width: 50%;
display: flex;
justify-content: space-between;
}
.workflow-graphic .cell .icon-wrapper {
margin-left: 0;
margin-right: 8px;
}
.workflow-graphic .cell div + .icon-wrapper {
margin-left: 8px;
margin-right: 0;
}
.workflow-graphic .cell > div:first-child {
text-align: right;
}
.workflow-graphic .cell + .cell .step-name:before {
transform: rotate(180deg);
text-align: right;
}
@media (min-width: 900px) {
.workflow-graphic .cell + .cell .step-name:before {
left: -35px;
top: 5px;
}
}
.workflow-graphic .cell > div {
width: 50%;
}
.workflow-graphic .cell .icon-wrapper {
width: 50px;
}
@media (min-width: 900px) {
.workflow-graphic .cell .icon-wrapper {
width: 125px;
}
}
.timeline-wrapper {
position: relative;
}
.timeline-top-label {
text-align: center;
margin-bottom: -95px;
}
@media (min-width: 900px) {
.timeline-top-label {
margin-bottom: -65px;
}
}
.timeline-top-label span {
display: block;
margin-bottom: 15px;
}
.timeline-top-label span:before {
content: "";
display: block;
background: #ff5000;
margin: 0 auto;
width: 218px;
height: 2px;
}
.timeline-top-label span:after {
content: "";
display: block;
width: 2px;
height: 40px;
background: #ff5000;
margin: 0 auto;
}
.timeline-bottom-label {
text-align: center;
margin-top: 25px;
}
@media (min-width: 900px) {
.timeline-bottom-label {
margin-top: 59px;
}
}
.timeline-bottom-label span {
display: block;
margin-bottom: 15px;
}
.timeline-bottom-label span:before {
content: "";
display: block;
width: 2px;
height: 40px;
background: #ff5000;
margin: 0 auto;
}
.timeline-bottom-label span:after {
content: "";
display: block;
width: 218px;
height: 2px;
background: #ff5000;
margin: 0 auto;
}
.timeline-bottom-label .label {
text-transform: uppercase;
color: #ff5000;
font-size: 12px;
font-weight: bold;
}
.timeline-bottom-label .text {
font-size: 24px;
font-weight: bold;
}
@media (min-width: 1380px) {
.google-ads-adwords .page-categories ul.menu {
display: flex;
flex-wrap: wrap;
}
.google-ads-adwords .page-categories ul.menu > li {
flex: 0 0 16.666%;
}
}
.google-ads-adwords .page-header {
background: #f9f9f9;
padding-top: 24px;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 1380px) {
.google-ads-adwords .page-header {
margin-left: 0;
margin-right: 0;
}
}
.google-ads-adwords .hero {
text-align: center;
position: relative;
margin-bottom: 16px;
}
@media (min-width: 1380px) {
.google-ads-adwords .hero {
margin-bottom: 130px;
}
}
@media (min-width: 1380px) {
.google-ads-adwords .hero .animate {
opacity: 0;
}
}
.google-ads-adwords .hero .hero-header {
margin-left: 15px;
margin-right: 15px;
}
.google-ads-adwords .hero .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
margin-top: 50px;
}
.google-ads-adwords .hero .title span {
color: #ff5000;
}
@media (min-width: 900px) {
.google-ads-adwords .hero .title {
font-size: 48px;
line-height: 52px;
margin-top: 0;
}
.google-ads-adwords .hero .title br {
display: none;
}
}
@media (min-width: 1380px) {
.google-ads-adwords .hero .title {
font-size: 64px;
line-height: 72px;
}
}
.google-ads-adwords .hero .subtitle {
font-size: 18px;
line-height: 32px;
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.google-ads-adwords .hero .subtitle {
font-size: 24px;
}
}
.google-ads-adwords .hero .image img {
display: block;
margin-left: auto;
margin-right: auto;
}
.google-ads-adwords .hero button {
margin-bottom: 40px;
box-shadow: 0px 10px 20px rgba(255, 80, 0, 0.1490196078);
}
.google-ads-adwords .our-numbers {
padding-top: 50px;
padding-bottom: 0;
}
.google-ads-adwords .our-numbers .image-box:before {
border-width: 12px;
left: 25px;
top: 25px;
}
.google-ads-adwords .page-section-2 .section-title {
margin-bottom: 23px;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-2 .section-title {
margin-bottom: 40px;
}
}
.google-ads-adwords .section-toc {
background: #f9f9f9;
padding: 64px 0;
}
.google-ads-adwords .section-toc .table-of-contents {
background: #fff;
border: 6px solid #ff5000;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.google-ads-adwords .section-toc {
padding: 120px 0;
}
}
.google-ads-adwords .page-section-21,
.google-ads-adwords .page-section-4 {
background: #000;
color: #fff;
padding: 64px 0;
margin-bottom: 0;
text-align: center;
}
.google-ads-adwords .page-section-21 .container,
.google-ads-adwords .page-section-4 .container {
max-width: 820px;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-21,
.google-ads-adwords .page-section-4 {
padding: 80px 0;
}
}
.google-ads-adwords .page-section-21 .section-title,
.google-ads-adwords .page-section-4 .section-title {
text-align: center;
color: #fff;
}
.google-ads-adwords .page-section-26 {
background: #000;
color: #fff;
padding: 64px 0;
margin-bottom: 0;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-26 {
padding: 120px 0;
}
}
.google-ads-adwords .page-section-26 .section-title {
color: #fff;
}
.google-ads-adwords .page-section-19 {
background: #000;
color: #fff;
margin-bottom: 15px;
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-19 {
padding-bottom: 240px;
padding-top: 160px;
margin-bottom: 0;
}
}
.google-ads-adwords .page-section-19 .label {
color: #ff5000;
font-weight: bold;
margin-bottom: 32px;
}
.google-ads-adwords .page-section-19 .row > div {
position: relative;
}
.google-ads-adwords .page-section-19 .custom-image-box {
position: relative;
z-index: 1;
display: inline-block;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-19 .custom-image-box {
position: absolute;
box-shadow: none;
top: 30px;
}
}
.google-ads-adwords .page-section-19 .custom-image-box:before {
content: "";
display: block;
width: 70%;
height: 70%;
border: 24px solid #ff5000;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-19 .custom-image-box:before {
height: 100%;
border-width: 40px;
left: 40px;
top: -80px;
}
}
.google-ads-adwords .page-section-19 .section-title {
color: #fff;
}
.google-ads-adwords .page-section-19 .content {
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: 900px) {
.google-ads-adwords .cta-3.lifted-up {
margin-top: -160px;
}
}
.google-ads-adwords .cta-3.lifted-up .title {
font-weight: bold;
font-size: 32px;
line-height: 40px;
}
.google-ads-adwords .page-section-11,
.google-ads-adwords .page-section-7 {
background: #000;
color: #fff;
margin-bottom: 48px;
position: relative;
}
.google-ads-adwords .page-section-11 .content,
.google-ads-adwords .page-section-7 .content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 64px;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-11,
.google-ads-adwords .page-section-7 {
display: flex;
align-items: stretch;
}
.google-ads-adwords .page-section-11 .content,
.google-ads-adwords .page-section-7 .content {
margin-left: 80px;
max-width: 700px;
padding-top: 120px;
padding-bottom: 80px;
}
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-11,
.google-ads-adwords .page-section-7 {
padding-left: 0;
padding-right: 0;
}
}
.google-ads-adwords .page-section-11 > div,
.google-ads-adwords .page-section-7 > div {
flex: 1;
}
.google-ads-adwords .page-section-11 .background-image,
.google-ads-adwords .page-section-7 .background-image {
margin-bottom: 40px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-11 .background-image,
.google-ads-adwords .page-section-7 .background-image {
margin-bottom: 0;
max-width: 885px;
}
}
.google-ads-adwords .page-section-11 .background-image img,
.google-ads-adwords .page-section-7 .background-image img {
width: 100%;
}
.google-ads-adwords .page-section-11 .section-title,
.google-ads-adwords .page-section-7 .section-title {
color: #fff;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-11,
.google-ads-adwords .page-section-7 {
margin-bottom: 160px;
}
}
.google-ads-adwords .page-section-24,
.google-ads-adwords .page-section-22,
.google-ads-adwords .page-section-17,
.google-ads-adwords .page-section-15,
.google-ads-adwords .page-section-5 {
padding: 80px 0;
background: #f9f9f9;
}
@media (min-width: 900px) {
.google-ads-adwords .page-section-24,
.google-ads-adwords .page-section-22,
.google-ads-adwords .page-section-17,
.google-ads-adwords .page-section-15,
.google-ads-adwords .page-section-5 {
padding: 120px 0;
}
}
.google-ads-adwords .page-section-12 .section-title {
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
}
.google-ads-adwords .page-section-12 figure:not(:last-child) {
margin-bottom: 60px;
}
.google-ads-adwords .page-section-12 figure:last-child {
margin-bottom: 40px;
}
.google-ads-adwords .page-section-17,
.google-ads-adwords .page-section-13 {
padding-left: 15px;
padding-right: 15px;
background: #f9f9f9;
padding-top: 80px;
padding-bottom: 80px;
}
.google-ads-adwords .page-section-17 .content,
.google-ads-adwords .page-section-13 .content {
max-width: 850px;
margin: 0 auto;
}
.animate[style*="opacity: 1;"] .custom-image-box:before {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.animate > .custom-image-box:before {
visibility: hidden;
opacity: 0;
transform: translateY(100px);
transition: all 0.8s;
transition-delay: 0.6s;
}
.google-ads-tutorial p {
text-align: justify;
}
.google-ads-tutorial ol {
padding: 0;
margin: 0;
margin-left: 20px;
}
.google-ads-tutorial ol:not(:last-child) {
margin-bottom: 32px;
}
.google-ads-tutorial ol li {
line-height: 32px;
margin-bottom: 4px;
}
.google-ads-tutorial ul {
padding: 0;
margin: 0;
margin-left: 25px;
}
.google-ads-tutorial ul:not(:last-child) {
margin-bottom: 32px;
}
.google-ads-tutorial ul li {
line-height: 32px;
margin-bottom: 4px;
}
.google-ads-tutorial ul li::marker {
color: #ff5000;
font-size: 1.5em;
}
.google-ads-tutorial h3,
.google-ads-tutorial h4,
.google-ads-tutorial h5,
.google-ads-tutorial h6 {
font-size: 24px;
line-height: 32px;
}
.google-ads-tutorial .tutorial-header {
background: #000;
padding-top: 48px;
margin-bottom: 48px;
padding-bottom: 0;
position: relative;
}
.google-ads-tutorial .tutorial-header .orange-box {
content: "";
display: block;
background: #ff5000;
width: 100px;
height: 100px;
position: absolute;
left: 0;
bottom: 0;
}
@media (min-width: 900px) {
.google-ads-tutorial .tutorial-header {
padding-bottom: 48px;
}
.google-ads-tutorial .tutorial-header .orange-box {
transform: translateX(-50%);
}
.google-ads-tutorial .tutorial-header .background-image {
position: absolute;
top: 0;
right: 0;
left: 60%;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
}
}
@media (min-width: 1380px) {
.google-ads-tutorial .tutorial-header {
margin-bottom: 90px;
padding-top: 120px;
padding-bottom: 120px;
}
.google-ads-tutorial .tutorial-header .orange-box {
width: 195px;
height: 195px;
}
}
.google-ads-tutorial .tutorial-header img {
width: 100%;
}
.google-ads-tutorial .tutorial-header h2 {
color: #fff;
font-size: 32px;
line-height: 40px;
position: relative;
margin: 0 0 48px 0;
}
.google-ads-tutorial .tutorial-header h2:before {
color: #fff;
font-size: 32px;
background: #ff5000;
width: 72px;
height: 72px;
text-align: center;
line-height: 72px;
display: block;
margin: 0 0 20px 0;
}
@media (min-width: 900px) {
.google-ads-tutorial .tutorial-header h2:before {
display: inline-block;
margin-bottom: 0;
position: absolute;
left: 0;
top: 10px;
}
}
@media (min-width: 900px) {
.google-ads-tutorial .tutorial-header h2 {
line-height: 56px;
padding-left: 100px;
margin-bottom: 0;
}
}
@media (min-width: 1380px) {
.google-ads-tutorial .tutorial-header h2 {
font-size: 48px;
}
}
.google-ads-tutorial .contact-form {
padding: 32px;
border: 6px solid #ff5000;
}
@media (min-width: 900px) {
.google-ads-tutorial .contact-form {
margin-left: 60px;
position: sticky;
top: 110px;
}
}
.google-ads-tutorial .contact-form .subtitle {
font-size: 18px;
line-height: 24px;
}
.google-ads-tutorial .contact-form .subtitle span {
font-weight: bold;
}
.google-ads-tutorial .contact-form textarea {
height: 60px;
}
.google-ads-tutorial .contact-form .form-title {
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
margin-top: 0;
}
@media (min-width: 900px) {
.google-ads-tutorial .contact-form .form-title {
font-size: 32px;
line-height: 42px;
}
}
.google-ads-tutorial .contact-form .form-title span {
color: #ff5000;
}
.site-header.dark-header:not(.is-sticky) {
background: #000;
}
.site-header.dark-header:not(.is-sticky) .menu-icon span {
background: #fff;
}
.site-header.dark-header:not(.is-sticky) .main-navigation .free-quote-button {
background: #000;
color: #fff;
}
.site-header.dark-header:not(.is-sticky) .main-navigation .free-quote-button:hover {
background: #ff5000;
}
.site-header.dark-header:not(.is-sticky):before {
content: "";
display: block;
width: 90%;
height: 1px;
background: #E8E8E8;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.site-header.dark-header:not(.is-sticky) .main-navigation a {
color: #fff;
}
.site-header.dark-header:not(.is-sticky) .gp-logo-container img,
.site-header.dark-header:not(.is-sticky) .site-title img {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.entry-page-content {
max-width: 980px;
font-size: 16px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.entry-page-content p {
line-height: 32px;
}
.entry-page-content > ol, .entry-page-content > ul {
margin: 0;
padding-left: 40px;
}
.entry-page-content > ol li, .entry-page-content > ul li {
margin-bottom: 20px;
}
.entry-page-content h2, .entry-page-content h3, .entry-page-content h4, .entry-page-content h5 {
font-size: 24px;
line-height: 32px;
}
@media (min-width: 900px) {
.entry-page-content {
margin-bottom: 120px;
}
}
.entry-page-content p {
text-align: justify;
}
.entry-dark-header {
padding-top: 24px;
text-align: center;
padding-bottom: 64px;
background: #000;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.entry-dark-header {
text-align: left;
}
}
@media (min-width: 1380px) {
.entry-dark-header {
margin-bottom: 160px;
}
.entry-dark-header .animate {
opacity: 0;
}
.entry-dark-header + .container-xxl {
margin-top: -80px;
}
}
.entry-dark-header .btn-ghost {
background: #000;
color: #fff;
}
@media (min-width: 900px) {
.entry-dark-header .btn-ghost {
margin-left: 10%;
}
}
@media (min-width: 1380px) {
.entry-dark-header .btn-ghost {
margin-left: 0;
}
}
.entry-dark-header .btn-ghost:hover {
background: #ff5000;
}
.animate[style*="opacity: 1;"] .entry-dark-header .header-image:before {
visibility: visible;
transform: translateY(0);
opacity: 1;
}
.animate > .entry-dark-header .header-image:before {
visibility: hidden;
opacity: 0;
transform: translateY(100px);
transition: all 0.8s;
transition-delay: 0.6s;
}
.entry-dark-header .header-image {
position: relative;
margin-top: 40px;
margin-bottom: 40px;
max-width: 550px;
margin-right: 40px;
display: inline-block;
}
.entry-dark-header .header-image .header-image-wrapper {
mask-image: url(https://afterweb.pl/wp-content/themes/aftertheme/img/page-hero-mask.png);
mask-size: cover;
max-height: 490px;
}
.entry-dark-header .header-image .post-thumbnail {
position: relative;
z-index: 1;
}
.entry-dark-header .header-image:before {
content: "";
display: block;
width: 170px;
height: 170px;
border: 20px solid #ff5000;
position: absolute;
z-index: -1;
right: -40px;
top: -30px;
z-index: 0;
}
@media (min-width: 900px) {
.entry-dark-header .header-image {
max-width: 100%;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
}
.entry-dark-header .header-image:before {
content: "";
display: block;
width: 250px;
height: 250px;
border: 30px solid #ff5000;
position: absolute;
z-index: -1;
right: -70px;
top: -50px;
z-index: 0;
}
}
@media (min-width: 1380px) {
.entry-dark-header .header-image:before {
content: "";
display: block;
width: 408px;
height: 408px;
border: 40px solid #ff5000;
position: absolute;
z-index: -1;
right: -100px;
top: -70px;
z-index: 0;
}
}
.entry-dark-header #breadcrumbs {
text-align: left;
margin-bottom: 64px;
}
.entry-dark-header .page-title {
font-size: 32px;
margin-top: 0;
color: #fff;
line-height: 40px;
}
@media (min-width: 900px) {
.entry-dark-header .page-title {
font-size: 48px;
line-height: 52px;
margin-left: 10%;
}
}
@media (min-width: 1380px) {
.entry-dark-header .page-title {
font-size: 64px;
line-height: 72px;
margin-left: 0;
}
}
.polish-company {
background: #000;
color: #fff;
padding: 64px 0;
}
@media (min-width: 900px) {
.polish-company {
padding: 120px 0;
}
}
.polish-company .section-title {
color: #fff;
}
@media (min-width: 900px) {
.polish-company .section-title {
scroll-margin-top: 240px;
}
}
@media (min-width: 900px) {
.about-us {
margin-bottom: 200px;
}
}
.about-us .subheader {
font-size: 18px;
line-height: 32px;
margin-bottom: 32px;
}
.about-us .description {
line-height: 32px;
margin-bottom: 42px;
}
.our-mission {
margin-bottom: 0;
}
.our-mission .our-mission-holder {
padding-top: 40px;
padding-bottom: 40px;
background: #f9f9f9;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1380px) {
.our-mission .our-mission-holder {
padding-top: 120px;
padding-bottom: 120px;
}
}
.our-mission .btn-underline {
margin-bottom: 40px;
}
.our-mission ul {
margin-left: 0;
list-style: none;
padding: 0;
}
.our-mission ul li {
margin-bottom: 16px;
position: relative;
padding-left: 40px;
line-height: 28px;
}
.our-mission ul li:before {
position: absolute;
font-size: 20px;
left: 0;
color: #ff5000;
top: 3px;
}
.our-mission .section-heading {
font-size: 36px;
line-height: 42px;
margin-bottom: 48px;
}
@media (min-width: 1380px) {
.our-mission .section-heading {
font-size: 48px;
line-height: 56px;
margin-bottom: 64px;
}
}
.our-mission .subheader {
font-size: 18px;
line-height: 32px;
margin-bottom: 32px;
}
.our-mission .description {
line-height: 32px;
margin-bottom: 42px;
}
.our-numbers {
color: #fff;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
background: #000;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 80px;
}
@media (min-width: 900px) {
.our-numbers {
text-align: left;
margin-bottom: 160px;
}
}
@media (min-width: 1380px) {
.our-numbers {
padding-top: 104px;
padding-bottom: 120px;
}
}
.our-numbers .col {
margin-bottom: 42px;
}
.our-numbers .row {
flex-direction: column;
}
@media (min-width: 900px) {
.our-numbers .row {
flex-direction: row;
}
}
.our-numbers .heading {
color: #fff;
font-size: 32px;
line-height: 40px;
margin-bottom: 48px;
margin-top: 0;
}
@media (min-width: 900px) {
.our-numbers .heading {
font-size: 48px;
line-height: 56px;
text-align: center;
}
}
.our-numbers .number {
font-weight: bold;
color: #ff5000;
font-size: 32px;
margin-bottom: 16px;
}
@media (min-width: 900px) {
.our-numbers .number {
font-size: 48px;
}
}
@media (min-width: 1380px) {
.our-numbers .number {
font-size: 64px;
}
}
.our-numbers .label {
font-size: 24px;
line-height: 32px;
}
.our-slogan .image {
text-align: center;
}
@media (min-width: 900px) and (max-width: 1379px) {
.our-slogan .container-xxl {
width: 90%;
}
}
.our-slogan .icon-ellipse {
display: inline-block;
position: relative;
}
.our-slogan .icon-ellipse img {
position: absolute;
transform: translateY(0%) scale(1.5);
z-index: -1;
right: 0;
top: 0;
}
.our-slogan .slogan {
text-align: center;
font-size: 24px;
line-height: 32px;
margin-top: 40px;
}
@media (min-width: 900px) {
.our-slogan .slogan {
text-align: justify;
font-size: 26px;
line-height: 46px;
margin-top: 0;
margin-left: 40px;
}
}
@media (min-width: 1380px) {
.our-slogan .slogan {
font-size: 32px;
line-height: 48px;
}
}
.our-slogan .name {
font-size: 24px;
font-weight: bold;
}
@media (min-width: 900px) {
.our-slogan .name {
margin-top: 30px;
}
}
.our-slogan .position {
font-size: 14px;
font-weight: 500;
}
.contact-us {
text-align: center;
padding-left: 15px;
padding-right: 15px;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
}
.contact-us .subheader {
margin-bottom: 48px;
line-height: 32px;
font-size: 24px;
}
@media (min-width: 900px) {
.contact-us .subheader {
line-height: 40px;
font-size: 32px;
}
}
.contact-us .description {
line-height: 32px;
margin-bottom: 48px;
}
.contact-us .description a {
text-decoration: none;
}
.contact-us .description a:hover {
text-decoration: underline;
}
.other-services {
margin: 100px auto 20px;
display: flex;
flex-direction: column;
}
@media (min-width: 600px) {
.other-services {
flex-wrap: wrap;
flex-direction: row;
}
}
.other-services .image-icon {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
max-width: 40%;
top: 50%;
transform: translateY(-50%) rotate(12deg) scale(0.8);
transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.other-services .box {
margin-bottom: 100px;
position: relative;
}
.other-services .box:nth-child(1) .image-icon {
filter: invert(27%) sepia(87%) saturate(1363%) hue-rotate(127deg) brightness(100%) contrast(101%);
}
.other-services .box:nth-child(2) .image-icon {
filter: invert(36%) sepia(88%) saturate(7474%) hue-rotate(214deg) brightness(95%) contrast(101%);
}
.other-services .box:nth-child(3) .image-icon {
filter: invert(26%) sepia(79%) saturate(4573%) hue-rotate(351deg) brightness(87%) contrast(91%);
}
.other-services .box:nth-child(4) .image-icon {
filter: invert(61%) sepia(82%) saturate(1509%) hue-rotate(0deg) brightness(103%) contrast(105%);
}
.other-services .box:nth-child(5) .image-icon {
filter: invert(28%) sepia(59%) saturate(4990%) hue-rotate(325deg) brightness(90%) contrast(103%);
}
.other-services .box:nth-child(6) .image-icon {
filter: invert(20%) sepia(58%) saturate(2891%) hue-rotate(250deg) brightness(101%) contrast(89%);
}
@media (min-width: 600px) {
.other-services .box {
width: 40%;
margin-right: 50px;
}
}
@media (min-width: 900px) {
.other-services .box {
width: 27%;
}
}
@media (min-width: 1380px) {
.other-services .box {
width: 21%;
}
}
.other-services .box .title {
font-size: 20px;
margin-top: 0;
margin-bottom: 16px;
}
.other-services .box .title a {
color: #202028;
}
.other-services .box .title a:hover {
color: #ff5000;
text-decoration: none;
}
.other-services .box .image {
display: inline-block;
margin-bottom: 5px;
position: relative;
max-width: 200px;
}
@media (min-width: 900px) {
.other-services .box .image {
max-width: 250px;
}
}
.other-services .box .image:hover .image-icon {
transform: translateY(-50%) rotate(12deg) scale(1);
}
.other-services .box .image:before {
content: "";
display: block;
width: 120px;
height: 120px;
border: 16px solid #ff5000;
position: absolute;
z-index: -1;
top: -40px;
right: -40px;
z-index: 0;
}
.other-services .box .image .image-background {
position: relative;
}
.other-services .box a {
font-weight: bold;
text-decoration: none;
}
.other-services .box a:hover {
text-decoration: underline;
}
.other-services .link-more:after {
font-weight: normal;
margin-left: 8px;
font-size: 10px;
line-height: 20px;
}
.inne-uslugi #breadcrumbs {
margin-top: 20px;
}
.section-our-team {
color: #fff;
background: #000000;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 150px;
}
@media (min-width: 1380px) {
.section-our-team {
padding-bottom: 370px;
}
}
@media (min-width: 1380px) {
.section-our-team {
padding-top: 160px;
padding-left: 0;
padding-right: 0;
}
}
.section-our-team .section-heading {
color: #fff;
font-size: 32px;
line-height: 40px;
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.section-our-team .section-heading {
font-size: 64px;
line-height: 72px;
margin-bottom: 48px;
}
}
.section-our-team .section-subheading {
font-size: 32px;
line-height: 40px;
margin-bottom: 64px;
margin-top: 48px;
}
@media (min-width: 900px) {
.section-our-team .section-subheading {
margin-top: 0;
}
}
.section-our-team p {
margin-bottom: 48px;
line-height: 32px;
}
.section-team-members {
margin-right: 32px;
margin-left: 32px;
text-align: center;
margin-top: -150px;
}
@media (min-width: 1380px) {
.section-team-members {
margin-top: -270px;
max-width: 1380px;
margin-left: auto;
margin-right: auto;
}
}
.section-team-members .col-md-4:last-child .team-member {
margin-bottom: 0;
}
.section-team-members .team-member {
display: inline-block;
margin-bottom: 65px;
text-align: left;
}
.section-team-members .image {
margin-bottom: 32px;
border: 1px solid #eee;
}
.section-team-members img {
display: block;
}
.section-team-members .empty-member {
text-align: left;
}
.section-team-members .name {
font-size: 24px;
font-weight: bold;
margin-bottom: 8px;
}
.section-team-members .position {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 32px;
}
.section-team-members .email:before {
color: #ff5000;
margin-right: 8px;
font-size: 24px;
font-weight: bold;
}
.section-team-members .phone:before {
color: #ff5000;
margin-right: 8px;
font-size: 24px;
font-weight: bold;
}
.section-team-members .contact {
margin-bottom: 22px;
}
.section-team-members .contact a {
display: block;
text-decoration: none;
color: #000;
margin-bottom: 20px;
}
.opinie-referencje.paged-2 .page-references .entry-header {
padding-bottom: 140px;
}
@media (min-width: 1380px) {
.opinie-referencje.paged-2 .page-references .entry-header {
padding-bottom: 160px;
}
}
.page-references #breadcrumbs {
padding-top: 24px;
}
.page-references h1 {
font-size: 32px;
margin-top: 40px;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.page-references h1 {
margin-top: 0;
font-size: 48px;
}
}
@media (min-width: 1380px) {
.page-references h1 {
font-size: 64px;
margin-bottom: 48px;
}
}
.page-references .hero-references .subtitle {
font-weight: bold;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.page-references .hero-references .subtitle {
font-size: 24px;
line-height: 32px;
font-weight: 500;
margin-bottom: 80px;
}
}
.page-references .hero-references .description {
font-size: 14px;
line-height: 24px;
text-align: justify;
}
@media (min-width: 900px) {
.page-references .hero-references .description {
font-size: 16px;
line-height: 32px;
}
}
.page-references .hero-references .entry-header {
background: #F9F9F9;
padding-bottom: 180px;
margin-left: -15px;
margin-right: -15px;
}
.page-references .hero-references .entry-header > div {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1380px) {
.page-references .hero-references .entry-header {
padding-bottom: 240px;
margin: 0;
}
}
.page-references .hero-references .entry-header .row {
flex-direction: column-reverse;
}
@media (min-width: 900px) {
.page-references .hero-references .entry-header .row {
flex-direction: row;
}
}
.page-references .hero-references .entry-header .row > div:first-child {
margin-top: auto;
}
.page-references .hero-references .image-wrapper {
position: relative;
display: inline-block;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 900px) {
.page-references .hero-references .image-wrapper {
float: right;
}
}
.page-references .hero-references .image-wrapper img {
display: block;
}
.page-references .hero-references .square-brand {
content: "";
display: block;
background: #ff5000;
width: 104px;
height: 104px;
bottom: 0;
}
@media (min-width: 1380px) {
.page-references .hero-references .square-brand {
transform: translateX(-50%);
}
}
.page-references .hero-references .square-black {
content: "";
display: block;
background: #000;
width: 104px;
height: 104px;
right: 0;
top: 0;
}
.page-references .hero-references .square-black,
.page-references .hero-references .square-brand {
position: absolute;
}
@media (min-width: 1380px) {
.page-references .hero-references .square-black,
.page-references .hero-references .square-brand {
width: 196px;
height: 196px;
}
}
@media (min-width: 900px) {
.page-references .hero-references .text-column {
margin-left: 10%;
margin-right: 20px;
}
}
@media (min-width: 1380px) {
.page-references .hero-references .text-column {
margin-left: 0;
margin-right: 0;
padding: 0;
}
}
.page-references .section-references {
margin-top: -120px;
margin-bottom: 120px;
}
.page-references .references-grid {
display: flex;
flex-direction: column;
max-width: 1380px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 80px;
}
@media (min-width: 900px) {
.page-references .references-grid {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media (min-width: 1380px) {
.page-references .references-grid {
margin-left: auto;
margin-right: auto;
}
}
.page-references .position {
font-size: 12px;
font-weight: 500;
}
.page-references .reference-row {
background: #fff;
width: 100%;
display: flex;
flex-direction: column;
padding-top: 60px;
margin-bottom: 40px;
justify-content: space-between;
align-items: center;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 900px) {
.page-references .reference-row {
padding-right: 40px;
padding-left: 40px;
}
}
.page-references .reference-row + .reference-row {
border-top: 1px solid #D6D6D6;
padding-top: 60px;
}
.page-references .reference-row ul {
margin: 0;
padding: 0;
list-style: none;
}
.page-references .reference-row ul li {
padding-left: 26px;
margin-bottom: 8px;
position: relative;
}
.page-references .reference-row ul li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background: #ff5000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 900px) {
.page-references .reference-row ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.page-references .reference-row ul li {
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.page-references .reference-row {
flex-direction: row;
margin-bottom: 80px;
}
}
.page-references .reference-row .services-title {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 8px;
}
.page-references .reference-row .description {
line-height: 24px;
}
.page-references .reference-row .description p {
margin-top: 0;
margin-bottom: 12px;
}
@media (min-width: 900px) {
.page-references .reference-row .description {
width: 60%;
line-height: 32px;
margin-right: 86px;
}
}
.page-references .reference-row .website {
text-align: center;
}
.page-references .reference-row .website a {
color: #999999;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
}
.page-references .reference-row .website a:hover {
text-decoration: underline;
}
.page-references .reference-row .title {
font-size: 24px;
margin-bottom: 0;
text-align: center;
}
.page-references .reference-row .logotype {
width: 110px;
height: 110px;
position: relative;
margin-left: 20px;
margin-bottom: 12px;
z-index: 1;
}
@media (min-width: 900px) {
.page-references .reference-row .logotype {
margin-right: 0;
margin-bottom: 30px;
margin-left: 50px;
width: 180px;
height: 180px;
}
}
.page-references .reference-row .logotype a {
width: 110px;
height: 110px;
background: #fff;
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
border: 2px solid #D6D6D6;
}
@media (min-width: 900px) {
.page-references .reference-row .logotype a {
width: 180px;
height: 180px;
}
}
.page-references .reference-row .logotype:before {
content: "";
display: block;
width: 110px;
height: 110px;
border: 12px solid #ff5000;
position: absolute;
z-index: -1;
top: 20px;
right: 20px;
z-index: -1;
}
@media (min-width: 900px) {
.page-references .reference-row .logotype:before {
content: "";
display: block;
width: 180px;
height: 180px;
border: 20px solid #ff5000;
position: absolute;
z-index: -1;
top: 40px;
right: 40px;
}
}
.page-references .reference-row .logotype img {
filter: invert(1);
}
.page-references .reference-row .brand-info {
display: flex;
margin-bottom: 20px;
flex-direction: column;
align-items: center;
}
@media (min-width: 900px) {
.page-references .reference-row .brand-info {
width: 28%;
}
}
.page-references .reference-box-content {
position: absolute;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 20px;
color: #fff;
}
@media (min-width: 900px) {
.page-references .reference-box-content {
padding: 40px;
}
}
.page-references .reference-box-content.white {
color: #000000;
}
.page-references .reference-box-content.white img {
filter: invert(1);
}
.page-references .reference-box-content.white .title {
color: #000;
}
.page-references .reference-box-content.orange .icon-quote:before, .page-references .reference-box-content.orange .icon-quote:after {
background: #fff;
}
.page-references .reference-box-content.orange .download-button a {
color: #fff;
}
.page-references .reference-box-content > div {
z-index: 1;
}
.page-references .reference-box {
position: relative;
margin-bottom: 24px;
max-width: 438px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 900px) {
.page-references .reference-box {
margin-bottom: 40px;
width: 48%;
}
}
@media (min-width: 1380px) {
.page-references .reference-box {
width: 31.5%;
}
}
.page-references .reference-box:before {
content: "";
display: block;
padding-bottom: 100%;
}
.page-references .reference-box .sm-author-photo {
border-radius: 50%;
width: 110px;
height: 110px;
overflow: hidden;
flex-shrink: 0;
background: #fff;
margin-left: 10px;
}
.page-references .reference-box .box-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.page-references .reference-box .background {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.page-references .reference-box .background.orange, .page-references .reference-box .background.orange_gradient {
background: #ff5000;
}
.page-references .reference-box .background.black_gradient {
background: #fff;
}
.page-references .reference-box .background.black {
background: #000;
}
.page-references .reference-box .background.black:after, .page-references .reference-box .background.orange_gradient:after, .page-references .reference-box .background.black_gradient:after {
display: block;
content: "";
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843) 0%, #000000 100%) 0% 0% no-repeat padding-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.65;
}
.page-references .reference-box .logotype img {
height: 25px;
}
@media (min-width: 900px) {
.page-references .reference-box .logotype img {
height: 32px;
}
}
.page-references .reference-box .description {
margin-top: auto;
font-size: 14px;
margin-bottom: 28px;
}
@media (min-width: 440px) {
.page-references .reference-box .description {
font-size: 16px;
margin-bottom: 24px;
}
}
.page-references .reference-box .post-edit-link {
font-size: 14px;
text-decoration: none;
font-weight: normal;
display: block;
}
.page-references .reference-box .post-edit-link:hover {
text-decoration: underline;
}
.page-references .reference-box .title {
font-size: 18px;
font-weight: bold;
margin: 0;
color: #fff;
word-break: break-word;
}
@media (min-width: 900px) {
.page-references .reference-box .title {
font-size: 24px;
}
}
.page-references .reference-box .title--sm {
font-size: 20px;
}
.page-references .reference-box .download-button a {
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
}
.page-references .reference-box .download-button a:after {
margin-left: 5px;
}
.page-references .reference-box .download-button a:hover {
text-decoration: underline;
}
.pozycjonowanie-stron .md-shadow {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1490196078);
}
.pozycjonowanie-stron .lg-shadow {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1490196078);
}
.pozycjonowanie-stron .section-toc {
background: #f9f9f9;
padding: 64px 0;
}
.pozycjonowanie-stron .section-toc .table-of-contents {
background: #fff;
border: 6px solid #ff5000;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .section-toc {
padding: 120px 0;
}
}
.pozycjonowanie-stron .section-label {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #ff5000;
margin-bottom: 24px;
}
.pozycjonowanie-stron #breadcrumbs {
margin-bottom: 64px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron #breadcrumbs {
margin-bottom: 30px;
}
}
.pozycjonowanie-stron .section-title-center {
text-align: center;
}
.pozycjonowanie-stron .seo-hero {
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .seo-hero .animate {
opacity: 0;
}
}
.pozycjonowanie-stron .seo-hero img {
width: 100%;
}
.pozycjonowanie-stron .seo-hero .hero-subtitle {
font-size: 18px;
margin-bottom: 30px;
line-height: 32px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .seo-hero .hero-subtitle span {
display: block;
}
}
.pozycjonowanie-stron .seo-hero .section-title {
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 24px;
text-align: center;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .seo-hero .section-title {
font-size: 48px;
line-height: 52px;
margin-bottom: 40px;
}
.pozycjonowanie-stron .seo-hero .section-title span {
display: block;
}
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .seo-hero .section-title {
font-size: 64px;
line-height: 72px;
margin-bottom: 40px;
}
}
.pozycjonowanie-stron .seo-hero button {
font-size: 16px;
margin-bottom: 5px;
}
.pozycjonowanie-stron .section-title span {
color: #ff5000;
}
.pozycjonowanie-stron .our-numbers {
padding-top: 50px;
padding-bottom: 0;
}
.pozycjonowanie-stron .our-numbers .image-box:before {
border-width: 12px;
left: 25px;
top: 25px;
}
.pozycjonowanie-stron .page-section-0 {
background: #000;
padding: 48px 0;
text-align: center;
color: #fff;
margin-bottom: 0;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-0 {
padding: 80px 0;
margin-bottom: 96px;
}
}
.pozycjonowanie-stron .page-section-0 .section-title {
color: #fff;
text-align: center;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-0 .section-title {
font-size: 64px;
line-height: 72px;
}
}
.pozycjonowanie-stron .page-section-0 .section-subtitle {
font-size: 18px;
margin-bottom: 64px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-0 .section-subtitle span {
display: block;
}
}
.pozycjonowanie-stron .boxes {
display: flex;
flex-direction: column;
align-items: center;
}
.pozycjonowanie-stron .boxes .box {
display: flex;
margin-bottom: 64px;
}
.pozycjonowanie-stron .boxes .box > div:first-child {
width: 90px;
margin-right: 20px;
}
.pozycjonowanie-stron .boxes .box > div:last-child {
width: 155px;
}
.pozycjonowanie-stron .boxes i {
font-size: 54px;
}
.pozycjonowanie-stron .boxes .header {
font-size: 18px;
text-align: left;
}
.pozycjonowanie-stron .boxes .header div {
font-weight: bold;
font-size: 24px;
color: #ff5000;
}
.pozycjonowanie-stron .boxes .area {
font-weight: bold;
text-align: center;
color: #848484;
text-transform: uppercase;
line-height: 16px;
font-size: 12px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .boxes {
justify-content: space-around;
flex-direction: row;
}
.pozycjonowanie-stron .boxes .box {
width: 24%;
margin-bottom: 0;
}
}
.pozycjonowanie-stron .page-section-1 .container-xxl {
background-repeat: no-repeat;
background-size: cover;
}
.pozycjonowanie-stron .page-section-1 .form-wrapper {
max-width: 680px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-1 .form-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.pozycjonowanie-stron .page-section-1 .contact-form {
border: 0;
background: #fff;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-1 .contact-form {
padding-left: 80px;
padding-right: 80px;
}
}
.pozycjonowanie-stron .steps-boxes {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.pozycjonowanie-stron .steps-boxes .count {
border: 4px solid #ff5000;
width: 64px;
height: 64px;
text-align: center;
line-height: 58px;
flex-shrink: 0;
display: inline-block;
font-weight: bold;
font-size: 32px;
margin-bottom: 28px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .steps-boxes .count {
margin-bottom: 0;
margin-right: 24px;
}
}
.pozycjonowanie-stron .steps-boxes .box {
display: flex;
margin-bottom: 24px;
padding: 32px;
background: #fff;
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.0509803922);
flex-direction: column;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .steps-boxes .box {
padding: 64px;
}
}
.pozycjonowanie-stron .steps-boxes .title {
font-weight: bold;
font-size: 24px;
line-height: 32px;
display: flex;
align-items: center;
margin-bottom: 24px;
flex-direction: column;
text-align: center;
}
.pozycjonowanie-stron .steps-boxes .title a {
color: #000;
text-decoration: none;
}
.pozycjonowanie-stron .steps-boxes .title a:hover {
text-decoration: underline;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .steps-boxes .title {
margin-bottom: 42px;
flex-direction: row;
text-align: left;
}
}
@media (min-width: 900px) {
.pozycjonowanie-stron .steps-boxes {
justify-content: space-between;
flex-direction: row;
}
.pozycjonowanie-stron .steps-boxes .box {
width: 48%;
margin-bottom: 56px;
}
}
.pozycjonowanie-stron .page-section-38,
.pozycjonowanie-stron .page-section-31,
.pozycjonowanie-stron .page-section-36,
.pozycjonowanie-stron .page-section-29,
.pozycjonowanie-stron .page-section-25 {
background: #000;
padding-top: 64px;
padding-bottom: 64px;
color: #fff;
}
.pozycjonowanie-stron .page-section-38 .section-title,
.pozycjonowanie-stron .page-section-31 .section-title,
.pozycjonowanie-stron .page-section-36 .section-title,
.pozycjonowanie-stron .page-section-29 .section-title,
.pozycjonowanie-stron .page-section-25 .section-title {
color: #fff;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-38,
.pozycjonowanie-stron .page-section-31,
.pozycjonowanie-stron .page-section-36,
.pozycjonowanie-stron .page-section-29,
.pozycjonowanie-stron .page-section-25 {
padding-top: 120px;
padding-bottom: 120px;
}
}
.pozycjonowanie-stron .page-section-29 {
margin-bottom: 0;
}
.pozycjonowanie-stron .page-section-38,
.pozycjonowanie-stron .page-section-31 {
text-align: center;
margin-bottom: 0;
}
.pozycjonowanie-stron .page-section-38 .container,
.pozycjonowanie-stron .page-section-31 .container {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.pozycjonowanie-stron .pricing-seo {
margin-bottom: 0;
}
.pozycjonowanie-stron .page-section-38 {
margin-bottom: 80px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-38 {
margin-bottom: 160px;
}
}
.pozycjonowanie-stron .page-section-36 {
text-align: center;
}
.pozycjonowanie-stron .page-section-36 .container {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-36 {
margin-bottom: 64px;
}
}
.pozycjonowanie-stron .page-section-info {
margin-bottom: 50px;
}
.pozycjonowanie-stron .page-section-37 {
background: #f9f9f9;
padding-top: 64px;
padding-bottom: 64px;
margin-bottom: 50px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-37 {
padding-top: 90px;
padding-bottom: 90px;
}
}
.pozycjonowanie-stron .page-section-37 p {
text-align: center;
}
.pozycjonowanie-stron .page-section-37 .latest-posts {
margin-top: 32px;
margin-bottom: 32px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-37 .latest-posts {
margin-top: 64px;
margin-bottom: 64px;
}
}
.pozycjonowanie-stron .page-section-37 .latest-posts img {
display: block;
}
.pozycjonowanie-stron .page-section-37 .latest-posts .entry-header {
background: #fff;
padding: 32px;
}
.pozycjonowanie-stron .page-section-37 .latest-posts .entry-title {
font-size: 24px;
line-height: 32px;
margin: 0;
}
.pozycjonowanie-stron .page-section-37 .latest-posts .entry-title a {
color: #000;
text-decoration: none;
}
.pozycjonowanie-stron .page-section-37 .latest-posts .entry-title a:hover {
text-decoration: underline;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-37 .latest-posts {
display: flex;
justify-content: space-between;
}
.pozycjonowanie-stron .page-section-37 .latest-posts article {
width: 32%;
}
}
.pozycjonowanie-stron .page-section-10 {
background: #000;
padding-top: 64px;
padding-bottom: 64px;
color: #fff;
margin-bottom: 0;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-10 {
padding-top: 120px;
padding-bottom: 270px;
}
.pozycjonowanie-stron .page-section-10 + .lifted-up {
margin-bottom: 100px;
margin-top: -150px;
}
}
.pozycjonowanie-stron .page-section-10 .section-title {
color: #fff;
}
.pozycjonowanie-stron .page-section-10 + .lifted-up .title {
font-weight: normal;
}
.pozycjonowanie-stron .page-section-10 + .lifted-up .title:before {
display: block;
margin-left: auto;
margin-right: auto;
}
.pozycjonowanie-stron .page-section-35,
.pozycjonowanie-stron .page-section-33,
.pozycjonowanie-stron .page-section-30,
.pozycjonowanie-stron .page-section-21,
.pozycjonowanie-stron .page-section-19,
.pozycjonowanie-stron .page-section-17,
.pozycjonowanie-stron .page-section-12,
.pozycjonowanie-stron .page-section-8,
.pozycjonowanie-stron .page-section-5 {
background: #f9f9f9;
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-35,
.pozycjonowanie-stron .page-section-33,
.pozycjonowanie-stron .page-section-30,
.pozycjonowanie-stron .page-section-21,
.pozycjonowanie-stron .page-section-19,
.pozycjonowanie-stron .page-section-17,
.pozycjonowanie-stron .page-section-12,
.pozycjonowanie-stron .page-section-8,
.pozycjonowanie-stron .page-section-5 {
padding-top: 120px;
padding-bottom: 120px;
}
}
.pozycjonowanie-stron .section-awards,
.pozycjonowanie-stron .section-tools {
background: #f9f9f9;
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .section-awards,
.pozycjonowanie-stron .section-tools {
padding-top: 80px;
padding-bottom: 80px;
}
}
.pozycjonowanie-stron .page-section-35 {
margin-bottom: 0;
}
.pozycjonowanie-stron .page-section-5 .section-subtitle {
font-size: 18px;
line-height: 32px;
font-weight: bold;
margin-bottom: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-5 .section-subtitle {
margin-bottom: 116px;
}
}
.pozycjonowanie-stron .page-section-5 .section-label,
.pozycjonowanie-stron .page-section-5 .section-title,
.pozycjonowanie-stron .page-section-5 .section-subtitle {
text-align: center;
}
.pozycjonowanie-stron .page-section-6 .section-title {
text-align: center;
}
.pozycjonowanie-stron .page-section-6 .author-bio {
max-width: unset;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-6 .author-bio {
padding-left: 160px;
padding-right: 160px;
}
}
.pozycjonowanie-stron .page-section-15 .section-title,
.pozycjonowanie-stron .page-section-15 .container {
text-align: center;
}
.pozycjonowanie-stron .page-section-15 .title {
display: flex;
align-items: center;
font-weight: bold;
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
margin-top: 64px;
flex-direction: column;
}
.pozycjonowanie-stron .page-section-15 .title img {
margin-bottom: 24px;
display: block;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-15 .title {
height: 120px;
flex-direction: row;
}
.pozycjonowanie-stron .page-section-15 .title img {
margin-right: 50px;
margin-bottom: 0;
}
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-15 .title {
margin-top: 100px;
}
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .section-tools p,
.pozycjonowanie-stron .section-awards .section-title {
margin-bottom: 58px;
}
}
.pozycjonowanie-stron .section-awards .section-title, .pozycjonowanie-stron .section-awards,
.pozycjonowanie-stron .section-tools .section-title,
.pozycjonowanie-stron .section-tools {
text-align: center;
}
.pozycjonowanie-stron .section-awards .tools-carousel,
.pozycjonowanie-stron .section-awards .awards-carousel,
.pozycjonowanie-stron .section-tools .tools-carousel,
.pozycjonowanie-stron .section-tools .awards-carousel {
text-align: center;
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .section-awards .tools-carousel,
.pozycjonowanie-stron .section-awards .awards-carousel,
.pozycjonowanie-stron .section-tools .tools-carousel,
.pozycjonowanie-stron .section-tools .awards-carousel {
margin-left: 50px;
margin-right: 50px;
}
}
.pozycjonowanie-stron .section-awards .tools-carousel img,
.pozycjonowanie-stron .section-awards .awards-carousel img,
.pozycjonowanie-stron .section-tools .tools-carousel img,
.pozycjonowanie-stron .section-tools .awards-carousel img {
display: inline-block;
padding: 0 24px;
}
.pozycjonowanie-stron .page-section-16 {
margin-bottom: 24px;
}
.pozycjonowanie-stron .google-algorithms {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
margin-top: 64px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .google-algorithms {
flex-direction: row;
margin-top: 148px;
}
}
.pozycjonowanie-stron .google-algorithms .title {
margin-top: 0;
line-height: 32px;
font-size: 24px;
display: flex;
align-items: center;
font-weight: bold;
margin-bottom: 24px;
flex-direction: column;
}
.pozycjonowanie-stron .google-algorithms .title .icon-image {
width: 120px;
height: 120px;
border-radius: 50%;
border: 4px solid #ff5000;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
flex-shrink: 0;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .google-algorithms .title {
flex-direction: row;
}
.pozycjonowanie-stron .google-algorithms .title .icon-image {
margin-right: 50px;
margin-bottom: 0;
}
}
.pozycjonowanie-stron .google-algorithms .algorithm-description {
background: #fff;
padding: 32px;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .google-algorithms .algorithm-description {
width: 48%;
margin-bottom: 56px;
}
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .google-algorithms .algorithm-description {
padding: 64px;
}
}
.pozycjonowanie-stron .seo-factors {
max-width: 890px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .seo-factors .section-title:first-child {
margin-bottom: 96px;
}
}
.pozycjonowanie-stron .seo-factors .title {
cursor: pointer;
font-size: 18px;
font-weight: bold;
padding: 21px 24px;
background: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.0509803922);
margin-bottom: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.pozycjonowanie-stron .seo-factors .title:hover {
color: #ff5000;
}
.pozycjonowanie-stron .seo-factors .grower {
white-space: nowrap;
margin-left: 15px;
}
.pozycjonowanie-stron .seo-factors .grower:before {
display: none;
content: "Zobacz";
font-size: 14px;
font-weight: normal;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .seo-factors .grower:before {
display: inline;
}
}
.pozycjonowanie-stron .seo-factors .grower:after {
margin-left: 7px;
font-size: 6px;
font-weight: normal;
color: #ff5000;
transition: transform 0.3s;
}
.pozycjonowanie-stron .seo-factors .seo-factor + .section-title {
margin-top: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .seo-factors .seo-factor + .section-title {
margin-top: 120px;
}
}
.pozycjonowanie-stron .seo-factors .seo-factor .seo-factor-content {
display: none;
padding-left: 24px;
}
.pozycjonowanie-stron .seo-factors .seo-factor.is-active .seo-factor-content {
display: block;
}
.pozycjonowanie-stron .seo-factors .seo-factor.is-active .grower:before {
content: "Zwiń";
}
.pozycjonowanie-stron .seo-factors .seo-factor.is-active .grower:after {
transform: rotate(180deg);
}
.pozycjonowanie-stron .page-section-22 .section-title, .pozycjonowanie-stron .page-section-22 {
text-align: center;
}
.pozycjonowanie-stron .page-section-23 .steps-boxes {
margin-top: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-23 .steps-boxes {
margin-top: 160px;
}
}
.pozycjonowanie-stron .page-section-23 .box {
box-shadow: none;
padding: 0;
}
.pozycjonowanie-stron .page-section-26 .section-title, .pozycjonowanie-stron .page-section-26 {
text-align: center;
}
.pozycjonowanie-stron .page-section-26 .container {
max-width: 820px;
}
.pozycjonowanie-stron .page-section-26 p {
line-height: 32px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-26 p {
margin-bottom: 64px;
}
}
.pozycjonowanie-stron .page-section-28 .section-title,
.pozycjonowanie-stron .page-section-27 .section-title {
text-align: center;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.pozycjonowanie-stron .page-section-28 .subtitle,
.pozycjonowanie-stron .page-section-27 .subtitle {
max-width: 840px;
margin-left: auto;
margin-right: auto;
}
.pozycjonowanie-stron .page-section-28 p,
.pozycjonowanie-stron .page-section-28 .subtitle,
.pozycjonowanie-stron .page-section-27 p,
.pozycjonowanie-stron .page-section-27 .subtitle {
text-align: center;
line-height: 32px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-28 p,
.pozycjonowanie-stron .page-section-28 .subtitle,
.pozycjonowanie-stron .page-section-27 p,
.pozycjonowanie-stron .page-section-27 .subtitle {
margin-bottom: 100px;
}
}
.pozycjonowanie-stron .page-section-28 .subtitle {
text-align: justify;
}
.pozycjonowanie-stron .page-section-faq-list,
.pozycjonowanie-stron .page-section-28 {
margin-bottom: 100px;
}
.pozycjonowanie-stron .striped-list .list-item {
padding: 32px 20px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .striped-list .list-item {
display: flex;
}
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .striped-list .list-item {
padding: 48px 32px;
}
}
.pozycjonowanie-stron .striped-list .list-item:nth-child(odd) {
background: #fff5f1;
}
.pozycjonowanie-stron .striped-list .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 24px;
flex: 1 0 400px;
}
.pozycjonowanie-stron .striped-list .description {
line-height: 32px;
}
.pozycjonowanie-stron .agency-boxes {
margin-top: 32px;
}
.pozycjonowanie-stron .agency-boxes .title-icon {
width: 120px;
flex-shrink: 0;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 4px solid #ff5000;
margin-bottom: 24px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .agency-boxes .title-icon {
margin-right: 24px;
margin-bottom: 0;
}
}
.pozycjonowanie-stron .agency-boxes .box-item {
margin-bottom: 64px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .agency-boxes {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin-top: 120px;
}
.pozycjonowanie-stron .agency-boxes .box-item {
width: 30%;
margin-bottom: 100px;
}
}
.pozycjonowanie-stron .agency-boxes .title {
display: flex;
flex-direction: column;
align-items: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 40px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .agency-boxes .title {
flex-direction: row;
}
}
.pozycjonowanie-stron .page-section-30 {
margin-bottom: 0;
}
.pozycjonowanie-stron .page-section-30 .section-title-center {
margin-top: 64px;
margin-bottom: 40px;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-30 .section-title-center {
margin-top: 100px;
margin-bottom: 80px;
}
}
@media (min-width: 900px) {
.pozycjonowanie-stron .page-section-32 .box-item {
width: 48%;
}
}
.pozycjonowanie-stron .page-section-33 {
margin-bottom: 0;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-33 {
padding-bottom: 340px;
}
}
.pozycjonowanie-stron .page-section-33 .steps-boxes {
margin-top: 42px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .page-section-33 .steps-boxes {
margin-top: 100px;
}
}
.pozycjonowanie-stron .section-our-mission {
margin-bottom: 64px;
}
@media (min-width: 1380px) {
.pozycjonowanie-stron .section-our-mission {
margin-top: -200px;
margin-bottom: 140px;
}
}
.pozycjonowanie-stron .section-our-mission h3 {
margin-top: 0;
font-size: 24px;
line-height: 32px;
}
.pozycjonowanie-stron .section-our-mission svg {
flex-shrink: 0;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .section-our-mission svg {
margin-left: 90px;
}
}
.pozycjonowanie-stron .section-our-mission p {
line-height: 32px;
margin-bottom: 0;
}
.pozycjonowanie-stron .section-our-mission h3, .pozycjonowanie-stron .section-our-mission {
color: #fff;
}
.pozycjonowanie-stron .section-our-mission .content {
background: #ff5000;
display: flex;
flex-direction: column-reverse;
padding: 64px 15px;
}
@media (min-width: 900px) {
.pozycjonowanie-stron .section-our-mission .content {
flex-direction: row;
align-items: center;
padding: 64px 90px;
}
}
.seo-tutorial ol {
padding: 0;
margin: 0;
margin-left: 20px;
}
.seo-tutorial ol:not(:last-child) {
margin-bottom: 32px;
}
.seo-tutorial ol li {
line-height: 32px;
margin-bottom: 4px;
}
.seo-tutorial ul {
padding: 0;
margin: 0;
margin-left: 25px;
}
.seo-tutorial ul:not(:last-child) {
margin-bottom: 32px;
}
.seo-tutorial ul li {
line-height: 32px;
margin-bottom: 4px;
}
.seo-tutorial ul li::marker {
color: #ff5000;
font-size: 1.5em;
}
.seo-tutorial h3,
.seo-tutorial h4,
.seo-tutorial h5,
.seo-tutorial h6 {
font-size: 24px;
line-height: 32px;
}
.seo-tutorial .tutorial-header {
background: #000;
padding-top: 48px;
margin-bottom: 48px;
padding-bottom: 0;
position: relative;
}
.seo-tutorial .tutorial-header .orange-box {
content: "";
display: block;
background: #ff5000;
width: 100px;
height: 100px;
position: absolute;
left: 0;
bottom: 0;
}
@media (min-width: 900px) {
.seo-tutorial .tutorial-header {
padding-bottom: 48px;
}
.seo-tutorial .tutorial-header .orange-box {
transform: translateX(-50%);
}
.seo-tutorial .tutorial-header .background-image {
position: absolute;
top: 0;
right: 0;
left: 60%;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
}
}
@media (min-width: 1380px) {
.seo-tutorial .tutorial-header {
margin-bottom: 90px;
padding-top: 120px;
padding-bottom: 120px;
}
.seo-tutorial .tutorial-header .orange-box {
width: 195px;
height: 195px;
}
}
.seo-tutorial .tutorial-header img {
width: 100%;
}
.seo-tutorial .tutorial-header h2 {
color: #fff;
font-size: 32px;
line-height: 40px;
position: relative;
margin: 0 0 48px 0;
}
.seo-tutorial .tutorial-header h2:before {
color: #fff;
font-size: 32px;
background: #ff5000;
width: 72px;
height: 72px;
text-align: center;
line-height: 72px;
display: block;
margin: 0 0 20px 0;
}
@media (min-width: 900px) {
.seo-tutorial .tutorial-header h2:before {
display: inline-block;
margin-bottom: 0;
position: absolute;
left: 0;
top: 10px;
}
}
@media (min-width: 900px) {
.seo-tutorial .tutorial-header h2 {
line-height: 56px;
padding-left: 100px;
margin-bottom: 0;
}
}
@media (min-width: 1380px) {
.seo-tutorial .tutorial-header h2 {
font-size: 48px;
}
}
.seo-tutorial .contact-form {
padding: 32px;
border: 6px solid #ff5000;
}
@media (min-width: 900px) {
.seo-tutorial .contact-form {
padding: 32px;
margin-left: 60px;
position: sticky;
top: 110px;
}
}
.seo-tutorial .contact-form .subtitle {
font-size: 18px;
line-height: 24px;
}
.seo-tutorial .contact-form .subtitle span {
font-weight: bold;
}
.seo-tutorial .contact-form textarea {
height: 60px;
}
.seo-tutorial .contact-form .form-title {
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
margin-top: 0;
}
@media (min-width: 900px) {
.seo-tutorial .contact-form .form-title {
font-size: 32px;
line-height: 42px;
}
}
.seo-tutorial .contact-form .form-title span {
color: #ff5000;
}
.eightcol,
.elevencol,
.fivecol,
.fourcol,
.ninecol,
.onecol,
.sevencol,
.sixcol,
.tencol,
.threecol,
.twocol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row-item .onecol {
width: 4.85%;
}
.row-item .twocol {
width: 13.45%;
}
.row-item .threecol {
width: 22.05%;
}
.row-item .fourcol {
width: 30.75%;
}
.row-item .fivecol {
width: 39.45%;
}
.row-item .sixcol {
width: 48%;
}
.row-item .sevencol {
width: 56.75%;
}
.row-item .eightcol {
width: 65.4%;
}
.row-item .ninecol {
width: 74.05%;
}
.row-item .tencol {
width: 82.7%;
}
.row-item .elevencol {
width: 91.35%;
}
.row-item .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0;
}
.section_wrapper {
width: 100%;
background-color: #fff;
position: relative;
}
.section_wrapper.dark_bg {
background-color: transparent;
}
.section_wrapper.grey_border {
border-top: 1px solid #e0e0e0;
}
.section_box {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 1em 0 3em;
position: relative;
}
.uppercase {
text-transform: uppercase;
}
.blue {
color: #3498db;
}
.white {
color: #fff;
}
.green {
color: #16a085;
}
.red {
color: #df4c3c;
}
.padding_top {
padding-top: 25px;
}
.padding_top_large {
padding-top: 35px;
}
.testimonials_box {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 2em 0;
}
.testimonials_box {
max-width: 960px;
}
.testimonials_info .testimonials_name {
margin: 0;
padding-top: 15px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
width: 100%;
text-align: center;
display: block;
}
.newsletter_wrapper,
img.testimonials_picture {
background-color: #00a1ff;
}
.view img {
display: block;
position: relative;
padding: 20px;
box-sizing: border-box;
width: 250px;
height: 250px;
}
.testimonials_box h2 {
margin: 0 0 1em;
display: block;
clear: both;
font-size: 36px;
line-height: 48px;
text-align: center;
font-weight: 300;
color: #fff;
}
.description-section .about-image {
text-align: center;
}
.description-section .about-image img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.description-section .featured_dropcap > div {
display: flex;
align-items: center;
justify-content: center;
}
.testimonials_box {
padding: 2em 0 20px 0;
}
.testimonials_box {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 2em 0;
float: left;
}
.testimonials_wrapper .description {
margin-top: 2em;
}
.description-section h2 {
font-size: 26px;
line-height: 32px;
}
img.testimonials_picture {
display: block;
max-width: 260px;
max-height: 70px;
margin: 0 auto;
box-sizing: border-box;
background-color: transparent !important;
width: auto;
height: auto;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.testimonials_text {
padding: 20px 0 0 0;
font-size: 15px;
line-height: 20px !important;
font-weight: 300;
color: #fff;
}
.onecol {
width: 4.7%;
}
.twocol {
width: 13.2%;
}
.threecol {
width: 22.05%;
}
.fourcol {
width: 30.6%;
}
.fivecol {
width: 39%;
}
.sixcol {
width: 48%;
}
.sevencol {
width: 56.75%;
}
.eightcol {
width: 61.6%;
}
.ninecol {
width: 74.05%;
}
.tencol {
width: 82%;
}
.elevencol {
width: 91.35%;
}
.testimonials_wrapper {
width: 100%;
position: relative;
}
.testimonials_wrapper .background-image {
width: 100%;
position: relative;
min-height: 650px;
background-attachment: fixed;
}
.testimonials_screen {
width: 100%;
}
.testimonials_website {
position: absolute;
top: 4px;
left: 78px;
right: 78px;
max-width: calc(100% - 156px - 3px);
bottom: 25px;
width: 100%;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.testimonials_website_view::-webkit-scrollbar {
width: 3px;
background: #aaa;
}
.testimonials_website_view::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
}
.testimonials_website_view::-webkit-scrollbar-thumb {
background: #000;
}
.testimonials_website_view {
overflow-y: auto;
overflow-x: hidden;
position: absolute;
left: 11px;
top: 10px;
right: 9px;
bottom: 9px;
max-height: 100%;
}
.testimonials_website_view .testimonials_screen_website {
width: 100%;
}
.testimonials_wrapper .element_background_0 {
background: linear-gradient(150deg, #753a88 0, #cc2b5e 100%);
}
.testimonials_wrapper .element_background_1 {
background: linear-gradient(150deg, #734b6d 0, #42275a 100%);
}
.testimonials_wrapper .element_background_2 {
background: linear-gradient(150deg, #f45c43 0, #eb3349 100%);
}
.testimonials_wrapper .element_background_3 {
background: linear-gradient(150deg, #ffedbc 0, #ed4264 100%);
}
.testimonials_wrapper .element_background_4 {
background: linear-gradient(150deg, #004e92 0, #000428 100%);
}
.testimonials_wrapper .element_background_5 {
background: linear-gradient(150deg, #dc2430 0, #7b4397 100%);
}
.testimonials_wrapper .element_background_6 {
background: linear-gradient(150deg, #36d1dc 0, #ffc371 100%);
}
.testimonials_wrapper .element_background_7 {
background: linear-gradient(150deg, #de6262 0, #ffb88c 100%);
}
.testimonials_wrapper .element_background_8 {
background: linear-gradient(150deg, #516395 0, #614385 100%);
}
@keyframes MoveUpDown {
0%, 100% {
transform: translate(0, 0);
}
50% {
transform: translate(0, 20px);
}
}
.testimonial-next > img {
transform: rotate(-90deg);
}
.testimonial-prev > img {
transform: rotate(90deg);
}
.element {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.testimonials_box .row-item {
overflow: visible;
display: block;
max-width: 1140px;
margin: 0 auto;
float: none;
}
.testimonials_info {
position: relative;
}
.testimonials_info > * {
top: 0;
}
.element_background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.testimonial-next,
.testimonial-prev {
position: absolute;
top: 40%;
border: 0;
height: 100px;
padding: 0 4px;
background: rgba(255, 255, 255, 0.2);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.testimonial-next:hover,
.testimonial-prev:hover {
background: rgba(255, 255, 255, 0.4);
}
.testimonial-prev {
left: calc((100% - 685px) / 2 - 30px);
border-radius: 10px 0 0 10px;
}
.testimonial-next {
right: calc((100% - 685px) / 2 - 28px);
border-radius: 0 10px 10px 0;
}
.testimonial-next:focus,
.testimonial-prev:focus {
border: 0 !important;
outline: -webkit-focus-ring-color auto 0 !important;
}
.scroll_testimonials:focus {
outline: -webkit-focus-ring-color auto 0 !important;
}
.scroll_testimonials {
position: absolute;
bottom: 30px;
left: calc(50% - 15px);
height: 30px;
width: 30px;
border: 2px solid #fff;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 17px;
animation: MoveUpDown 3s linear infinite;
}
.testimonials_website_view,
html {
scroll-behavior: smooth;
}
.testimonials_box .link {
text-align: center;
}
.testimonials_box .link a {
color: #fff;
border: 2px solid #fff;
padding: 15px 20px 10px 20px;
font-weight: 700;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
display: inline-block;
text-decoration: none;
font-size: 16px;
}
.testimonials_box .link a:hover {
background: rgba(255, 255, 255, 0.3);
}
.left_fade.about-image {
margin-top: 4rem;
}
@media screen and (max-width: 1299px) {
header#header_wrapper {
padding: 4px 15px !important;
box-sizing: border-box;
}
#header_wrapper.shrink {
padding: 4px 15px !important;
}
.testimonials_box .threecol {
padding: 0 15px;
}
}
@media screen and (max-width: 1140px) {
.testimonials_box h2 {
margin: 0 0 0;
}
.testimonials_info .testimonials_name {
padding-top: 0;
}
.testimonials_box .threecol {
padding: 0 15px;
width: 100%;
box-sizing: border-box;
}
.testimonials_box .testimonials_info {
max-width: 600px;
margin: 0 auto;
min-height: 300px;
}
.testimonials_box .ninecol {
width: 100%;
box-sizing: border-box;
margin: 0 auto;
}
.testimonials_box .ninecol .relative {
max-width: 600px;
margin: 0 auto;
}
.testimonials_box {
float: none;
}
.testimonials_background-image {
min-height: auto;
}
.testimonials_box .row-item {
overflow: hidden;
}
.testimonials_website {
position: absolute;
top: 0;
left: 56px;
right: 56px;
max-width: calc(100% - 112px - 2px);
bottom: 16px;
width: 100%;
}
.testimonials_website_view {
left: 7px;
top: 10px;
right: 7px;
bottom: 9px;
}
.testimonial-prev {
left: calc((100% - 486px) / 2 - 30px);
}
.testimonial-next {
right: calc((100% - 486px) / 2 - 30px);
}
}
@media screen and (max-width: 1024px) {
#home_wrapper,
.info_wrapper {
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 767px) {
.testimonials_box .ninecol .relative {
max-width: 400px;
}
.testimonials_box .testimonials_info {
min-height: 350px;
}
.testimonials_info {
padding: 0 0;
}
p.testimonials_name {
text-align: center;
}
.services_item.last {
padding-bottom: 0;
}
.section_box {
padding: 1em 0;
}
.about-image .vertical-center {
height: auto;
text-align: center;
}
.row-item .eightcol,
.row-item .elevencol,
.row-item .fivecol,
.row-item .fourcol,
.row-item .ninecol,
.row-item .onecol,
.row-item .sevencol,
.row-item .sixcol,
.row-item .tencol,
.row-item .threecol,
.row-item .twelvecol,
.row-item .twocol {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
clear: both;
}
.section_box {
padding: 25px 0 0 0;
}
.testimonials_info {
border-right: none;
}
.testimonials_box {
width: 90%;
margin: 0 5%;
text-align: center;
}
img.testimonials_picture {
display: inline-block;
float: none;
margin: 0;
max-width: 100%;
}
.testimonials_name {
margin: 0;
padding-top: 15px;
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
width: 100%;
text-align: center;
display: block;
}
.testimonials_wrapper {
width: 100%;
position: relative;
background: #00a1ff;
}
.testimonials_text {
padding: 5px 0 0 0;
font-size: 15px;
line-height: 22px;
}
span.testimonials_autor,
span.testimonials_text {
font-size: 18px !important;
line-height: 32px !important;
}
span.testimonials_autor {
font-size: 14px !important;
line-height: 28px !important;
}
.testimonials_box .twelvecol {
flex-direction: column;
}
.testimonials_box .twelvecol .fivecol,
.testimonials_box .twelvecol .sevencol {
width: 100%;
}
.testimonials_box h2 {
margin: 0 0 0.5em;
}
.testimonials_website {
left: 37px;
right: 37px;
max-width: calc(100% - 74px - 2px);
}
.testimonials_website_view {
left: 5px;
top: 6px;
right: 4px;
bottom: 0;
}
.testimonial-prev {
left: calc((100% - 324px) / 2 - 30px);
}
.testimonial-next {
right: calc((100% - 324px) / 2 - 30px);
}
.left_fade.about-image {
margin-top: 0;
}
}
@media screen and (max-width: 533px) {
.testimonials_name {
font-size: 13px;
}
.description-section h2 {
font-size: 21px;
line-height: 1.2em;
text-align: center;
}
.description-section .about-image .vertical-center {
height: auto;
width: 100%;
display: block;
text-align: center;
}
.about-image img,
.description-section .about-image img {
max-height: 200px;
max-width: 80%;
height: auto;
width: auto;
}
.description-section .about-image {
padding-top: 1em;
}
.col-xs-9.small-grid {
width: 100%;
margin: 0;
padding: 0;
}
.xs-3.small-grid {
width: 100%;
text-align: center;
float: none !important;
margin: 0 auto;
}
}
@media screen and (max-width: 479px) {
.testimonials_box .testimonials_info {
min-height: 400px;
}
.testimonials_box .ninecol .relative {
max-width: 290px;
}
.testimonials_website {
left: 27px;
right: 27px;
max-width: calc(100% - 54px);
bottom: 13px;
}
.testimonials_website_view {
left: 3px;
top: 4px;
right: 3px;
bottom: 0;
}
.testimonial-prev {
left: calc((100% - 234px) / 2 - 30px);
}
.testimonial-next {
right: calc((100% - 234px) / 2 - 30px);
}
.testimonial-next,
.testimonial-prev {
top: 10%;
}
}
@media screen and (max-width: 359px) {
.testimonials_website {
left: 24px;
right: 24px;
max-width: calc(100% - 48px);
bottom: 10px;
}
.testimonials_box .ninecol .relative {
max-width: 260px;
}
.testimonial-prev {
left: calc((100% - 208px) / 2 - 30px);
}
.testimonial-next {
right: calc((100% - 208px) / 2 - 30px);
}
.testimonials_box .testimonials_info {
min-height: 440px;
}
}
::-moz-selection {
color: #fff;
background: #333;
}
::selection {
color: #fff;
background: #333;
}
@media (min-width: 1380px) {
::-webkit-scrollbar {
width: 10px;
background: #111;
}
::-webkit-scrollbar-thumb {
background: #fff;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
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.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;
}