/* ===================  NO BORRAR =============================== */
/ raleway-300 - latin /
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: url('../fonts/raleway-v28-latin-300.eot'); / IE9 Compat Modes /
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), / IE6-IE8 /
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), / Super Modern Browsers /
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), / Modern Browsers /
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), / Safari, Android, iOS /
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); / Legacy iOS /
}

/ raleway-regular - latin /
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('../fonts/raleway-v28-latin-regular.eot'); / IE9 Compat Modes /
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), / IE6-IE8 /
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), / Super Modern Browsers /
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), / Modern Browsers /
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), / Safari, Android, iOS /
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); / Legacy iOS /
}

/ raleway-600 - latin /
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: url('../fonts/raleway-v28-latin-600.eot'); / IE9 Compat Modes /
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), / IE6-IE8 /
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), / Super Modern Browsers /
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), / Modern Browsers /
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), / Safari, Android, iOS /
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); / Legacy iOS /
}
/* ===================  NO BORRAR =============================== */



body{
    font-family: 'Raleway', sans-serif;
}
p{
    font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Raleway', sans-serif; font-weight: 500; color: #444;
}
.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {
    font-family: 'Raleway', sans-serif; font-weight: 500; text-align: inherit;
}
.post-content h2{font-weight: 500; font-size: 18px; line-height: normal; margin-top: 15px;}

.caption .projectebotservei {
    font-family: 'Raleway',sans-serif;
}
.btn-accordion {font-family: 'Raleway', sans-serif;}
a {
    color: #000;
}
a:hover {
	color: #e12127;
}

/* .navbar-light .navbar-nav .nav-link {
    color: red;
} */

/* ===================  NO BORRAR =============================== */
.navbar-brand { height: 90px;}
.cbp-af-header.cbp-af-header-shrink .navbar-brand { height: 65px;}
.dropdown-item{color: #646464;}
.dropdown-item:hover { color: #e12127 !important;}
.nav-link:hover { color: #e12127 !important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #e12127 !important;
}
.dropdown-item.active { color: #e12127!important;}
.margin-principal { margin-top: 137px;}
td, li, body{color: #646464;}
.extratop { background-color: #727272;}
h1, .h1{font-size: clamp(24px,3.5vw,40px); color: #444;}
h2, .h2, .caption h2{font-size: clamp(20px,3.5vw,33px);}
h3, .h3, .caption h3{font-size: clamp(16px,3.5vw,20px);}
p{margin-bottom: 15px;}
#footer a{color:#fff;}

/* ===================  INICI BREADCRUMB ============================ */

.breadcontainer{background: rgba(0,0,0,0.03); margin-bottom: 30px;}
.breadcrumb { max-width: 1140px; margin: 0 auto;}

/* ===================  FI BREADCRUMB =============================== */

.btn{color: #fff; background-color: #000000;}
.btn:hover{background-color: #727272;}
#Sliders-owl .caption { width: 60%;}
button.owl-next, button.owl-prev{top: 35%!important;}
button.owl-next{left: 100%;}
button.owl-prev{left: -47px!important;}
.owl-carousel .owl-nav button span { color: #e31e25!important;}
#headcategoria{margin-bottom: 20px; position: relative; display: inline-block;}
#headcategoria h1{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.serveis .main-content-wrap{margin-top: 0px !important;}
.owl-theme .owl-dots .owl-dot span { background-color: #444 !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #e31e25 !important;}
#Sliders-owl .owl-dots{display: none;}
.sliderbanner .caption .projectebotservei { display: none;}
.sliderbanner.center .caption { width: 100%;}
.individualbanner1 {align-items: flex-end;margin-bottom: 50px;}
.individualbanner1 .caption{width: calc(100% - 8%);margin-bottom: 50px;transition: all .2s ease-in}
.individualbanner1 .caption h3 {  font-size: clamp(16px,3.5vw,24px); font-weight: bold;  text-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.individualbanner1:hover .caption{margin-bottom: 70px;}
#headhome > div > div{align-items: center;}
#headhome h1,#headcategoria h1{  font-size: 2.5vw;}
#headhome > div{  background: #C0CAED;}
#headhome > div > .row{max-width: 1920px;text-align: center;margin: 0 auto;}
#index h2{margin-bottom:15px;}
#index .serveis .order-0{padding: 0;}
#headcategoria > div > .row{align-items: center;}
.gallery .item{padding: 0 7px;}
.gallery .mb-4, .gallery .my-4 {  margin-bottom: 15px !important;}


/* ===================  INICI SERVEIS ============================ */
body.Servicios.cat-eco h1{color:#77a32d}
body.Servicios.fitxa[data-path="es/jardin"] h1{color:#77a32d}
body.Servicios.fitxa[data-path="es/servicio-impermeabilizaciones-ecologicas"] h1{color:#77a32d}
body.Servicios.cat-eco .breadcontainer {    background: rgba(119,163,45,0.3)!important;}
body.Servicios.fitxa[data-path="es/jardin"] .breadcontainer {    background: rgba(119,163,45,0.3)!important;}
body.Servicios.fitxa[data-path="es/servicio-impermeabilizaciones-ecologicas"] .breadcontainer {    background: rgba(119,163,45,0.3)!important;}
#cat-eco h1{color:#77a32d}

    /* ===================  FI SERVEIS ============================ */




@media screen and (max-width: 1199px){
.margin-principal { margin-top: 0px!important;}

}
@media (max-width: 991px){

}
@media (max-width: 575px){

}