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

body, html {height: 100%;}
h1, h2, h3, h4, h5, h6{ font-family: Montserrat-Bold, sans-serif;}
p{font-family: Montserrat, sans-serif}
.navbar-brand{color:white;}
.nav-link{color: white;}
.nav-link:hover{color:#DC6C0E;}
.btn_info{background-image: linear-gradient(0.25turn, #f69d3c, #DC6C0E); padding: 10px 20px 10px 20px; color:white; text-decoration:none; font-weight:600; font-family: Montserrat, sans-serif; margin-top:50px;}
.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;}
#contacte h3{text-align: center; font-weight: bold; background: -webkit-linear-gradient(0.25turn, #de3c21, #e7682a); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; margin-bottom:30px;}
#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;}
.btn_enviar{ width:150px; border:none; border-radius:10px; background-image: linear-gradient(0.25turn, #de3c21, #e7682a); padding: 10px 10px 10px 10px; color:white; text-decoration:none; font-weight:600; font-family: Montserrat; margin-left:auto; margin-right:auto; margin-top:25px}
.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: 200px; border: 3px solid #DC6C0E;}
.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;}
.nav-link:hover{color:#e7682a;}
.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:transparent;  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;}
.language-switcher{max-width:300px; width:auto; margin-left:50px !important;}
/*.language-switcher li{display:inline}*/
.language-switcher li a{text-decoration: none; color:white; padding:0.5rem 1rem;}
.language-switcher li a:hover{color:#e7682a;}

/* Start legal texts */
.c-page-cookies p,
.c-page-legal p,
.c-page-privacy p {
    font-family: var(--bs-font-sans-serif);
}

body.interior-header > div:first-of-type.c-page-privacy,
body.interior-header > div:first-of-type.c-page-cookies,
body.interior-header > div:first-of-type.c-page-legal {
    padding-top: 70px;
}

.c-page-cookies .background-gray {
    background-color: lightgray;
}

.c-page-cookies table,
.c-page-cookies table tr,
.c-page-cookies table tr td,
.c-page-cookies table tr th {
    border: 1px solid lightgray;
    padding: 10px;
}

.c-page-cookies table tr.background-blue {
    background-color: lightblue;
}

body.interior-header #menuHeader {
    background-color: black !important;
}

.c-page-cookies .background-gray-table {
    background-color: lightgray;
}

/* End legal text */

@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;}
    .nav-link{float:right;}
    .language-switcher{float:right; display:inline;}
    .language-switcher li {display: inline; padding:5px;}
    .language-switcher li a{padding:0px;}
}
@media only screen and (max-width: 400px) {

    .item-caption{  max-width: 400px !important; padding:5px !important; padding-left:35px; top:100px;}
    .item-caption h1{ font-size:2.1rem !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;}
    .nav-link{float:right;}
    .navbar-collapse{background-color: #212529; padding:15px;}


}
@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;}

}
.home-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.home-slide img {
    flex-shrink: 0;
    width: 100%;
}

.item-caption{ position:absolute; top:150px; color:white; font-family: Montserrat; max-width: 800px; padding:50px; padding-left:100px;}
.item-caption h1{ font-size:3.5rem; font-weight: bolder;}
.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;}