@import url("all.min.css");
@import url("bootstrap.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("animate.min.css");
@import url("slicknav.min.css");
@import url("magnific-popup.css");
@import url("style.css");
@import url("responsive.css");

@media(min-width:767px){
    .eco-contact-form-area{border: 1px solid #ccc;}

    .eco-tlf-right-menu{display:none;}
}
@media(max-width:767px){
    .eco-tlf-right-menu span{
        color: #e42313;
        font-size: 35px;
        margin: 9px;
        margin-left: 80px;
    }
}

section ul li{
    display: flex;
    align-items: center;
}
section ul li span{
    margin-right:15px;
}

/*menu responsive*/
ul.slicknav_nav {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 3;
    background: #fff;
    top: 53px;
    transform: translate(0px);
    transition: .5s;
    display: block !important;
}
ul.slicknav_nav.slicknav_hidden {
    display: block !important;
    transform: translate(-100%);
}

@media(max-width:767px){
    body,.eco-single-choose-area p,.eco-single-about-content-body p , .eco-about-content-body p{
        font-size: 20px !important;
        line-height: 1.2;
    }
    #welcome-slider{display:none;}
}

div#formApp{display:block !important;}
form.builder .form-group {padding: 0px !important;;}

.eco-single-about-main-content{
    height: 430px;
    display: flex;
    flex-direction: column;
}


.atf-section-padding {
    padding: 90px 0;
}


#contact{
    position:relative;
}
#contact::before {
    background-image: url(/imgcms/editor/images/DJI_0909.WebP);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    filter: grayscale(1);
    z-index: -2;
    left: -15%;
}
#contact::after{
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}

#contact .atf-home-overlay {
    background: #ffffff;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 800px;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 25%);
}
.atf-home-overlay {
    background: #e42313;
}

@media (min-width: 1350px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}
@media (min-width: 1650px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
}