/* //////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// root start //////////////////////////////// */

.lc-absolute-center {
    margin-left: 50%;
    transform: translateX(-50%);
}

.lock-img {
    pointer-events: none;
}

/* //////////////////////////////// root end //////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// 404 start //////////////////////////////// */

.lc-404-content-img {
    animation: float-404 10s infinite linear;
}

@keyframes float-404 {
    from {
        transform: rotate(0deg) translate3d(5px, 0, 0) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translate3d(5px, 0, 0) rotate(-360deg);
    }
}

/* //////////////////////////////// 404 end //////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// Under Construction Page start //////////////////////////////// */

.bubble-container {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    background: #1c1c1c;
}

.bubbles {
    width: 200vh;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    top: 0;
    left: 0;
}

.bubble {
    position: absolute;
    bottom: -100px;
    width: 40px;
    height: 40px;
    background: #203a59;
    border-radius: 50%;
    opacity: 0.5;
    animation: rise 10s infinite ease-in;
}

.bubble:nth-child(1) {
    width: 40px;
    height: 40px;
    left: 10%;
    animation-duration: 8s;
}

.bubble:nth-child(2) {
    width: 20px;
    height: 20px;
    left: 20%;
    animation-duration: 5s;
    animation-delay: 1s;
}

.bubble:nth-child(3) {
    width: 50px;
    height: 50px;
    left: 35%;
    animation-duration: 7s;
    animation-delay: 2s;
}

.bubble:nth-child(4) {
    width: 80px;
    height: 80px;
    left: 50%;
    animation-duration: 11s;
    animation-delay: 0s;
}

.bubble:nth-child(5) {
    width: 35px;
    height: 35px;
    left: 55%;
    animation-duration: 6s;
    animation-delay: 1s;
}

.bubble:nth-child(6) {
    width: 45px;
    height: 45px;
    left: 65%;
    animation-duration: 8s;
    animation-delay: 3s;
}

.bubble:nth-child(7) {
    width: 90px;
    height: 90px;
    left: 70%;
    animation-duration: 12s;
    animation-delay: 2s;
}

.bubble:nth-child(8) {
    width: 25px;
    height: 25px;
    left: 80%;
    animation-duration: 6s;
    animation-delay: 2s;
}

.bubble:nth-child(9) {
    width: 15px;
    height: 15px;
    left: 70%;
    animation-duration: 5s;
    animation-delay: 1s;
}

.bubble:nth-child(10) {
    width: 90px;
    height: 90px;
    left: 25%;
    animation-duration: 10s;
    animation-delay: 4s;
}

@keyframes rise {
    0% {
        bottom: -100px;
        transform: translateX(0);
    }

    50% {
        transform: translate(100px);
    }

    100% {
        bottom: 1080px;
        transform: translateX(-200px);
    }
}

/* Progress bar */

.lc-gear-spin {
    content: url("/wp-content/uploads/2024/01/gear.svg");
    width: 30px;
    height: 30px;
    animation-name: gear-spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes gear-spin {
    from {
        -moz-transform: rotate(0deg);
    }

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

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

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

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

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

.progress-boby {
    justify-content: center;
    align-items: center;
    background: #000;
    display: flex;
    padding: 0;
    margin: 0;
}

.lc-progress {
    background: rgba(255, 255, 255, 0.1);
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    padding: 0 5px;
    display: flex;
    margin: auto;
    height: 10px;
    width: 200px;
}

.lc-progress-value {
    animation: load 35s normal forwards;
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 100px;
    background: #fff;
    height: 10px;
    width: 0;
}

@keyframes load {
    0% {
        width: 5%;
    }

    100% {
        width: 95%;
    }
}

/* //////////////////////////////// Under Construction Page end //////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////// Main Menu start //////////////// */

.zen-header-menu li.menu-item {
    height: 70px;
    text-align: center;
    align-content: center;
	padding: 0 5px;
}

.zen-header-menu li.menu-item:hover {
    color: #0049FF;
    border-bottom: 1px solid #0049FF;
}

.zen-header-menu li.menu-item.active {
    color: #0049FF;
    border-bottom: 1px solid #0049FF;
}

/* //////////////// Main Menu end //////////////// */

/* //////////////// Main Menu Oxygen Pro start //////////////// */

@media (max-width: 767px) {
    #zf-main-nav .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, #zf-main-nav .oxy-pro-menu-container.oxy-pro-menu-open-container {
        background-color: #000000;
        height: 100vh;
        overflow: unset;
    }

    .oxy-pro-menu .oxy-pro-menu-mobile-close-icon {
        justify-content: flex-end;
        left: 0 !important;
        width: 100%;
        padding-right: 30px;
    }
}

/* //////////////// Main Menu Oxygen Pro end //////////////// */


/* //////////////// Footer Section start //////////////// */

#lc-footer-socials svg {
    filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(24%) hue-rotate(309deg) brightness(105%) contrast(100%);
}

/* //////////////// Footer Section end //////////////// */


/* //////////////// Subpage parting line start //////////////// */

.lc-gradient-wrapper {
    width: 100%;
    height: 3px;
    max-height: 3px;
    position: relative;
    background: linear-gradient(45deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 16s linear infinite;
    animation-direction: alternate;
}

@keyframes gradient {
    0% {
        background-position: 0%
    }

    100% {
        background-position: 100%
    }
}

/* //////////////// Subpage parting line end //////////////// */

/* //////////////// Cookie Consent Legal Cockpit start //////////////// */

/* Remove button 'Reject all' */
#c-bns button:first-child {
    display: none;
}

/* Bug fix */
#c-txt {
    height: auto !important;
    overflow-y: auto !important;
    margin-bottom: 3em !important;
}

#c-inr > div:nth-child(3) {
    min-height: 4.5em;
}

#c-inr > div:nth-child(3) div {
    flex-direction: column;
   	row-gap: 10px;
    margin-right: 20px;
}

#c-inr > div:nth-child(3) div > div:nth-child(1) {
    flex-direction: row;
}

@media screen and (max-width: 768px) {
	div#c-inr {
		min-height: 28em;
	}
}

@media screen and (min-width: 468px) {
#cm {
    width: 100% !important;
    height: fit-content;
    align-content: center;
    min-height: 21em;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
}

#c-p-bn {
    color: #FFFFFF;
}

/* //////////////// Cookie Consent Legal Cockpit end //////////////// */

/* //////////////// Call to Action start //////////////// */

.lc-contact-section-icons {
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(10%) hue-rotate(0deg) brightness(113%) contrast(90%);
	width: 50px;
    height: 50px;
}

/* //////////////// Call to Action end //////////////// */


/* ////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// HOME start //////////////////////////////// */


/* //////////////// Header Section start //////////////// */

#lc-header-section {
    height: 600px;
    /* Oder eine andere feste Höhe */
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

#lc-particle-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: none;
    transform: translate3d(0, 0, 0);
}

.lc-particle {
    position: absolute;
    border-radius: 50%;
    will-change: transform;
}

#lc-header-content {
    position: absolute;
    /* Weitere Styles für #lc-header-content */
}

/* //////////////// Header Section end //////////////// */


/* //////////////// Sub-Header Section start //////////////// */

#lc-subhead-particle-div {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.lc-subhead-focus-box-container {
    /*width: 600px;*/
    /*height: 500px;*/
    opacity: 0.8;
    z-index: 1;
}

.lc-subhead-focus-div {
    display: none;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeinup {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.lc-subhead-focus-div-svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(109deg) brightness(104%) contrast(101%);
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    color: #69727d;
    width: 50px;
    height: 50px;
    text-align: center;
}

.lc-subhead-focus-div svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(109deg) brightness(104%) contrast(101%);
}

.lc-subhead-focus-div-1 {
    display: block;
}

.lc-subhead-focus-div-content {
    /*min-height: 500px;*/
    /*transform: translate(-5%,0px) perspective(500px) rotateY(-15deg) rotateX(8deg) rotateZ(-1deg);*/
}

@media only screen and (max-width: 767px) {
    .lc-subhead-focus-box-container {
        /*height: 400px;*/
        opacity: 0.8;
        z-index: 1;
    }

    .lc-subhead-focus-headline h2 {
        font-size: 26px;
    }

    .lc-subhead-focus-div-content {
        /*min-height: 500px;*/
        /*transform: translate(-5%,0px) perspective(500px) rotateY(-15deg) rotateX(8deg) rotateZ(-1deg);*/
    }

}

/* App Icons */

.lc-subhead-app-icon-container {
    display: flex;
    /*max-width: 80px;*/
    z-index: 4;
}

.lc-subhead-app-icon-inner {
    max-width: 70px;
    height: 70px;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #146ef5;
    background: #17171770;
    animation: pulse-white 3s infinite;
}

@keyframes pulse-white {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(20, 110, 245, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(20, 110, 245, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(20, 110, 245, 0);
    }
}


.lc-subhead-app-icon {
    border-radius: 8px;
    padding: 15px;
    max-width: 70px;
    height: 70px;
    justify-content: center;
    align-items: center;
}

.lc-subhead-app-icon.active img {
    /*transform: scale(1.3);
	border-radius: 5px;*/
    /*filter: brightness(0) saturate(100%) invert(100%) sepia(24%) saturate(5268%) hue-rotate(102deg) brightness(99%) contrast(116%);*/
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4242%) hue-rotate(226deg) brightness(100%) contrast(111%);

}

.lc-subhead-app-icon.active img {
    /*filter: brightness(0) saturate(100%) invert(100%) sepia(24%) saturate(5268%) hue-rotate(102deg) brightness(99%) contrast(116%);*/
    filter: brightness(0) saturate(100%) invert(16%) sepia(92%) saturate(4242%) hue-rotate(226deg) brightness(100%) contrast(111%);
}

/*.lc-subhead-app-icon:hover {
	transform: scale(1.3);
	border-radius: 5px;
}*/

.lc-subhead-app-icon img {
    width: 40px;
    height: 40px;
    margin: auto;
    justify-content: center;
}

.lc-subhead-app-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(109deg) brightness(104%) contrast(101%);
}

.lc-subhead-app-icon-svg-1 img,
.lc-subhead-app-icon-svg-2 img,
.lc-subhead-app-icon-svg-3 img,
.lc-subhead-app-icon-svg-4 img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(109deg) brightness(104%) contrast(101%);
}


@media only screen and (max-width: 767px) {
    .lc-subhead-app-icon-inner {
        aspect-ratio: 1;
        width: auto;
    }

}


/* //////////////// Sub-Header Section start //////////////// */


/* //////////////// WebDesign Section start //////////////// */

#lc-webdesign-showcase-inner {
    top: -10px;
    position: absolute;
}

#lc-webdesign-button {
	transform: translateY(-80px) !important;
    max-width: 300px !important;
    useCustomTag: false;
    text-align: center;
    flex-direction: row !important;
    display: flex;
    z-index: 1;
	top: 50% !important;
    background-color: #000000;
    padding-top: 10px !important;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border-color: #0233ad;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    flex-wrap: nowrap;
}

#lc-webdesign-button img {
    width: 35px !important;
    margin-right: 20px !important;
    margin: auto;
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%) hue-rotate(72deg) brightness(110%) contrast(95%);
}

#lc-webdesign-button-text {
    margin: auto !important;
    font-size: 20px !important;
    display: flex;
    flex-wrap: nowrap;
}

/* //////////////// WebDesign Section end //////////////// */


/* //////////////// WebDev Section start //////////////// */

.lc-webdev-pulse-container {
    max-height: 500px;
    overflow: hidden;
}

.lc-webdev-icon {
    filter: brightness(0) saturate(100%) invert(26%) sepia(93%) saturate(7500%) hue-rotate(227deg) brightness(102%) contrast(103%);
}

/* //////////////// WebDev Section end //////////////// */


/* //////////////// SEO Section start //////////////// */

@media only screen and (max-width: 767px) {
    .lc-orbit-star-bg-container {
        scale: 1.5;
    }

    .lc-orbit-front-container {
        scale: 1.5;
    }
}

#lc-shooting-star-01 {
    opacity: 0;
    animation: shooting-star-ani-01 6s linear infinite;
    animation-delay: 1s;
}

@keyframes shooting-star-ani-01 {
    0% {
        transform: translate(0%, 0%);
        opacity: 0;
    }

    10% {
        transform: translate(-35%, 25%);
        opacity: 1;
    }

    20% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    40% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    60% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    80% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    100% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }
}

#lc-shooting-star-02 {
    opacity: 0;
    animation: shooting-star-ani-02 7s linear infinite;
    animation-delay: 2s;
}

@keyframes shooting-star-ani-02 {
    0% {
        transform: translate(0%, 0%);
        opacity: 0;
    }

    7% {
        transform: translate(-35%, 25%);
        opacity: 1;
    }

    15% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    30% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    45% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    60% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    75% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    90% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }

    100% {
        transform: translate(-70%, 50%);
        opacity: 0;
    }
}


#lc-orbit-system-inner-01,
#lc-orbit-system-inner-02,
#lc-orbit-system-inner-03,
#lc-orbit-system-inner-04,
#lc-orbit-system-inner-05 {
    opacity: 0;
}

@media only screen and (max-width: 600px) {
    .lc-seo-window-container {
        min-width: 150vw;
        overflow: hidden;
    }
}

/* //////////////// SEO Section end //////////////// */


/* //////////////// Hosting Section start //////////////// */

/* lc-hosting-cards */

.lc-hosting-cards {
    cursor: pointer;
    padding: 12px 10px !important;
    background-color: transparent !important;
    color: #898989 !important;
	flex-wrap: nowrap !important;
}

.lc-hosting-cards svg {
    filter: brightness(0) saturate(100%) invert(54%) sepia(0%) saturate(196%) hue-rotate(152deg) brightness(102%) contrast(72%);
}

.lc-hosting-cards h3 {
    margin: 0;
    color: #898989 !important;
    padding-top: 4.5px;
}

.lc-hosting-cards-text {
    display: none;
}

/* lc-hosting-cards active */

.lc-hosting-cards.active {
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #171717 !important;
    min-height: 220px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 10px !important;
}

.lc-hosting-cards.active svg {
    filter: brightness(0) saturate(100%) invert(16%) sepia(86%) saturate(3650%) hue-rotate(224deg) brightness(111%) contrast(117%);
}

.lc-hosting-cards.active h3 {
    color: #FFFFFF !important;
}

.lc-hosting-cards.active p {
    display: block !important;
}

.lc-hosting-cards.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1.5px;
    /* Border thickness */
    background-color: #0049FF;
    animation: fill 8s linear forwards;
    /* Animation for 8 seconds */
}

@keyframes fill {
    to {
        width: 100%;
    }
}


/* hosting server plates */

.lc-server-div {
    min-height: 100%;
    max-width: 500px;
}

.lc-server-shadow {
    opacity: 0;
}

.lc-server-plate1 {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.lc-server-plate2 {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.lc-server-plate3 {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.lc-server-plate4 {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.lc-server-frame {
    opacity: 0.5;
}

/* //////////////// Hosting Section end //////////////// */


/* //////////////// Services Section start //////////////// */

.lc-service-overview .owl-carousel .owl-stage {
    display: flex;
}

.lc-service-overview .sina-cs-item {
    border-color: transparent !important;
    padding: 20% 40px 20% 40px !important;
    min-height: 30rem !important;
    max-width: 330px !important;
    background: linear-gradient(#212121, #000000) padding-box, linear-gradient(145deg, transparent 30%, #0049FF, #93ffdc) border-box !important;
    border: 2px solid transparent !important;
}

.lc-service-overview img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(20%) saturate(139%) hue-rotate(258deg) brightness(110%) contrast(90%);
}

@media screen and (min-width: 769px) {
    .lc-service-overview .owl-carousel .owl-stage-outer {
        width: 90%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .lc-service-overview .owl-carousel.owl-drag .owl-item {
        max-width: 360px;
    }

}

@media screen and (max-width: 769px) {
    .lc-service-overview .owl-carousel .owl-stage-outer {
        width: 100%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .lc-service-overview .owl-item.active {
        max-width: 90vw !important;
    }
}

/* Swiper JS */

#lc-services-swiper {
    overflow: hidden;
}

#lc-services-wrapper {
    display: flex;
    flex-direction: row !important;
    flex-flow: nowrap;
    width: 100%;
    gap: 0 !important;
}

.lc-services-swiper-card-outer {
    min-width: 360px !important;
    width: 100% !important;
    max-width: 380px !important;
}

.lc-services-swiper-card {
    border-color: transparent !important;
    padding: 70px 30px 70px 30px !important;
    max-height: 450px !important;
    min-height: 450px !important;
    max-width: 340px !important;
    background: linear-gradient(#212121, #000000) padding-box, linear-gradient(145deg, transparent 30%, #0049FF, #93ffdc) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 5px !important;
    margin-right: 40px !important;
}

.lc-services-swiper-card-icon {
    margin-bottom: 20px !important;
}

.lc-services-swiper-card-icon svg {
    width: 40px !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%);
}

.lc-services-swiper-card-headling {
    min-height: 30px !important;
    margin-bottom: 35px !important;
}

.lc-services-swiper-card-headling h4 {
    color: #FFFFFF !important;
    font-size: 22px !important;
}

@media screen and (max-width: 767px) {
    #lc-services-swiper {
        padding-left: 10px;
    }

    .lc-services-swiper-card-outer {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 380px !important;
    }

    .lc-services-swiper-card {
        max-width: 85vw !important;
    }

    #lc-services-wrapper .swiper-slide-active {
        width: 85vw !important;
        margin-right: -5%;
    }
}

.swiper-scrollbar-drag {
    background: gray !important;
    height: 7px !important;
    border-radius: 5px !important;
}

#lc-services-swiper-scrollbar {
	position: relative;
    min-height: 5px !important;
    background: #414141;
    max-width: 50%;
    margin-top: 20px;
    align-self: center;
    border-radius: 5px;
}

#lc-services-swiper-scrollbar .swiper-pagination-progressbar-fill {
    max-height: 5px !important;
    background: linear-gradient(145deg, #0049FF, #93ffdc) border-box !important;
}

/* //////////////// Services Section end //////////////// */


/* //////////////////////////////// HOME end //////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// KONTAKT start //////////////////////////////// */

.lc-contact-bg-svg {
    max-width: 950px !important;
    min-height: 600px !important;
    min-width: 950px !important;
    margin-left: 50%;
    transform: translateX(-50%);
}

.lc-contact-logo-outline-stroke {
    opacity: 0.5;
    -webkit-animation: color_change_stroke 20s infinite alternate;
    -moz-animation: color_change_stroke 20s infinite alternate;
    -ms-animation: color_change_stroke 20s infinite alternate;
    -o-animation: color_change_stroke 20s infinite alternate;
    animation: color_change_stroke 20s infinite alternate;
}

@-webkit-keyframes color_change_stroke {
    0% {
        fill: #0045FF;
    }

    25% {
        fill: #00a2ff;
    }

    50% {
        fill: #00E1FF;
    }

    75% {
        fill: #00a2ff;
    }

    100% {
        fill: #0045FF;
    }
}

.lc-contact-form-main {
    max-width: 450px !important;
}

/*.lc-contact-form-main .wpforms-recaptcha-container .g-recaptcha {
    padding: 20px 0 !important;
    display: flex !important;
    justify-content: center !important;
}*/

.lc-contact-form-main .wpforms-submit-container {
    margin-top: 30px !important;
}

.lc-contact-form-btn {
    width: 100% !important;
    height: 55px !important;
	text-align: center;
    background: transparent !important;
    border: 0 !important;
    --border-width: 2px;
    --border-radius: 5px;
}

.lc-contact-form-btn:hover {
    transform: scale(0.95) !important;
}

.lc-contact-form-btn::after {
    --m-i: linear-gradient(#000, #000);
    --m-o: content-box, padding-box;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: var(--border-width);
    border-radius: var(--border-radius);
    background-image: conic-gradient(#488cfb,
            #29dbbc,
            #ddf505,
            #ff9f0e,
            #e440bb,
            #655adc,
            #488cfb);
    -webkit-mask-image: var(--m-i), var(--m-i);
    mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    animation: rotate-hue linear 2500ms infinite;
    animation-play-state: running;
}

@keyframes rotate-hue {
    to {
        filter: hue-rotate(1turn);
    }
}


.lc-contact-form-main-field input,
.lc-contact-form-main-field textarea {
    background: transparent !important;
    color: #f1f1f1 !important;
    border-radius: 0px !important;
    border-bottom: solid rgba(110, 110, 110, 0.6) !important;
    border-width: 0.01em !important;
}

.lc-contact-form-main .wpforms-field-container input:focus,
.lc-contact-form-main .wpforms-field-container textarea:focus {
    border-color: transparent !important;
    border-bottom: 1px solid #0049FF !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid {
    border-color: transparent !important;
    border-bottom: 1px solid red !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid {
    border-color: transparent !important;
    border-bottom: 1px solid red !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.lc-contact-form-main-field input::placeholder,
.lc-contact-form-main-field textarea::placeholder {
    color: #f1f1f1 !important;
}

/* contact form success message */

.lc-cf-tyr-div {
    display: flex;
    justify-content: center;
    margin-top: 20px !important;
}

.lc-cf-tyr-img {
    width: 300px !important;
}

.lc-cf-tyr-txt {
    font-size: 24px !important;
    margin: 30px 0 20px !important;
    color: #F1F1F1 !important;
}

.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: rgb(14, 14, 14, 0.7) !important;
    color: #F1F1F1 !important;
    text-align: center !important;
    border: solid rgb(0, 71, 255, 0.7) !important;
    border-width: 3px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
}

.lc-contact-form-main-privacy ul {
    margin-bottom: 10px !important;
}

.lc-contact-form-main-privacy label {
    color: #F1F1F1 !important;
}

.lc-contact-form-main-privacy span {
    color: #F1F1F1 !important;
}

/* //////////////////////////////// KONTAKT end //////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

#zf-contact-form select {
    color: #6e6e6e !important;
    border-radius: 0px !important;
    border-top: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-left: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-right: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-bottom: solid rgba(110, 110, 110, 0.6) !important;
    border-width: 0.01em !important;
	appearance: none;
    background-image: url(/wp-content/uploads/2024/09/arrow-down-338.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 16px auto;
}

#zf-contact-form select option {
	background-color: #000000;
}

#zf-contact-form input {
    background: transparent !important;
    color: #f1f1f1 !important;
    border-radius: 0px !important;
    border-top: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-left: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-right: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-bottom: solid rgba(110, 110, 110, 0.6) !important;
    border-width: 0.01em !important;
}

#zf-contact-form textarea {
    background: transparent !important;
    color: #f1f1f1 !important;
    border-radius: 0px !important;
    border-top: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-left: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-right: 0.01pt solid rgba(0, 0, 0, 0.4) !important;
    border-bottom: solid rgba(110, 110, 110, 0.6) !important;
    border-width: 0.01em !important;
}

#zf-contact-form select:focus,
#zf-contact-form input:focus,
#zf-contact-form textarea:focus {
    border-color: transparent !important;
    border-bottom: 1px solid #0049FF !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#zf-contact-form .submit-button-wrapper {
	width: 100%;
	padding: 0 10px;
}

#zf-contact-form .bricks-button {
        width: 100% !important;
    height: 55px !important;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
    position: relative;
    color: #FFFFFF;
    font-size: 18px;
    --border-width: 2px;
    --border-radius: 5px;
}

#zf-contact-form .bricks-button:hover {
    transform: scale(0.95) !important;
}

#zf-contact-form .bricks-button::after {
    --m-i: linear-gradient(#000, #000);
    --m-o: content-box, padding-box;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: var(--border-width);
    border-radius: var(--border-radius);
    background-image: conic-gradient(#488cfb,
            #29dbbc,
            #ddf505,
            #ff9f0e,
            #e440bb,
            #655adc,
            #488cfb);
    -webkit-mask-image: var(--m-i), var(--m-i);
    mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    animation: rotate-hue linear 2500ms infinite;
    animation-play-state: running;
}

#zf-contact-form .message.success {
    color: var(--bricks-text-success);
    background: rgb(14, 14, 14, 1) !important;
    text-align: center;
    position: absolute;
    max-width: 450px;
    border: solid rgb(0, 71, 255, 0.7) !important;
    border-width: 3px !important;
    border-radius: 7px !important;
}

#zf-contact-form .message.error {
    margin-top: 30px;
    border-radius: 5px;
    border: 2px solid red;
    color: #FFFFFF;
    background: darkred;
}

/* ////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// Ticket start //////////////////////////////// */

.lc-contact-form-main-dropdown .wpforms-field-label {
    color: #C1C1C1 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    padding: 0 14px !important;
}

.lc-contact-form-main.wpforms-container-full select, div.wpforms-container-full select:disabled, .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full select:disabled {
    background-color: transparent;
    color: #C1C1C1 !important;
    font-size: 14px;
    padding: 0 14px !important;
    font-weight: 300;
}

.lc-contact-form-main.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {
    background-color: transparent;
    border: 0.2pt solid rgba(110, 110, 110, 0.6) !important;
    color: #C1C1C1 !important;
    font-size: 14px;
    padding: 0 14px !important;
    font-weight: 300;
}

.lc-contact-form-main.wpforms-container-full select:not([multiple])>option, .wp-core-ui div.wpforms-container-full select:not([multiple])>option {
    background: #000000;
    color: #C1C1C1;
}

.lc-contact-form-main.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: #C1C1C1 !important;
    font-weight: normal;
}

/* //////////////////////////////// Ticket end //////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// FAQ start //////////////////////////////// */

.zf-faq-tab-second-content h3 {
    margin-bottom: 10px;
}


.zf-faq-tab-second-content table {
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}

.zf-faq-tab-second-content tr:nth-child(2n) {
    background-color: rgb(30, 33, 34, 0.7);
}


.zf-faq-tab-second-content td {
    padding: 7px 10px 7px 10px;
	width: 50%;
}


/* //////////////////////////////// FAQ end //////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */