/* Left in for compability reasons */
/* Background transitions */
/* Bild Filter */
:root {
  --header-height: 112px;
  --header-padding-bottom: 16px;
  --sticky-top: calc(
    var(--header-height) + var(--sticky-promobar-height)
    );
  --container-padding: 16px;
  --sticky-promobar-height: 0.01px;
  --header-breakpoint: 1532px;
  --media-center-sidebar-width: 380px;
  --spacer-sx: 20px;
  --spacer-s: 30px;
  --spacer-m: 50px;
  --spacer-l: 75px;
}
:root:has(.sticky_promobar:not(.hide)) {
  --sticky-promobar-height: 48px;
}
@media (min-width: 768px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1532px) {
  :root {
    --header-padding-bottom: 32px;
    --header-height: 112px;
  }
}
@media (min-width: 1500px) {
  :root {
    --media-center-sidebar-width: 450px;
  }
}
@media (min-width: 768px) {
  :root {
    --spacer-sx: 32px;
    --spacer-s: 65px;
    --spacer-m: 80px;
    --spacer-l: 180px;
  }
}

/* MIXINS */
/*

.contact_section{
    margin-top: 50px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    grid-template-columns: 
        minmax(0, calc((1500px / 3) * 2 - 30px)) 
        minmax(0, calc((1500px / 3) - 30px)) ;

    .form{
        padding-right: 15px;
        padding-top: 50px;
        .cf7_contact_wrapper{
            .contact_row{
                display: flex;
                gap: 20px;

                .contact_input{
                    width: 100%;

                    input, textarea{
                        width: 100%;
                        border-radius: 0;
                        border-width: 2px;
                        margin-bottom: 10px;
                        color: #fff;
                    }
                    input{
                        height: 50px;
                        margin-top: 15px;
                    }
                    textarea{
                        height: 160px;
                        margin-top: 15px;
                    }
                    .wpcf7-submit{
                        margin-top: unset
                    }
                }
            }
            .contact_row.row_acceptance{
                margin-top: 10px;

                .contact_input{
                    display: flex;
                    gap: 30px;
                    .wpcf7-form-control-wrap{
                        cursor: pointer;
                    }
                }
                .wpcf7-list-item{
                    margin-left: -5px;
                }
                input{
                    height: 20px;

                    height: 20px !important;
                    width: 20px !important;
                    background-color: transparent;
                }
            }
        }
        .wpcf7-not-valid-tip{
            margin-top: -10px;
        }
        .btn input[type="submit"]{
            text-transform: uppercase;
            color: #ffffff;
            width: auto;
            background-color: transparent;
            height: 100%;
            display: block;
            padding: 20px 45px;
            z-index: 2;
            position: relative;
            border: unset;
            margin-bottom: unset !important;
            font-size: 14px;
        }
        .btn-wrapper .btn span {
            position: absolute;
            display: block;
            width: 0px;
            height: 0px;
            background-color: $theme-color-secondary-one;
            transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
            transform: translate(-50%, -50%);
            z-index: 1;
        }
        .btn-wrapper .btn {
            position: relative;
            display: inline-block;
            overflow: hidden;
            background-color: $theme-color-primary-one;
            width: auto;
            z-index: 2;
        }
        .btn-wrapper {
            display: flex;
            margin-top: 35px;
        }
    }


    .wpcf7-list-item input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }


    .wpcf7-list-item-label {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: transparent;
      border: 2px #fff solid;
      border-radius: 0;
      border-width: 2px;
    }

    .wpcf7-list-item:hover input ~ .wpcf7-list-item-label {
    }

    .wpcf7-list-item input:checked ~ .wpcf7-list-item-label {
      background-color: transparent;
    }

    .wpcf7-list-item-label:after {
      content: "";
      position: absolute;
      display: none;
    }

    .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {
      display: block;
    }

    .wpcf7-list-item .wpcf7-list-item-label:after {
      left: 3.5px;
      top: 1px;
      width: 9px;
      height:12px;
      border: solid $theme-color-primary-one;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      transform: rotate(35deg);
    }
    .lable_accept{
        display: none;
    }

    .contact_person_wraper{
        .person_box{

            .person_pic{
                height: 300px;
                img {
                    width: 100%;
                    height: 300px;
                    object-fit: cover;
                }
            }
            .person_info{
                display: block;
                background-color: #000;
                width: 100%;
                height: auto;
                padding: 35px;
                text-align: center;

                .person_name{
                    font-weight: 700;
                    font-size: 16px;
                    margin-bottom: 10px;
                }
            }
        }
    }

}

@media(max-width:1100px){
    .contact_section{
        grid-template-columns: 
            minmax(0, calc((100% / 3) * 2 - 30px)) 
            minmax(0, 1fr) ;
    }
}
@media(max-width:730px){
    .contact_section{
        grid-template-columns: 
            minmax(0, 1fr) ;
        grid-row-gap: 30px;

        .contact_person_wraper{
            grid-row-start: 1;
            grid-column-start: 1;
            grid-row-end: 2;
            grid-column-end: 3;
        }
        .contact_form_wrapper{
            grid-row-start: 2;
            grid-column-start: 1;
            grid-row-end: 3;
            grid-column-end: 3;
        }
        .form{
            padding-right: 0px;
        }
    }
}












.hbspt-form{
    .form-columns-2{
        width: 100%;
        max-width: unset;
        display: flex;
        gap: 20px;

        .hs-form-field{
            width: 100% !important;
            float: unset !important
        }
    }
    .form-columns-1 {
        width: 100%;
        max-width: unset;
    }
}

.hbspt-form{
    .hs-form-field{
        label{

        }
        input{
            height: 50px;
            margin-top: 5px;
        }
        textarea{
            height: 160px !important;
        }
        input,
        textarea{
            width: 100% !important;
            border-radius: 0;
            border-width: 2px;
            margin-bottom: 10px;
            color: #fff;
        }
    }
    .hs-form-booleancheckbox{
        position: relative;
        input{
            all: revert;
        }
        label{
            position: relative;
        }
    }
    .inputs-list{
        margin: 0;
        span{
            margin-left:  10px;;
        }
        li{
            list-style: none;
        }
    }
    .hs-error-msg,
    .hs-error-msgs label{
        color: red;
    }


}







.hs-form-booleancheckbox-display {
    display: block;
    position: relative ;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.hs-form-booleancheckbox-display span{
    margin-top: -10px;
}
.hs-form-booleancheckbox-display input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer;
    height: 0 !important;
    width: 0;
}

.hs-form-booleancheckbox-display span:before {
    content: ' ';
    position: relative;
    display: block;
    top: 26px;
    left: -47px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px #fff solid;
    border-radius: 0;
    border-width: 2px;
}
.hs-form-booleancheckbox-display span p{
    width: 100%;
}

.hs-form-booleancheckbox-display:hover input ~ span {
}

.hs-form-booleancheckbox-display input:checked ~ span:before {
    background-color: transparent;
}

.hs-form-booleancheckbox-display span:after {
    content: "";
    position: absolute;
    display: none;
}

.hs-form-booleancheckbox-display input:checked ~ span:after {
    display: block;
}

.hs-form-booleancheckbox-display span:after {
    left: 3px;
    top: 28px;
    width: 9px;
    height:12px;
    border: solid #B4C833;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.hs_submit {
    .hs-button{
        osition: relative;
        display: inline-block;
        overflow: hidden;
        background-color: #B4C833;
        width: auto;
        z-index: 2;
        height: 50px;
        border-radius: 0;
        border: none;
        color: #fff;
        text-transform: uppercase;
        padding: 20px 45px;
        cursor: pointer;
    }
}


.hs_submit{

    .hs-button:hover{
        background-color: $theme-color-secondary-one;
        transition: all .35s;
    }
}



*/
/*# sourceMappingURL=contact.css.map */