body {

    margin: 0 !important;

    font-family: 'Old Standard TT', serif !important;

    overflow: overlay;

    -webkit-font-smoothing: antialiased;

    background-color: #f1f4f9 !important;

}





/* Style the header with a grey background and some padding */



.header {

    overflow: hidden;

    background-color: transparent;

    padding: 5px 50px;

    position: fixed;

    z-index: 10;

}





/* Style the header links */



.header a {

    float: left;

    color: rgb(255, 255, 255);

    text-align: center;

    padding: 15px;

    text-decoration: none;

    font-size: 18px;

    line-height: 10px;

    border-radius: 4px;

}





/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */



#logo {

    max-height: 150px;

    width: auto;

}





/* Change the background color on mouse-over */





/* .header a:hover {

  background-color: rgba(231,192,71,.3);

  color: black;

} */





/* Style the active/current link*/



.header a.active {

    background-color: rgba(231, 192, 71, .3);

    color: white;

}



.bg-navbar {

    --bs-bg-opacity: 1;

    background-color: #41464b40 !important;

}





/* Float the link section to the right */





/* .header-right {

  /* float: center;

  display: flex;

  justify-content: left; 

  margin: auto;

  width: 50%;

  margin-top: 40px;

} */



.headimg {

    background-blend-mode: overlay;

    background-color: #fbfbfb47;

    background-image: url("../images/11.webp");

    min-height: 60vh;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

    background-attachment: fixed;

}





/* .bg-localizare{

  background-image: url("../images/location-bg.jpg");

  min-height: 85vh;

  background-size: cover ;

  background-repeat: no-repeat;

  background-position: top;

  background-attachment: fixed;

  background-repeat: no-repeat;



}*/



body::-webkit-scrollbar {

    width: 2px;

    background-color: transparent;

    /* width of the entire scrollbar */

}



body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: transparent;

}



body::-webkit-scrollbar-thumb {

    background-color: #000000;

    /* creates padding around scroll thumb */

}



.nav-link {

    color: #ffffffde;

    font-weight: 700;

    text-transform: uppercase;

}



.nav-item {

    color: #f8f9fa;

}



#galerie {

    background-image: url("../images/bg-gallery2.jpg");

}



.offcanvas {

    background-color: #6c757d5c !important;

}



.form-label {

    color: #fff;

}



.btn {

    background-color: rgba(231, 192, 71, .3) !important;

    border-color: rgba(231, 192, 71, .3) !important;

    /* box-shadow: 0 0 0 0.25rem #f9fafbb3 !important;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */

}





/* .header-right {

  float: none;

} */





/* Slider zone */



.tns-outer [aria-controls],

.tns-outer [data-action] {

    display: none;

}



.my-slider {

    position: absolute;

    top: 0;

    height: 100vh;

}



.top-image {

    width: 100%;

    height: 100%;

}



.middle-image {

    width: 100%;

    max-height: 100%;

}



#slide1 {

    background-image: url("../images/1.webp");

    height: 100vh;

    background-size: cover;

}



#slide2 {

    background-image: url("../images/2.webp");

    height: 100vh;

    background-size: cover;

}



#slide3 {

    background-image: url("../images/3.webp");

    height: 100vh;

    background-size: cover;

}



#slide4 {

    background-image: url("../images/4.webp");

    height: 100vh;

    background-size: cover;

}

#slide5 {
    background-image: url("../images/5.webp");
    height: 100vh;
    background-size: cover;
}
#slide6 {
    background-image: url("../images/6.webp");
    height: 100vh;
    background-size: cover;
}
#slide7 {
    background-image: url("../images/7.webp");
    height: 100vh;
    background-size: cover;
}
#slide8 {
    background-image: url("../images/8.webp");
    height: 100vh;
    background-size: cover;
}
#slide9 {
    background-image: url("../images/9.webp");
    height: 100vh;
    background-size: cover;
}
#slide10 {
    background-image: url("../images/10.webp");
    height: 100vh;
    background-size: cover;
}
#slide11 {
    background-image: url("../images/11.webp");
    height: 100vh;
    background-size: cover;
}

#scroll {

    position: absolute;

    margin: -39px auto;

    left: 0;

    right: 0;

}



.tns-slide-cloned {

    background-image: url("../images/banner4.webp");

    height: 100vh;

    background-size: cover;

}



.offcanvas-header {

    background-image: url("../images/logo_zam.png");

    height: 60px !important;

    background-size: contain;

    background-repeat: no-repeat;

    margin-top: 10px;

    margin-left: 50px;

}





/* Middle zone for parallax */





/* .col{

  justify-self: stretch;

} */



.tip-img {

    height: 70vh;

    width: auto;

}



.container-ap1 {

    background-image: url("../images/tip1 copy.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -20%;
}
.container-ap2 {

    background-image: url("../images/tip2.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -20%;
}
.container-ap3 {

    background-image: url("../images/tip4.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -22%;
}
.container-ap4 {

    background-image: url("../images/tip3.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -22%;
}
.container-sp1 {
    background-image: url("../images/spatiul1_3d.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 60vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -30%;
}
.container-sp2 {
    background-image: url("../images/spatiul2_3d.webp");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 60vh;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: -40%;
}

.text-ap {
    margin-top: 6.5em;
    transform: translate(-50% -50%);
    color: #fff;
    -webkit-text-stroke-width: thin;
    -webkit-text-stroke-color: #212529;
    font-size: 2.3rem;
    line-height: 1.067em;
    font-weight: 800;
    background-color: #2125294d;
}
.text-sp {
    padding-top: 190px;
    margin-top: 6.5em;
    transform: translate(-50% -50%);
    color: #fff;
    -webkit-text-stroke-width: thin;
    -webkit-text-stroke-color: #212529;
    font-size: 2.3rem;
    line-height: 1.067em;
    font-weight: 800;
    background-color: #2125294d;

}

#desc-sp{
    /* margin-bottom: -180px; */
    height: 65vh;

}
#modalbody-sp{
    overflow-y: scroll;
}





/* zona pentru parallax */



.parallax {

    /* The image used */

    background-image: url("../images/bg_layer_black.webp");

    /* Full height */

    height: auto;

    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.parallax-contact {

    /* The image used */

    background-image: url("../images/intrare.webp");

    /* Full height */

    /* height: 100%; */

    /* Create the parallax scrolling effect */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.cards {

    transition: all 0.2s ease;

    cursor: pointer
}



.cards:hover {

    transform: scale(1.1)
}



.container_middle {

    height: auto;

    background-color: #151614;

    max-width: 100%;

}



.container-bottom {

    background-color: #151614;

}



.middle2-image {

    width: 100%;

    height: auto;

}



.footer {

    background-image: url("/images/h3-footer-background-img.webp");

}



.end-image {

    background-image: url("/images/bg_loc.png");

    min-height: 850px;

    margin-top: -25px;

}



.end-image2 {

    background-image: url("/images/about-background-img.webp");

    min-height: 450px;

    margin-top: -100px;

}



.container2 {

    background-color: white;

    filter: drop-shadow(0rem 0rem 0.3rem #d4caa5);

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

    border: 7px;

    padding: 16px;

    width: 61%;

}



.container-cnt {

    background-color: white;

    filter: drop-shadow(0rem 0rem 0.3rem #d4caa5);

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

    border: 7px;

    padding: 16px;

    width: 50%;

    margin-right: -200px;

    margin-left: 100px;

}



#btn-back-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

}



.layer-heading {

    background-color: #f8f9fa7d !important;

    border-radius: 15px;

}



.nav-pills .nav-link.active {

    background-color: rgba(231, 192, 71) !important;

    color: #f8f9fa !important;

}



#img-sectiune {

    /* margin-top: -8% !important; */

}



#tabel-mp {

    font-size: 12px !important;

}



#spacer1 {

    min-height: 50px;

    background-image: url("/images/arhitectura.webp");

    background-size: 50%;

    background-repeat: no-repeat;

}



a:link {

    text-decoration: none !important;

}



.text-app {

    text-decoration: none !important;

    color: #21252b;

}



.btnsnt #contact-send {

    border: 1px solid #554923 !important;

}



.brand-text-detail {

    font-size: 2em;

    color: #ebca5e;

    font-weight: 700;

}



#heading-modal {

    color: #ebca5e !important;

}



.form-control {

    background-color: #212529 !important;

    border: 1px solid #554923 !important;

    color: #ffd700 !important;

}



#googleMap {

    z-index: 1 !important;

}



#map {

    height: 400px;

    width: 100%;

}



.mad-gmap2 {

    max-height: 300px;

    max-width: auto;

    border-radius: 40px !important;

}



.containformular {

    border: #000000;

}



.row {

    --bs-gutter-x: 0 !important;

}



ul,

li {

    list-style-type: none;

}





/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */





/* Mobile responsive */



@media (max-width: 575.98px) {

    .layer-heading.w-75 {

        width: 90% !important;

    }

    .container-contact {

        margin-left: 30px !important;

        padding: 0px !important;

    }

    .container2 {

        width: 90% !important;

    }

    #spacer1 {

        background-size: 200%;

        margin-bottom: -150px;

        background-blend-mode: overlay;

        background-color: #fbfbfb47;

    }

    .mad-gmap {

        max-height: 300px;

        margin-top: 10px;

    }

    .mad-gmap2 {

        max-height: 200px;

        max-width: auto;

        border-radius: 40px;

        margin-top: -6rem;

        margin-left: 20px;

    }

    #map {

        border-radius: 10% !important;

        box-shadow: 5px 10px 16px -5px #d6cba7;

        width: 98% !important;

        margin-left: 4px;

    }

    .container-cnt {

        background-color: white;

        filter: drop-shadow(0rem 0rem 0.3rem #d4caa5);

        border-top-left-radius: 20px;

        border-bottom-right-radius: 20px;

        border: 7px;

        padding-top: 0px !important;

        margin-top: -140px;

        margin-bottom: 40px;

        width: 100%;

        margin-right: 10px !important;

        margin-left: 0px !important;

    }

    .end-image {

        background-image: url("/images/bg_loc.png");

        width: 100%;

        min-height: 485px;

        margin-top: -25px;

    }

    .gal-img-dim {

        max-width: 32%;

    }

    #logo-modal {

        width: 100% !important;

    }

    .modal-header {

        font-size: 11px;

    }

    #plan-sectiune {

        display: flex;

        /* flex-wrap: wrap-reverse; */

        justify-content: center;

        align-items: center;

    }

    #img-sectiune {

        margin-top: 5% !important;

        width: 35% !important;

        height: 50%;

        margin-right: 10px;

    }
    #img-sectiune-sp {

        margin-top: 5% !important;

        width: 35% !important;

        height: 24%;

        margin-right: 10px;

    }
    #galerie {

        max-height: 100%;

    }

    .modal-adress {

        font-size: 8px;

        padding-left: 0px !important;

    }

    .headimg {

        background-size: 812px;

        background-position-x: -110px;
        min-height: 50vh;

        background-attachment: fixed;

        /* min-height: 50vh; */

    }

    .container-ap1,.container-ap2,.container-ap3,.container-ap4,.container-sp1,.container-sp2 {

        height: 35vh;

        width: auto;

        margin-left: -45%;

    }

    .container_middle {

        height: auto;

        width: auto;

    }

    .text-ap {

        margin-left: 62%;

        margin-top: 0;

        font-size: 1.4rem;

        line-height: 2.0rem;

    }

    #text-app-title {

        font-size: 1.5rem !important;

        margin-top: 1.5em !important;

        padding-top: 0px !important;

    }

    #text-app {

        position: relative !important;

        font-size: 1rem !important;

        margin-top: 20px;

    }

    #titlu-dotari {

        margin-top: 0px !important;

    }

    #title-footer {

        font-size: 1rem;

    }

    .cards {

        margin-bottom: 0px !important;

        margin-top: -50px !important;

    }

    /* .container-bottom, .footer-bg{

      margin-left: 5% !important;

    } */

    #text-dotari {

        font-size: 0.8rem;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    #descriere-dotari {

        display: none !important;

    }

    #contact-title {

        font-size: 2.8rem !important;

        margin-bottom: 10px !important;

    }

    .nav-item,

    .newsform {

        display: none;

    }

    .offcanvasNavbarLabel {

        max-height: 60px !important;

    }

    #logo {

        max-height: 65px !important;

        margin-top: -10px;

        margin-bottom: -13px;

    }

    #brand-text {

        font-size: 20px;

        margin-left: -30px;

        color: #f7e6a6;

        line-height: 0.8;

    }

    .footer-widgets {

        margin-left: 25px;

    }

    .offcanvas {

        background-color: #6c757dc7 !important;

    }

    .navbar-toggler {

        font-size: 1rem !important;

        background-color: #00000017 !important;

    }

    .my-slider {

        height: 60vh;

    }

    #scroll {

        display: none;

    }

    #slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide9,#slide10,#slide11 {

        height: 100%;

        background-position-x: -100px;

    }

}





/* Tablet responsive */



@media (max-width: 1200px) {

    .nav-item {

        display: none;

    }

    .navbar-toggler {

        font-size: 1rem !important;

        background-color: #00000017 !important;

    }

    #title-footer {

        font-size: 1rem;

    }

    #spacer1 {

        background-size: 93%;

    }

    #brand-text {

        font-size: 20px;

        margin-left: -30px;

        color: #f7e6a6;

        line-height: 0.8;

    }

}





/* Bigger tablet responsive */



@media (min-width: 1200px) {

    .mobile-toggle {

        display: none;

    }

    #brand-text {

        display: none;

    }

    #title-footer {

        font-size: 1rem;

    }

    #description-middle {

        margin-top: -200px;

        margin-bottom: 300px;

    }

    .gal-img-dim {

        margin: 5px;

    }

    .text-ap {

        margin-left: 55%;

        margin-right: -5%;

        margin-top: 0;

        font-size: 2.4rem;

        line-height: 3.2rem;

    }

}



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

    .header a {

        float: none;

        display: block;

        text-align: left;

    }

}



html {

    scroll-behavior: smooth;

}



#map {

    /* border-radius: 50%; */
    height: 600px !important;
    box-shadow: 5px 5px 15px 5px #d6cba7;

}