html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 1.5em;
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;
-webkit-text-decoration: underline dotted;
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;
border-radius: 10px 10px 10px 10px !important;
}
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;
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: normal;
font-weight: 300;
src: url("../fonts/lato-v17-latin-300.eot");
src: local(""),
url("../fonts/lato-v17-latin-300.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-300.woff2") format("woff2"),
url("../fonts/lato-v17-latin-300.woff") format("woff"),
url("../fonts/lato-v17-latin-300.ttf") format("truetype"),
url("../fonts/lato-v17-latin-300.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: italic;
font-weight: 300;
src: url("../fonts/lato-v17-latin-300italic.eot");
src: local(""),
url("../fonts/lato-v17-latin-300italic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-300italic.woff2") format("woff2"),
url("../fonts/lato-v17-latin-300italic.woff") format("woff"),
url("../fonts/lato-v17-latin-300italic.ttf") format("truetype"),
url("../fonts/lato-v17-latin-300italic.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: normal;
font-weight: 400;
src: url("../fonts/lato-v17-latin-regular.eot");
src: local(""),
url("../fonts/lato-v17-latin-regular.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-regular.woff2") format("woff2"),
url("../fonts/lato-v17-latin-regular.woff") format("woff"),
url("../fonts/lato-v17-latin-regular.ttf") format("truetype"),
url("../fonts/lato-v17-latin-regular.svg#Lato") format("svg");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 400;
src: url("../fonts/lato-v17-latin-italic.eot");
src: local(""),
url("../fonts/lato-v17-latin-italic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-italic.woff2") format("woff2"),
url("../fonts/lato-v17-latin-italic.woff") format("woff"),
url("../fonts/lato-v17-latin-italic.ttf") format("truetype"),
url("../fonts/lato-v17-latin-italic.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: normal;
font-weight: 700;
src: url("../fonts/lato-v17-latin-700.eot");
src: local(""),
url("../fonts/lato-v17-latin-700.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-700.woff2") format("woff2"),
url("../fonts/lato-v17-latin-700.woff") format("woff"),
url("../fonts/lato-v17-latin-700.ttf") format("truetype"),
url("../fonts/lato-v17-latin-700.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: italic;
font-weight: 700;
src: url("../fonts/lato-v17-latin-700italic.eot");
src: local(""),
url("../fonts/lato-v17-latin-700italic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-700italic.woff2") format("woff2"),
url("../fonts/lato-v17-latin-700italic.woff") format("woff"),
url("../fonts/lato-v17-latin-700italic.ttf") format("truetype"),
url("../fonts/lato-v17-latin-700italic.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: normal;
font-weight: 900;
src: url("../fonts/lato-v17-latin-900.eot");
src: local(""),
url("../fonts/lato-v17-latin-900.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-900.woff2") format("woff2"),
url("../fonts/lato-v17-latin-900.woff") format("woff"),
url("../fonts/lato-v17-latin-900.ttf") format("truetype"),
url("../fonts/lato-v17-latin-900.svg#Lato") format("svg");
}
@font-face {
font-display: swap;
font-family: "Lato";
font-style: italic;
font-weight: 900;
src: url("../fonts/lato-v17-latin-900italic.eot");
src: local(""),
url("../fonts/lato-v17-latin-900italic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/lato-v17-latin-900italic.woff2") format("woff2"),
url("../fonts/lato-v17-latin-900italic.woff") format("woff"),
url("../fonts/lato-v17-latin-900italic.ttf") format("truetype"),
url("../fonts/lato-v17-latin-900italic.svg#Lato") format("svg");
}
body {
background: #f7f7f7 !important;
overflow-x: hidden;
}
#site {
max-width: 2000px;
width: 100%;
margin: 0 auto;
background: #fff;
padding-bottom: 50px !important;
}
p:empty {
display: none;
}
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-image,
.entry-content > .wp-block-table,
.entry-content > .wp-block-gallery,
.entry-content > table,
.entry-content > section.no-results.not-found,
.entry-content > .ui-tabs,
.entry-content > .ui-accordion {
max-width: 1160px;
width: 96%;
margin: 0 auto 10px;
margin: 0 auto 1rem;
}
.entry-content > section.no-results.not-found {
margin: 100px auto;
}
.entry-content > ul:not(.wp-block-gallery) li {
position: relative;
padding-left: 15px;
margin: 10px 0;
}
.entry-content > ul:not(.wp-block-gallery) li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
height: 5px;
width: 5px;
border-radius: 50%;
background-color: black;
}
.entry-content > ol {
counter-reset: index;
}
.entry-content > ol li {
counter-reset: index_sub;
position: relative;
padding-left: 15px;
margin: 10px 0;
}
.entry-content > ol li:before {
counter-increment: index;
content: counter(index) ".";
position: absolute;
left: 0;
top: 0;
}
.entry-content > ol li ol li:before {
counter-increment: index_sub;
content: counter(index_sub) ".";
}
.entry-content > .wp-block-image > IMG {
margin: 0 auto;
display: block;
}
.entry-content > .wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
}
.wp-block-image figcaption {
text-align: center;
font-style: italic;
}
.entry-content > table td {
padding: 16px;
padding: 1rem;
}
.entry-content > hr.wp-block-separator {
width: 20%;
max-width: 1160px;
margin: 20px auto 50px;
margin: 1.25rem auto 3.125rem;
}
.entry-content > hr.wp-block-separator.is-style-wide {
width: 60%;
}
.entry-content figure {
max-width: 100%;
}
.entry-content figure img {
max-width: 100%;
display: block;
height: auto;
}
.entry-content figure.alignright {
float: right;
margin-left: 20px;
}
.entry-content figure.alignleft {
float: left;
margin-right: 20px;
}
BODY.blog span.edit-link,
BODY.single span.edit-link,
BODY.archive span.edit-link,
BODY.search span.edit-link {
display: none;
}
BODY.blog .allcont .cont > .type-post,
BODY.blog .allcont .cont > .item.inner,
BODY.single .allcont .cont > .type-post,
BODY.single .allcont .cont > .item.inner,
BODY.archive .allcont .cont > .type-post,
BODY.archive .allcont .cont > .item.inner,
BODY.search .allcont .cont > .type-post,
BODY.search .allcont .cont > .item.inner {
max-width: 1160px;
width: 96%;
margin: 100px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 40px;
}
BODY.blog .allcont .cont > .type-post .entry-content,
BODY.blog .allcont .cont > .item.inner .entry-content,
BODY.single .allcont .cont > .type-post .entry-content,
BODY.single .allcont .cont > .item.inner .entry-content,
BODY.archive .allcont .cont > .type-post .entry-content,
BODY.archive .allcont .cont > .item.inner .entry-content,
BODY.search .allcont .cont > .type-post .entry-content,
BODY.search .allcont .cont > .item.inner .entry-content {
flex: 1 1 60%;
padding-right: 5%;
border-radius: 5px;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
padding: 35px;
}
BODY.blog .allcont .cont > .type-post .entry-content.no-border,
BODY.blog .allcont .cont > .item.inner .entry-content.no-border,
BODY.single .allcont .cont > .type-post .entry-content.no-border,
BODY.single .allcont .cont > .item.inner .entry-content.no-border,
BODY.archive .allcont .cont > .type-post .entry-content.no-border,
BODY.archive .allcont .cont > .item.inner .entry-content.no-border,
BODY.search .allcont .cont > .type-post .entry-content.no-border,
BODY.search .allcont .cont > .item.inner .entry-content.no-border {
box-shadow: 0;
padding: 0;
}
BODY.blog .allcont .cont > .type-post .entry-content article.post,
BODY.blog .allcont .cont > .item.inner .entry-content article.post,
BODY.single .allcont .cont > .type-post .entry-content article.post,
BODY.single .allcont .cont > .item.inner .entry-content article.post,
BODY.archive .allcont .cont > .type-post .entry-content article.post,
BODY.archive .allcont .cont > .item.inner .entry-content article.post,
BODY.search .allcont .cont > .type-post .entry-content article.post,
BODY.search .allcont .cont > .item.inner .entry-content article.post {
margin-bottom: 30px;
padding-bottom: 30px;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 40px;
}
BODY.blog .allcont .cont > .type-post .entry-content article.post:last-of-type,
BODY.blog .allcont .cont > .item.inner .entry-content article.post:last-of-type,
BODY.single
.allcont
.cont
> .type-post
.entry-content
article.post:last-of-type,
BODY.single
.allcont
.cont
> .item.inner
.entry-content
article.post:last-of-type,
BODY.archive
.allcont
.cont
> .type-post
.entry-content
article.post:last-of-type,
BODY.archive
.allcont
.cont
> .item.inner
.entry-content
article.post:last-of-type,
BODY.search
.allcont
.cont
> .type-post
.entry-content
article.post:last-of-type,
BODY.search
.allcont
.cont
> .item.inner
.entry-content
article.post:last-of-type {
border: none;
}
BODY.blog .allcont .cont > .type-post .entry-content .text,
BODY.blog .allcont .cont > .item.inner .entry-content .text,
BODY.single .allcont .cont > .type-post .entry-content .text,
BODY.single .allcont .cont > .item.inner .entry-content .text,
BODY.archive .allcont .cont > .type-post .entry-content .text,
BODY.archive .allcont .cont > .item.inner .entry-content .text,
BODY.search .allcont .cont > .type-post .entry-content .text,
BODY.search .allcont .cont > .item.inner .entry-content .text {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
BODY.blog .allcont .cont > .type-post .entry-content .text .post-thumb,
BODY.blog .allcont .cont > .item.inner .entry-content .text .post-thumb,
BODY.single .allcont .cont > .type-post .entry-content .text .post-thumb,
BODY.single .allcont .cont > .item.inner .entry-content .text .post-thumb,
BODY.archive .allcont .cont > .type-post .entry-content .text .post-thumb,
BODY.archive .allcont .cont > .item.inner .entry-content .text .post-thumb,
BODY.search .allcont .cont > .type-post .entry-content .text .post-thumb,
BODY.search .allcont .cont > .item.inner .entry-content .text .post-thumb {
flex: 1 1 150px;
}
BODY.blog .allcont .cont > .type-post .entry-content .text .post-thumb + P,
BODY.blog .allcont .cont > .item.inner .entry-content .text .post-thumb + P,
BODY.single .allcont .cont > .type-post .entry-content .text .post-thumb + P,
BODY.single .allcont .cont > .item.inner .entry-content .text .post-thumb + P,
BODY.archive .allcont .cont > .type-post .entry-content .text .post-thumb + P,
BODY.archive .allcont .cont > .item.inner .entry-content .text .post-thumb + P,
BODY.search .allcont .cont > .type-post .entry-content .text .post-thumb + P,
BODY.search .allcont .cont > .item.inner .entry-content .text .post-thumb + P {
flex: 1 1 calc(100% - 150px - 40px);
margin: 0 20px;
}
BODY.blog .allcont .cont > .type-post #secondary,
BODY.blog .allcont .cont > .item.inner #secondary,
BODY.single .allcont .cont > .type-post #secondary,
BODY.single .allcont .cont > .item.inner #secondary,
BODY.archive .allcont .cont > .type-post #secondary,
BODY.archive .allcont .cont > .item.inner #secondary,
BODY.search .allcont .cont > .type-post #secondary,
BODY.search .allcont .cont > .item.inner #secondary {
flex: 1 1 30%;
padding: 25px;
box-sizing: border-box;
border-radius: 5px;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
}
BODY.blog .allcont .cont > .type-post #secondary .widget,
BODY.blog .allcont .cont > .item.inner #secondary .widget,
BODY.single .allcont .cont > .type-post #secondary .widget,
BODY.single .allcont .cont > .item.inner #secondary .widget,
BODY.archive .allcont .cont > .type-post #secondary .widget,
BODY.archive .allcont .cont > .item.inner #secondary .widget,
BODY.search .allcont .cont > .type-post #secondary .widget,
BODY.search .allcont .cont > .item.inner #secondary .widget {
margin-bottom: 30px;
}
BODY.blog .allcont .cont > .type-post #secondary span.screen-reader-text,
BODY.blog .allcont .cont > .item.inner #secondary span.screen-reader-text,
BODY.single .allcont .cont > .type-post #secondary span.screen-reader-text,
BODY.single .allcont .cont > .item.inner #secondary span.screen-reader-text,
BODY.archive .allcont .cont > .type-post #secondary span.screen-reader-text,
BODY.archive .allcont .cont > .item.inner #secondary span.screen-reader-text,
BODY.search .allcont .cont > .type-post #secondary span.screen-reader-text,
BODY.search .allcont .cont > .item.inner #secondary span.screen-reader-text {
display: none;
}
.error404.not_home div#site .allcont {
padding: 0;
}
.error404 .entry-content {
margin: 0 auto;
padding: 2%;
background: #0a0a0a;
height: 100vh;
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)),
repeating-linear-gradient(
0,
transparent,
transparent 2px,
black 3px,
black 3px
);
background-size: cover;
background-position: center;
z-index: 1;
}
.error404 .entry-content .glitch {
position: relative;
color: white;
font-size: 4em;
letter-spacing: 0.5em;
text-align: center;
animation: glitch-skew 1s infinite linear alternate-reverse;
}
.error404 .entry-content .glitch::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
left: 2px;
text-shadow: -2px 0 #ff00c1;
clip: rect(44px, 450px, 56px, 0);
animation: glitch-anim 5s infinite linear alternate-reverse;
}
.error404 .entry-content .glitch::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
left: -2px;
text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
animation: glitch-anim2 1s infinite linear alternate-reverse;
}
@-webkit-keyframes glitch-anim {
0% {
clip: rect(63px, 9999px, 7px, 0);
transform: skew(0.5deg);
}
5% {
clip: rect(6px, 9999px, 32px, 0);
transform: skew(0.57deg);
}
10% {
clip: rect(80px, 9999px, 97px, 0);
transform: skew(0.57deg);
}
15% {
clip: rect(19px, 9999px, 29px, 0);
transform: skew(0.96deg);
}
20% {
clip: rect(59px, 9999px, 15px, 0);
transform: skew(0.7deg);
}
25% {
clip: rect(6px, 9999px, 71px, 0);
transform: skew(0.25deg);
}
30% {
clip: rect(42px, 9999px, 16px, 0);
transform: skew(0.37deg);
}
35% {
clip: rect(45px, 9999px, 95px, 0);
transform: skew(0.88deg);
}
40% {
clip: rect(85px, 9999px, 35px, 0);
transform: skew(0.46deg);
}
45% {
clip: rect(94px, 9999px, 48px, 0);
transform: skew(0.36deg);
}
50% {
clip: rect(17px, 9999px, 38px, 0);
transform: skew(0.72deg);
}
55% {
clip: rect(93px, 9999px, 93px, 0);
transform: skew(0.04deg);
}
60% {
clip: rect(15px, 9999px, 16px, 0);
transform: skew(0.41deg);
}
65% {
clip: rect(44px, 9999px, 78px, 0);
transform: skew(0.87deg);
}
70% {
clip: rect(68px, 9999px, 88px, 0);
transform: skew(0.48deg);
}
75% {
clip: rect(54px, 9999px, 69px, 0);
transform: skew(0.98deg);
}
80% {
clip: rect(18px, 9999px, 42px, 0);
transform: skew(0.41deg);
}
85% {
clip: rect(11px, 9999px, 96px, 0);
transform: skew(0.69deg);
}
90% {
clip: rect(39px, 9999px, 73px, 0);
transform: skew(0.5deg);
}
95% {
clip: rect(34px, 9999px, 91px, 0);
transform: skew(0.23deg);
}
100% {
clip: rect(31px, 9999px, 100px, 0);
transform: skew(0.97deg);
}
}
@keyframes glitch-anim {
0% {
clip: rect(63px, 9999px, 7px, 0);
transform: skew(0.5deg);
}
5% {
clip: rect(6px, 9999px, 32px, 0);
transform: skew(0.57deg);
}
10% {
clip: rect(80px, 9999px, 97px, 0);
transform: skew(0.57deg);
}
15% {
clip: rect(19px, 9999px, 29px, 0);
transform: skew(0.96deg);
}
20% {
clip: rect(59px, 9999px, 15px, 0);
transform: skew(0.7deg);
}
25% {
clip: rect(6px, 9999px, 71px, 0);
transform: skew(0.25deg);
}
30% {
clip: rect(42px, 9999px, 16px, 0);
transform: skew(0.37deg);
}
35% {
clip: rect(45px, 9999px, 95px, 0);
transform: skew(0.88deg);
}
40% {
clip: rect(85px, 9999px, 35px, 0);
transform: skew(0.46deg);
}
45% {
clip: rect(94px, 9999px, 48px, 0);
transform: skew(0.36deg);
}
50% {
clip: rect(17px, 9999px, 38px, 0);
transform: skew(0.72deg);
}
55% {
clip: rect(93px, 9999px, 93px, 0);
transform: skew(0.04deg);
}
60% {
clip: rect(15px, 9999px, 16px, 0);
transform: skew(0.41deg);
}
65% {
clip: rect(44px, 9999px, 78px, 0);
transform: skew(0.87deg);
}
70% {
clip: rect(68px, 9999px, 88px, 0);
transform: skew(0.48deg);
}
75% {
clip: rect(54px, 9999px, 69px, 0);
transform: skew(0.98deg);
}
80% {
clip: rect(18px, 9999px, 42px, 0);
transform: skew(0.41deg);
}
85% {
clip: rect(11px, 9999px, 96px, 0);
transform: skew(0.69deg);
}
90% {
clip: rect(39px, 9999px, 73px, 0);
transform: skew(0.5deg);
}
95% {
clip: rect(34px, 9999px, 91px, 0);
transform: skew(0.23deg);
}
100% {
clip: rect(31px, 9999px, 100px, 0);
transform: skew(0.97deg);
}
}
@-webkit-keyframes glitch-anim2 {
0% {
clip: rect(68px, 9999px, 59px, 0);
transform: skew(0.61deg);
}
5% {
clip: rect(84px, 9999px, 39px, 0);
transform: skew(0.39deg);
}
10% {
clip: rect(97px, 9999px, 48px, 0);
transform: skew(0.13deg);
}
15% {
clip: rect(40px, 9999px, 66px, 0);
transform: skew(0.08deg);
}
20% {
clip: rect(82px, 9999px, 67px, 0);
transform: skew(0.41deg);
}
25% {
clip: rect(67px, 9999px, 17px, 0);
transform: skew(0.87deg);
}
30% {
clip: rect(30px, 9999px, 65px, 0);
transform: skew(0.31deg);
}
35% {
clip: rect(67px, 9999px, 30px, 0);
transform: skew(0.12deg);
}
40% {
clip: rect(21px, 9999px, 79px, 0);
transform: skew(0.85deg);
}
45% {
clip: rect(86px, 9999px, 43px, 0);
transform: skew(0.21deg);
}
50% {
clip: rect(82px, 9999px, 79px, 0);
transform: skew(0.56deg);
}
55% {
clip: rect(35px, 9999px, 95px, 0);
transform: skew(0.08deg);
}
60% {
clip: rect(29px, 9999px, 37px, 0);
transform: skew(0.26deg);
}
65% {
clip: rect(30px, 9999px, 57px, 0);
transform: skew(0.48deg);
}
70% {
clip: rect(26px, 9999px, 86px, 0);
transform: skew(0.39deg);
}
75% {
clip: rect(85px, 9999px, 93px, 0);
transform: skew(0.63deg);
}
80% {
clip: rect(23px, 9999px, 40px, 0);
transform: skew(0.8deg);
}
85% {
clip: rect(31px, 9999px, 49px, 0);
transform: skew(0.79deg);
}
90% {
clip: rect(73px, 9999px, 70px, 0);
transform: skew(0.19deg);
}
95% {
clip: rect(14px, 9999px, 57px, 0);
transform: skew(0.23deg);
}
100% {
clip: rect(89px, 9999px, 11px, 0);
transform: skew(0.8deg);
}
}
@keyframes glitch-anim2 {
0% {
clip: rect(68px, 9999px, 59px, 0);
transform: skew(0.61deg);
}
5% {
clip: rect(84px, 9999px, 39px, 0);
transform: skew(0.39deg);
}
10% {
clip: rect(97px, 9999px, 48px, 0);
transform: skew(0.13deg);
}
15% {
clip: rect(40px, 9999px, 66px, 0);
transform: skew(0.08deg);
}
20% {
clip: rect(82px, 9999px, 67px, 0);
transform: skew(0.41deg);
}
25% {
clip: rect(67px, 9999px, 17px, 0);
transform: skew(0.87deg);
}
30% {
clip: rect(30px, 9999px, 65px, 0);
transform: skew(0.31deg);
}
35% {
clip: rect(67px, 9999px, 30px, 0);
transform: skew(0.12deg);
}
40% {
clip: rect(21px, 9999px, 79px, 0);
transform: skew(0.85deg);
}
45% {
clip: rect(86px, 9999px, 43px, 0);
transform: skew(0.21deg);
}
50% {
clip: rect(82px, 9999px, 79px, 0);
transform: skew(0.56deg);
}
55% {
clip: rect(35px, 9999px, 95px, 0);
transform: skew(0.08deg);
}
60% {
clip: rect(29px, 9999px, 37px, 0);
transform: skew(0.26deg);
}
65% {
clip: rect(30px, 9999px, 57px, 0);
transform: skew(0.48deg);
}
70% {
clip: rect(26px, 9999px, 86px, 0);
transform: skew(0.39deg);
}
75% {
clip: rect(85px, 9999px, 93px, 0);
transform: skew(0.63deg);
}
80% {
clip: rect(23px, 9999px, 40px, 0);
transform: skew(0.8deg);
}
85% {
clip: rect(31px, 9999px, 49px, 0);
transform: skew(0.79deg);
}
90% {
clip: rect(73px, 9999px, 70px, 0);
transform: skew(0.19deg);
}
95% {
clip: rect(14px, 9999px, 57px, 0);
transform: skew(0.23deg);
}
100% {
clip: rect(89px, 9999px, 11px, 0);
transform: skew(0.8deg);
}
}
@-webkit-keyframes glitch-skew {
0% {
transform: skew(5deg);
}
10% {
transform: skew(0deg);
}
20% {
transform: skew(-2deg);
}
30% {
transform: skew(-3deg);
}
40% {
transform: skew(4deg);
}
50% {
transform: skew(5deg);
}
60% {
transform: skew(3deg);
}
70% {
transform: skew(-3deg);
}
80% {
transform: skew(-3deg);
}
90% {
transform: skew(5deg);
}
100% {
transform: skew(0deg);
}
}
@keyframes glitch-skew {
0% {
transform: skew(5deg);
}
10% {
transform: skew(0deg);
}
20% {
transform: skew(-2deg);
}
30% {
transform: skew(-3deg);
}
40% {
transform: skew(4deg);
}
50% {
transform: skew(5deg);
}
60% {
transform: skew(3deg);
}
70% {
transform: skew(-3deg);
}
80% {
transform: skew(-3deg);
}
90% {
transform: skew(5deg);
}
100% {
transform: skew(0deg);
}
}
html {
font-size: 16px;
}
html :where(img) {
height: auto;
max-width: unset !important;
}
body {
font-size: 16px;
font-family: "Lato", Arial, sans-serif;
color: #333;
line-height: 27px;
line-height: 1.6875rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", Arial, sans-serif;
font-weight: bold;
line-height: 120%;
margin: 0 0 10px;
color: #1d1d1b;
}
h1 {
font-size: 40px;
font-size: 2rem;
}
h2 {
font-size: 34px;
font-size: 1.5rem;
text-align: center;
}
h3 {
font-size: 20px;
font-size: 1.3rem;
text-align: center;
}
h4 {
font-size: 20px;
font-size: 1.3rem;
text-align: center;
}
h5 {
font-size: 28px;
font-size: 1.25rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
p {
margin-bottom: 10px;
margin-bottom: 1rem;
}
i,
em {
font-style: italic;
}
strong,
b {
font-weight: 700;
}
a {
text-decoration: none;
color: #17a8ff;
transition: all 0.3s;
}
a:hover {
opacity: 0.8;
color: #2ee799;
}
a.btn {
display: inline-block;
padding: 15px 35px;
color: #fff;
background: #2ee799;
border-radius: 30px;
margin-top: 25px;
margin-right: 20px;
transition: 0.4s;
font-weight: 700;
font-size: 16px;
}
a.btn:hover {
background: #17a8ff;
}
.btn_container a.btn {
margin-top: 0;
}
a.btn.orange {
background: linear-gradient(-45deg, #f46030 0%, #f9a951 100%);
}
a.btn.orange:hover {
background: linear-gradient(-45deg, #f46030 0%, #f46030 100%);
opacity: 1;
}
a.btn.blue {
background: linear-gradient(-45deg, #2ee799 0%, #17a8ff 100%);
}
a.btn.blue:hover {
background: linear-gradient(-45deg, #17a8ff 0%, #17a8ff 100%);
opacity: 1;
}
a.btn.white {
background: #fff;
color: #17a8ff;
}
.divider.orange .button.btn.white {
color: #ff5722;
}
.divider.orange .button.btn.white:hover {
background: #ff5722;
color: white;
border: 2px solid white;
}
.footer_social_links li a.button {
padding: 10px 35px;
}
p.small {
font-size: 14px;
font-size: 0.875rem;
}
footer p {
color: #fff;
}
@media screen and (max-width: 768px) {
a.btn {
margin-top: 15px;
}
}
header.head {
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 2000px;
margin: 0 auto;
z-index: 999;
background: #fff;
}
header.head .inner {
margin: 0 auto;
width: 96%;
max-width: 1160px;
min-height: 130px;
display: flex;
align-content: center;
align-items: stretch;
justify-content: space-between;
}
@media screen and (max-width: 1120px) {
header.head .inner {
justify-content: space-between;
}
}
header.head .inner #logo {
position: relative;
background-image: url("../img/logo.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
min-width: 100px;
margin-right: 2%;
/*transition: all 0.3s;*/
}
header.head .inner #logo a {
width: 100px;
height: 100px;
display: inline-block;
}
header.head .inner #logo a span {
display: none;
}
header.head .inner .main-navigation {
display: flex;
align-items: flex-end;
margin-right: auto;
}
.menu-item-object-page {
text-align: center;
}
@media screen and (min-width: 1121px) {
header.head .inner nav#site-navigation ul#primary-menu,
header.head .inner nav#site-navigation ul#site-navigation {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
header.head .inner nav#site-navigation ul#primary-menu button.sub,
header.head .inner nav#site-navigation ul#site-navigation button.sub {
display: none;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
li[class*="has-children"]
> a:after,
header.head
.inner
nav#site-navigation
ul#site-navigation
li[class*="has-children"]
> a:after {
content: "";
position: relative;
display: inline-block;
margin-left: 5px;
width: 0;
height: 0;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
header.head .inner nav#site-navigation ul#primary-menu > li,
header.head .inner nav#site-navigation ul#site-navigation > li {
position: relative;
margin: 10px 30px;
}
}
@media screen and (min-width: 1121px) and (max-width: 1200px) {
header.head .inner nav#site-navigation ul#primary-menu > li,
header.head .inner nav#site-navigation ul#site-navigation > li {
margin: 10px 20px;
text-align: center;
}
}
@media screen and (min-width: 1121px) {
header.head .inner nav#site-navigation ul#primary-menu > li a,
header.head .inner nav#site-navigation ul#site-navigation > li a {
color: #000;
position: relative;
display: block;
height: 100%;
position: relative;
line-height: 18px;
}
header.head .inner nav#site-navigation ul#primary-menu > li a::before,
header.head .inner nav#site-navigation ul#site-navigation > li a::before {
position: absolute;
content: "";
width: 36px;
height: 36px;
top: -30px;
left: 50%;
transform: translate(-50%, -50%);
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="macbook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="macbook"]::before {
background: url(../img/Icons/nav/macbook.svg) no-repeat center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="notebook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="notebook"]::before {
background: url(../img/Icons/nav/notebook.svg) no-repeat center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="imac"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="imac"]::before {
background: url(../img/Icons/nav/iMac.svg) no-repeat center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="datenrettung"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="datenrettung"]::before {
background: url(../img/Icons/nav/datenrettung.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="ueber"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="ueber"]::before {
background: url(../img/Icons/nav/team.svg) no-repeat center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
a[href*="teamviewer"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
a[href*="teamviewer"]::before {
background: url(../img/Icons/nav/teamviewer.svg) no-repeat
center/contain;
}
header.head .inner nav#site-navigation ul#primary-menu > li:last-child,
header.head .inner nav#site-navigation ul#site-navigation > li:last-child {
margin-right: 0;
}
header.head .inner nav#site-navigation ul#primary-menu > li:hover a,
header.head .inner nav#site-navigation ul#site-navigation > li:hover a {
color: #17a8ff;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="macbook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="macbook"]::before {
background: url(../img/Icons/nav/macbook_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="notebook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="notebook"]::before {
background: url(../img/Icons/nav/notebook_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="imac"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="imac"]::before {
background: url(../img/Icons/nav/iMac_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="datenrettung"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="datenrettung"]::before {
background: url(../img/Icons/nav/datenrettung_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="ueber"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="ueber"]::before {
background: url(../img/Icons/nav/team_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li:hover
a[href*="teamviewer"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li:hover
a[href*="teamviewer"]::before {
background: url(../img/Icons/nav/teamviewer_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a {
color: #17a8ff;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="macbook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="macbook"]::before {
background: url(../img/Icons/nav/macbook_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="notebook"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="notebook"]::before {
background: url(../img/Icons/nav/notebook_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="imac"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="imac"]::before {
background: url(../img/Icons/nav/iMac_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="datenrettung"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="datenrettung"]::before {
background: url(../img/Icons/nav/datenrettung_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="ueber"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="ueber"]::before {
background: url(../img/Icons/nav/team_verlauf.svg) no-repeat
center/contain;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li.current_page_item
a[href*="teamviewer"]::before,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li.current_page_item
a[href*="teamviewer"]::before {
background: url(../img/Icons/nav/teamviewer_verlauf.svg) no-repeat
center/contain;
}
header.head .inner nav#site-navigation ul#primary-menu > li:hover > ul,
header.head .inner nav#site-navigation ul#site-navigation > li:hover > ul {
display: block;
}
header.head .inner nav#site-navigation ul#primary-menu > li ul,
header.head .inner nav#site-navigation ul#site-navigation > li ul {
display: none;
text-align: left;
position: absolute;
top: 100%;
left: 0;
background: white;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
z-index: 1;
min-width: calc(100% - 40px);
}
header.head .inner nav#site-navigation ul#primary-menu > li ul li,
header.head .inner nav#site-navigation ul#site-navigation > li ul li {
display: inline-block;
width: 100%;
position: relative;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
ul
li:last-child
> a,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
ul
li:last-child
> a {
border-bottom: none;
}
header.head .inner nav#site-navigation ul#primary-menu > li ul li a,
header.head .inner nav#site-navigation ul#site-navigation > li ul li a {
display: block;
padding: 8px 20px;
box-sizing: border-box;
border-bottom: 1px solid rgba(247, 247, 247, 0.5);
width: 100%;
}
header.head .inner nav#site-navigation ul#primary-menu > li ul li a:hover,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
ul
li
a:hover {
background: rgba(247, 247, 247, 0.5);
color: #000;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
> li
ul
li:hover
> ul,
header.head
.inner
nav#site-navigation
ul#site-navigation
> li
ul
li:hover
> ul {
display: block;
}
header.head .inner nav#site-navigation ul#primary-menu > li ul li ul,
header.head .inner nav#site-navigation ul#site-navigation > li ul li ul {
position: absolute;
left: 100%;
top: 0;
margin: 0;
}
}
@media screen and (max-width: 1120px) {
header.head .inner .main-navigation {
margin-right: 0;
}
header.head .inner nav#site-navigation.toggled ul#primary-menu,
header.head .inner nav#site-navigation.toggled ul#site-navigation {
display: block;
}
header.head .inner nav#site-navigation.toggled li.focus > ul {
display: block;
}
header.head .inner nav#site-navigation ul {
display: none;
}
header.head .inner nav#site-navigation ul#primary-menu,
header.head .inner nav#site-navigation ul#site-navigation {
margin: 0;
position: absolute;
bottom: 0;
transform: translateY(100%) translateY(-1px);
width: 100%;
left: 0;
max-height: 50vh;
overflow-y: auto;
padding: 20px 0;
background: white;
text-align: center;
box-shadow: 0px 30px 28px -3px rgba(0, 0, 0, 0.1);
margin: 0;
}
header.head .inner nav#site-navigation ul#primary-menu > li,
header.head .inner nav#site-navigation ul#site-navigation > li {
border-bottom: 1px solid rgba(247, 247, 247, 0.5);
padding: 20px 0;
}
header.head .inner nav#site-navigation ul#primary-menu > li:last-child,
header.head .inner nav#site-navigation ul#site-navigation > li:last-child {
border-bottom: none;
}
header.head .inner nav#site-navigation ul#primary-menu li,
header.head .inner nav#site-navigation ul#site-navigation li {
display: block;
position: relative;
}
header.head .inner nav#site-navigation ul#primary-menu li:hover,
header.head .inner nav#site-navigation ul#primary-menu li.focus,
header.head .inner nav#site-navigation ul#site-navigation li:hover,
header.head .inner nav#site-navigation ul#site-navigation li.focus {
background: rgba(247, 247, 247, 0.3);
}
header.head .inner nav#site-navigation ul#primary-menu li:hover > ul,
header.head .inner nav#site-navigation ul#primary-menu li.focus > ul,
header.head .inner nav#site-navigation ul#site-navigation li:hover > ul,
header.head .inner nav#site-navigation ul#site-navigation li.focus > ul {
display: block;
position: static;
}
header.head .inner nav#site-navigation ul#primary-menu li button.sub,
header.head .inner nav#site-navigation ul#site-navigation li button.sub {
border: none;
position: absolute;
display: block;
right: 2%;
top: 2px;
width: 24px;
height: 24px;
cursor: pointer;
background-color: #17a8ff;
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}
header.head .inner nav#site-navigation ul#primary-menu li button.sub:after,
header.head
.inner
nav#site-navigation
ul#site-navigation
li
button.sub:after {
content: "";
left: 2px;
position: relative;
display: block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 4px solid #fff;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
li.focus
> button.sub,
header.head
.inner
nav#site-navigation
ul#site-navigation
li.focus
> button.sub {
transform: rotate(180deg);
}
header.head .inner nav#site-navigation ul#primary-menu li a,
header.head .inner nav#site-navigation ul#site-navigation li a {
padding: 0;
color: #000;
}
header.head .inner nav#site-navigation ul#primary-menu li a:hover,
header.head .inner nav#site-navigation ul#site-navigation li a:hover {
background: rgba(247, 247, 247, 0.5);
color: #17a8ff;
}
header.head
.inner
nav#site-navigation
ul#primary-menu
li
[aria-current="page"],
header.head
.inner
nav#site-navigation
ul#site-navigation
li
[aria-current="page"] {
color: #17a8ff !important;
}
header.head .inner nav#site-navigation ul#primary-menu li ul li a,
header.head .inner nav#site-navigation ul#site-navigation li ul li a {
font-size: 90%;
}
}
header.head .inner button.menu-toggle {
display: block;
width: 30px;
height: 20px;
position: relative;
align-self: center;
background: #000;
background: linear-gradient(
180deg,
#000 10%,
#000 10%,
rgba(0, 0, 0, 0) 10%,
rgba(0, 0, 0, 0) 45%,
#000 45%,
#000 55%,
rgba(0, 0, 0, 0) 55%,
rgba(0, 0, 0, 0) 90%,
#000 90%,
#000 100%
);
border: none;
color: transparent;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
cursor: pointer;
height: 20px;
outline: none;
overflow: hidden;
-webkit-animation-name: mm;
animation-name: mm;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
}
@media screen and (min-width: 1121px) {
header.head .inner button.menu-toggle {
display: none;
}
}
header.head .inner button.menu-toggle[aria-expanded="true"] {
-webkit-animation-name: mmopen;
animation-name: mmopen;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
header.head.is-sticky {
position: -webkit-sticky;
position: sticky;
box-shadow: 0px 20px 78px -3px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1121px) {
header.head.is-sticky {
-webkit-animation-name: sticky_nav;
animation-name: sticky_nav;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
}
header.head.is-sticky + .snt {
display: block;
}
header.head.is-sticky #logo {
min-width: 90px;
}
header.head.is-sticky .inner {
min-height: 60px;
}
@media screen and (min-width: 1121px) {
header.head.is-sticky .inner nav.nav ul#site-navigation li {
margin-right: 60px;
}
header.head.is-sticky .inner nav.nav ul#site-navigation li a {
color: #000;
}
header.head.is-sticky .inner nav.nav ul#site-navigation li:last-child {
margin-right: 0;
}
header.head.is-sticky .inner nav.nav ul#site-navigation li:hover a {
font-weight: 300;
position: relative;
}
header.head.is-sticky .inner nav.nav ul#site-navigation li:hover a::before {
height: 5px;
}
header.head.is-sticky
.inner
nav.nav
ul#site-navigation
li.menu-item-has-children
.sub-menu {
display: none;
}
}
@-webkit-keyframes sticky_nav {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes sticky_nav {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes mm {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@keyframes mm {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@-webkit-keyframes mmopen {
0% {
transform: scale(1);
}
33% {
transform: scale(0);
}
66% {
transform: scale(0);
background: linear-gradient(
45deg,
transparent 0%,
transparent 50%,
#000 50%,
#000 50%,
transparent 55%,
transparent 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 51%,
#000 50%,
#000 55%,
transparent 55%,
transparent 100%
);
}
100% {
transform: scale(1) rotate(180deg);
background: linear-gradient(
45deg,
transparent 0%,
transparent 50%,
#000 50%,
#000 50%,
transparent 55%,
transparent 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 51%,
#000 50%,
#000 55%,
transparent 55%,
transparent 100%
);
}
}
@keyframes mmopen {
0% {
transform: scale(1);
}
33% {
transform: scale(0);
}
66% {
transform: scale(0);
background: linear-gradient(
45deg,
transparent 0%,
transparent 50%,
#000 50%,
#000 50%,
transparent 55%,
transparent 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 51%,
#000 50%,
#000 55%,
transparent 55%,
transparent 100%
);
}
100% {
transform: scale(1) rotate(180deg);
background: linear-gradient(
45deg,
transparent 0%,
transparent 50%,
#000 50%,
#000 50%,
transparent 55%,
transparent 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 51%,
#000 50%,
#000 55%,
transparent 55%,
transparent 100%
);
}
}
header.head .inner nav#site-navigation ul#primary-menu,
header.head .inner nav#site-navigation ul#site-navigation {
white-space: nowrap;
}
header.head .inner nav#site-navigation ul#primary-menu li:first-child,
header.head .inner nav#site-navigation ul#site-navigation li:first-child {
margin: 0;
padding: 0;
font-weight: 700;
position: relative;
bottom: 35px;
white-space: nowrap;
}
@media screen and (max-width: 1120px) {
header.head .inner nav#site-navigation ul#primary-menu li:first-child,
header.head .inner nav#site-navigation ul#site-navigation li:first-child {
bottom: 0;
}
}
footer.foot {
width: 100%;
max-width: 2000px;
margin: 0 auto;
background: #08273a;
color: white;
padding: 50px 0 10px;
position: relative;
overflow: hidden;
font-size: 16px;
}
footer.foot p,
footer.foot a,
footer.foot span {
opacity: 0.8;
}
footer.foot a {
color: #f7f7f7;
}
footer.foot a.btn {
margin: 0;
}
/*footer.foot::before {
content: "";
position: absolute;
background: url(../img/bg_dot_white_AdobeStock_321305016.svg) no-repeat
center/cover;
width: 600px;
height: 600px;
bottom: -105%;
right: -5%;
}*/
footer.foot .footer_bottom_links,
footer.foot .footer_social_links,
footer.foot .footer_bottom {
display: flex;
align-items: center;
/*justify-content: space-between;*/
}
footer.foot .footer_bottom_links li {
padding: 0 10px;
white-space: nowrap;
}
footer.foot .footer_bottom_links li a {
color: #f7f7f7;
opacity: 0.8;
}
footer.foot .footer_top_nav ul li {
margin: 5px 0;
}
footer.foot .footer_bottom {
font-size: 14px;
}
footer.foot .inner {
max-width: 1400px;
margin: 0 auto;
width: 96%;
position: relative;
z-index: 2;
}
footer.foot .inner .copyright {
display: block;
width: 100%;
height: 50px;
font-size: 12px;
font-size: 0.75rem;
line-height: 50px;
margin-bottom: 0;
color: #f7f7f7;
opacity: 0.8;
}
footer.foot .wp-block-columns.footer_top_nav {
justify-content: space-between;
display: flex;
width: 96%;
margin: 0 auto;
}
footer.foot .footer_top_right > div:nth-child(1) {
justify-content: space-between;
}
footer.foot .icon {
position: relative;
padding: 5px 35px;
white-space: nowrap;
line-height: 1.5;
}
footer.foot .icon::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
transform: translateY(-50%);
}
footer.foot .icon.mobile::before {
background: url(../img/Icons/icon_smartphone_gradient.svg) no-repeat
center/contain;
}
footer.foot .icon.phone::before {
background: url(../img/Icons/icon_phone_gradient.svg) no-repeat
center/contain;
}
footer.foot .icon.mail::before {
background: url(../img/Icons/icon_mail_gradient.svg) no-repeat
center/contain;
}
footer.foot .icon.office::before {
background: url(../img/Icons/icon_home_gradient.svg) no-repeat
center/contain;
}
footer.foot .icon.workshop::before {
background: url(../img/Icons/icon_tools_gradient.svg) no-repeat
center/contain;
}
footer.foot .footer_social_icon {
position: relative;
color: transparent;
text-indent: -9999px;
opacity: 0.7;
display: inline-block;
padding: 0 24px;
}
footer.foot .footer_social_icon:hover {
opacity: 1;
}
footer.foot .footer_social_icon::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 50%;
transform: translateX(-50%);
}
footer.foot .footer_social_icon.facebook::before {
background: url(../img/Icons/icon_facebook_white.svg) no-repeat
center/contain;
}
footer.foot .footer_social_icon.instagram::before {
background: url(../img/Icons/icon_instagram_white.svg) no-repeat
center/contain;
}
footer.foot .footer_social_icon.youtube::before {
background: url(../img/Icons/icon_youtube_white.svg) no-repeat
center/contain;
}
.wp-block-columns.footer_top_left_logo_text {
width: 470px;
}
.wp-block-column.footer_top_left_text {
margin-left: 25px !important;
align-self: center;
}
@media (min-width: 782px) {
footer.foot .wp-block-column[style*="flex-basis"] {
flex-grow: 1;
}
footer.foot .wp-block-column {
flex-basis: unset;
}
}
.wp-block-column.footer_logo_container {
flex-basis: 65% !important;
}
.wp-block-image.footer_logo {
max-width: 100px;
}
.wp-block-column.footer_top_left {
margin-right: 115px;
}
@media screen and (max-width: 1024px) {
.wp-block-column.footer_top_left,
.wp-block-columns.footer_top_left_logo_text {
margin: 0 auto;
}
.footer_top_nav {
flex-direction: column;
text-align: center;
}
.footer_social_links {
justify-content: center;
margin: 40px 200px;
}
.wp-block-columns.footer_bottom {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.footer_social_links {
margin: 40px auto;
}
.wp-block-columns {
flex-direction: column;
}
.wp-block-column.footer_top_nav {
margin: 15px 0 !important;
}
.footer_social_links li {
margin: 0;
}
footer.foot .footer_bottom_links,
footer.foot .footer_social_links,
footer.foot .footer_bottom {
justify-content: center;
flex-wrap: wrap;
}
.wp-block-column.footer_top_left,
.wp-block-columns.footer_top_left_logo_text {
margin: 0 auto;
}
.wp-block-columns.footer_top_left_logo_text {
width: 100%;
align-items: center;
}
.wp-block-column.footer_top_nav_right {
margin-top: 25px;
}
}
@media screen and (max-width: 470px) {
.footer_bottom_links {
flex-direction: column;
}
.wp-block-column.footer_top_left {
margin-left: 0;
}
}
.backtotop {
position: fixed;
bottom: 0;
right: 0;
width: 75px;
height: 75px;
display: block;
transform: rotate(180deg);
background: #17a8ff;
opacity: 0;
pointer-events: none;
transform: translateY(75px) rotate(180deg);
/*transition: all 0.3s;*/
}
.backtotop::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
pointer-events: none;
transform: translate(-50%, -50%);
display: block;
background: url("../img/backtotop.svg") no-repeat center center/16px auto;
/*transition: all 0.3s;*/
}
.backtotop:hover::after {
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite;
}
.backtotop span {
display: none;
}
.backtotop:hover {
background-color: #2ee799;
}
.backtotop.visible {
opacity: 1;
pointer-events: auto;
transform: translateY(0%) rotate(180deg);
}
div.gform_confirmation_wrapper,
.validation_error {
margin: 0 auto;
padding: 50px;
max-width: 500px;
width: 100%;
background: red;
color: white;
font-size: 24px;
font-size: 1.5rem;
line-height: 24px;
line-height: 1.5rem;
font-weight: bold;
}
div.gform_confirmation_wrapper {
background: #ddd;
color: black;
}
.kontakt_wrapper {
max-width: 1160px;
margin: 0 auto 100px;
width: 96%;
}
.kontakt_wrapper form {
background: white;
}
.kontakt_wrapper form li.gfield.hidden_label label {
display: none !important;
}
.kontakt_wrapper form .instruction {
display: none;
}
.kontakt_wrapper .gform_validation_container {
display: none;
}
.kontakt_wrapper .gfield_description.validation_message {
background: red;
color: white;
padding: 10px 20px;
margin: 0 0 30px;
}
.kontakt_wrapper .gform_body {
background: #fff;
padding: 10px 30px 0;
margin: 40px 0 0;
}
.kontakt_wrapper input.gform_button {
display: inline-block;
padding: 15px 35px;
color: #fff;
/* background: linear-gradient(-45deg, #2ee799 0%, #17a8ff 100%);*/
background-image: linear-gradient(-45deg, #1a1e89 0%, #0884ef 100%);
border-radius: 30px;
margin-top: 25px;
margin-right: 20px;
/*transition: all 0.3s;*/
cursor: pointer;
font-weight: 700;
font-size: 16px;
}
.kontakt_wrapper input.gform_button:hover {
opacity: 0.8;
}
.kontakt_wrapper .gfield_repeater_wrapper {
background: #d4d4d4;
padding: 20px;
margin: 40px 0;
}
.kontakt_wrapper .gfield_repeater_item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.kontakt_wrapper .gfield_repeater .gfield_repeater_items,
.kontakt_wrapper
.gfield_repeater_items
.gfield_repeater_cell:not(:first-child) {
padding-top: 0;
}
.kontakt_wrapper .gfield_repeater_buttons {
text-align: right;
width: 100%;
}
.kontakt_wrapper .gfield_repeater_item {
margin-right: 0 !important;
}
.kontakt_wrapper .ginput_container_number input {
text-align: right;
padding-right: 20px !important;
}
.kontakt_wrapper .gfield_repeater_buttons button {
display: inline-block;
border-radius: 0px !important;
line-height: 25px;
}
.kontakt_wrapper .gfield_repeater_cell label {
display: none !important;
}
.kontakt_wrapper .gfield_repeater_item .gfield_repeater_cell {
flex: 1 1 50%;
text-align: right;
}
.kontakt_wrapper .gfield_repeater_item .gfield_repeater_cell INPUT,
.kontakt_wrapper .gfield_repeater_item .gfield_repeater_cell select {
width: 100% !important;
height: 50px;
}
.kontakt_wrapper span.gform_description h3 {
margin: 50px 0;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.slick-slider {
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[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;
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
z-index: 10;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 20px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 20px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: 20px;
}
[dir="rtl"] .slick-next {
left: 20px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
}
.slick-dots {
justify-content: center;
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 15px;
width: 15px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border-radius: 50%;
border: 0;
background: #17a8ff;
display: block;
height: 100%;
width: 100%;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
opacity: 0.25;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
opacity: 1;
}
.slick-dots li.slick-active button {
opacity: 0.75;
}
.slick-dots li::before {
content: none !important;
}
.ui-tabs {
position: relative;
z-index: 2;
}
.ui-tabs .tab-nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ui-tabs .tab-nav li {
padding: 40px;
background: #f5f5f5;
border: 1px solid #ddd;
cursor: pointer;
display: flex;
flex: 1 1;
align-items: center;
justify-content: center;
}
.ui-tabs .tab-nav li:before {
display: none;
}
.ui-tabs .tab-nav li.act,
.ui-tabs .tab-nav li:hover {
background: #ddd;
}
.ui-tabs .tab-nav li h4 {
margin: 0;
}
.ui-tabs .tab-content li {
display: none;
width: 100%;
padding: 40px;
border: 1px solid #ddd;
border-top: none;
box-sizing: border-box;
}
.ui-tabs .tab-content li.act {
display: block;
}
.ui-accordion {
position: relative;
z-index: 2;
}
.ui-accordion .entry {
overflow: hidden;
list-style: none;
}
.ui-accordion .entry.act .accordion-headline {
background: #2ee799;
}
.ui-accordion .entry.act .accordion-headline:after {
content: "\2212";
}
.ui-accordion .entry .accordion-headline {
padding: 20px;
background: #17a8ff;
cursor: pointer;
margin: 0;
position: relative;
/*transition: all 0.3s;*/
margin: 0;
color: #fff;
font-size: 22px;
padding-right: 50px;
}
.ui-accordion .entry .accordion-headline:hover {
background: #2ee799;
}
.ui-accordion .entry .accordion-headline:after {
content: "\002B";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25px;
background-color: #333;
color: white;
text-align: center;
font-size: 20px;
line-height: 25px;
}
.ui-accordion .entry .accordion-content-wrap {
transition: all 0.3s;
height: 0;
overflow: hidden;
}
.ui-accordion .entry .accordion-content-wrap .accordion-content {
margin: 0;
padding: 35px;
border: 1px solid #ddd;
border-top: none;
}
@media all and (max-width: 768px) {
.ui-accordion .entry .accordion-content-wrap .accordion-content {
padding: 20px;
}
}
.greyBg {
position: relative;
}
.greyBg .topBg {
position: absolute;
height: 70%;
top: 15%;
left: 0;
right: 0;
background: #fff;
background: linear-gradient(182deg, #fff 16%, #f7f7f7 0%);
}
.greyBg.bgMid::before {
top: 15%;
height: 45%;
}
.greyBg .bottomBg {
position: absolute;
height: 55%;
top: 60%;
left: 0;
right: 0;
background: #c2c2c2;
background: linear-gradient(178deg, #f7f7f7 72%, #fff 0%);
}
.divider + .topBg + .bottomBg {
height: 40%;
}
.banner {
overflow: hidden;
position: relative;
z-index: 2;
}
.banner h1,
.banner h2,
.banner h3,
.banner p {
color: #fff;
}
.banner.no_cont {
min-height: 425px;
}
.banner.no_cont .page-title {
max-width: 1160px;
width: 96%;
margin: 40px auto;
}
.banner.no_cont .banner_bg {
min-height: 725px;
top: -88%;
}
.banner.no_cont .banner_bg::after {
top: 65%;
}
.banner.no_cont .banner_bg::before {
top: -30%;
}
.banner_cta .button.btn.white {
background: rgba(255, 255, 255, 0.5);
color: white;
}
.banner_content {
margin-left: auto;
margin-right: auto;
width: 96%;
max-width: 1160px;
display: flex;
justify-content: space-between;
position: relative;
z-index: 2;
padding-bottom: 0px;
}
.banner_bg {
/* background: linear-gradient(-45deg, #2ee799 0%, #17a8ff 100%);*/
background-image: linear-gradient(-45deg, #1a1e89 0%, #0884ef 100%);
min-height: 450px; /*580px;*/
width: 100%;
position: absolute;
transform: skew(0deg, -5deg);
top: -15%;
z-index: 1;
}
.banner_bg::before {
content: "";
position: absolute;
background: url(../img/bg_dot_white_AdobeStock_321305016.svg) no-repeat
center/cover;
width: 800px;
height: 800px;
top: -90%;
left: -10%;
}
.banner_text {
margin-top: 30px;
position: relative;
z-index: 5;
font-size: 20px;
width: 100%;
min-width: 540px;
}
.banner_cta {
display: flex;
white-space: nowrap;
}
.banner_cta a {
font-size: 16px;
font-weight: 700;
position: relative;
}
.banner_cta a[href*="tel"] {
padding: 15px 40px 15px 60px;
}
.banner_cta a[href*="tel"]::before {
position: absolute;
content: "";
background: url(../img/Icons/icon_smartphone_gradient.svg) no-repeat
center/contain;
width: 20px;
height: 20px;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.banner_image {
position: relative;
z-index: 2;
width: 100%;
max-width: 730px;
}
.banner_image::after {
content: "";
position: absolute;
background: url(../img/bg_dot_white_AdobeStock_321305016.svg) no-repeat
center/cover;
width: 800px;
height: 800px;
top: -30%;
left: 40px;
z-index: 1;
}
.banner_image img {
width: 100%;
min-width: 600px;
height: auto;
position: relative;
z-index: 2;
padding-left: 40px;
}
.banner_content.default {
display: block;
}
.banner_content.default .banner_text {
margin-top: 30px;
width: 70%;
}
.banner_content.default .banner_cta {
justify-content: center;
}
.banner_content.default .banner_box {
background: #fff;
display: flex;
margin-top: 20px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 0px 0px;
}
.banner_content.default .banner_box.right {
flex-direction: row-reverse;
}
.banner_content.default .banner_box .image {
max-width: 550px;
height: auto;
width: 100%;
border-radius: 10px 10px 0px 0px;
}
.banner_content.default .banner_box .image img {
max-width: 550px;
width: 100%;
align-self: baseline;
height: auto;
border-radius: 10px 10px 10px 10px;
}
.banner_content.default .banner_box .banner_text_content {
background: #fff;
padding: 20px 25px 20px;
width: 100%;
/*max-width: 450px;*/
border-radius: 10px 10px 0px 0px;
}
.banner_content.default .banner_box .banner_text_content h3 {
color: #1d1d1b;
margin-bottom: 20px;
}
.banner_content.default .banner_box .banner_text_content .list_content {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f7f7f7;
align-items: center;
}
.banner_content.default
.banner_box
.banner_text_content
.list_content
.list_price {
color: #17a8ff;
}
.banner_content.default
.banner_box
.banner_text_content
.list_content
.list_name,
.banner_content.default
.banner_box
.banner_text_content
.list_content
.list_price {
font-weight: 450;
font-size: 20px;
padding: 5px 0;
}
.banner_content.default .banner_box .banner_text_content .text_content p {
color: #333;
}
@media screen and (max-width: 1200px) {
.banner_image img {
max-width: 600px;
min-width: 1px;
}
.banner_text {
min-width: 1px;
}
}
@media screen and (max-width: 960px) {
.banner_text {
margin-top: 30px;
}
.banner_image {
display: none;
}
.banner_content.default .banner_box .image {
max-width: unset;
}
.banner_content.default .banner_box .image img {
max-width: unset;
}
.banner_box {
flex-wrap: wrap;
}
.banner_box .image {
max-width: 100%;
}
.banner_box .image img {
max-width: 100%;
}
}
@media screen and (max-width: 960px) {
.banner_content.default .banner_box .banner_text_content {
max-width: 100%;
padding: 50px 30px 30px;
}
}
@media screen and (max-width: 768px) {
.banner_cta {
flex-wrap: wrap;
}
}
@media screen and (max-width: 470px) {
.banner_bg {
min-height: 780px;
}
.list_content {
flex-direction: column;
}
.banner_text_content {
text-align: center;
padding: 50px 20px 30px;
}
}
.banner_icons {
position: fixed;
top: 250px;
z-index: 100;
right: 0;
transform: translateX(60%);
}
.banner_icons .banner_icons_list li {
margin: 30px 0;
}
.banner_icons .banner_icons_list li a {
opacity: 1 !important;
}
.banner_icons .banner_icons_list li .banner_icon {
background: #fff;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
padding: 15px;
border-radius: 50px;
cursor: pointer;
position: relative;
text-indent: -9999px;
color: transparent;
overflow: hidden;
}
.banner_icons .banner_icons_list li .banner_icon:hover {
opacity: 1;
}
.banner_icons .banner_icons_list li .banner_icon.phone::before,
.banner_icons .banner_icons_list li .banner_icon.mail::before,
.banner_icons .banner_icons_list li .banner_icon.whatsapp::before,
.banner_icons .banner_icons_list li .banner_icon.repair::before,
.banner_icons .banner_icons_list li .banner_icon.home::before,
.banner_icons .banner_icons_list li .banner_icon.smartphone::before,
.banner_icons .banner_icons_list li .banner_icon.teamviewer::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
transform: translateY(-50%);
top: 50%;
}
.banner_icons .banner_icons_list li .banner_icon.orange.phone::before {
background: url(../img/Icons/icon_phone_orange.svg) no-repeat center/25px;
}
.banner_icons .banner_icons_list li .banner_icon.orange.mail::before {
background: url(../img/Icons/icon_mail_orange.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.orange.whatsapp::before,
.banner_icons .banner_icons_list li .banner_icon.orange.smartphone::before {
background: url(../img/Icons/icon_smartphone_orange.svg) no-repeat
center/20px;
}
.banner_icons .banner_icons_list li .banner_icon.orange.repair::before {
background: url(../img/Icons/icon_repair_orange.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.orange.home::before {
background: url(../img/Icons/icon_home_orange.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.orange.teamviewer::before {
background: url(../img/Icons/icon_teamviewer_orange.svg) no-repeat
center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.phone::before {
background: url(../img/Icons/icon_phone_gradient.svg) no-repeat center/25px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.mail::before {
background: url(../img/Icons/icon_mail_gradient.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.whatsapp::before,
.banner_icons .banner_icons_list li .banner_icon.blue.smartphone::before {
background: url(../img/Icons/icon_smartphone_gradient.svg) no-repeat
center/20px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.repair::before {
background: url(../img/Icons/icon_repair_blue.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.home::before {
background: url(../img/Icons/icon_home_gradient.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.teamviewer::before {
background: url(../img/Icons/icon_teamviewer_blue.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue:hover {
background: linear-gradient(-45deg, #2ee799 0%, #17a8ff 100%);
}
.banner_icons .banner_icons_list li .banner_icon.orange:hover {
background: #ff5722;
}
.banner_icons .banner_icons_list li .banner_icon.blue.phone:hover::before,
.banner_icons .banner_icons_list li .banner_icon.orange.phone:hover::before {
background: url(../img/Icons/icon_phone_white.svg) no-repeat center/25px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.mail:hover::before,
.banner_icons .banner_icons_list li .banner_icon.orange.mail:hover::before {
background: url(../img/Icons/icon_mail_white.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.whatsapp:hover::before,
.banner_icons .banner_icons_list li .banner_icon.blue.smartphone:hover::before,
.banner_icons .banner_icons_list li .banner_icon.orange.whatsapp:hover::before,
.banner_icons
.banner_icons_list
li
.banner_icon.orange.smartphone:hover::before {
background: url(../img/Icons/icon_smartphone_white.svg) no-repeat
center/20px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.repair:hover::before,
.banner_icons .banner_icons_list li .banner_icon.orange.repair:hover::before {
background: url(../img/Icons/icon_repair_white.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.home:hover::before,
.banner_icons .banner_icons_list li .banner_icon.orange.home:hover::before {
background: url(../img/Icons/icon_home_white.svg) no-repeat center/34px;
}
.banner_icons .banner_icons_list li .banner_icon.blue.teamviewer:hover::before,
.banner_icons
.banner_icons_list
li
.banner_icon.orange.teamviewer:hover::before {
background: url(../img/Icons/icon_teamviewer_white.svg) no-repeat
center/34px;
}
.icon_tiles {
display: flex;
flex-wrap: wrap;
width: 96%;
max-width: 1160px;
margin: 0px auto 60px;
justify-content: space-between;
position: relative;
z-index: 2;
}
.icon_tiles > div {
flex-basis: 360px;
}
.icon_tiles .icon_tile {
flex: 0 1 360px;
margin: 0 0 80px 0;
display: flex;
}
.icon_tiles .icon_tile .icon__tile_text {
padding-top: 10px;
}
.icon_tiles .icon_tile .icon__tile_text h5,
.icon_tiles .icon_tile .icon__tile_text p {
margin-bottom: 15px;
}
.icon_tiles .icon_tile .icon__tile_text a {
font-weight: 700;
}
.icon_tiles .icon_tile .icon {
width: 90px;
height: 90px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.icon_tiles .icon_tile .icon img {
padding: 45px;
max-width: 100%;
height: 100%;
}
@media screen and (max-width: 960px) {
.icon_tiles {
margin: 30px auto;
}
}
@media screen and (max-width: 1120px) {
.icon_tiles {
justify-content: center;
}
}
.tx-img-card {
width: 96%;
max-width: 1160px;
margin: 60px auto;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
display: flex;
position: relative;
background: #fff;
z-index: 2;
}
.tx-img-card.right {
flex-direction: row-reverse;
}
.tx-img-card.right .image {
right: -10%;
left: unset;
}
.tx-img-card.right .image::after {
left: unset;
right: -50%;
}
.tx-img-card.right .content_text {
padding: 60px 80px;
}
.tx-img-card.right .content_text h3 {
margin: 0 0 20px;
}
.tx-img-card.right .image + .content_text {
padding: 60px 0 60px 80px;
}
.tx-img-card .image {
position: relative;
left: -10%;
}
.tx-img-card .image img {
max-width: 250px;
height: auto;
position: relative;
z-index: 2;
}
.tx-img-card .image::after {
content: "";
position: absolute;
background: url(../img/bg_dot_blue_AdobeStock_321305016.svg) no-repeat
center/cover;
width: 500px;
height: 500px;
z-index: 1;
top: -20%;
left: -50%;
}
.tx-img-card .content_text {
padding: 60px 80px;
}
.tx-img-card .content_text ol,
.tx-img-card .content_text ul {
list-style: initial !important;
}
.tx-img-card .content_text .content_actions {
display: flex;
justify-content: space-between;
align-items: center;
}
.tx-img-card .content_text .content_actions a.button {
margin-top: 50px;
}
.tx-img-card .content_text .content_actions .sub_image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
.tx-img-card .content_text .content_actions .sub_image p {
font-weight: 700;
}
.tx-img-card .image + .content_text {
padding: 60px 80px 60px 0;
}
@media screen and (max-width: 1024px) {
.tx-img-card,
.tx-img-card.right,
.tx-img-card.left {
max-width: 1100px;
flex-direction: column;
}
.tx-img-card .image,
.tx-img-card.right .image,
.tx-img-card.left .image {
left: 0;
width: 96%;
max-width: 450px;
margin: 0 auto;
}
.tx-img-card .image::after,
.tx-img-card.right .image::after,
.tx-img-card.left .image::after {
top: -50%;
left: 50%;
transform: translateX(-50%);
width: 300px;
height: 350px;
}
.tx-img-card .image img,
.tx-img-card.right .image img,
.tx-img-card.left .image img {
width: 40%;
left: 50%;
transform: translateX(-50%);
}
.tx-img-card .content_text,
.tx-img-card.right .content_text,
.tx-img-card.left .content_text {
padding: 60px 80px;
position: relative;
z-index: 2;
}
}
@media screen and (max-width: 768px) {
.tx-img-card {
margin: 30px auto;
}
.tx-img-card .content_text .content_actions {
flex-wrap: wrap;
}
.tx-img-card .content_text,
.tx-img-card.right .content_text,
.tx-img-card.left .content_text {
padding: 60px 30px;
}
}
@media screen and (max-width: 470px) {
.tx-img-card .image::after,
.tx-img-card.right .image::after,
.tx-img-card.left .image::after {
max-width: 450px;
height: 500px;
width: 100%;
}
}
.info-cards {
width: 96%;
max-width: 1160px;
margin: 60px auto;
position: relative;
z-index: 2;
}
.info-cards.maps h3 {
margin-bottom: 20px;
}
.info-cards h3 {
margin-bottom: 40px;
}
.info-cards .info_link a {
font-weight: 700;
}
.info-cards .info_cards_wrapper {
display: flex;
justify-content: space-between;
}
.info-cards .info_cards_wrapper .card {
flex: 0 1 560px;
}
.info-cards .info_cards_wrapper .card + .card {
margin-left: 40px;
}
.info-cards .info_cards_wrapper .card .text {
display: flex;
flex-direction: column;
}
.info-cards .info_cards_wrapper .card .text .subline {
margin-top: 40px;
font-weight: 700;
}
.info-cards .info_cards_wrapper .card .text .headline {
margin-top: 10px;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
}
.info-cards .info_cards_wrapper .card .image {
height: 450px;
}
.info-cards .info_cards_wrapper .card .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
}
.maps_wrapper {
margin-top: 40px;
}
.maps_wrapper .card .text {
padding: 40px 0;
font-size: 14px;
}
.maps_wrapper .card .text a {
color: #ff5722;
}
.maps_wrapper .card .text .subline,
.maps_wrapper .card .text .location {
margin: 0 0 20px;
margin-top: 0 !important;
}
.location {
color: #ff5722;
font-weight: 700;
padding-left: 34px;
position: relative;
}
.location.home::before,
.location.tools::before,
.location.phone::before,
.location.smartphone::before,
.location.mail::before,
.location.repair::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.location.home::before {
background: url(../img/Icons/icon_home_orange.svg) no-repeat center/24px;
}
.location.tools::before {
background: url(../img/Icons/icon_tools_orange.svg) no-repeat center/24px;
}
.location.phone::before {
background: url(../img/Icons/icon_phone_orange.svg) no-repeat center/24px;
}
.location.smartphone::before {
background: url(../img/Icons/icon_smartphone_orange.svg) no-repeat
center/14px;
}
.location.mail::before {
background: url(../img/Icons/icon_mail_orange.svg) no-repeat center/24px;
}
.location.repair::before {
background: url(../img/Icons/icon_repair_orange.svg) no-repeat center/24px;
}
.mapsbtn.button.btn.blue {
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: 320px;
z-index: 10;
text-align: center;
align-self: center;
}
.image.map {
position: relative;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
display: flex;
}
.image.map::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/google_maps_placeholder.jpg) no-repeat center/cover;
}
.image.map::after {
position: absolute;
content: "Google Maps";
max-width: 400px;
width: 80%;
height: 150px;
background: white;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
opacity: 0.9;
color: black;
font-weight: 700;
text-align: center;
padding: 30px;
z-index: 1;
}
@media screen and (max-width: 768px) {
.info-cards {
margin: 30px auto;
}
.info-cards .info_cards_wrapper {
justify-content: center;
flex-wrap: wrap;
}
.info-cards .info_cards_wrapper .card {
flex: 0 1 100%;
}
.info-cards .info_cards_wrapper .card + .card {
margin-left: 0px;
}
.info_link {
max-width: 560px;
margin: 0 auto;
}
}
.post-slider {
position: relative;
z-index: 2;
margin: 80px auto;
}
.post-slider .posts-title {
text-align: center;
}
.post-slider .posts-title h3 {
margin-bottom: 60px;
}
.post-slider .post-slides {
display: flex;
justify-content: center;
width: 100%;
max-width: 1160px;
margin: 0 auto;
}
.post-slider .post-slides .post-slide {
max-width: 360px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
margin: 20px;
}
.post-slider .post-slides .post-slide .post-slide-image img {
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
.post-slider .post-slides .post-slide .post-slide-content {
padding: 30px;
background: #fff;
}
.post-slider .post-slides .post-slide .post-slide-content .post-slide-title,
.post-slider .post-slides .post-slide .post-slide-content .post-slide-text {
margin-bottom: 15px;
}
.post-slider .post-slides .post-slide .post-slide-content a {
font-weight: 700;
}
.post-slider .post-controls {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
width: 96%;
max-width: calc(1200px + 160px);
display: flex;
justify-content: space-between;
}
.post-slider .post-controls button {
background: url(../img/Icons/arrow.svg) center/50px no-repeat;
width: 50px;
height: 50px;
border: 0;
cursor: pointer;
transition: all 0.3s;
}
.post-slider .post-controls button:hover {
transform: scale(0.95);
}
.post-slider .post-controls button.next_post {
transform: rotate(180deg);
}
@media screen and (max-width: 960px) {
.post-slider {
margin: 30px auto;
}
}
.divider {
display: flex;
justify-content: space-between;
align-items: center;
width: 96%;
max-width: 1160px;
margin: 60px auto;
padding: 60px 80px;
position: relative;
z-index: 2;
overflow: hidden;
box-sizing: border-box;
}
.divider::before,
.divider::after {
content: "";
position: absolute;
background: url(../img/bg_dot_white_AdobeStock_321305016.svg) no-repeat
center/cover;
width: 700px;
height: 700px;
}
.divider::before {
left: 0;
bottom: 0;
}
.divider::after {
right: 0;
top: 0;
}
.divider h3 {
color: #fff;
margin: 0;
font-size: 28px;
z-index: 2;
}
.divider a {
margin: 0;
z-index: 2;
white-space: nowrap;
}
.divider.right {
flex-direction: row-reverse;
}
.divider.center {
flex-direction: column;
padding: 30px 80px;
}
.divider.center h3 {
padding-bottom: 20px;
}
.divider.orange {
background: linear-gradient(-45deg, #f46030 0%, #f9a951 100%);
}
.divider.blue {
background: linear-gradient(-45deg, #2ee799 0%, #17a8ff 100%);
}
@media screen and (max-width: 768px) {
.divider {
flex-wrap: wrap;
margin: 30px auto;
text-align: center;
justify-content: center;
padding: 40px 20px;
}
.divider h3 {
padding-bottom: 20px;
}
.divider::after {
content: none;
}
}
.txt-img {
display: flex;
max-width: 1160px;
width: 96%;
margin: 60px auto;
align-items: center;
position: relative;
z-index: 2;
}
.txt-img .content .btn_container {
margin-bottom: 50px;
}
.txt-img .image.center {
align-self: center;
}
.txt-img .image.top {
align-self: flex-start;
}
.txt-img .image.bottom {
align-self: flex-bottom;
}
.txt-img.right {
flex-direction: row-reverse;
}
.txt-img.right .image {
margin-left: 60px;
}
.txt-img.left .image {
margin-right: 60px;
}
.txt-img .text-image {
display: flex;
}
.txt-img .text-image.right {
flex-direction: row-reverse;
}
.txt-img .text-image.right .image {
margin-left: 30px;
margin-right: 0px;
}
.txt-img .text-image.left .image {
margin-right: 30px;
margin-left: 0px;
}
@media screen and (max-width: 960px) {
.txt-img {
margin: 30px auto;
flex-wrap: wrap;
justify-content: center;
}
.txt-img .text-image {
flex-wrap: wrap;
justify-content: center;
}
.txt-img.right .image,
.txt-img.left .image,
.txt-img .text-image.right .image,
.txt-img .text-image.left .image {
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.txt-img.right .image img,
.txt-img.left .image img,
.txt-img .text-image.right .image img,
.txt-img .text-image.left .image img {
max-width: 200px;
height: auto;
}
}
.price_list {
width: 96%;
margin: 60px auto;
position: relative;
z-index: 2;
max-width: 1160px;
}
.list_wrapper {
margin: 20px 0;
}
.list_container {
padding: 30px 20px 40px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background: #fff;
}
.list_container h4 {
padding: 0 20px;
}
.list_container .list_content {
display: flex;
justify-content: space-between;
}
.list_container .list_content .list {
width: 100%;
padding: 20px;
}
.list_container .list_content .list .list_item {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e1e1e1;
}
.list_container .list_content .list .list_item .list_name,
.list_container .list_content .list .list_item .list_price {
/*font-weight: 700;*/
font-size: 16px;
padding: 10px 0 5px;
}
.list_container .list_content .list .list_item .list_price {
color: #17a8ff;
}
@media screen and (max-width: 960px) {
.price_list {
margin: 30px auto;
}
.list_container .list_content {
flex-wrap: wrap;
width: 90%;
}
.list_container .list_content .list {
width: 100%;
padding: 0 20px;
}
}
.gform_wrapper {
position: relative;
z-index: 1;
}
.gform_fields {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: repeat(5, auto);
}
.ginput_container INPUT,
.ginput_container TEXTAREA {
padding: 15px 10px;
width: 90%;
margin: 10px 30px 10px 0;
background: #f7f7f7;
font-weight: 400;
border: 1px solid rgba(51, 51, 51, 0.2);
}
.ginput_container INPUT:active,
.ginput_container INPUT:focus,
.ginput_container TEXTAREA:active,
.ginput_container TEXTAREA:focus {
outline: 2px solid #17a8ff;
}
.ginput_container.ginput_container_consent INPUT {
padding: 0;
width: unset;
margin: 0;
}
#field_3_5 {
grid-column: 1;
}
#field_3_3 {
grid-row: 3/6;
grid-column: 2;
}
.kontakt {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
padding: 20px 80px;
}
.kontakt .gfield_label {
font-weight: 700;
font-size: 14px;
}
.kontakt .gfield {
margin: 10px 0;
font-size: 14px;
}
.gform_heading {
text-align: center;
}
.gform_heading .gform_title {
margin-bottom: 60px;
}
.gform_heading .gform_required_legend {
display: none;
}
.gform_footer.top_label {
padding: 0 30px 30px;
}
.kontakt_wrapper input.gform_button {
border: none;
}
@media screen and (max-width: 960px) {
.gform_fields {
display: block;
}
}
@media screen and (max-width: 768px) {
.kontakt {
padding: 0;
}
}
#field_1_3 {
grid-row: 3 /-1;
grid-column: 2;
}
.entry-content .wp-block-audio,
.entry-content .wp-block-video,
.entry-content .wp-block-embed {
width: 96%;
margin: 60px auto;
max-width: 1100px;
position: relative;
z-index: 2;
}
.youtube_video {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 250px;
}
.youtube_video .yt_poster {
margin: 0 auto;
width: 96%;
}
.youtube_video .yt_poster img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.youtube_video .infotext_wrap {
width: 60%;
min-width: 280px;
position: absolute;
background: #fff;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
border-radius: 5px;
text-align: center;
top: 50%;
}
.youtube_video .video_frame {
margin: 0 auto;
width: 96%;
max-width: 1160px;
min-width: 320px;
}
.youtube_video .video_frame iframe {
width: 96%;
max-width: 1160px;
min-width: 320px;
height: 400px;
}
.youtube_video .play_btn {
cursor: pointer;
width: 80px;
height: 60px;
background: #ff5722;
display: block;
margin: 20px auto;
border-radius: 15px;
position: relative;
}
.youtube_video .play_btn::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 30px solid #fff;
border-bottom: 15px solid transparent;
border-radius: 2px;
top: 50%;
left: 55%;
transform: translate(-50%, -50%);
}
/* FOOTER NAVIGATION */
.footer_nav {
display: flex;
max-width: 1920px;
margin: 0 auto;
width: 96%;
}
.footer_nav a {
color: #f7f7f7;
}
.footer_nav_col {
width: 19%;
margin-right: 20px;
}
.footer_nav_head {
position: relative;
color: #f7f7f7;
line-height: 16px;
height: 35px;
}
.footer_nav_head::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #888888;
bottom: -10px;
}
@media screen and (max-width: 1300px) {
.footer_nav {
display: block;
}
.footer_nav_col {
margin: 0px auto;
width: 100%;
}
.footer_nav_head {
height: unset;
}
}
/* MAP FOOTER */
.foot .inner .maps_wrapper {
margin-top: 0;
}
.foot .inner .info-cards {
margin: 0px auto 10px;
}
.foot .inner .wp-block-columns {
align-items: center;
}
.foot .inner .wp-block-column h1,
.foot .inner .wp-block-column h2,
.foot .inner .wp-block-column h3,
.foot .inner .wp-block-column h4,
.foot .inner .wp-block-column h5,
.foot .inner .wp-block-column h6 {
color: #f7f7f7;
text-align: left;
margin-bottom: 20px;
}
BODY.landingpage header.head .inner {
justify-content: center;
}
.four-steps {
width: 96%;
max-width: 1160px;
margin: 40px auto;
position: relative;
}
.steps_header h2,
.steps_header p {
text-align: center;
margin-bottom: 0;
}
.steps_header p {
font-size: 18px;
}
.steps_body {
display: flex;
justify-content: space-between;
padding: 40px 0;
}
.steps_tile {
position: relative;
display: block;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 20px 5px 20px 5px;
background-color: #f7f7f7;
border-style: solid;
border-color: #ffffff;
border-radius: 20px 20px 20px 20px;
box-shadow: -1px 0px 24px -10px rgba(0, 0, 0, 0.5);
width: 21%;
}
.steps_tile:not(:first-child)::before {
content: "";
position: absolute;
left: -35px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
width: 29px;
height: 29px;
background: url(../img/Icons/arrow.svg) no-repeat center / contain;
}
.steps_icon img {
border-radius: 0;
}
.steps_tile_headline p {
margin-bottom: 10px;
font-size: 19px;
}
.steps_tile_content p {
line-height: 23px;
}
@media screen and (max-width: 900px) {
.steps_body {
flex-wrap: wrap;
}
.steps_tile {
width: 96%;
margin: 20px auto;
}
.steps_tile:not(:first-child)::before {
content: none;
}
}
/*# sourceMappingURL=main.css.map */