@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");

@import url("classes.css");

.text-bold {
    font-weight: 700 !important;
}
.text-underline {
    text-decoration: underline !important;
}

.text-italic {
    font-style: italic !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}
.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.float {
    display: none;
    position: fixed;
    width: auto;
    bottom: 40px;
    cursor: pointer;
    padding: 8px 31px;
    right: 40px;
    text-decoration: none;
    line-height: 34px;
    z-index: 999999;
    border-radius: 15px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.p-icon:nth-child(1){
    font-size: 150%;
    transform: translate(-20%, 25%);
}
.p-icon:nth-child(2){
    font-size: 150%;
    transform: translate(23%, 20%);
}
.p-icon-after{
    font-size: 150%;
    transform: translate(20%, 25%);
}
.p-icon-solo{
    font-size: 150%;
    transform: translate(0%, 25%);
}

.p-icon-builder{
    font-size: 150%;
    transform: translate(0%, 0%);
}

.float:hover {
    animation-play-state: paused;
}

.start .con.position-absolute{
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1030;

}

[data-edit="text"].highlight,
span.highlight,img.highlight, [data-edit="icon"].highlight{
    text-decoration: underline;
    cursor: pointer;
}

[data-edit="background"].highlight {
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 768px) {
    .bg-image {
        background-attachment: unset !important;
    }
}

#imagemodal {
    background-color: rgba(0, 0, 0, 0.8);
}
.gallery .gallery-part img {
    width: 100%;
    border-radius: 0;
    position: relative;
}
[data-edit="gallery-item"]{
    position: relative;
    cursor: pointer;
}

#emailModal .text_formular{
    padding: 50px 0;
}
#emailModal .modal-dialog {
    margin-top: 5%;
}

.gallery .gallery-part:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    width: 30px;
    content: url(https://pic.onlinewebfonts.com/thumbnails/icons_466921.svg);
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.gallery .gallery-part:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86));
    content: "";
    transition: 0.4s;
}

.gallery .gallery-part:hover:after,
.gallery .gallery-part:hover:before {
    opacity: 1;
}
.baguetteBox-button#previous-button {
    left: 2%;
    display: none;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
}
.baguetteBox-button#next-button {
    right: 2%;
    display: none;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
.baguetteBox-button {
    background-color: transparent !important;
}
.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}
.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    width: 100%;
    height: 100%;
    font: 1.6em sans-serif;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.btn-arrow-left,
.btn-arrow-right {
    display: inline-flex;
    align-items: center;
}
.btn-arrow-left::before, .btn-arrow-left::after,
.btn-arrow-right::before,
.btn-arrow-right::after {
    width: 0.5em;
    height: 0.5em;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
}

.btn-arrow-left::before {
    content: "";
    float: left;
    margin-right: 0.75em;
    transform: rotate(-45deg);
}

.btn-arrow-right::after {
    content: "";
    float: right;
    margin-left: 0.75em;
    transform: rotate(135deg);
}

#imagemodal button:hover g,
#imagemodal button:hover polyline {
    stroke: #ffffff;
}

.position-absolute .navbar-light .collapse.show,.position-absolute .navbar-light .collapsing{
    background: var(--bs-light);
    padding: 20px 10px;
}
.position-absolute .navbar-dark .collapse.show,.position-absolute .navbar-dark .collapsing{
    background: var(--bs-dark);
    padding: 20px 10px;
}

.navbar .navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

/* rotate first span */
.navbar .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
.navbar .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}

/* rotate third span */
.navbar .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}

.navbar .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

@media (max-width: 767px) {
    .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
}
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    display: none;
    background: var(--bs-primary);
    color:#fff;
    cursor:pointer;
    opacity: .7;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#btn-back-to-top:hover {
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#btn-back-to-top.left-btt {
    left:20px;
}
#btn-back-to-top.right-btt {
    right:20px;
}
.d-none-btt{
    display:none !important;
}

@media (max-width: 576px) {
    .disable-mob {
        display: none !important;
    }
}

@media (min-width: 577px) and (max-width: 771px) {
    .disable-tab {
        display: none !important;
    }
}

@media (min-width: 772px) {
    .disable-pc {
        display: none !important;
    }
}


.main-page { overflow-x: hidden; }

[data-gallery="multi"] [data-edit="gallery-item"]:first-of-type {
    display: block;
}
[data-gallery="multi"] [data-edit="gallery-item"] {
    display: none;
}

.container-extra , .container-extra .container {
    max-width: 100% !important;
}
.container .container {
    padding-right:0; padding-left:0;
}

[data-edit="gallery"] [data-edit="image"]{
    cursor:pointer;
}

@media (min-width: 992px) {
    .weblantis-mobile-xl .navbar-expand-lg .navbar-toggler {
        display: flex;
    }
    .weblantis-mobile-xl .d-lg-flex.navbar-collapse {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .weblantis-mobile-xl .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .weblantis-mobile-xl .d-lg-flex.navbar-collapse {
        display: flex !important;
    }
}
@media (min-width: 992px) {
    .weblantis-mobile-xxl .navbar-expand-lg .navbar-toggler {
        display: flex;
    }
    .weblantis-mobile-xxl .d-lg-flex.navbar-collapse {
        display: none !important;
    }
}

@media (min-width: 1400px) {
    .weblantis-mobile-xxl .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .weblantis-mobile-xxl .d-lg-flex.navbar-collapse {
        display: flex !important;
    }
}


    nav .dropdown-menu li.nav-item{
        width: max-content;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.6);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

ion-icon {
    animation: fadeIn 1.5s ease-out;
}

.reverse-blok .row {
    display: flex !important;
    flex-direction: row-reverse !important;
}

@media (min-width: 992px) {
    .weblantis-columns-1 .col-lg {
        flex: 0 0 auto;
        width: 100%;
    }
    .weblantis-columns-2 .col-lg {
        flex: 0 0 auto;
        width: 50%;
    }
    .weblantis-columns-3 .col-lg {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .weblantis-columns-4 .col-lg {
        flex: 0 0 auto;
        width: 25%;
    }
    .weblantis-columns-5 .col-lg {
        flex: 0 0 auto;
        width: 20%;
    }
    .weblantis-columns-6 .col-lg {
        flex: 0 0 auto;
        width: 16.6666666%;
    }
}
.checkval-form{
    position: absolute;
    left: -9999px;
}

#imagemodal.modal.show .modal-dialog {
    justify-content: center;
}
#imagemodal .modal-content {
    width: auto;
}
#imagemodal .modal-content img {
    height: auto !important;
    max-height: 80vh;
}
#imagemodal .modal-body {
    padding: 3px;
}