body, html {height: 100%; max-width:1800px; margin-left:auto; margin-right:auto;}


.navbar-brand{color:white;}
.e-container{width: 90%; max-width:1400px; margin-left: auto; margin-right: auto;}

.e-btn{background-image: linear-gradient(0.25turn, #de3c21, #e7682a); padding: 10px 20px 10px 20px; color:white; text-decoration:none; font-weight:600; font-family: Montserrat, sans-serif; margin-top:50px; border-radius:5px;}
.info h1{text-align: center;}
.info p{text-align: center;}
.info h1{font-weight: bold;}
.info img{width:60%; display:block; margin-left:auto; margin-right:auto; margin-bottom:15px;}
.info{width:90%; margin-left:auto; margin-right: auto;}
#serveis{background-color:#F4F6F6;}
.banner_serveis{max-width:800px; width:80%; display: block; margin-right: auto; margin-left: auto; margin-top: 80px;}
.serveis{margin-left:auto; margin-right:auto; margin-top:30px; }
.serveis h4{text-align: center; font-weight: bold; background: -webkit-linear-gradient(0.25turn, #de3c21, #e7682a); -webkit-background-clip: text;
-webkit-text-fill-color: transparent; position: relative; top:-50px;}
.service_card{background-color:white; padding:30px; border:none; margin-bottom:50px; border-radius:10px; height:auto; min-height: 90%;}
.serveis_detall{list-style:none; padding:0px; position: relative; top: -30px;}
.serveis_detall li{text-align:center;}
.img_servei{width:35%; display: block; margin-left: auto; margin-right: auto; position: relative; top:-80px;}
.carousel.slide img { width:100%;height:auto;}
.card{height: 300px;}
#myCarousel{padding:0px !important}
.carousel-item{padding-top:0px !important;}
#slider h3{text-align: center; font-weight: bold; background: -webkit-linear-gradient(0.25turn, #de3c21, #e7682a); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; padding-top:50px;}
.small{width: 60%; margin-left: auto; margin-right: auto;}
.form_input{margin-bottom:20px;}
.maps{margin-top:50px;}
.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);}
.footer h3{color:#de3c21;}
.footer small{color:white;}
.footer .small{text-decoration: none !important;}
.footer h6{color:#de3c21;}
.contact_info{margin-top:20px; margin-bottom: 30px;}
.footer_icon{background-color: #DC6C0E; border-radius:100%; padding:5px; width:20px;}
.carousel-control-next{position:relative !important; top:-200px; background-color:#EFEFEF; border-radius:100%; float:right; padding:10px; width:40px; text-decoration: none;}
.carousel-control-prev{position:relative !important; top:-200px; background-color:#EFEFEF; border-radius:100%; float:left; padding:10px; width:40px; text-decoration: none;}
.phoneImage { display: none; }
.destkopImage { display: block;}
.experiencia_img{max-width:300px; width:100%; margin-left:auto; margin-right: auto; display: block;}
.whiteBkg{width:50%; margin-left:auto; margin-right:auto; background-color:white; padding: 50px; border-radius:10px; margin-top: 80px;}
.loginBtn{background-color:#DC6C0E; margin-left:auto; margin-right:auto; margin-top: 20px; border:none; padding:5px 25px 5px 25px !important; display: block; font-family: Montserrat, sans-serif; font-size:17px !important;}
.clients-slider .slick-prev:before{color:#c6c6c6 !important;}
.clients-slider .slick-prev{margin-left:0px !important;}
.clients-slider .slick-next{margin-right:0px !important;}
.clients-slider .slick-next:before{color:#c6c6c6 !important;}
.clients-slider-mobile .slick-next:before{color:#c6c6c6 !important;}
.clients-slider-mobile .slick-prev:before{color:#c6c6c6 !important;}
.clients-slider-tablet .slick-next:before{color:#c6c6c6 !important;}
.clients-slider-tablet .slick-prev:before{color:#c6c6c6 !important;}
#slider{margin-bottom:50px;}
.clients-slider-tablet{display:none;}
.clients-slider-mobile{display:none;}
.clients-slider{display: block;}
.logo:hover{cursor: pointer;}

.bannerCircle_left{max-width:100px; width:100%; position:absolute; top:200px;}
.bannerCircle_right{max-width:100px; width:100%; position:absolute; bottom:30px; right:0px}
#menuHeader{background-color:white; /*z-index:1; position: fixed;*/ float:right; padding-right:50px; width: 100%;}
/*.navbar-toggler{background-color:white; }*/
.navbar-toggler-icon{background-image: url('../images/burger.svg');}
.navbar-toggler:focus{box-shadow: none !important;}
.home-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.home-slide img {
    flex-shrink: 0;
    width: 100%;
}

.newsletter{margin-top:10px;}
.newsletter label{color:white; font-size:10px; margin-bottom: 25px; margin-top:10px;}
.slick-dots{bottom:10px !important;}
.slick-prev{z-index: 1; margin-left:50px;}
.slick-next{z-index: 1; margin-right:50px;}
.e-message--error{width: 100%; background-color:#973636; color:white; padding:10px;height:40px; margin-bottom: 30px; }
.e-message--ok{width: 100%; background-color:#55895A; color:white; padding:10px;height:40px; margin-bottom: 30px; }
/*.navbar-collapse{background-color: #212529; padding:15px;}*/
.e-btn:hover{color:white !important; font-weight: bold;}




/* XEROJARDINERIA */

.item-caption{ background-color:white; opacity:0.9; position:absolute; top:300px; left:50px; color:#333; font-family: Montserrat; max-width: 800px; padding:50px;}
.item-caption h1,
.item-caption h2,
.item-caption .h1 { font-size:3.5rem; font-weight: bolder; color:#333;}
.blog-caption{ background-color:white; opacity:0.9; position:absolute; top:150px; left:260px; color:#333; font-family: Montserrat; max-width: 800px; padding:50px;}
.blog-caption h1,
.blog-caption h2,
.blog-caption .h1 { font-size:3.5rem; font-weight: bolder; color:#333;}
.homeGallery img{margin-bottom: 20px;}

.blog-header .item-caption{ top:30px; left:50px; color:#333; font-family: Montserrat; max-width: 800px; padding:50px;}
.legal-header .item-caption{ top:30px; left:50px; color:#333; font-family: Montserrat; max-width: 800px; padding:50px;}

.historia{text-align: center; width:800px; max-width:100%; padding: 20px 0;margin-left:auto; margin-right:auto;}
.m20{margin:20px;}
.m30{margin:30px;}
.mb30{margin-bottom:30px;}
.serviceInfo{padding:40px; display: flex; flex-wrap: wrap; }
.form-control{border:none; background-color: transparent; border-bottom: solid 3px #AA9F5B;}
.brs{border-right: solid 1px white;}
.btnInfo a{background-color:#9f8447; color:white; padding:15px; text-decoration: none; font-family: Lato, sans-serif;}
.btnBlog {background-color:#9f8447; color:white; padding:15px; text-decoration: none; font-family: Lato, sans-serif;}
.btn_enviar{background-color:#9f8447; color:white; padding:15px 40px; text-decoration: none; border:none; font-family: Lato, sans-serif;}

.btnInfo a:hover,
.btnBlog:hover,
.btn_enviar:hover {background-color:#000000; color:white; }


.number{width:50px; height:50px; background-color:#9f8447; border-radius:50%; text-align: center; color:white; line-height: 50px; }
.tb30{margin:30px 0;}
.tb100{margin:100px 0;}
.w100{width: 100%;}
.w80{width: 80%;}
.legal{list-style: none; display: inline; float: right;}
.legal li{display: inline; border-right: solid 1px white; padding:0px 10px;}
.legal a{ font-size: 12px; text-decoration: none; color:rgba(255,255,255,0.7);}
.language-switcher li a{color:rgba(0,0,0, 0.4); margin-bottom:0px !important;}
.mobileGallery{display:none;}
.rowItem{width: 50%; align-self: center;}


#claus_basiques h5,
#claves_basicas h5{font-size:18px;}
.light{font-weight: lighter !important;}
.colored{color:#9f8447;}
.contact_form{width:80%;}
.clauList{list-style:none; display: inline; width: 100%;}
.clauList li{display: inline;}


.rightFloatingImage {
    max-width: 50%;
    float: right;
    margin-left: 30px;
}

.description {
    font-size: 14px;
}

.description ul li{
    color: #858585;
    font-family: Lato, sans-serif;
    font-size: 14px;
}


.contactItem.phone div{
    font-size: 14px;
    vertical-align: center;
}

.contactItem.phone a{
    text-decoration: none;
    color:rgba(0,0,0, 0.4);
}
.contactItem.phone a:hover{
    color: #765050;
}

/*FONTS*/
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.ttf');
}
@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/Lato-Black.ttf');
}
@font-face {
    font-family: 'Lora-Italic';
    src: url('../fonts/Lora-Italic.ttf');
}

p{font-family: Lato, sans-serif; font-size:14px;}
h1, .h1 ,h3{font-family: Lato-Black, sans-serif;}
h4,h5{font-family: Lato-Bold, sans-serif;}
h6{font-family: Lora-Italic, sans-serif;}
.lora{font-family: Lora-Italic, sans-serif !important; color:#9f8447;}
.nav-link {text-transform: uppercase; color:#7b7b7b;font-size:14px;}
.nav-link:hover{color:#765050;}
.nav-item{
    padding:10px 5px;
    border-bottom: solid 3px transparent;}
.nav-item:hover{border-bottom: solid 3px #765050;}
.footer .menu a{font-family: Lato, sans-serif;}
.mobile-language-switcher{display: none;}
.blogHeader{height:300px;}

.legalHeader{height:300px;}


/*COLORS*/
h1, .h1, h3{color: #483b33;}
#blog h5{color: #483b33;}
#blog a{font-size: 14px; font-family: Lato-Bold, sans-serif; letter-spacing: 1px;}
p{color:#858585;}
.white{color:white !important; text-decoration: none;}

/*FORM*/
.form-control::placeholder {
    font-family: Lato, sans-serif;
    margin:0;
    padding:0;
    font-size: 13px;
    color: #AA9F5B !important;
}
.legalTable td{border:solid 1px black; padding:15px;}

.form-check label{font-size:13px;}

/*LEGAL*/
#politicaPrivacitat p{color: #212529; font-size: 16px;}
.legal{display: flex; flex-wrap: wrap;}

/*FOOTER*/
.footerColumns{display: flex; flex-wrap: wrap;}
.footerCol{width: 33%;}

/*RESPONSIVE */

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .gallery{align-self: center;}
}

@media only screen and (max-width: 992px){
    .homeGallery{display: none;}
    .mobileGallery{display:block;}
    .mobileGallery .imageSlide{width:33%;}
    .imageSlide img{width:100%;}
    .claus{width:100% !important;}
    .mobile-language-switcher{display: block;}
    .contactItem{width: 50% !important;}
    .contactHeader{margin-top: 30px;}
    .item-caption{ top:50%; left:50%; transform: translate(-50%, -50%); padding:20px;}
    /*.item-caption{top:150px;}*/
}

/*@media only screen and (max-width: 700px){

    .item-caption{top:50px; left:20px;}
}*/

@media only screen and (max-width: 1000px) {
    .destkopImage {
        display: none;
    }
    .phoneImage {
        display: block;
    }
    .small{width:100% !important;}
    /*.item-caption{ top:200px !important;  max-width: 450px !important; padding:30px !important;}
    .item-caption h1{ font-size:3rem !important; }*/
    #experiencia h3{ text-align:center; margin-top:30px !important;}
    #experiencia p{ text-align:center;}
    #experiencia {margin-top:50px !important;}
    .service_card{margin-bottom:65px; height: auto; margin-left:auto; margin-right:auto; width:85%; min-height:auto;}
    .img_servei{width:25%; top:-65px !important;}
    .serveis{flex-direction: column;}
    /*.experiencia{flex-direction: column;}*/
    .info .col-sm-3{width:50% !important;}
    .col-sm > .service_card {align-self: stretch;}
    .col-sm{display: flex;}


}

@media only screen and (max-width: 1200px) {
    .fa-long-arrow-right:before {
        display: none;
    }
}


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

    .item-caption{ top:50%; left:50%; transform: translate(-50%, -50%); padding:20px;}
    .item-caption h1{ font-size:1.7rem !important; }
    .item-caption h6{ font-size:15px !important; }
    .service_card{width:90%;}
    .info .col-sm-3{width:100% !important;}
    .experiencia_img{padding:30px;}
    .img_servei{width:50%; top:-75px !important;}
    .clients-slider-mobile{display: block;}
    .clients-slider{display: none;}
    .clientIcon{margin-left:auto; margin-right:auto; display: block;}
    .bannerCircle_left{max-width:50px; width:100%; position:absolute; top:100px;}
    .bannerCircle_right{max-width:50px; width:100%; position:absolute; bottom:30px; right:0px}
    #menuHeader{padding-right:0px !important;}
   /* .navbar-collapse{background-color: #212529; padding:15px;}*/
    .navbar-collapse{background-color: #ffffff; padding:15px;}
    .homeGallery{display: none;}




}

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

    .footerCol{width: 50%;}
}
@media only screen and (min-width: 400px) and (max-width:800px){

    .clients-slider-tablet{display: block;}
    .clients-slider-mobile{display: none;}
    .clients-slider{display: none;}
    .clientIcon{margin-left:auto; margin-right:auto; display: block;}
    .slick-prev{margin-left:0px !important;}
    .slick-next{margin-right:0px !important;}

}

@media only screen and (max-width: 850px){
    .footer .px-5{padding-right: 1rem !important; padding-left: 1rem!important;}
}

@media only screen and (max-width: 850px){
    .brs{border:none;}
    .legal{padding:0;}
    .np{padding:0 !important;}
    .col-sm-6{
        width: 100%;
    }
    .col-sm-4{
        width: 100%;
    }
}