/*===========================================================
 Custom Variable
============================================================*/
:root {
    /* Hamber menu icon style */
    --hamWidth: 2.5rem;
    --hamHeight: 0.25rem;
    --hamMargin: 0.375rem;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate: 0.625rem;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate3: -0.625rem;
    --hamBg: #aa0606;
    /*  */
    --header-height: 0;
    /*  */
    --white: #fff;
    --white2: #fffdfd;
    --white3: #fffcfc;
    --black: #000;
    --black2: #0d0d0d;
    --red: #aa0606;

    --sleatec: 50px;
    --xlg: 4rem;
    --lg: 2.5rem;
    --xs: 0.875rem;
    --xxs: 1rem;
    --xl: 10rem;
    --header-top-menu: 15px;
    /* padding */
    --sectionPadding: 6.25rem;

    --wb-h1: 90px;
    --wb-h2: 32px;
    --wb-h3: 16px;
    --wb-h4: 15px;
    --wb-p: 15px;
    --wb-small: 12px;
}

/*===========================================================
 Common CSS
============================================================*/

body {
    font-family: "Public Sans", sans-serif;
    font-size: var(--wb-p);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    overflow-x: hidden !important;
    background: #f5f5f5;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
    padding: 0;
    margin: 0;
}

li,
li:hover,
a:hover,
.btn,
.btn:hover {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: none !important;
}

*:active,
*:focus {
    outline: none;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
}

strong {
    font-weight: 700;
}

u {
    border-bottom: 0.0625rem solid var(--white);
    line-height: 1;
    text-decoration: unset;
}

.cboth {
    overflow: hidden;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

button {
    background-color: transparent;
    border: 0;
}

/* h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
} */
h3 {
    font-weight: 600;
    line-height: 1.27;
}
button:active,
button:focus {
    outline: 0;
    outline: 0;
}

.row {
    --gutter-x: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
}

.row > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.container {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1800px;
}

/*===========================================================
 Placeholder Style
============================================================*/

::-webkit-input-placeholder {
    color: var(--black);
    font-size: var(--xs);
    font-weight: 300;
    line-height: 1.875rem;
    letter-spacing: 0.0244rem;
}

:-moz-placeholder {
    color: var(--black);
    font-size: var(--xs);
    font-weight: 300;
    line-height: 1.875rem;
    letter-spacing: 0.0244rem;
}

::-moz-placeholder {
    color: var(--black);
    font-size: var(--xs);
    font-weight: 300;
    line-height: 1.875rem;
    letter-spacing: 0.0244rem;
}

:-ms-input-placeholder {
    color: var(--black);
    font-size: var(--xs);
    font-weight: 300;
    line-height: 1.875rem;
    letter-spacing: 0.0244rem;
}

/*===========================================================
 Scroll To Top
============================================================*/

.go-top {
    bottom: 0.9375rem;
    display: none;
    position: fixed;
    right: 0.9375rem;
    z-index: 999;
}

.go-top img {
    width: 2.1875rem;
    background: var(--white);
    border-radius: 50%;
    border: 0.0625rem solid var(--white);
}

.go-top span {
    /*background-color: #4285F4;*/
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    float: right;
    font-size: var(--wb-p);
    font-weight: 400;
    line-height: 1.375rem;
    padding: 0.3125rem 0.625rem;
}

.go-top span:hover {
    color: var(--white);
}

/*===========================================================
Loader
===========================================================*/

.preloader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--white);
    z-index: 99999999;
}

.spinner {
    width: 5rem;
    height: 5rem;
    border: 0.125rem solid #f3f3f3;
    border-top: 0.1875rem solid #58b8cb;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: 1s infinite spin;
    animation: 1s infinite spin;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loading-msg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1.5625rem;
    text-align: center;
    color: var(--black);
}

/*===========================================================
 Navigation Menu Desktop
============================================================*/
.header-area {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
}

body.admin-bar .header-area {
    top: 32px;
}

.actual-content > .wpb-content-wrapper > .vc_row:first-of-type,
.actual-content > .vc_row:first-of-type {
    padding-top: 150px !important;
}

.header {
    background: #fff;
}

.header {
    display: -webkit-box;
    display: flex;

    margin: 0 65px;
}

.header > .menu {
    flex: 1;
}

.header > .menu ul {
  padding-left: 0 !important;
}

.menu-left {
}
.menu-left span {
    font-size: var(--wb-p);
    font-weight: 600;
    line-height: 1;
    color: var(--yellow);
}
.menu-left a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0.625rem;
    background-color: var(--red);
    font-size: var(--sleatec);
    font-weight: bold;
    color: #fbf1f1;
    text-align: center;
    display: block;
    padding: 0 20px;
}

.menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin: 0;
}

.menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0 !important;
}

.menu ul li:last-child {
    margin-left: auto !important;
}

.menu ul li a {
    font-size: var(--header-top-menu);
    font-weight: bold;
    color: #111010;
    text-decoration: none;
    padding: 26px 25px;
    display: block;
}

.menu ul li a:hover {
    color: var(--red);
}

.header .menu ul li a {
    text-transform: uppercase;
}

.dropdown-menu {
    margin: 0 !important;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 8px 0;
    list-style: none;
    background-color: var(--red);
    background-clip: padding-box;
    border: 0.0625rem solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: var(--white);
    margin-top: 1.875rem !important;
}

/*===========================================================
 Navigation Menu slideout
============================================================*/
main .mobileMenuOpener {
    display: none;
}

.panel-header {
    display: none;

    position: fixed;
    width: 100%;
    z-index: 100;

    top: 0;
}

body.admin-bar .panel-header {
    top: 39px;
}

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 16rem;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.slideout-open .slideout-menu {
    background: var(--hamBg);
}

.btn-hamburger {
    cursor: pointer;
}

.menu-section-list {
    padding: 1.5625rem 0.625rem;
}

.menu-section-list li a:hover {
    color: #bdc3c7;
}

.menu-section-list li a {
    line-height: 2;
    color: var(--white);
}

.menu-section-list li {
    display: block;
}

.btn-hamburger img {
    width: 1.6875rem;
}

/*Hamburger Menu Icon*/
.hamburger:hover {
    cursor: pointer;
}

.hamburger:hover .line {
    opacity: 0.8;
}

.slideout-open .line:nth-child(2) {
    opacity: 0;
}

.slideout-open .line:nth-child(1) {
    -webkit-transform: translateY(0.8125rem) rotate(45deg);
    -ms-transform: translateY(0.8125rem) rotate(45deg);
    transform: translateY(0.8125rem) rotate(45deg);
}

.slideout-open .line:nth-child(3) {
    -webkit-transform: translateY(-0.8125rem) rotate(-45deg);
    -ms-transform: translateY(-0.8125rem) rotate(-45deg);
    transform: translateY(-0.8125rem) rotate(-45deg);
}

/*===========================================================
 Hamberger
===========================================================*/

.hamburger .line {
    width: var(--hamWidth);
    height: var(--hamHeight);
    background-color: var(--hamBg);
    display: block;
    margin: var(--hamMargin) auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger:hover {
    cursor: pointer;
}

/* ONE */

.slideout-open .line:nth-child(2) {
    opacity: 0;
}

.slideout-open .line:nth-child(1) {
    -webkit-transform: translateY(var(--hamTranslate)) rotate(45deg);
    -ms-transform: translateY(var(--hamTranslate)) rotate(45deg);
    transform: translateY(var(--hamTranslate)) rotate(45deg);
}

.slideout-open .line:nth-child(3) {
    -webkit-transform: translateY(var(--hamTranslate3)) rotate(-45deg);
    -ms-transform: translateY(var(--hamTranslate3)) rotate(-45deg);
    transform: translateY(var(--hamTranslate3)) rotate(-45deg);
}

.menu ul li .dropdown-menu li {
    display: block;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.menu ul li .dropdown-menu li a {
    padding: 0.625rem 0.9375rem;
    line-height: 1.2;
    display: block;
    color: var(--white);
}

.dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.dropdown a {
    position: relative;
}

#menu {
  padding: 100px 0;
}

#menu .dropdown > a:hover::after {
    color: var(--black);
}

#menu .dropdown > a::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#menu ul {
  display: block !important;
}

/*===========================================================
 Banner Area
===========================================================*/
.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: calc(100% - 9rem);
}
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4,
.banner-text h5,
.banner-text h6 {
    font-size: var(--wb-h1);
    line-height: 1.2;
    font-weight: bold;
    color: #fefbfb;
}
.posabsolute {
    position: absolute;
}
.banner-text-2 {
    bottom: 4.375rem;
    left: 6.25rem;
}
.banner-text-2 h2 {
    margin-bottom: 15.625rem;
}
.banner-text-2 h3 {
    font-weight: bold;
    color: var(--white3);
    line-height: 1.2;
}
.refeer-slider h2 {
    font-weight: bold;
    color: var(--white3);
    line-height: 1.2;
}
.banner-text-3 {
    padding-left: 3.125rem;
    bottom: 1.5625rem;
}
.banner-text-4 {
    bottom: 2.5rem;
    padding-left: 30%;
}
.banner-text-5 {
    top: 8.75rem;
    left: 15%;
}
.banner-text-5 h2 {
}
.banner-text-5 .pdl-340 {
    padding-left: 21.25rem;
}
.banner-text-6 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3.125rem;
}
/*===========================================================
CSS
===========================================================*/

.abort-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.abort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.125rem;
    justify-content: flex-end;
}
.abort-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.05rem;
}

.abort-area ul:first-child > li.text-black {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.abort h3 {
    font-size: var(--wb-p);
    font-weight: 500;
    color: white;
}

.abort-area ul:first-child > li {
    width: 14.6875rem;
}

.abort-area ul:first-child > li > a {
    display: flex;
	justify-content: center;
    align-items: center;
	text-align: center;
    height: 100%;
    padding: 1.5rem 1.875rem;
    -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
    background-color: var(--red);
    border: 1px solid var(--red);
    border-top: 0;
}

.abort-area a {
	text-transform: uppercase;
}

.abort-area ul:first-child > li a {
	text-decoration:none;
	font-size: var(--wb-h3);
  font-weight: 500;
  color: white;
  line-height: 1;
}

.abort-area ul:first-child > li a span {
  line-height: 1.4;
  margin-top: 10px;
}

.abort span {
    display: block;
    font-size: var(--wb-small);
    font-weight: 500;
    color: white;
}
.text-black p,
.text-black h3 {
    color: #000;
}
.maxw-730 {
    max-width: 48.125rem !important;
    width: 100%;
}
.maxw-730 p {
    font-size: var(--wb-small) !important;
}
/*===========================================================
 Content Area
===========================================================*/
.content-area {
    padding: 12.5rem 0;
}
.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content-img {
    max-width: 37.5rem;
    width: 100%;
}
/*===========================================================
 Banner Area
===========================================================*/
.contact-text {
    margin-bottom: 1.5625rem;
}
.contact-text h4 {
    font-size: var(--wb-p);
    font-weight: normal;
    color: var(--black2);
}
.contact-text h3 {
    font-size: var(--xlg);
    font-weight: normal;
    color: var(--black2);
}

.contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contact-right {
    max-width: 29.375rem;
    width: 100%;
}
.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem 0;
    margin-top: 2.5rem;
}
.social a {
    font-size: var(--xs);
    font-weight: 100;
    color: var(--black2);
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
}
.social a:hover {
    color: #e71717;
}

.video-card .video-inner {
  padding-left: 4rem;
  padding-right: 4rem;

  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.video-card-text,
.video-card-text * {
    font-size: var(--wb-h1);
    line-height: 1.2;
    font-weight: bold;
    color: #fefbfb;
    text-transform: uppercase;
}

.video-card {
  margin-bottom: 35px;
}

.video-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.1875rem;
    text-decoration: none;
    font-size: var(--lg);
    font-weight: bold;
    color: white;

    margin-bottom: 10rem;
}
.video-card a i {
    color: var(--red);
}

.video-card video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.video-card .video-card-text > * {
  margin-bottom: 30px;
}

.video-card .video-card-text > *:last-child {
  margin-bottom: 0;
}

.video-card.active-video {
  background: #000 !important;
}

.contact-right form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.875rem 0;
}
.text-area label,
.single-form label {
    font-size: var(--xs);
    font-weight: 100;
    color: var(--black2);
    margin-bottom: 0.3125rem;
}
.text-area textarea,
.single-form input {
    width: 100%;
    height: 3.9375rem;
    border: 0.0187rem solid var(--black2);
    padding: 0 0.9375rem;
    background-color: var(--white2);
}
.text-area textarea {
    resize: none;
    height: 18.75rem;
}
.contact-right form button {
    font-size: var(--xs);
    font-weight: bold;
    color: var(--white2);
    width: 9.4375rem;
    line-height: 2.8125rem;
    background-color: #e71717;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.contact-right form button:hover {
    background: #000;
}
.checkbox label {
    font-size: var(--xs);
    font-weight: 100;
    color: var(--black2);
    cursor: pointer;
}
.checkbox label span {
    font-weight: 300;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label:before {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0.2em;
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    padding-left: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 0.625rem;
    vertical-align: bottom;
    color: transparent;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

input[type="checkbox"]:checked + label:before {
    background-color: #e71717;
    border-color: #e71717;
    color: #fff;
}

.contact-area {
    padding: 12.5rem 0;
}

.slea-tec {
}
.slea-tec h4 {
    font-size: var(--wb-h2);
    font-weight: 500;
}
.slea-tec address {
    font-size: var(--xs);
    font-weight: 100;
    color: var(--black2);
    font-style: normal;
}

/*===========================================================
 Footer Area
===========================================================*/
.footer-area {
    background-color: var(--red);
    padding: 5rem 5rem;
}
.footer-logo {
    padding-bottom: 4.375rem;
}
.footer-logo a {
    font-size: var(--xlg);
    font-weight: bold;
    color: var(--white3);
    text-decoration: none;
}
.footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6.25rem;
    padding-left: 0 !important;
}
.footer ul li {
    list-style: none;
    width: 12.5rem;
}
.footer ul li a {
    font-size: var(--wb-h2);
    font-weight: bold;
    color: #fffefe;
    text-decoration: none;
}
.footer-bttm {
    margin-top: 9.375rem;
}
.footer-bttm h4 {
    font-size: var(--wb-h2);
    font-weight: bold;
    line-height: 1.39;
    color: var(--white);
}
.footer-bttm h4 address {
    margin: 0;
    font-style: normal;
}

/*===========================================================
Home Page
===========================================================*/

.secure-area {
    background-color: #f8f6f6;
    padding-top: 9.375rem;
    margin-top: 3.125rem;
}
.secure-text {
    max-width: 56.25rem;
    width: 100%;
}
.secure-text h3 {
    font-size: var(--xlg);
    font-weight: bold;
    color: black;
    margin-bottom: 3.125rem;
}
.secure-text p {
    font-size: var(--xs);
    font-weight: 100;
    line-height: 1.43;
    color: black;
}
.secure-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.5625rem;
    margin-top: 3.75rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.remediation-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.25rem 0;
    padding: 6.25rem 0;
}

.slider-page {
  margin-bottom: 35px;
}

.slea-area {
    background: var(--red);
}
.hand-area {
    position: relative;
    left: -70px;
  width: calc(100% + 140px);
}
.hand-area .hand-content {
    position: absolute;
    max-width: 31.25rem;
    bottom: 55%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slea-area .footer-bttm {
    margin-top: 1.5625rem;
}
.abbruch-action {
    margin-bottom: 35px;
}
.abbruch-action.action img {
    display: block;
}
.video-card-text {
    color: #fff;
}
.video-card-text * {
    font-family: "Passion One", sans-serif;
    font-size: var(--wb-h1);
}

.reference-slider .banner-text-1,
.abbruch-slider .banner-text-1 {
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 100%;
    padding: 0 35px;
}

.reference-slider .banner-text-1 *:last-chind,
.abbruch-slider .banner-text-1:last-chind {
  margin-bottom: 0;
}

.reference-slider .banner-text-1 h2,
.abbruch-slider .banner-text-1 h2 {
    font-size: var(--wb-h1);
    font-weight: 700;
}
.ruf-text-area {
    padding: 6.25rem 0;
}
.ruf-text {
    max-width: 31.875rem;
    width: 100%;
}
.ruf-text h6 {
    font-weight: 700;
    color: var(--black);
    font-size: var(--xxs);
}
.ruf-text h3 {
    font-weight: 600;
}
.ruf-text p {
    font-weight: 100;
    font-size: var(--xs);
}
.full-service {
}
.tec-text {
    max-width: 100%;
}
.tec-text div {
    padding-left: 6.25rem;
    max-width: 56.25rem;
    margin-top: 3.125rem;
}
.tec-text div p {
    font-size: var(--wb-p);
    font-weight: 100;
    margin: 0;
}
.abbruch-slider {
    position: relative;
}
.banner-text-left a {
    background: var(--white2);
    left: 0;
    bottom: 0;
    position: absolute;
    font-size: var(--wb-h2);
    color: var(--black);
    text-decoration: none;
    padding: 0.9375rem 2.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
}
.banner-text-left a h6 {
    display: inline-block;
    font-size: var(--wb-h2);
    font-weight: 100;
    margin: 0;
}
.banner-text-left a span {
    background: var(--red);
    color: var(--white);
    padding: 0 0.9375rem;
    font-size: var(--xlg);
    line-height: 0.9;
    display: inline-block;
    font-weight: 300;
}
/*===========================================================
R
===========================================================*/
.client-title h2 {
    font-size: var(--xlg);
    font-weight: bold;
    line-height: 1.2;
}
.client-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.125rem 1.25rem;
}
.logo-3 {
    width: 25rem;
}
/*===========================================================
 Slider Area
===========================================================*/

.js .slider-single > div:nth-child(1n + 2) {
    display: none;
}

.js .slider-single.slick-initialized > div:nth-child(1n + 2) {
    display: block;
}

.slider-nav .slick-slide {
    cursor: pointer;
}

.slider-single img {
    width: 100%;
}
.action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.25rem 1.875rem;
    max-width: 68.75rem;
    margin-left: auto;
    margin-top: 1.25rem;
}
.slider-inner {
    position: relative;
}
.banner-text-1 h2 {
    font-size: var(--xlg);
    font-weight: bold;
    color: var(--white3);
    line-height: 1.2;
}
.red-color {
    color: var(--red);
    display: block;
}
.black-color {
    color: var(--black);
}

/*===========================================================
Video
============================================================*/
#home {
    position: relative;
}
.banner-area {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video-banner {
    position: absolute;
}
video {
    width: 100%;
    height: auto;
}
.banner-curve {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.mobile-logo {
    width: auto;
}
.mobile-logo a {
    text-decoration: none;
    font-size: var(--lg);
    color: var(--hamBg);
    font-weight: 700;
}

/*===========================================================
 Responsive Menu
===========================================================*/
@media (min-width: 1401px) {
    .hide-on-desktop {
      display: none !important;
    }

    .dropdown:hover > a + .dropdown-menu {
        display: block;
    }

    .dropdown-menu .dropdown-menu {
        position: absolute;
        left: 100%;
        top: 0;
    }

    .dropdown .dropdown > a::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: -4px;
    }
}

@media (max-width: 1400px) {
    :root {
      --wb-h1: 25px;
    }

    #main {
        padding-top: 0;
    }
    .header-area {
        display: none;
    }

    .dropdown-menu {
        padding-top: 0;
    }

    .menu ul li .dropdown-menu li {
        padding-left: 10px;
    }

    .menu ul li .dropdown-menu li a {
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-menu {
        width: 100%;
        background-color: transparent;
        background-clip: padding-box;
        border: none;
        position: unset;
        top: unset;
    }

    main .mobileMenuOpener {
        display: block;
        position: absolute;
        width: 20px;
        height: 100%;
        z-index: 10;
    }

    .menu ul li {
        display: block;
    }

    .menu ul li a {
        color: var(--white);
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        line-height: 2;
    }

    .menu ul li .dropdown-menu li a {
        line-height: 2;
    }

    .dropdown > a::after {
        right: 10px;
        position: absolute;
        top: 50%;
        margin-top: -1px;
    }

    /*Menu Activation*/
    .panel-header {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: var(--white);
        -webkit-box-shadow: 0px 1px 3px #eee;
        box-shadow: 0px 1px 3px #eee;
        padding: 10px 15px;
    }

    .abort-area,
    .abbruch-action {
      display: none !important;
    }

    .hand-area {
      margin-top: 150px !important;
    }

    .video-card .video-card-text > * {
      margin-bottom: 0;
      line-height: 1.5;
    }

	.footer ul {
		display: block !important;
	}

  .reference-slider .banner-text-1,
  .abbruch-slider .banner-text-1 {
    bottom: 50px;
    padding: 0 15px;
  }
}


h1 {
    font-size: var(--wb-h1);
}
h2 {
    font-size: var(--wb-h2);
}
h3 {
    font-size:var(--wb-h3);
    font-weight: 400;
}
h4 {
    font-size:var(--wb-h4);
}

/*===========================================================
Containers
============================================================*/
@media (max-width: 991px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width: 1399px) {
    :root {
        --wb-p: 18px;
        --wb-h2: 24px;
        --lg: 30px;
        --xs: 14px;
        --xxs: 16px;
        --xlg: 40px;
        --xl: 120px;
        --sectionPadding: 75px;
    }
    .menu-left a {
        width: 400px;
        padding: 13px 0;
    }
}

@media (max-width: 1220px) {
    .abort-area ul:first-child > li {
        width: calc(20% - 4px);
    }
}
@media (max-width: 1199px) {
    /* .abort {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    } */
    .content-img {
        max-width: 460px;
        width: 100%;
    }
    .content-text {
        max-width: calc(100% - 480px);
        width: 100%;
    }
    .content-img {
        max-width: 460px;
        width: 100%;
    }
    .content-area {
        padding: 100px 0;
    }
    .menu-left a {
        width: 270px;
    }
    .full-service-text {
        padding: 100px 0;
    }
    .banner-text-5 .pdl-340 {
        padding-left: 100px;
    }
    .client-logo-area {
        padding-top: 50px;
    }
    .contact-right {
        padding-left: 20px;
    }
    .text-area textarea,
    .single-form input {
        height: 55px;
    }
    .text-area textarea {
        height: 200px;
    }
    .contact-right form {
        gap: 15px 0;
    }
    .social {
        gap: 20px 0;
        margin-top: 20px;
    }
    .contact-text {
        margin-bottom: 15px;
    }
    .contact-area {
        padding: 100px 0;
    }
    .hand-area {
        position: relative;
        margin-top: -250px;
    }
    .ruf-text {
        position: relative;
        z-index: 1;
    }
    .vacancies-bttn a {
        width: 280px;
        line-height: 66px;
    }
    .vacancies-bttn {
        gap: 0 30px;
    }
    .secure-area {
        padding-top: 100px;
        margin-top: 0;
    }
    .home-content .content-text {
        max-width: 100%;
        width: 100%;
    }

    h3 + h2 {
      margin-top: 0 !important;
    }
}
@media (max-width: 991px) {
    :root {
        --wb-p: 17px;
        --wb-h2: 21px;
        --xs: 14px;
        --xxs: 16px;
        --xlg: 38px;
        --xl: 100px;
        --sectionPadding: 65px;
    }
    .menu ul li a:hover {
        color: var(--white3);
    }
    .dropdown > a:hover::after {
        color: var(--white);
    }
    .hand-area {
        margin-top: -160px;
    }
    .hand-area p {
        max-width: 450px;
        top: 30%;
        width: 100%;
    }

    .banner-text-5 .pdl-340 {
        padding-left: 0;
    }

    .menu ul li {
        padding: 0;
    }
    .dropdown-menu {
        margin: 0 !important;
    }
    .footer-bttm {
        margin-top: 100px;
    }
    .action {
        gap: 15px 10px;
    }
    .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-text {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
    .content-img {
        max-width: 100%;
        width: 100%;
    }
    .video-card {
        min-height: 650px !important;
        position: relative;
    }
    .video-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .banner-area {
        min-height: 700px;
    }
    .abort-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .abort-area ul:first-child > li {
        width: calc(33% - 4px);
    }
    .refeer-slider h2 {
        margin-bottom: 150px;
    }
    .logo-1 {
        max-width: 45%;
    }
}
@media (max-width: 767px) {
    .video-card {
        min-height: 550px !important;
        position: relative;
    }
    .contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .contact-left {
        padding-bottom: 30px;
    }
    .contact-right {
        padding-left: 0;
        max-width: 100%;
    }
    .content-area {
        padding-top: 30px;
        padding-bottom: 70px;
    }
    /* .banner-text-5 {
        top: 140px;
        left: 0;
    } */

    .posabsolute h2 {
        margin-bottom: 0 !important;
    }
    .posabsolute {
        width: calc(100% - 30px);
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        padding: 0 !important;
        word-wrap: break-word;
        bottom: unset !important;
    }
    :root {
        --wb-p: 17px;
        --wb-h2: 20px;
        --xs: 14px;
        --xxs: 16px;
        --xlg: 36px;
        --xl: 72px;
        --sectionPadding: 65px;
    }
    .vacancies-bttn a {
        width: 230px;
        line-height: 56px;
    }
    .tec-text div {
        padding-left: 30px;
        max-width: 100%;
        margin-top: 30px;
    }
    .abort-right {
        gap: 5px;
    }
    .abort-area ul:first-child > li {
        width: calc(50% - 5px);
    }
    .footer ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
    .footer-logo {
        padding-bottom: 40px;
    }
    .footer-bttm {
        margin-top: 80px;
    }
    .remediation-img {
        gap: 50px 0;
        padding: 70px 0;
    }
    .full-service-text {
        padding: 70px 0;
    }
    .remediation-img {
        padding-top: 0;
    }
    .banner-area {
        min-height: 600px;
    }

    .banner-text-left a {
        padding: 15px 20px;
    }
}
@media (max-width: 575px) {
    :root {
        --wb-p: 17px;
        --wb-h2: 20px;
        --lg: 26px;
        --xs: 14px;
        --xxs: 16px;
        --xlg: 32px;
        --xl: 60px;
        --sectionPadding: 50px;
    }
    .banner-text-left a {
        padding: 15px 15px;
    }
    .ruf-text-area {
        padding: 70px 0;
    }
    .tec-text div {
        padding-left: 15px;
        margin-top: 20px;
    }

    .remediation-img {
        gap: 20px 0;
        padding: 60px 0;
    }
    .full-service-text {
        padding: 50px 0;
    }

    .banner-area {
        min-height: 400px;
    }
    .vacancies-bttn {
        gap: 0 15px;
    }
}
@media (max-width: 479px) {
    :root {
        --wb-p: 17px;
        --wb-h2: 18px;
        --xs: 14px;
        --xxs: 16px;
        --xlg: 26px;
        --xl: 50px;
        --sectionPadding: 50px;
    }
    .hand-area {
        margin-top: -50px;
    }
    .hand-area p {
        top: 0%;
    }

    .abort-area ul:first-child > li {
        width: 100%;
    }
    .footer-area {
        padding: 50px 40px;
    }
    .footer-bttm {
        margin-top: 50px;
    }
    .footer-logo {
        padding-bottom: 30px;
    }

    body .abort-area + .actual-content > .wpb-content-wrapper > .vc_row:first-of-type,
    body .abort-area + .actual-content > .vc_row:first-of-type {
        padding-top: 70px !important;
    }

    #home {
      margin-top: 59px;
    }

    .banner-text {
      width: 100%;
      padding: 0 15px;
    }
}

@media (max-width: 430px) {
    .vacancies-bttn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px 0;
    }
    .vacancies-bttn a {
        width: 100%;
    }
}