.ce-align-left {
    text-align: left;
}

.ce-align-center {
    text-align: center;
}

.ce-align-right {
    text-align: right;
}

.ce-table td,
.ce-table th {
    vertical-align: top;
}

.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
    overflow: hidden;
}

.ce-left .ce-gallery,
.ce-column {
    float: left;
}

.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}

.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}

.ce-right .ce-gallery {
    float: right;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}

.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}

.ce-gallery img {
    display: block;
}

.ce-gallery iframe {
    border-width: 0;
}

.ce-border img,
.ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin-bottom: 10px;
}

.ce-image .ce-gallery {
    margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 10px;
}

.ce-below .ce-gallery {
    margin-top: 10px;
}

.ce-column {
    margin-right: 10px;
}

.ce-column:last-child {
    margin-right: 0;
}

.ce-row {
    margin-bottom: 10px;
}

.ce-row:last-child {
    margin-bottom: 0;
}

.ce-above .ce-bodytext {
    clear: both;
}

.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    padding-left: 40px;
    overflow: auto;
}

.ce-headline-left {
    text-align: left;
}

.ce-headline-center {
    text-align: center;
}

.ce-headline-right {
    text-align: right;
}

.ce-uploads {
    margin: 0;
    padding: 0;
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}

.ce-uploads span {
    display: block;
}

.ce-table {
    width: 100%;
    max-width: 100%;
}

.ce-table th,
.ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.ce-table thead th {
    border-bottom: 2px solid #dadada;
}

.ce-table th,
.ce-table td {
    border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.ce-table-bordered th,
.ce-table-bordered td {
    border: 1px solid #dadada;
}

.frame-space-before-extra-small {
    margin-top: 1em;
}

.frame-space-before-small {
    margin-top: 2em;
}

.frame-space-before-medium {
    margin-top: 3em;
}

.frame-space-before-large {
    margin-top: 4em;
}

.frame-space-before-extra-large {
    margin-top: 5em;
}

.frame-space-after-extra-small {
    margin-bottom: 1em;
}

.frame-space-after-small {
    margin-bottom: 2em;
}

.frame-space-after-medium {
    margin-bottom: 3em;
}

.frame-space-after-large {
    margin-bottom: 4em;
}

.frame-space-after-extra-large {
    margin-bottom: 5em;
}

.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 2em;
}

.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em;
}

.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}

.frame-indent-left {
    margin-left: 33%;
}

.frame-indent-right {
    margin-right: 33%;
}

textarea.f3-form-error {
    background-color: #FF9F9F;
    border: 1px #FF0000 solid;
}

input.f3-form-error {
    background-color: #FF9F9F;
    border: 1px #FF0000 solid;
}

.tx-projects table {
    border-collapse: separate;
    border-spacing: 10px;
}

.tx-projects table th {
    font-weight: bold;
}

.tx-projects table td {
    vertical-align: top;
}

.typo3-messages .message-error {
    color: red;
}

.typo3-messages .message-ok {
    color: green;
}

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
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

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
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [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 {
    display: inline-block;
    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-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/raleway-v19-latin-regular.eot');
    src: local(""), url('fonts/raleway-v19-latin-regular.eot?#iefix') format("embedded-opentype"), url('fonts/raleway-v19-latin-regular.woff2') format("woff2"), url('fonts/raleway-v19-latin-regular.woff') format("woff"), url('fonts/raleway-v19-latin-regular.ttf') format("truetype"), url('fonts/raleway-v19-latin-regular.svg#Raleway') format("svg")
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/raleway-v19-latin-700.eot');
    src: local(""), url('fonts/raleway-v19-latin-700.eot?#iefix') format("embedded-opentype"), url('fonts/raleway-v19-latin-700.woff2') format("woff2"), url('fonts/raleway-v19-latin-700.woff') format("woff"), url('fonts/raleway-v19-latin-700.ttf') format("truetype"), url('fonts/raleway-v19-latin-700.svg#Raleway') format("svg")
}

@font-face {
    font-family: "Raleway";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/raleway-v19-latin-italic.eot');
    src: local(""), url('fonts/raleway-v19-latin-italic.eot?#iefix') format("embedded-opentype"), url('fonts/raleway-v19-latin-italic.woff2') format("woff2"), url('fonts/raleway-v19-latin-italic.woff') format("woff"), url('fonts/raleway-v19-latin-italic.ttf') format("truetype"), url('fonts/raleway-v19-latin-italic.svg#Raleway') format("svg")
}

@font-face {
    font-family: "Raleway";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/raleway-v19-latin-700italic.eot');
    src: local(""), url('fonts/raleway-v19-latin-700italic.eot?#iefix') format("embedded-opentype"), url('fonts/raleway-v19-latin-700italic.woff2') format("woff2"), url('fonts/raleway-v19-latin-700italic.woff') format("woff"), url('fonts/raleway-v19-latin-700italic.ttf') format("truetype"), url('fonts/raleway-v19-latin-700italic.svg#Raleway') format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/roboto-v27-latin-900.eot');
    src: local(""), url('fonts/roboto-v27-latin-900.eot?#iefix') format("embedded-opentype"), url('fonts/roboto-v27-latin-900.woff2') format("woff2"), url('fonts/roboto-v27-latin-900.woff') format("woff"), url('fonts/roboto-v27-latin-900.ttf') format("truetype"), url('fonts/roboto-v27-latin-900.svg#Roboto') format("svg")
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html,
body {
    margin: 0;
    padding: 0
}

body {
    font-size: 18px;
    font-weight: normal;
    font-family: Arial, Raleway, Verdana, sans-serif;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    background: #fff;
    line-height: 29px
}

body.scrollfix {
    overflow: hidden
}

body.preload * {
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important
}

::-moz-selection {
    background: #d20000;
    text-shadow: none;
    color: #fff
}

::selection {
    background: #d20000;
    text-shadow: none;
    color: #fff
}

hr {
    display: block;
    height: 1px;
    background: #f7f7f7;
    margin: 1em 0;
    border: none
}

img:not(.is_svg),
video {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    width: auto
}

.is_svg {
    display: inline-block;
    min-height: 1px;
    min-width: 1px;
    max-width: none
}

figure {
    margin: 0
}

.browsehappy {
    margin: 0;
    padding: 0.4em 0;
    background: #ba2a0a;
    font-size: 13px;
    color: #fff;
    text-align: center
}

.browsehappy a {
    color: #fff !important
}

a {
    color: #151515;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: all 0.5s ease-in-out
}

a:hover {
    -webkit-text-decoration-color: #ff9f9f;
    text-decoration-color: #ff9f9f
}

a[href*="//"] {
    position: relative
}

a[href*="//"]:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    background: url('/images/svgs/external-link.svg') no-repeat center left;
    background-size: 100% auto;
    margin-right: 10px
}

figure a[href*="//"]:before {
    content: none
}

.logo {
    transition: all 0.5s ease-in-out;
   
    width: 200px;
    height: 150px;
    margin: 0
}


.logo a {
    display: block;
    width: 100%;
    height: 100%
}

.logo a span {
    display: none
}

.allcont ul li {
    padding: 2.5px 0 2.5px 33px;
    position: relative
}

.allcont ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('/images/svgs/check.svg') no-repeat center/100% auto;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 10px
}

.allcont ul li ul li {
    padding: 5px 10px 5px 20px
}

.allcont ul li ul li::before {
    background: #5e8365
}

.allcont ol {
    margin: 10px 0;
    counter-reset: item
}

.allcont ol li {
    padding: 5px 0 5px 1.7em;
    counter-increment: item;
    position: relative
}

.allcont ol li:before {
    content: counter(item) ".";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    font-weight: bold
}

.allcont .ce-gallery .lightbox {
    position: relative;
    height: 100%;
    display: block
}

.allcont .ce-gallery .lightbox:before {
    content: "";
    background: rgba(0, 0, 0, 0.7) url('/images/svgs/magnifier.svg') no-repeat center center;
    background-size: 36px 36px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1
}

.allcont .ce-gallery .lightbox:hover:before {
    opacity: 1
}

.allcont .ce-textpic .ce-gallery {
    overflow: visible;
    margin-bottom: 0;
    margin-right: 20px
}

.allcont .ce-textpic.ce-above .ce-gallery {
    margin-bottom: 10px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.frame-space-before-extra-small {
    margin-top: 30px
}

.frame-space-before-small {
    margin-top: 45px
}

.frame-space-before-medium {
    margin-top: 60px
}

.frame-space-before-large {
    margin-top: 43px
}

.frame-space-before-extra-large {
    margin-top: 190px
}

.frame-space-after-extra-small {
    margin-bottom: 30px
}

.frame-space-after-small {
    margin-bottom: 45px
}

.frame-space-after-medium {
    margin-bottom: 60px
}

.frame-space-after-large {
    margin-bottom: 130px
}

.frame-space-after-extra-large {
    margin-bottom: 100px
}

@media screen and (max-width:768px) {
    .frame-space-before-medium {
        margin-top: 50px
    }

    .frame-space-before-large {
        margin-top: 80px
    }

    .frame-space-before-extra-large {
        margin-top: 140px
    }

    .frame-space-after-medium {
        margin-bottom: 50px
    }

    .frame-space-after-large {
        margin-bottom: 80px
    }

    .frame-space-after-extra-large {
        margin-bottom: 100px
    }
}

.button,
.white-btn,
input[type="submit"] {
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 15px 33px 15px 20px;
    text-decoration: none;
    border: 0;
    font-family: "Roboto", Verdana, Arial, sans-serif;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 17px;
    background: #151515;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    margin-top: 20px
}

.button:before,
.white-btn:before,
input[type="submit"]:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background: url('/images/svgs/btn-arrow.svg') no-repeat center/15px auto;
    transition: all 0.5s ease-in-out
}

.button:hover,
.white-btn:hover,
input[type="submit"]:hover {
    color: #fff;
    background-color: #d60b00
}

.button:hover:before,
.white-btn:hover:before,
input[type="submit"]:hover:before {
    margin-left: 10px;
    margin-right: 10px
}

.button+.button,
.white-btn+.button,
.button+.white-btn,
.white-btn+.white-btn,
input[type="submit"]+.button,
input[type="submit"]+.white-btn {
    margin-left: 30px
}

@media all and (max-width:450px) {

    .button+.button,
    .white-btn+.button,
    .button+.white-btn,
    .white-btn+.white-btn,
    input[type="submit"]+.button,
    input[type="submit"]+.white-btn {
        margin-left: 0
    }
}

.button.back_btn:before,
.back_btn.white-btn:before,
input[type="submit"].back_btn:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 10px;
    margin-right: 10px
}

.button.back_btn:hover:before,
.back_btn.white-btn:hover:before,
input[type="submit"].back_btn:hover:before {
    margin-left: 0;
    margin-right: 20px
}

.white-btn {
    background-color: #fff;
    color: #151515 !important
}

.white-btn:before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.white-btn:hover {
    color: #fff !important
}

.white-btn:hover:before {
    -webkit-filter: none;
    filter: none
}

.phone,
.mail,
.place {
    white-space: nowrap
}

.phone:before,
.mail:before,
.place:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 8px;
    width: 22px;
    height: 28px;
    background: url('/images/svgs/phone2.svg') no-repeat center;
    background-size: 100% auto;
    margin-right: 20px
}

.mail:before {
    background-image: url('/images/svgs/mail2.svg')
}

.place {
    display: flex
}

.place:before {
    height: 25px !important;
    width: 25px !important;
    background-image: url('/images/svgs/place.svg') !important;
    background-size: auto 100% !important;
	margin-right: 20px
}

.largetext {
    font-size: 1.5em
}

.uppercase {
    text-transform: uppercase
}

.roofline,
.tab_container_roofline {
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-size: 22px;
    color: #b80000;
    /* text-transform: lowercase */
}

.greentext {
    color: #8ba888
}

.greentext a {
    color: #8ba888 !important
}

.smallh {
    font-size: 45px
}

@media all and (max-width:1024px) {
    .smallh {
        font-size: 42px;
        line-height: 55px
    }
}

@media all and (max-width:640px) {
    .smallh {
        font-size: 28px;
        line-height: 42px
    }
}

.frame-greybox {
    background: #f7f7f7;
    padding: 2%
}

.frame-greycircle {
    position: relative;
    padding-top: 115px
}

@media all and (max-width:768px) {
    .frame-greycircle {
        padding-top: 0
    }
}

.frame-greycircle:before {
    content: "";
    display: block;
    height: 800px;
    width: 800px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f7f7f7;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    z-index: -1
}

@media all and (max-width:960px) {
    .frame-greycircle:before {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.frame-blackbox,
.frame-ci_bg {
    position: relative;
    background: #151515
}

.frame-blackbox *:not(.roofline):not(.greentext),
.frame-ci_bg *:not(.roofline):not(.greentext) {
    color: #fff
}

.frame-blackbox>.inner,
.frame-ci_bg>.inner {
    padding: 100px 0
}

.frame-ci_bg {
    background: #d20000
}

.frame-type-pxproject_grid100withimages {
    position: relative;
    padding: 200px 0
}

@media screen and (max-width:450px) {
    .frame-type-pxproject_grid100withimages {
        padding: 100px 0
    }

    .frame-type-pxproject_grid100withimages img {
        width: 100px
    }
}

.frame-type-pxproject_grid100withimages .image {
    position: absolute
}

.frame-type-pxproject_grid100withimages .image.image_top {
    top: 0
}

.frame-type-pxproject_grid100withimages .image.image_bottom {
    bottom: 0
}

.frame-type-pxproject_grid100withimages .image.position_right {
    right: 0
}

.frame-type-pxproject_grid100withimages .image.position_left {
    left: 0
}

.frame-type-textpic img.is_svg {
    width: 25px !important;
    height: 25px !important
}

.frame-type-textpic .ce-textpic {
    display: flex
}

.head>.inner,
.foot>.inner {
    width: 92%;
    max-width: 1740px;
    margin-left: auto;
    margin-right: auto
}

.foot>.inner {
    max-width: 1300px
}

.cont>.frame {
    width: 92%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.cont>.frame.frame-layout-10 {
    max-width: none;
    width: 100%
}

.cont>.frame.frame-layout-10.frame-greybox {
    padding: 20px 0
}

.cont>.frame.frame-layout-20 {
    max-width: none;
    width: 100%
}

.cont>.frame.frame-layout-20>.inner {
    width: 92%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.gridrow {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

.gridrow .col+.col {
    margin-left: 40px
}

.gridrow.colSpacing_slim>.col+.col {
    margin-left: 20px
}

.gridrow.colSpacing_wide>.col+.col {
    margin-left: 60px
}

.gridrow.align_middle {
    align-items: center
}

.gridrow.align_top {
    align-items: flex-start
}

.gridrow.align_bottom {
    align-items: flex-end
}

.gridrow.align_stretch {
    align-items: stretch
}

.gridrow.align_stretch .frame,
.gridrow.align_stretch .inner,
.gridrow.align_stretch .ce-image,
.gridrow.align_stretch .ce-gallery,
.gridrow.align_stretch .ce-row,
.gridrow.align_stretch .ce-column,
.gridrow.align_stretch .image {
    height: 100%
}

.gridrow.align_stretch img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.grid2cols>.col {
    width: calc(50% - (40px / 2))
}

.grid2cols.colSpacing_slim>.col {
    width: calc(50% - (20px / 2))
}

.grid2cols.colSpacing_wide>.col {
    width: calc(50% - (60px / 2))
}

.grid3cols>.col {
    width: calc(33.333% - (2 * 40px / 3))
}

.grid3cols.colSpacing_slim>.col {
    width: calc(33.333% - (2 * 20px / 3))
}

.grid3cols.colSpacing_wide>.col {
    width: calc(33.333% - (2 * 60px / 3))
}

.grid4cols>.col {
    width: calc(25% - (3 * 40px / 4))
}

.grid4cols.colSpacing_slim>.col {
    width: calc(25% - (3 * 20px / 4))
}

.grid4cols.colSpacing_wide>.col {
    width: calc(25% - (3 * 60px / 4))
}

.grid5cols>.col {
    width: calc(20% - (4 * 40px / 5))
}

.grid5cols.colSpacing_slim>.col {
    width: calc(20% - (4 * 20px / 5))
}

.grid5cols.colSpacing_wide>.col {
    width: calc(20% - (4 * 60px / 5))
}

.col_pos_33-66>.col.col1 {
    width: calc(33.333% - (40px / 2))
}

.col_pos_33-66>.col.col2 {
    width: calc(66.666% - (40px / 2))
}

.col_pos_33-66.colSpacing_slim>.col.col1 {
    width: calc(33.333% - (20px / 2))
}

.col_pos_33-66.colSpacing_slim>.col.col2 {
    width: calc(66.666% - (20px / 2))
}

.col_pos_33-66.colSpacing_wide>.col.col1 {
    width: calc(33.333% - (60px / 2))
}

.col_pos_33-66.colSpacing_wide>.col.col2 {
    width: calc(66.666% - (60px / 2))
}

.col_pos_66-33>.col.col1 {
    width: calc(66.666% - (40px / 2))
}

.col_pos_66-33>.col.col2 {
    width: calc(33.333% - (40px / 2))
}

.col_pos_66-33.colSpacing_slim>.col.col1 {
    width: calc(66.666% - (20px / 2))
}

.col_pos_66-33.colSpacing_slim>.col.col2 {
    width: calc(33.333% - (20px / 2))
}

.col_pos_66-33.colSpacing_wide>.col.col1 {
    width: calc(66.666% - (60px / 2))
}

.col_pos_66-33.colSpacing_wide>.col.col2 {
    width: calc(33.333% - (60px / 2))
}

.col_pos_20-80>.col.col1 {
    width: 22%
}

.col_pos_20-80>.col.col2 {
    width: calc(78% - 40px)
}

.col_pos_20-80.colSpacing_slim>.col.col1 {
    width: 22%
}

.col_pos_20-80.colSpacing_slim>.col.col2 {
    width: calc(78% - 20px)
}

.col_pos_20-80.colSpacing_wide>.col.col1 {
    width: 22%
}

.col_pos_20-80.colSpacing_wide>.col.col2 {
    width: calc(78% - 60px)
}

.col_pos_80-20>.col.col1 {
    width: calc(78% - 40px)
}

.col_pos_80-20>.col.col2 {
    width: 22%
}

.col_pos_80-20.colSpacing_slim>.col.col1 {
    width: calc(78% - 20px)
}

.col_pos_80-20.colSpacing_slim>.col.col2 {
    width: 22%
}

.col_pos_80-20.colSpacing_wide>.col.col1 {
    width: calc(78% - 60px)
}

.col_pos_80-20.colSpacing_wide>.col.col2 {
    width: 22%
}

@media all and (max-width:1024px) {

    .grid4cols .col+.col,
    .grid4cols.colSpacing_slim .col+.col,
    .grid4cols.colSpacing_wide .col+.col,
    .grid5cols .col+.col,
    .grid5cols.colSpacing_slim .col+.col,
    .grid5cols.colSpacing_wide .col+.col {
        margin-left: 40px
    }

    .grid4cols>.col,
    .grid4cols.colSpacing_slim>.col,
    .grid4cols.colSpacing_wide>.col,
    .grid5cols>.col,
    .grid5cols.colSpacing_slim>.col,
    .grid5cols.colSpacing_wide>.col {
        width: calc(50% - (40px / 2));
        margin-top: 40px
    }

    .grid4cols>.col:nth-child(2n + 1),
    .grid4cols.colSpacing_slim>.col:nth-child(2n + 1),
    .grid4cols.colSpacing_wide>.col:nth-child(2n + 1),
    .grid5cols>.col:nth-child(2n + 1),
    .grid5cols.colSpacing_slim>.col:nth-child(2n + 1),
    .grid5cols.colSpacing_wide>.col:nth-child(2n + 1) {
        margin-left: 0
    }
}

@media all and (max-width:960px) {

    .grid2cols>.col,
    .grid2cols.colSpacing_slim>.col,
    .grid2cols.colSpacing_wide>.col,
    .grid3cols>.col,
    .grid3cols.colSpacing_slim>.col,
    .grid3cols.colSpacing_wide>.col {
        width: 100%;
		flex: unset;

    }

    .grid2cols .col+.col,
    .grid2cols.colSpacing_slim .col+.col,
    .grid2cols.colSpacing_wide .col+.col,
    .grid3cols .col+.col,
    .grid3cols.colSpacing_slim .col+.col,
    .grid3cols.colSpacing_wide .col+.col {
        margin-left: 0;
        margin-top: 40px
    }

    .col_pos_33-66>.col.col1,
    .col_pos_33-66>.col.col2,
    .col_pos_33-66.colSpacing_slim>.col.col1,
    .col_pos_33-66.colSpacing_slim>.col.col2,
    .col_pos_33-66.colSpacing_wide>.col.col1,
    .col_pos_33-66.colSpacing_wide>.col.col2,
    .col_pos_66-33>.col.col1,
    .col_pos_66-33>.col.col2,
    .col_pos_66-33.colSpacing_slim>.col.col1,
    .col_pos_66-33.colSpacing_slim>.col.col2,
    .col_pos_66-33.colSpacing_wide>.col.col1,
    .col_pos_66-33.colSpacing_wide>.col.col2,
    .col_pos_20-80>.col.col1,
    .col_pos_20-80>.col.col2,
    .col_pos_20-80.colSpacing_slim>.col.col1,
    .col_pos_20-80.colSpacing_slim>.col.col2,
    .col_pos_20-80.colSpacing_wide>.col.col1,
    .col_pos_20-80.colSpacing_wide>.col.col2,
    .col_pos_80-20>.col.col1,
    .col_pos_80-20>.col.col2,
    .col_pos_80-20.colSpacing_slim>.col.col1,
    .col_pos_80-20.colSpacing_slim>.col.col2,
    .col_pos_80-20.colSpacing_wide>.col.col1,
    .col_pos_80-20.colSpacing_wide>.col.col2 {
        width: 100%
    }

    .col_pos_33-66 .col+.col,
    .col_pos_33-66.colSpacing_slim .col+.col,
    .col_pos_33-66.colSpacing_wide .col+.col,
    .col_pos_66-33 .col+.col,
    .col_pos_66-33.colSpacing_slim .col+.col,
    .col_pos_66-33.colSpacing_wide .col+.col,
    .col_pos_20-80 .col+.col,
    .col_pos_20-80.colSpacing_slim .col+.col,
    .col_pos_20-80.colSpacing_wide .col+.col,
    .col_pos_80-20 .col+.col,
    .col_pos_80-20.colSpacing_slim .col+.col,
    .col_pos_80-20.colSpacing_wide .col+.col {
        margin-left: 0;
        margin-top: 40px
    }
}

@media all and (max-width:768px) {

    .grid4cols>.col,
    .grid4cols.colSpacing_slim>.col,
    .grid4cols.colSpacing_wide>.col,
    .grid5cols>.col,
    .grid5cols.colSpacing_slim>.col,
    .grid5cols.colSpacing_wide>.col {
        width: 100%
    }

    .grid4cols .col+.col,
    .grid4cols.colSpacing_slim .col+.col,
    .grid4cols.colSpacing_wide .col+.col,
    .grid5cols .col+.col,
    .grid5cols.colSpacing_slim .col+.col,
    .grid5cols.colSpacing_wide .col+.col {
        margin-left: 0;
        margin-top: 40px
    }
}

.site {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

.site .main {
    overflow: hidden;
    flex: 1 0 auto
}

.site .allcont {
    max-width: 2000px;
    margin: auto
}

.site .allcont .cont>div:first-child {
    margin-top: 60px
}

.site .allcont .cont>div:first-child.frame-greybox,
.site .allcont .cont>div:first-child.frame-blackbox,
.site .allcont .cont>div:first-child.frame-ci_bg,
.site .allcont .cont>div:first-child.frame-type-pxproject_grid100withimages {
    margin-top: 0
}

.site .allcont .cont>div:last-child {
    margin-bottom: 180px
}

@media all and (max-width:960px) {
    .site .allcont .cont>div:last-child {
        margin-bottom: 80px
    }
}

.site .allcont .cont>div:last-child.frame-greybox,
.site .allcont .cont>div:last-child.frame-blackbox,
.site .allcont .cont>div:last-child.frame-ci_bg,
.site .allcont .cont>div:last-child.frame-type-pxproject_grid100withimages {
    margin-bottom: 0
}

#uid1 .site .allcont .cont>div:first-child {
    margin-top: 80px
}

@media all and (max-width:960px) {
    #uid1 .site .allcont .cont>div:first-child {
        margin-top: 80px
    }
}

.layout_pagets__noBanner .site .allcont .cont>div:first-child {
    margin-top: 160px
}

@media screen and (max-width:960px) {
    .layout_pagets__noBanner .site .allcont .cont>div:first-child {
        margin-top: 120px
    }
}

@media all and (max-width:450px) {
    .layout_pagets__noBanner .site .allcont .cont>div:first-child {
        margin-top: 90px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #222
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    padding-top: 20px;
	font-size: 16px
}

h1+ul,
h2+ul,
h3+ul,
h4+ul,
h5+ul,
h6+ul {
    padding-top: 20px
}

h1 {
    font-size: 49px;
    line-height: 64px
}

@media all and (max-width:1024px) {
    h1 {
        font-size: 42px;
        line-height: 55px
    }
}

@media all and (max-width:640px) {
    h1 {
        font-size: 28px;
        line-height: 42px
    }
}

h2 {
    font-size: 42px;
    line-height: 58px	
}

@media all and (max-width:960px) {
    h2 {
        font-size: 36px;
        line-height: 49px
    }
}

@media all and (max-width:640px) {
    h2 {
        font-size: 26px;
        line-height: 39px
    }
}

h2+p {
    padding-top: 40px
}

h3 {
    font-size: 36px;
    line-height: 58px
}

@media all and (max-width:960px) {
    h3 {
        font-size: 28px;
        line-height: 40px
    }
}

@media all and (max-width:640px) {
    h3 {
        font-size: 24px;
        line-height: 36px
    }
}

h4 {
    font-size: 27px;
    line-height: 36px
}

@media all and (max-width:960px) {
    h4 {
        font-size: 22px;
        line-height: 25px
    }
}

@media all and (max-width:640px) {
    h4 {
        font-size: 20px;
        line-height: 25px
    }
}

h5 {
    font-size: 20px;
    line-height: 20px
}

*[class*="headline"]+* {
    margin-top: 1em
}

p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
p+p,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
ul+p,
ol+h1,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
ol+p {
    margin-top: 20px
}

p+ul {
    margin-top: 20px
}

.roofline+h1,
.roofline+h2,
.roofline+h3,
.roofline+h4,
.roofline+h5 {
    margin-top: 20px
}

i,
em {
    font-style: italic
}

strong,
b {
    font-weight: 700
}

input,
select,
textarea {
    width: 100%;
    border: none;
    border-bottom: 3px solid #000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 15px
}

input:not(:-moz-placeholder-shown),
select:not(:-moz-placeholder-shown),
textarea:not(:-moz-placeholder-shown) {
    border-color: #8ba888;
    outline: none
}

input:not(:-ms-input-placeholder),
select:not(:-ms-input-placeholder),
textarea:not(:-ms-input-placeholder) {
    border-color: #8ba888;
    outline: none
}

input:focus,
input:not(:placeholder-shown),
select:focus,
select:not(:placeholder-shown),
textarea:focus,
textarea:not(:placeholder-shown) {
    border-color: #8ba888;
    outline: none
}

input[type="submit"] {
    width: auto;
    cursor: pointer
}

input[type="submit"]:focus {
    border: none;
    outline: none
}

select {
    height: 41px
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: none;
    height: 150px
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    margin-right: 5px
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #000
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    opacity: 1;
    color: #ccc
}

::-moz-placeholder {
    opacity: 1;
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

:focus {
    outline: rgba(255, 255, 255, 0)
}

.table_container {
    overflow: auto
}

.allcont table {
    width: 100%;
    margin: 10px 0px 5px
}

.allcont table tr th {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    background: #8ba888;
    padding: 10px 15px;
    border-right: 1px solid #fff
}

.allcont table tr td {
    padding: 5px 15px;
    border-right: 1px solid #fff
}

.allcont table tr:nth-child(even) {
    background-color: #f7f7f7
}

@media all and (max-width:890px) {

    .ce-textpic.ce-intext.ce-right .ce-gallery,
    .ce-textpic.ce-intext.ce-left .ce-gallery {
        float: unset;
        margin-left: 0;
        margin-bottom: 20px
    }

    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column {
        float: unset;
        width: 100%
    }

    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column figure,
    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column .video,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column figure,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column .video {
        display: block;
        width: 100%
    }

    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column figure img,
    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column figure video,
    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column .video img,
    .ce-textpic.ce-intext.ce-right .ce-gallery .ce-column .video video,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column figure img,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column figure video,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column .video img,
    .ce-textpic.ce-intext.ce-left .ce-gallery .ce-column .video video {
        width: 100%;
        height: auto
    }
}

@media all and (max-width:768px) {
    .ce-image .ce-gallery {
        margin-bottom: 0;
        float: none
    }

    .ce-image .ce-gallery .ce-column {
        float: none
    }

    .ce-image .ce-gallery .image {
        display: block;
        width: 100%
    }

    .ce-image .ce-gallery .image img {
        width: 100%;
        height: auto
    }

    .ce-uploads li {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ce-uploads li::before {
        content: none !important
    }

    .ce-uploads li a {
        display: block
    }

    .ce-uploads li a img {
        display: block;
        float: unset;
        padding-right: 0;
        margin-bottom: 10px
    }

    .ce-uploads li>div span {
        font-size: 14px
    }
}

.head {
    position: fixed;
    width: 100%;
    height: 125px;
    top: 0;
    background: transparent;
    z-index: 99;
    transition: all 0.5s ease-in-out;
	background-image: linear-gradient(to top, transparent 0%, white 20%);
}
.logo{
    height: 125px;
	margin-top:-20px;
}

.head>.inner {
    height: 125px;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
 .head.stickyhead > .inner{
   height: 125px;
}
.head>.inner nav,
.head>.inner .langswitchwrap {
    align-self: center
}

.head.stickyhead {
    background-color:rgba(255, 255, 255, 0.98);
    height: 125px;
    overflow: visible;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1)
}

/*@media all and (max-width:960px) {
    .head.stickyhead {
        height: 90x
    }
}

@media all and (min-width:960px) {
    .head.stickyhead>.inner {
        height: 90px
    }
}
*/
.head.stickyhead>.inner .logo {
    width: 200px;
    height: 125px;
margin-top:-20px
}

@media all and (max-width:960px) {
    .head.stickyhead>.inner .logo {
        width: 200px;
        height: 150px
    }

   .logo {
        width: 200px;
        height: 125px
    }
}

.head.stickyhead>.inner .nav {
    margin-top: 0
}

.head.stickyhead>.inner .langswitchwrap {
    margin-top: 0
}

 
@media all and (max-width:450px) {
	    .logo ,
	  .head.stickyhead > .inner .logo {
	       width: 130px;
	        height: 90px;
			margin-top:0;
	  }

	.head.stickyhead{
			height: 90px;
	}
	.head > .inner ,
	.head.stickyhead > .inner {
		height: 90px;
	}
}


#subhead {
    position: relative;
    margin-top: 160px
}

@media screen and (max-width:960px) {
    #subhead {
        margin-top: 120px
    }
}

@media all and (max-width:450px) {
    #subhead {
        margin-top: 90px
    }
}

#subhead #subhead2 .banner {
    height: 1000px
}

@media screen and (max-width:1200px) {
    #subhead #subhead2 .banner {
        height: 650px
    }
}

@media screen and (max-width:960px) {
    #subhead #subhead2 .banner {
        height: auto
    }
}

#subhead #subhead2 .banner>.image__slider {
    height: 950px
}

@media screen and (max-width:1200px) {
    #subhead #subhead2 .banner>.image__slider {
        height: 600px
    }
}

@media all and (max-width:960px) {
    #subhead #subhead2 .banner>.image__slider {
        height: 500px
    }
}

#subhead #subhead2 .banner>.image__slider img {
    height: 950px
}

@media screen and (max-width:1200px) {
    #subhead #subhead2 .banner>.image__slider img {
        height: 600px
    }
}

@media all and (max-width:960px) {
    #subhead #subhead2 .banner>.image__slider img {
        height: 500px
    }
}

#uid1 #subhead {
    margin-top: 0
}

#uid1 #subhead #subhead2 .banner {
    height: 740px
}

@media screen and (max-width:1200px) {
    #uid1 #subhead #subhead2 .banner {
        height: 680px
    }
}

@media screen and (max-width:960px) {
    #uid1 #subhead #subhead2 .banner {
        height: auto
    }
}

#uid1 #subhead #subhead2 .banner>.image__slider {
    height: 740px
}

@media screen and (max-width:1200px) {
    #uid1 #subhead #subhead2 .banner>.image__slider {
        height: 680px
    }
}

@media screen and (max-width:960px) {
    #uid1 #subhead #subhead2 .banner>.image__slider {
        height: 450px
    }
}

@media screen and (max-width:450px) {
    #uid1 #subhead #subhead2 .banner>.image__slider {
        height: 400px
    }
}

#uid1 #subhead #subhead2 .banner>.image__slider img {
    height: 740px
}

@media screen and (max-width:1200px) {
    #uid1 #subhead #subhead2 .banner>.image__slider img {
        height: 680px
    }
}

@media screen and (max-width:960px) {
    #uid1 #subhead #subhead2 .banner>.image__slider img {
        height: 450px
    }
}

@media screen and (max-width:450px) {
    #uid1 #subhead #subhead2 .banner>.image__slider img {
        height: 400px
    }
}

.head .nav {
    list-style-type: none;
    display: flex;
    margin-top: 10px;
    transition: all 0.5s ease-in-out
}

.head .nav>li {
    list-style: none;
    position: relative;
    font-size: 0
}

.head .nav>li a {
    display: block;
    text-decoration: none;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    color: #151515;
    text-transform: normal;
    font-size: 18px;
    letter-spacing: 1.2px;
    transition: none
}

.head .nav>li>a {
    padding: 10px;
    position: relative
}

.head .nav>li.over>.subnav,
.head .nav>li.over>a,
.head .nav>li:hover>.subnav {
    display: flex
}

.head .nav>li.over>a,
.head .nav>li:hover>a,
.head .nav>li.active>a,
.head .nav>li.act>a {
    transition: none;
    color: #151515;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #151515
}

.head .nav>li+li {
    margin-left: 30px
}

.head .nav>li .subnav {
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    padding: 0;
    padding-top: 25px
}

.head .nav>li .subnav li a {
    background: #151515;
    color: #fff;
    font-weight: 400;
    padding: 10px 20px;
    white-space: nowrap
}

.head .nav>li .subnav li:hover>a,
.head .nav>li .subnav li.over>a,
.head .nav>li .subnav li.active>a,
.head .nav>li .subnav li.act>a {
    color: #d60b00
}

.head .nav>li .subnav li.over>.subnav,
.head .nav>li .subnav li:hover>.subnav {
    display: flex
}

.head .nav>li .subnav li+li {
    border-top: 1px solid #fff
}

.head .nav>li .subnav li>.subnav {
    left: 100%;
    padding-left: 5px;
    top: 0
}

.head .nav_wrap {
    display: flex;
    height: 100%
}

.showSub,
.open_nav {
    display: none
}

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
    transition: all 0.1s 0.25s ease-in, opacity 0.1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: all 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: all 0.1s ease-out, opacity 0.1s 0.12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff
}

.hamburger-box {
    width: 30px;
    height: 17px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #222;
    border-radius: 0;
    position: absolute;
    transition: all 0.5s ease-in-out
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -7px
}

.hamburger-inner::after {
    bottom: -7px
}

@media all and (min-width:1200px) {
    .head>.inner nav {
        display: block !important
    }
}

@media all and (max-width:1200px) {
    .open_nav {
        display: inherit;
        align-self: center;
        z-index: 101
    }

    .head .logo {
        z-index: 101
    }

    .head>.inner {
        position: static
    }

    .head>.inner nav {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.96)
    }

    .head>.inner nav .nav {
        flex-direction: column;
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        padding-top: 240px;
        height: 100%
    }
}

@media all and (max-width:1200px) and (max-width:960px) {
    .head>.inner nav .nav {
        padding-top: 160px
    }
}

@media all and (max-width:1200px) {
    .head>.inner nav .nav li {
        float: none;
        width: 100%;
        position: relative
    }

    .head>.inner nav .nav li+li {
        margin-left: 0
    }

    .head>.inner nav .nav li:hover>a:after,
    .head>.inner nav .nav li.over>a:after {
        display: none !important
    }

    .head>.inner nav .nav li.over>.subnav,
    .head>.inner nav .nav li:hover>.subnav {
        display: none
    }

    .head>.inner nav .nav li:hover>a,
    .head>.inner nav .nav li.over>a,
    .head>.inner nav .nav li.active>a,
    .head>.inner nav .nav li.act>a {
        color: #E90000;
        -webkit-text-stroke: transparent
    }

    .head>.inner nav .nav li:hover>a:before,
    .head>.inner nav .nav li.over>a:before,
    .head>.inner nav .nav li.active>a:before,
    .head>.inner nav .nav li.act>a:before {
        content: "»";
        display: inline-block;
        margin-right: 10px
    }

    .head>.inner nav .nav li a {
        white-space: normal;
        padding: 20px;
        color: #fff;
        border-bottom: 1px solid #fff
    }

    .head>.inner nav .nav li .subnav {
        -webkit-transform: translate(0);
        transform: translate(0);
        padding: 0;
        box-shadow: none
    }

    .head>.inner nav .nav li .subnav li a {
        padding: 10px 40px
    }

    .head>.inner nav .nav li .subnav li:hover>a,
    .head>.inner nav .nav li .subnav li.over>a,
    .head>.inner nav .nav li .subnav li.active>a,
    .head>.inner nav .nav li .subnav li.act>a {
        color: #f02f2f
    }

    .head>.inner nav .nav li .subnav li+li {
        border-top: none;
        margin-left: 0
    }

    .head>.inner nav .nav li .subnav .showSub {
        height: 47px;
        line-height: 47px
    }

    .head>.inner nav .nav li .subnav,
    .head>.inner nav .nav li .subnav.subnav2,
    .head>.inner nav .nav li:last-child>.subnav,
    .head>.inner nav .nav li:last-child>.subnav.subnav2 {
        position: inherit;
        left: inherit;
        top: inherit
    }

    .head>.inner nav .nav li:hover>.subnav,
    .head>.inner nav .nav li.over>.subnav,
    .head>.inner nav .nav li:hover>.subnav2.subnav,
    .head>.inner nav .nav li.over>.subnav2.subnav,
    .head>.inner nav .nav li.over>.subnav .subnav2,
    .head>.inner nav .nav li:hover>.subnav .subnav2 {
        display: none
    }

    .head>.inner nav .nav li .showSub {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        cursor: pointer;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-left: 1px solid #fff;
        background: transparent;
        text-align: center;
        transition: all 0.5s ease-in-out
    }

    .head>.inner nav .nav li .showSub:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 5px dashed #fff;
        border-top: 6px solid\9;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        transition: all 0.5s ease-in-out
    }

    .head>.inner nav .nav li .showSub.open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .head.stickyhead>.inner .nav {
        padding-top: 150px
    }
}

@media all and (max-width:1200px) and (max-width:960px) {
    .head.stickyhead>.inner .nav {
        padding-top: 120px
    }
}

.breadCrumb {
    max-width: 1740px;
    width: 92%;
    margin: 20px auto
}

.breadCrumb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.breadCrumb ul li+li:before {
    content: "»";
    display: inline-block;
    margin: 0 5px 0 7px
}

.breadCrumb ul li:before,
.breadCrumb ul a {
    color: #151515;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 29px
}

.breadCrumb ul .cur {
    color: #151515
}

.breadCrumb ul .cur a {
    font-weight: 700
}

.langswitchwrap {
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    cursor: pointer;
    margin-left: 30px;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    color: #151515;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1.79px;
    transition: all 0.5s ease-in-out;
    margin-top: 65px
}

.langswitchwrap .langswitch-control {
    position: relative
}

.langswitchwrap .langswitch-control:after {
    content: "";
    position: absolute;
    right: 0;
    top: 55%;
    background: url('/images/svgs/arrow-down.svg') no-repeat center center;
    background-size: 100% auto;
    width: 10px;
    height: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.5s ease-in-out
}

.langswitchwrap .langswitch-control.act:after {
    transform: rotate(180deg) translateY(70%);
    -webkit-transform: rotate(180deg) translateY(70%)
}

.langswitchwrap .lang {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25)
}

.langswitchwrap .lang li.current>a,
.langswitchwrap .lang li:hover>a {
    background-color: #49654e;
    color: #fff
}

.langswitchwrap .lang li a {
    display: block;
    padding: 2px 5px;
    color: #151515;
    text-decoration: none;
    background-color: #fff
}

.banner {
    position: relative;
    min-height: 400px
}

.banner .image__slider {
    position: relative;
    height: 1250px;
    overflow: hidden
}

.banner .image__slider img {
    height: 1250px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1200px) {
    .banner .image__slider img {
        height: 880px
    }
}

@media screen and (max-width:960px) {
    .banner .image__slider img {
        height: 650px
    }
}

@media screen and (max-width:450px) {
    .banner .image__slider img {
        height: 450px
    }
}

.banner .text {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1740px
}

@media screen and (max-width:960px) {
    .banner .text {
        position: relative;
        left: auto;
        -webkit-transform: none;
        transform: none
    }
}

.banner .text .text_inner {
    position: relative;
    /* background: #151515; */
	background: rgba(20, 20, 20, 0.6);
    color: #fff;
    max-width: 940px;
    padding: 43px 50px 40px 74px
}

@media screen and (max-width:1200px) {
    .banner .text .text_inner {
        max-width: 60%;
        padding: 30px 4%
    }
}

@media screen and (max-width:960px) {
    .banner .text .text_inner {
        max-width: 100%
    }
}

.banner .text h1,
.banner .text h2,
.banner .text h3,
.banner .text h4,
.banner .text h5 {
    color: #fff;
    margin-left: -4px
}

.banner .text p {
    font-size: 18px;
    line-height: 31px
}

.banner .slick-slider {
    margin-bottom: 0 !important
}

.content_slider {
    position: relative
}

.content_slider:before {
    z-index: -1;
    content: "";
    display: block;
    height: 80%;
    width: 100vw;
    background: #151515;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (max-width:1200px) {
    .content_slider:before {
        height: 100%
    }
}

.content_slider,
.content_slider p:not(.roofline),
.content_slider a,
.content_slider h1,
.content_slider h2,
.content_slider h3,
.content_slider h4,
.content_slider h5 {
    color: #fff
}

.content_slider .slick-slider .slick-track,
.content_slider .slick-slider .slick-list {
    height: auto
}

.content_slider li:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.content_slider>.inner {
    max-width: 1740px;
    width: 92%;
    margin: auto
}

.content_slider>.inner .ceoslider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.content_slider>.inner .ceoslider .image {
    width: 35%
}

@media all and (max-width:960px) {
    .content_slider>.inner .ceoslider .image {
        width: 100%;
        max-width: 700px;
        margin: auto
    }
}

.content_slider>.inner .ceoslider .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content_slider>.inner .ceoslider .text {
    width: 55%;
    padding: 60px 0
}

@media all and (max-width:960px) {
    .content_slider>.inner .ceoslider .text {
        width: 92%;
        margin: auto
    }
}

[class^="map_image_wrap_uid"] {
    text-align: center
}

[class^="map_image_wrap_uid"] .gm-style img {
    max-width: none !important;
    border-radius: 0 !important;
    vertical-align: baseline !important
}

[class^="map_image_wrap_uid"] .gm-style ul li:before {
    content: none
}

[class^="map_image_wrap_uid"] .gm-style a[href*="//"]:before {
    content: none
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner {
    max-width: 1740px;
    margin: 20px auto 0;
    padding: 0;
    position: relative;
    height: 500px;
    overflow: hidden
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 800px;
    padding: 30px;
    box-sizing: border-box;
    line-height: 160%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:768px) {
    [class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn {
        font-size: 14px
    }
}

@media screen and (max-width:450px) {
    [class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn {
        line-height: 125%;
        font-size: 13px
    }
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn .googlemaps_headline {
    text-align: center;
    font-size: 1.5em
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn span {
    margin: 10px 0
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn span a {
    color: #49654e;
    font-weight: bold
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn span a:hover {
    opacity: 0.6
}

@media screen and (max-width:450px) {

    [class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn .button,
    [class^="map_image_wrap_uid"] .map_image_wrap_inner .map_btn .white-btn {
        padding: 10px 10px
    }
}

[class^="map_image_wrap_uid"] .map_image_wrap_inner .map_image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

[class^="map_image_wrap_uid"] .map_inner {
    position: relative;
    display: flex;
    flex-direction: column
}

[class^="map_image_wrap_uid"] .map_inner .map_image_wrap_inner,
[class^="map_image_wrap_uid"] .map_inner [id^="map_uid"] {
    margin: 0
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner .map_image_wrap_inner,
    [class^="map_image_wrap_uid"] .map_inner [id^="map_uid"] {
        order: -1
    }
}

[class^="map_image_wrap_uid"] .map_inner .contact_data {
    display: flex;
    align-items: center;
    justify-content: center
}

[class^="map_image_wrap_uid"] .map_inner .contact_data .contact_data_inner {
    padding: 40px 4%;
    text-align: initial
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_right {
    flex-direction: row;
    align-items: stretch;
    background: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_left,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_right {
        flex-direction: column
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left .map_image_wrap_inner,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_right .map_image_wrap_inner {
    width: 50%
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_left .map_image_wrap_inner,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_right .map_image_wrap_inner {
        width: 100%
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left [id^="map_uid"],
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_right [id^="map_uid"] {
    width: 50%
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_left [id^="map_uid"],
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_right [id^="map_uid"] {
        width: 100%
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left .contact_data,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_right .contact_data {
    width: 50%
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_left .contact_data,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_right .contact_data {
        width: 100%
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left .map_image_wrap_inner {
    order: -1
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_left [id^="map_uid"] {
    order: -1
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomLeft .contact_data,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomRight .contact_data,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomCenter .contact_data {
    width: 92%;
    margin: 0 auto;
    order: 2;
    z-index: 2;
    position: relative;
    top: -80px
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomLeft .contact_data,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomRight .contact_data,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomCenter .contact_data {
        width: 100%;
        top: auto;
        margin-top: 20px
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomLeft .contact_data .contact_data_inner,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomRight .contact_data .contact_data_inner,
[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomCenter .contact_data .contact_data_inner {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    width: 50%
}

@media screen and (max-width:768px) {

    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomLeft .contact_data .contact_data_inner,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomRight .contact_data .contact_data_inner,
    [class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomCenter .contact_data .contact_data_inner {
        width: 100%
    }
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomLeft .contact_data {
    justify-content: flex-start
}

[class^="map_image_wrap_uid"] .map_inner.contact_data_position_bottomRight .contact_data {
    justify-content: flex-end
}

[id^="map_uid"] {
    height: 500px;
    width: 100%;
    margin-top: 20px
}

.tab_container .tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px
}

.tab_container .tabs>li {
    min-width: 300px;
    padding: 25px 20px;
    background: #fff;
    border-top: 5px solid #a11711;
    color: #151515;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    list-style-type: none;
    margin: 12px;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:768px) {
    .tab_container .tabs>li {
        min-width: 0;
        margin: 5px;
        margin-bottom: 15px
    }
}

.tab_container .tabs>li a {
    text-decoration: none;
    color: #151515
}

@media screen and (max-width:768px) {
    .tab_container .tabs>li a {
        font-size: 0
    }
}

.tab_container .tabs>li img {
    width: 25px;
    height: 25px;
    margin-right: 20px;
    transition: all 0.5s ease-in-out
}

@media screen and (max-width:768px) {
    .tab_container .tabs>li img {
        margin-right: 0
    }
}

.tab_container .tabs>li.active_tab,
.tab_container .tabs>li:hover {
    background: #a11711;
    color: #fff
}

.tab_container .tabs>li.active_tab a,
.tab_container .tabs>li:hover a {
    color: #fff
}

.tab_container .tabs>li.active_tab img,
.tab_container .tabs>li:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.tab_container .tabs>li:before {
    content: none
}

.tab_container .tab_wrapper {
    position: relative;
    z-index: 10;
    max-width: 1115px;
    margin: 80px auto 0
}

.tab_container .tab_wrapper .tab {
    margin: 40px 0
}

.tab_container .tab_wrapper .tab.jsfix {
    margin: 0;
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    transition: all 0.6s ease-in-out
}

.tab_container .tab_wrapper .tab.jsfix.act {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tab_container .tab_container_headline.text-center {
    max-width: 920px;
    margin: auto
}

.contentpicture,
.content_slider {
    position: relative
}

.contentpicture_wrap,
.content_slider_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:960px) {

    .contentpicture_wrap,
    .content_slider_wrap {
        flex-direction: column
    }
}

.contentpicture_content,
.contentpicture .slide>.text,
.content_slider_content,
.content_slider .slide>.text {
    width: 58%;
    min-height: 580px
}

@media all and (max-width:960px) {

    .contentpicture_content,
    .contentpicture .slide>.text,
    .content_slider_content,
    .content_slider .slide>.text {
        width: 100%;
        order: 2;
        padding: 0;
        min-height: 0
    }

    .contentpicture_content img,
    .contentpicture .slide>.text img,
    .content_slider_content img,
    .content_slider .slide>.text img {
        max-height: 150px;
        max-width: 150px
    }
}

.contentpicture .slide>.text,
.content_slider .slide>.text {
    display: flex;
    align-items: center
}

.contentpicture_image,
.contentpicture .slide>.image,
.content_slider_image,
.content_slider .slide>.image {
    width: 36%;
    height: 680px
}

@media all and (max-width:960px) {

    .contentpicture_image,
    .contentpicture .slide>.image,
    .content_slider_image,
    .content_slider .slide>.image {
        position: relative;
        right: auto;
        left: 0;
        width: 100%;
        height: auto;
        order: 1;
        display: flex;
        justify-content: center
    }
}

.contentpicture_image img,
.contentpicture .slide>.image img,
.content_slider_image img,
.content_slider .slide>.image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media all and (max-width:960px) {

    .contentpicture_image img,
    .contentpicture .slide>.image img,
    .content_slider_image img,
    .content_slider .slide>.image img {
        max-height: 550px;
        height: 100%;
        width: auto
    }
}

.contentpicture_image.left,
.contentpicture .slide>.image.left,
.content_slider_image.left,
.content_slider .slide>.image.left {
    left: 0;
    right: auto
}

@media screen and (max-width:768px) {

    .contentpicture_image,
    .contentpicture .slide>.image,
    .content_slider_image,
    .content_slider .slide>.image {
        max-height: 350px;
        margin-bottom: 40px;
        overflow: hidden
    }
}

@media screen and (max-width:450px) {

    .contentpicture_image,
    .contentpicture .slide>.image,
    .content_slider_image,
    .content_slider .slide>.image {
        max-height: 250px
    }
}

@media screen and (max-width:768px) {

    .contentpicture.imageposition-right .contentpicture_right,
    .content_slider.imageposition-right .contentpicture_right {
        order: -1
    }
}

.gridwithimage_left,
.gridwithimage_right {
    position: relative
}

.gridwithimage_left .image,
.gridwithimage_right .image {
    position: absolute;
    left: 0;
    width: 30.5%;
    height: 100%
}

@media all and (max-width:960px) {

    .gridwithimage_left .image,
    .gridwithimage_right .image {
        position: relative;
        width: 92%;
   
      
        margin-left: 4%;
        margin-right: 4%
    }

 
}

@media all and (max-width:450px) {

    .gridwithimage_left .image,
    .gridwithimage_right .image {
     
        width: 100%;
        margin: auto
    }
}

.gridwithimage_left .image .slick-list,
.gridwithimage_left .image .slick-track,
.gridwithimage_right .image .slick-list,
.gridwithimage_right .image .slick-track {
    height: 100%
}

.gridwithimage_left .image .slick-dots,
.gridwithimage_right .image .slick-dots {
    justify-content: flex-start;
    left: 4%;
    bottom: 30px;
    -webkit-transform: none;
    transform: none
}

@media all and (max-width:960px) {

    .gridwithimage_left .image .slick-dots,
    .gridwithimage_right .image .slick-dots {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.gridwithimage_left .image img,
.gridwithimage_right .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media all and (max-width:960px) {

    .gridwithimage_left .image img,
    .gridwithimage_right .image img {
     /*   max-width: 500px;
        max-height: 450px*/
		object-fit: fill;
    }
}

@media all and (max-width:450px) {

    .gridwithimage_left .image img,
    .gridwithimage_right .image img {
      
    }
}

.gridwithimage_left .content,
.gridwithimage_right .content {
    width: 92%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 210px 0 197px
}

@media all and (max-width:960px) {

    .gridwithimage_left .content,
    .gridwithimage_right .content {
        position: relative;
        width: 100%;
        padding: 40px 0
    }
}

.gridwithimage_left .content .frame,
.gridwithimage_right .content .frame {
    max-width: 780px;
    width: 100%
}

@media all and (max-width:1300px) {

    .gridwithimage_left .content .frame,
    .gridwithimage_right .content .frame {
        max-width: 680px
    }
}

@media all and (max-width:1200px) {

    .gridwithimage_left .content .frame,
    .gridwithimage_right .content .frame {
        max-width: 600px
    }
}

@media all and (max-width:960px) {

    .gridwithimage_left .content .frame,
    .gridwithimage_right .content .frame {
        max-width: 92%;
        margin-left: auto;
        margin-right: auto
    }
}

.gridwithimage_left.bgcolor_black,
.gridwithimage_left.bgcolor_green,
.gridwithimage_left.bgcolor_lightgreen,
.gridwithimage_right.bgcolor_black,
.gridwithimage_right.bgcolor_green,
.gridwithimage_right.bgcolor_lightgreen {
    position: relative
}

.gridwithimage_left.bgcolor_black:before,
.gridwithimage_left.bgcolor_green:before,
.gridwithimage_left.bgcolor_lightgreen:before,
.gridwithimage_right.bgcolor_black:before,
.gridwithimage_right.bgcolor_green:before,
.gridwithimage_right.bgcolor_lightgreen:before {
    z-index: -1;
    content: "";
    display: block;
    height: 75%;
    width: 100vw;
    background: #151515;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (max-width:960px) {

    .gridwithimage_left.bgcolor_black:before,
    .gridwithimage_left.bgcolor_green:before,
    .gridwithimage_left.bgcolor_lightgreen:before,
    .gridwithimage_right.bgcolor_black:before,
    .gridwithimage_right.bgcolor_green:before,
    .gridwithimage_right.bgcolor_lightgreen:before {
		height:100%;
        bottom: 0;
        top: auto;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.gridwithimage_left.bgcolor_black *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a),
.gridwithimage_left.bgcolor_green *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a),
.gridwithimage_left.bgcolor_lightgreen *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a),
.gridwithimage_right.bgcolor_black *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a),
.gridwithimage_right.bgcolor_green *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a),
.gridwithimage_right.bgcolor_lightgreen *:not(.roofline):not(.greentext):not(.button):not(.white-btn):not(a) {
    color: #fff
}

.gridwithimage_left.bgcolor_black .roofline,
.gridwithimage_left.bgcolor_green .roofline,
.gridwithimage_left.bgcolor_lightgreen .roofline,
.gridwithimage_right.bgcolor_black .roofline,
.gridwithimage_right.bgcolor_green .roofline,
.gridwithimage_right.bgcolor_lightgreen .roofline {
    color: #d60b00
}

.gridwithimage_left.bgcolor_black ul li:before,
.gridwithimage_left.bgcolor_green ul li:before,
.gridwithimage_left.bgcolor_lightgreen ul li:before,
.gridwithimage_right.bgcolor_black ul li:before,
.gridwithimage_right.bgcolor_green ul li:before,
.gridwithimage_right.bgcolor_lightgreen ul li:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.gridwithimage_left.bgcolor_black a,
.gridwithimage_left.bgcolor_green a,
.gridwithimage_left.bgcolor_lightgreen a,
.gridwithimage_right.bgcolor_black a,
.gridwithimage_right.bgcolor_green a,
.gridwithimage_right.bgcolor_lightgreen a {
    color: #fff
}

.gridwithimage_left.bgcolor_green:before,
.gridwithimage_right.bgcolor_green:before {
    background: #49654e
}

.gridwithimage_left.bgcolor_green .roofline,
.gridwithimage_right.bgcolor_green .roofline {
    color: #fff
}

.gridwithimage_left.bgcolor_lightgreen:before,
.gridwithimage_right.bgcolor_lightgreen:before {
    background: #8ba888
}

.gridwithimage_left.bgcolor_lightgreen *,
.gridwithimage_right.bgcolor_lightgreen * {
    color: #fff !important;
    border-color: #fff !important
}

.gridwithimage_left.gridwithimage_slider:before,
.gridwithimage_right.gridwithimage_slider:before {
    top: auto;
    bottom: 0;
    height: 88%;
    left: 20%;
    right: auto;
    width: 100vw;
    -webkit-transform: none;
    transform: none
}

@media all and (max-width:960px) {

    .gridwithimage_left.gridwithimage_slider:before,
    .gridwithimage_right.gridwithimage_slider:before {
        left: 0;
        right: 0;
        height: 75%
    }
}

.gridwithimage_left.gridwithimage_slider .content .frame,
.gridwithimage_right.gridwithimage_slider .content .frame {
    max-width: 620px;
    width: 100%
}

@media all and (max-width:1300px) {

    .gridwithimage_left.gridwithimage_slider .content .frame,
    .gridwithimage_right.gridwithimage_slider .content .frame {
        max-width: 560px
    }
}

@media all and (max-width:1200px) {

    .gridwithimage_left.gridwithimage_slider .content .frame,
    .gridwithimage_right.gridwithimage_slider .content .frame {
        max-width: 490px
    }
}

@media all and (max-width:1024px) {

    .gridwithimage_left.gridwithimage_slider .content .frame,
    .gridwithimage_right.gridwithimage_slider .content .frame {
        max-width: 450px
    }
}

@media all and (max-width:960px) {

    .gridwithimage_left.gridwithimage_slider .content .frame,
    .gridwithimage_right.gridwithimage_slider .content .frame {
        max-width: 92%;
        margin-left: auto;
        margin-right: auto
    }
}

.gridwithimage_left.gridwithimage_slider .image,
.gridwithimage_right.gridwithimage_slider .image {
    width: 48%;
    height: 100%;
    padding-bottom: 80px
}

@media all and (max-width:960px) {

    .gridwithimage_left.gridwithimage_slider .image,
    .gridwithimage_right.gridwithimage_slider .image {
        position: relative;
        width: 92%;
        max-height: 450px;
        max-width: 500px;
        margin-left: 4%;
        margin-right: 4%
    }
}

@media all and (max-width:450px) {

    .gridwithimage_left.gridwithimage_slider .image,
    .gridwithimage_right.gridwithimage_slider .image {
        max-height: 350px;
        width: 100%;
        margin: auto
    }
}

@media all and (max-width:960px) {

    .gridwithimage_left.gridwithimage_slider .image img,
    .gridwithimage_right.gridwithimage_slider .image img {
        max-height: 370px
    }
}

@media all and (max-width:450px) {

    .gridwithimage_left.gridwithimage_slider .image img,
    .gridwithimage_right.gridwithimage_slider .image img {
        max-height: 280px
    }
}

.gridwithimage_right .image {
    order: 2;
    left: auto;
    right: 0
}

.gridwithimage_right .image .slick-dots {
    width: 18vw;
    left: auto;
    right: 0;
    justify-content: flex-end
}

@media all and (max-width:960px) {
    .gridwithimage_right .image .slick-dots {
        width: auto;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.gridwithimage_right .content {
    align-items: flex-start;
    order: 1;
    padding: 230px 0 180px
}

@media all and (max-width:960px) {
    .gridwithimage_right .content {
        position: relative;
        width: 100%;
        padding: 40px 0
    }
}

.gridwithimage_right.gridwithimage_slider:before {
    -webkit-transform: none;
    transform: none;
    left: auto;
    right: 20%
}

@media all and (max-width:960px) {
    .gridwithimage_right.gridwithimage_slider:before {
        left: 0;
        right: 0;
        height: 75%
    }
}

.counter_wrap .counter_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.counter_wrap .counter_container .counter {
    width: calc(33% - (2 * 2% / 3));
    border-left: 5px solid #b80000;
    padding-left: 20px
}

.counter_wrap .counter_container .counter+.counter {
    margin-left: 2%
}

.counter_wrap .counter_container .counter:nth-child(4n + 1) {
    margin-left: 0
}

.counter_wrap .counter_container .counter:not(:nth-child(-n + 4)) {
    margin-top: 2%
}

@media screen and (max-width:540px) {
    .counter_wrap .counter_container .counter {
        width: calc(50% - 2%)
    }

    .counter_wrap .counter_container .counter:nth-child(4n + 1) {
        margin-left: 2%
    }

    .counter_wrap .counter_container .counter:nth-child(2n + 1) {
        margin-left: 0
    }

    .counter_wrap .counter_container .counter:not(:nth-child(-n + 2)) {
        margin-top: 2%
    }
}

@media screen and (max-width:450px) {
    .counter_wrap .counter_container .counter {
        width: 100%
    }

    .counter_wrap .counter_container .counter+.counter {
        margin: 2% 0 0 0
    }
}

.counter_wrap .counter_container .counter .number_wrap {
    display: flex;
    align-items: center
}

.counter_wrap .counter_container .counter .number_wrap .number {
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px
}

.counter_wrap .counter_container .counter .number_wrap .unit {
    font-weight: bold
}

.counter_wrap .counter_container .counter .title {
    margin-top: 10px;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-size: 17px;
    line-height: 20px
}

.foot {
    background-color: #2d2d2d;
	/* background: linear-gradient(#f1f1f1 50%, #aaa 100%); */
    padding: 60px 0;
    position: relative;
    padding: 125px 0 40px;
    font-size: 15px;
    line-height: 24px
}

@media all and (max-width:960px) {
    .foot {
        text-align: center
    }
}

.foot .inner a {
    position: relative;
    color: #9b9b9b;
    text-decoration: none;
    z-index: 2;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.foot .inner a:hover {
    -webkit-text-decoration-color: #ded6d3;
    text-decoration-color: #ded6d3
}

.foot .inner .gridrow {
    justify-content: space-between;
    max-width: 1250px
}

.foot .inner .gridrow>.col {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media all and (max-width:960px) {
    .foot .inner .gridrow>.col {
        flex-direction: column
    }
}

.foot .inner .gridrow>.col1 {
    width: 40%
}

@media all and (max-width:960px) {
    .foot .inner .gridrow>.col1 {
        width: 100%
    }
}

.foot .inner .gridrow>.col1 .col1 {
    flex: 1
}

.foot .inner .gridrow>.col1 .col2 {
    flex: 2
}

@media all and (max-width:960px) {
    .foot .inner .gridrow>.col1 .col2 {
        flex: 1;
        margin: 40px 0
    }
}

.foot .inner .gridrow>.col2 {
    width: 45%
}

@media all and (max-width:960px) {
    .foot .inner .gridrow>.col2 {
        width: 100%
    }
}

.foot .inner .gridrow>.col2 .col2 .frame {
    margin-top: 38px
}

.foot .inner .gridrow>.col2 .col2 .frame a {
    line-height: 28px
}

@media all and (max-width:960px) {
    .foot .inner .gridrow .col+.col {
        margin-left: 0
    }
}

.foot .inner .logo {
    width: 250px;
    height: 140px
}

.foot .inner .footnav .footnavmenu {
    display: flex;
    margin-left: 30px
}

@media all and (max-width:768px) {
    .foot .inner .footnav .footnavmenu {
        margin-left: 0
    }
}

.foot .inner .footnav .footnavmenu li+li {
    margin-left: 30px
}

@media all and (max-width:768px) {
    .foot .inner .footnav .footnavmenu li+li {
        margin-left: 15px
    }
}

.foot .inner .footnav .footnavmenu a:after {
    width: 100%;
    left: 0
}

.foot .inner .copy_wrap {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 29px;
    margin-top: 87px
}

@media all and (max-width:768px) {
    .foot .inner .copy_wrap {
        flex-direction: column;
        justify-content: center;
        margin-top: 40px
    }
}

.foot .inner .copy_wrap .hhc {
    margin-left: 30px
}

@media all and (max-width:768px) {
    .foot .inner .copy_wrap .hhc {
        margin-left: 0
    }
}

.foot .inner .copy_wrap .hhc:before {
    display: none
}

.foot .inner .socialnav a:before {
    display: none
}

.foot .inner .socialnav img {
    margin-right: 20px
}

.stickynav {
    position: fixed;
    right: 0;
    top: 310px;
    z-index: 50;
    font-weight: 700;
    pointer-events: none
}

.stickynav img{width:25px}
@media all and (max-width:960px) {
    .stickynav {
        top: 200px
    }
}

@media all and (max-width:768px) {
    .stickynav {
        display: none
    }
}

.stickynav li {
    background: #d60b00;
    color: #fff;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(calc(100% - 70px));
    transform: translateX(calc(100% - 70px));
    pointer-events: all
}

.stickynav li a {
    display: flex;
    align-items: center;
    color: transparent;
    white-space: nowrap;
    font-family: century-gothic, "Raleway", Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 18px 25px;
    text-decoration: none
}

.stickynav li a img {
    margin-right: 25px
}

.stickynav li+li {
    margin-top: 20px
}

.stickynav li:hover {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.stickynav li:hover:nth-child(3n + 1) {
    background-color: #d60b00
}

.stickynav li:hover:nth-child(3n + 2) {
    background-color: #f41313
}

.stickynav li:hover:nth-child(3n + 3) {
    background-color: #fe3636
}

.stickynav li:hover a {
    color: #fff
}

.stickynav.active {
    position: absolute
}

.stickynav.active li {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.stickynav.active li:nth-child(3n + 1) {
    background-color: #d60b00
}

.stickynav.active li:nth-child(3n + 2) {
    background-color: #f41313
}

.stickynav.active li:nth-child(3n + 3) {
    background-color: #fe3636
}

.stickynav.active li a {
    color: #fff
}

.backtotop,
.scrolldown {
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    cursor: pointer;
    background: url('/images/svgs/move_arrow.svg') no-repeat center center/20px auto
}

.backtotop:hover,
.scrolldown:hover {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.backtotop span,
.scrolldown span {
    display: none
}

.scrolldown {
    top: auto;
    bottom: 40px;
    left: auto;
    right: 70px;
    width: 25px;
    height: 25px;
    background-size: 25px auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media all and (max-width:640px) {
    .scrolldown {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 20px auto 0
    }
}

.scrolldown:hover {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.tx-powermail .powermail_form h3 {
    display: none
}

.tx-powermail .powermail_form .powermail_fieldset {
    margin-top: 10px
}

.tx-powermail .powermail_form .powermail_fieldset legend.powermail_legend {
    display: none
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap {
    padding: 3px 0;
    position: relative;
    margin: 10px 0
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_input input.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_date input.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_file input.parsley-error {
    border-color: #b10000
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap textarea.parsley-error {
    border-color: #b10000
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check label,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio label {
    cursor: pointer
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_check .radio,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .checkbox,
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio {
    display: inline-block;
    margin-right: 2%
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
    display: flex;
    justify-content: flex-end
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field input[type=submit] {
    padding: 15px 20px !important
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_datenschutzerklaerung .powermail_field {
    font-size: 13px;
    line-height: 140%
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_datenschutzerklaerung .powermail_field a {
    color: #49654e
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_datenschutzerklaerung .powermail_field .checkbox {
    width: 100%
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_datenschutzerklaerung .powermail_field .checkbox.parsley-error {
    background: #b10000;
    color: #fff
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_datenschutzerklaerung .powermail_field .checkbox.parsley-error a {
    color: #fff
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_pflichtfelder .powermail_field {
    color: #49654e;
    font-size: 15px
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap .powermail_label {
    display: none
}

.tx-powermail .powermail_form .powermail_fieldset .parsley-errors-list {
    display: none
}

.tx-powermail .hidelabel .powermail_fieldwrap>LABEL,
.tx-powermail .powermail_fieldwrap.hidelabel>LABEL {
    display: none
}

.tx-powermail .greyboxpowermail {
    background: #f7f7f7;
    padding: 2%
}

.tx-powermail .powermail_fieldwrap_width50,
.tx-powermail .powermail_fieldwrap_width33 {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.tx-powermail .powermail_fieldwrap_width50 .width33powermail,
.tx-powermail .powermail_fieldwrap_width33 .width33powermail {
    width: calc(33.333% - (2 * 40px / 3))
}

.tx-powermail .powermail_fieldwrap_width50 .width33powermail+.width33powermail,
.tx-powermail .powermail_fieldwrap_width33 .width33powermail+.width33powermail {
    margin-left: 40px
}

.tx-powermail .powermail_fieldwrap_width50 .width33powermail:nth-child(3n + 1),
.tx-powermail .powermail_fieldwrap_width33 .width33powermail:nth-child(3n + 1) {
    margin-left: 0
}

@media screen and (max-width:450px) {

    .tx-powermail .powermail_fieldwrap_width50 .width33powermail,
    .tx-powermail .powermail_fieldwrap_width33 .width33powermail {
        width: 100%
    }

    .tx-powermail .powermail_fieldwrap_width50 .width33powermail+.width33powermail,
    .tx-powermail .powermail_fieldwrap_width33 .width33powermail+.width33powermail {
        margin-left: 0
    }
}

.tx-powermail .powermail_fieldwrap_width50 .width50powermail,
.tx-powermail .powermail_fieldwrap_width33 .width50powermail {
    width: calc(50% - (40px / 2))
}

.tx-powermail .powermail_fieldwrap_width50 .width50powermail+.width50powermail,
.tx-powermail .powermail_fieldwrap_width33 .width50powermail+.width50powermail {
    margin-left: 40px
}

.tx-powermail .powermail_fieldwrap_width50 .width50powermail:nth-child(2n + 1),
.tx-powermail .powermail_fieldwrap_width33 .width50powermail:nth-child(2n + 1) {
    margin-left: 0
}

@media screen and (max-width:450px) {

    .tx-powermail .powermail_fieldwrap_width50 .width50powermail,
    .tx-powermail .powermail_fieldwrap_width33 .width50powermail {
        width: 100%
    }

    .tx-powermail .powermail_fieldwrap_width50 .width50powermail+.width50powermail,
    .tx-powermail .powermail_fieldwrap_width33 .width50powermail+.width50powermail {
        margin-left: 0
    }
}

.tx-powermail .powermail_create table td {
    padding: 5px 10px
}

.tx-powermail .container {
    padding: 10px 10px 10px 30px
}

.tx-powermail .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    left: 0;
    top: 0
}

.tx-powermail .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: 0;
    pointer-events: none
}

.tx-powermail .container input:checked~.checkmark {
    background: #fff url('/images/svgs/checkmark.svg') no-repeat center/16px 12px
}

.tx-powermail .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.tx-powermail .container input:checked~.checkmark:after {
    opacity: 1
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    z-index: 10;
    cursor: pointer;
    background: url('/images/svgs/arrow.svg') no-repeat center center/20px 20px;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background-color: transparent;
    color: transparent
}

.slick-prev {
    left: 20px;
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

.slick-prev:hover {
    left: 15px
}

.slick-next {
    right: 20px
}

.slick-next:hover {
    right: 15px
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 40px;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0 auto;
    width: 92%;
    max-width: 1740px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 0 !important;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: #e2e2e2;
    display: block;
    height: 15px;
    width: 15px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
    padding: 0;
    opacity: 1
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover {
    background: #ffb4b0;
    opacity: 1
}

.slick-dots li.slick-active button {
    opacity: 1;
    background: #ffb4b0
}

.slick-dots li::before {
    content: none !important
}

.slider-container {
    overflow: hidden
}

.slick-slide:nth-child(n + 1) {
    display: none
}

.slick-initialized,
.slick-slide:first-child {
    display: block
}

.slick-track {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.slick-slider .slick-slide {
    display: none
}

.slick-slider .slick-slide:first-child {
    display: block
}

.slick-slider.slick-initialized .slick-slide {
    display: block
}

.tx-googlejobs .gridrow .col {
    margin-bottom: 30px
}

.tx-googlejobs .gridrow .col+.col {
    margin-left: 0
}

.tx-googlejobs .gridrow .col:nth-child(2n) {
    margin-left: 30px
}

@media all and (max-width:960px) {
    .tx-googlejobs .gridrow .col:nth-child(2n) {
        margin-left: 0
    }
}

.tx-googlejobs .googlejobs__logo {
    margin-bottom: 20px
}

.tx-googlejobs .frame-blackbox {
    background-color: #000;
    padding: 2%
}

.tx-googlejobs .frame-blackbox .place:before,
.tx-googlejobs .frame-blackbox .mail:before,
.tx-googlejobs .frame-blackbox .phone:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.tx-googlejobs .blackBg {
    background-color: #151515;
    padding: 20px 4% 40px
}

.tx-googlejobs .blackBg *:not(.button):not(.white-btn) {
    color: #fff
}

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    top: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.datepicker-container::before,
.datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid #f7f7f7;
    box-shadow: 0 3px 6px #f7f7f7;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #49654e
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left::before,
.datepicker-top-right::before {
    border-bottom-color: #49654e
}

.datepicker-top-left::after,
.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #49654e
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
    border-top-color: #49654e
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    left: auto;
    right: 10px
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel>ul::before,
.datepicker-panel>ul::after {
    content: " ";
    display: table
}

.datepicker-panel>ul::after {
    clear: both
}

.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel>ul>li:hover {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
    color: #999
}

.datepicker-panel>ul>li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: #49654e
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="next"] {
    font-size: 18px
}

.datepicker-panel>ul>li[data-view="years current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="month current"] {
    width: 150px
}

.datepicker-panel>ul[data-view="years"]>li,
.datepicker-panel>ul[data-view="months"]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel>ul[data-view="week"]>li,
.datepicker-panel>ul[data-view="week"]>li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

.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 {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.slick-slider {
    position: relative;
    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 {
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.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
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slower {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slowest {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.delay-250 {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.delay-500 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.delay-750 {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.delay-1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay-1250 {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.delay-1500 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay-1750 {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.delay-2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay-2500 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay-2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay-2500 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay-3000 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.delay-3500 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.animation_opacity {
    opacity: 0
}

.bounceInRight.animation_opacity,
.bounceInLeft.animation_opacity,
.bounceInUp.animation_opacity,
.bounceInDown.animation_opacity {
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.fadeInRight.animation_opacity,
.fadeInLeft.animation_opacity,
.fadeInUp.animation_opacity,
.fadeInDown.animation_opacity {
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.lightSpeedInRight.animation_opacity,
.lightSpeedInLeft.animation_opacity {
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn.go {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px)
    }

    60% {
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    60% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px)
    }

    60% {
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    60% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft.go {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px)
    }

    60% {
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
        transform: translateY(400px)
    }

    60% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px)
    }

    60% {
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }

    60% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

.fadeIn.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(0.2);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes growIn {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.growIn {
    -webkit-transform: scale(0.2);
    transform: scale(0.2)
}

.growIn.go {
    -webkit-animation-name: growIn;
    animation-name: growIn
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake.go {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shakeUp {

    0%,
    100% {
        -webkit-transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateY(10px)
    }
}

@keyframes shakeUp {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.shakeUp.go {
    -webkit-animation-name: shakeUp;
    animation-name: shakeUp
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft.animation_opacity {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px)
}

.fadeInLeft.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight.animation_opacity {
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
        transform: translateY(400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp.animation_opacity {
    -webkit-transform: translateY(400px);
    transform: translateY(400px)
}

.fadeInUp.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown.animation_opacity {
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px)
}

.fadeInDown.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn.go {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft.go {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft.go {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight.go {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight.go {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn.go {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }

    10% {
        -webkit-transform: skewX(-8deg)
    }

    20% {
        -webkit-transform: skewX(7deg)
    }

    30% {
        -webkit-transform: skewX(-6deg)
    }

    40% {
        -webkit-transform: skewX(5deg)
    }

    50% {
        -webkit-transform: skewX(-4deg)
    }

    60% {
        -webkit-transform: skewX(3deg)
    }

    70% {
        -webkit-transform: skewX(-2deg)
    }

    80% {
        -webkit-transform: skewX(1deg)
    }

    90% {
        -webkit-transform: skewX(0deg)
    }

    100% {
        -webkit-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        transform: skewX(9deg)
    }

    10% {
        -webkit-transform: skewX(-8deg);
        transform: skewX(-8deg)
    }

    20% {
        -webkit-transform: skewX(7deg);
        transform: skewX(7deg)
    }

    30% {
        -webkit-transform: skewX(-6deg);
        transform: skewX(-6deg)
    }

    40% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    50% {
        -webkit-transform: skewX(-4deg);
        transform: skewX(-4deg)
    }

    60% {
        -webkit-transform: skewX(3deg);
        transform: skewX(3deg)
    }

    70% {
        -webkit-transform: skewX(-2deg);
        transform: skewX(-2deg)
    }

    80% {
        -webkit-transform: skewX(1deg);
        transform: skewX(1deg)
    }

    90% {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }

    100% {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg)
    }
}

.wiggle.go {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes swing {

    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg)
    }

    100% {
        -webkit-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)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing.go {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada.go {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble.go {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.pulse.go {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedInRight.go {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(20%) skewX(-30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(20%) skewX(-30deg);
        transform: translateX(20%) skewX(-30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(15deg);
        transform: translateX(0%) skewX(15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedInLeft.go {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.flip.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

.bounceOut.goAway {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp.goAway {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown.goAway {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft.goAway {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight.goAway {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut.goAway {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUp.goAway {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDown.goAway {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeft.goAway {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRight.goAway {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX.goAway {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOutRight.goAway {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft.goAway {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut.goAway {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft.goAway {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft.goAway {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight.goAway {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut.goAway {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpShort.animation_opacity {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.fadeInUpShort.go {
    -webkit-animation-name: fadeInUpShort;
    animation-name: fadeInUpShort
}

@-webkit-keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownShort.animation_opacity {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.fadeInDownShort.go {
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort
}

@-webkit-keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightShort.animation_opacity {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.fadeInRightShort.go {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort
}

@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftShort.animation_opacity {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.fadeInLeftShort.go {
    -webkit-animation-name: fadeInLeftShort;
    animation-name: fadeInLeftShort
}
.article .content h4{margin-bottom:25px; margin-top: 40px;}
.article .content h2{margin-bottom:45px; margin-top: 45px;}
.article .align-left{ float: left; }
.padding-right-30{padding-right: 30px;}
.visform input,.visform select,.visform textarea{padding: 10px 15px!important;  }
.visCSSinput{ width: 100%!important;margin-top: 0!important;}
.required_description{display: block;}
.hide-label{display: none;}
.powermail_fieldwrap{margin-top: 5px;margin-bottom: 5px;}
.tx-powermail .container input{position: relative;height: auto;width: auto;opacity: 1;}

.visform .btn{ padding: 15px 33px 15px 20px!important;}
.jobs .ListItem {
	background-color: transparent;
	position: relative;
	cursor: pointer;
	font-weight: 500;
	padding: 1rem;
	transition: all .25s ease-in-out;
	font-family: "Red Hat Display",sans-serif;
	overflow: hidden;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 7px 0;
	border: 1px solid #dcdcdc;
}

.jobs .ListItem::before {
	content: "";
	background-image: url(/images/svgs/icon-list-style.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .25s ease-in-out;
}

.jobs .ListItem::after {
	content: "weitere Infos";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .25s ease-in-out;
	font-size: .8rem;
	color: #acacac;
}

.jobs .ListItem:hover {
	color: #f74b00;
	border-color: #f74b00;
	transition: all .25s ease-in-out;
	padding: 1rem 1rem 1rem 2.25rem;
}

.jobs .ListItem:hover::before {
	left: 1rem;
	opacity: 1;
}

.jobs .ListItem a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.apply-job .control-group { margin-top: 5px;margin-bottom: 20px;}
.apply-job .control-label{ }
.checkbox_wrapper label { display: inline; }
.apply-job .label{ margin-bottom: 10px; }
.tx-powermail .container.checkbox_wrapper{ padding-left: 0;}
.checkbox_wrapper input[type="radio"], .checkbox_wrapper input[type="checkbox"] {
	 
	margin-top: 18px;
    float: left;
}
.contentpicture .col1{ flex:none}

.sp-bubble {
  position: relative;
  margin-bottom: 40px;
}
.sp-bubble .cite {
  display: block;
  height: 30px;
  line-height: 36px;
  position: absolute;
  bottom: -30px;
}
.sp-bubble .cite .arrow {
  content: ' ';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-bottom-color: transparent !important;
}
 .sp-bubble .cite {
  left: 15px;
  padding-left: 40px;
}
 .sp-bubble .cite .arrow
 {
  left: 0;
  border-left-color: transparent !important;
border: 15px solid #ccc;
}

.ce_slick-slider {
	background-color: #eaeaea;
	padding: 30px 0;
}
.foot .footer-grid{
    
        display: -ms-grid;
        display: grid;
        grid-template-areas: "footer-kontakt footer-klima footer-klima" "copyright copyright footer-nav";
        grid-gap: 5px;
   
}
.foot .footer-klima {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 3;
	grid-area: footer-klima;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 8px;
}

.foot .klima-item {
 
}
.foot .inner .socialnav li{ display: inline;}
.foot .inner .socialnav img{height:30px}
figure.image_container img{margin:auto}

@media (max-width:1024px) {
    .foot .logo{ margin: auto;}
    .foot .footer-grid {
      grid-template-areas: "footer-klima" "footer-kontakt" "copyright" "footer-nav" !important
    }
  
    .foot .footer-klima {
      -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
      margin: 0 0 50px 0
    }
  
    .foot .footer-kontakt {
      text-align: center
    }
    .foot .footer-kontakt a.place{
        display: block;
    }
 
    .foot .footer-nav ul li {
      margin: 0 6px
    }
  
    .foot .footer-kontakt {
      -ms-grid-row: 3;
      -ms-grid-column: 1
    }
  
    .foot .footer-klima {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1
    }
  
    
  }
 

.subpages-wrapper {
    background-color: #fff;
    box-shadow: 0px 0px 6px #00000029
}

.subpages-wrapper .subpages {
    padding-top: 30px;
    padding-bottom: 10px
}

.subpages-wrapper .subpages .slick-custom-prev,
.subpages-wrapper .subpages .slick-custom-next {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 35px;
    background: url('/images/svgs/icon-slider-arrow-prev.svg') center no-repeat
}

.subpages-wrapper .subpages .slick-custom-prev {
    left: 0;
    border-right: 1px solid #EAEAEA
}

.subpages-wrapper .subpages .slick-custom-next {
    right: 0;
    border-left: 1px solid #EAEAEA;
    background: url('/images/svgs/icon-slider-arrow-next.svg') center no-repeat
}

.subpages-wrapper .subpages .subpages-item {
    min-width: 128px
}

.subpages-wrapper .subpages .subpages-item.slick-slide {
    height: auto !important
}

.subpages-wrapper .subpages .subpages-item .subpages-item-inner {
    display: inline-block;
    text-decoration: none
}

.subpages-wrapper .subpages .subpages-item .subpages-item-inner .subpages-item-image {
    margin-bottom: 10px;
    padding-top: 5px;
    transform: translateY(0);
    transition: all 0.2s ease-in-out
}

.subpages-wrapper .subpages .subpages-item .subpages-item-inner .subpages-item-image img {
    display: block;
    margin: 0 auto
}

.subpages-wrapper .subpages .subpages-item .subpages-item-inner .subpages-item-title {
    font-size: 1rem;
    line-height: 1.1875;
    font-weight: bold
}

@media (min-width:992px) {
    .subpages-wrapper .subpages .subpages-item .subpages-item-inner:hover .subpages-item-image {
        transform: translateY(-5px)
    }
}

.subpages-wrapper .subpages .subpages-item.slick-current .subpages-item-image {
    transform: translateY(-5px)
}

@media (min-width:576px) {
    .subpages-wrapper .subpages .subpages-item {
        min-width: 160px
    }
}

@media (min-width:768px) {
    .subpages-wrapper .subpages .subpages-item {
        min-width: 20vw
    }
}

@media (min-width:992px) {
    .subpages-wrapper .subpages .subpages-item {
        min-width: auto
    }
}

@media (max-width:991.98px) {
    .subpages-wrapper .subpages {
        padding: 25px 35px
    }
}

.cta-supersize {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    text-decoration: none;
    font-size: 0.875em;
    z-index: 2;
    background-color: #bf0a00;
}

.foot .inner h5{ color: #fff; }
.foot .inner .news a{ text-align: left; }
.footer-kontakt{ margin-right: 100px;}
@media (max-width:768px) {

    .foot .footer-klima {
      display: block
   	 }
	.foot .footer-klima .klima-item-bottom{ margin-top:1rem; margin-bottom:3rem  }
    .foot .footer-klima .klima-item.klima-item-bottom:last-child{ margin-bottom:0  }
  	.foot .footer-klima .klima-item-bottom:nth-of-type(5) {	 margin-top: 3rem;	}
    .foot .footer-klima .klima-item .news{ margin-bottom: 3rem !important ;} 
	.foot .footer-klima .klima-item:last-child .news{ margin-bottom: 1rem!important;}
	.footer-kontakt{margin-right: 0;}

}

.securitysolutions .slider {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 10px;
    margin-bottom: 0
}

@media (max-width:767.98px) {
    .securitysolutions .slider {
        flex-direction: column
    }
}

.securitysolutions .slider .slick-dots {
    background-color: #fcfcfc;
    border-radius: 5px;
    display: inline-flex;
    gap: 10px;
    padding: 3px;
    position: static;
    width: auto;
    transform: none;
}

.securitysolutions .slider .slick-dots li {
    background-color: transparent;
    border-radius: 5px;
    padding: 7px 20px!important;
    width: auto;
    height: auto;
    margin: 0;
    transition: all 0.3s
}

.securitysolutions .slider .slick-dots li a {
    display: block;
    text-decoration: none;
    color: inherit;
    font-weight: 500
}

.securitysolutions .slider .slick-dots li:hover {
    background-color: #eee
}

.securitysolutions .slider .slick-dots li.slick-active {
    background-color: #D20000;
    color: #fff
}

.securitysolutions .slider .slick-list {
    width: 100%
}

.securitysolution {
    --padding: 40px;
    background-color: #f4f4f4;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "icon headline" "icon text" "icon links"
}

.securitysolution.slick-slide {
    display: grid
}

@media (max-width:1159.98px) {
    .securitysolution {
        grid-template-columns: 2fr 6fr
    }
}

@media (max-width:991.98px) {
    .securitysolution {
        --padding: 20px;
        grid-template-columns: 2fr 5fr
    }
}

.securitysolution .icon {
    grid-area: icon;
    background-color: #D20000;
    border-radius: 5px;
    padding: 40px
}

.securitysolution .icon picture {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.securitysolution .icon picture img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain
}

.securitysolution h3,
.securitysolution .h3,
.securitysolution .text,
.securitysolution .links {
    padding-left: var(--padding);
    padding-right: var(--padding)
}

.securitysolution h3,
.securitysolution .h3 {
    grid-area: headline;
    padding-top: var(--padding)
}

.securitysolution .text {
    grid-area: text
}

.securitysolution ul {
    grid-area: links;
    padding-bottom: var(--padding);
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}


.securitysolution ul a {
    text-decoration: none;
    transition: color 0.3s linear;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.securitysolution ul li{ padding: 0;}
.securitysolution ul li::before{ display: none;}
.securitysolution ul a::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: #D20000;
    background-image: url('/images/svgs/icon-back.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px 8px;
    transform: rotate(180deg);
    border-radius: 3px;
}

@media (max-width:767.98px) {
    .securitysolution {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        background-color: #ddd
    }

    .securitysolution.slick-slide {
        display: flex
    }

    .securitysolution .icon {
        width: 10%;
        padding: 7px
    }

    .securitysolution h3,
    .securitysolution .h3 {
        width: 90%;
        padding: 0;
        display: flex;
        align-items: center;
        margin: 0;
        padding-right: 50px;
        font-size: 1rem;
        padding: 1rem;
        position: relative;
        cursor: pointer
    }

    .securitysolution h3::after,
    .securitysolution .h3::after {
        content: "";
        display: block;
        width: 17px;
        height: 8px;
        background-image: url('/images/svgs/icon-arrowdown-hover.svg');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 1rem;
        top: 50%;
        pointer-events: none;
        transition: transform 0.3s;
        transform: translateY(-50%) scaleY(-1)
    }

    .securitysolution .text,
    .securitysolution ul {
        width: 100%;
        background-color: #fff;
        transition: height 0.3s linear, padding-top 0.3s linear, padding-bottom 0.3s linear
    }

   
    .securitysolution .text {
        padding-top: var(--padding)
    }

    .securitysolution ul {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .securitysolution:not(.open) {
        background-color: #eee
    }

    .securitysolution:not(.open) h3::after,
    .securitysolution:not(.open) .h3::after {
        transform: translateY(-50%) scaleY(1)
    }

    .securitysolution:not(.open) .text,
    .securitysolution:not(.open) ul {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden
    }
}

@media (max-width:575.98px) {
    .securitysolution .icon {
        width: 14%
    }

    .securitysolution h3,
    .securitysolution .h3 {
        width: 86%
    }
}

.ctaicon {
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.ctaicon .icon {
    background-color: #bf0a00;
    border-radius: 5px;
    padding: 1rem;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    order: -1
}

.ctaicon .icon picture {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ctaicon .icon picture img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain
}

.ctaicon .links {
    margin-top: 30px
}

@media (min-width:768px) {
    .ctaicon {
        --padding: 20px;
        padding: 0;
        display: grid;
        grid-template-columns: 2fr 5fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: "icon headline" "icon text" "icon links";
        text-align: left
    }

    .ctaicon.ctaicon-right {
        grid-template-columns: 5fr 2fr;
        grid-template-areas: "headline icon" "text icon" "links icon"
    }

    .ctaicon.ctaicon-right .icon {
        margin-top: 0
    }

    .ctaicon .icon {
        grid-area: icon;
        width: 100%;
        height: 100%;
        padding: 40px;
        margin-bottom: 0
    }

    .ctaicon h3,
    .ctaicon .h3,
    .ctaicon .text,
    .ctaicon .links {
        padding-left: var(--padding);
        padding-right: var(--padding)
    }

    .ctaicon h3,
    .ctaicon .h3 {
        grid-area: headline;
        padding-top: var(--padding)
    }

    .ctaicon .text {
        grid-area: text
    }

    .ctaicon .text *:last-child {
        margin-bottom: 0
    }

    .ctaicon .links {
        grid-area: links;
        padding-bottom: var(--padding);
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        align-items: flex-start
    }
}

@media (min-width:992px) {
    .ctaicon {
        --padding: 40px;
        grid-template-columns: 2fr 6fr
    }

    .ctaicon.ctaicon-right {
        grid-template-columns: 6fr 2fr
    }
}

@media (min-width:1160px) {
    .ctaicon {
        grid-template-columns: 1fr 5fr
    }

    .ctaicon.ctaicon-right {
        grid-template-columns: 5fr 1fr
    }
}

.multi-content-block img{width: 100%;}
.multi-content-block .col-sm-12,
.multi-content-block .col-md-6{padding: 0;}
 

.image-texttile-80 .image-texttile-80-inner {
    position: relative
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__image img {
    width: 100%;
    height: auto
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__image video {
    max-width: 100%
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text {
    position: relative;
    top: -3.25rem;
    margin: 0 1.25rem
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper {
    padding: 1.125rem;
    border-radius: 5px
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper h4,
.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper .h4,
.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper p {
    line-height: 1.3125rem
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper h4,
.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper .h4 {
    font-weight: 500;
    margin-bottom: 1.875rem
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper p {
    font-size: 1.125rem
}

.image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper>:last-child {
    margin-bottom: 0
}

@media (max-width:767.98px) {
    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text {
        text-align: center;
        margin-top: -3.25rem;
        top: 0
    }
}

@media (min-width:768px) {
    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__image {
        width: 70%
    }

    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text {
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50%
    }

    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper {
        padding: 3rem 1.5625rem
    }

    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper h4,
    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper .h4,
    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper p {
        line-height: 1.625rem
    }

    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text .text-wrapper p {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__image {
        width: 80%
    }

    .image-texttile-80 .image-texttile-80-inner .image-texttile-80__text {
        width: calc(100% / 3)
    }
}

@media (max-width:767.98px) {
    .image-texttile-80.no-reverse .image-texttile-80-inner {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:767.98px) {
    .image-texttile-80.image-texttile-reverse .image-texttile-80__text {
        text-align: center
    }
}

@media (min-width:768px) {
   

    .image-texttile-80.image-texttile-reverse .image-texttile-80-inner .image-texttile-80__image {
        margin-left: auto
    }

    .image-texttile-80.image-texttile-reverse .image-texttile-80-inner .image-texttile-80__text {
        left: 0;
        right: auto
    }
}
@media (min-width:1110px) {
    .offset-xl-1{
        margin-left: 8.33333333%;
    }
}

.modal.fade.show{ opacity: 1;}

.row {
  /* padding-top: 50px; */
  padding: 50 0 50 0px;}

.text-center {
  padding-bottom: 30px;}

.inner {font-color: #f7f7f7}

.image-texttile-65 .image-texttile-65-inner {
    position: relative
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__image img {
    width: 100%;
    height: auto
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__image video {
    max-width: 100%
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text {
    position: relative;
    top: -3.25rem;
    margin: 0 1.25rem
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper {
    padding: 1.125rem;
    border-radius: 5px
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper h4,
.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper .h4,
.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper p {
    line-height: 1.3125rem
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper h4,
.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper .h4 {
    font-weight: 500;
    margin-bottom: 1.875rem
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper p {
    font-size: 1.125rem
}

.image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper>:last-child {
    margin-bottom: 0
}

@media (max-width:767.98px) {
    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text {
        text-align: center;
        margin-top: -3.25rem;
        top: 0
    }
}

@media (min-width:768px) {
    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__image {
        width: 70%
    }

    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text {
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50%
    }

    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper {
        padding: 3rem 1.5625rem
    }

    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper h4,
    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper .h4,
    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper p {
        line-height: 1.625rem
    }

    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text .text-wrapper p {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__image {
        width: 65%
    }

    .image-texttile-65 .image-texttile-65-inner .image-texttile-65__text {
        width: calc(100% / 3)
    }
}

@media (max-width:767.98px) {
    .image-texttile-65.no-reverse .image-texttile-65-inner {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:767.98px) {
    .image-texttile-65.image-texttile-reverse .image-texttile-65__text {
        text-align: center
    }
}

@media (min-width:768px) {
   

    .image-texttile-65.image-texttile-reverse .image-texttile-65-inner .image-texttile-65__image {
        margin-left: auto
    }

    .image-texttile-65.image-texttile-reverse .image-texttile-65-inner .image-texttile-65__text {
        left: 0;
        right: auto
    }
}

.space-5 {margin: 60px 0}
 
.animateOnce {padding-top: 55px}