/*UTILS*/
body{font-family: 'Barlow', sans-serif; font-weight:400; }

@media (min-width: 1200px){
    body{padding-top: 169px;}
}

/*FIX INTERNET EXPLORER*/
.d-flex {-ms-flex: 1 0 0; flex: 1 0 0;}

/*FONTS*/
.font-weight-300{font-weight: 300; }

/*FONT-SIZE*/
.f-size-14{font-size: 14px;}
.f-size-20{font-size: 20px;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { border-color: none; box-shadow: none; outline: 0 none; }
a { color: inherit;}
a:hover { text-decoration: none; opacity: 0.7; color: inherit;}
:focus { outline: none; }
.btn.focus, .btn:focus { box-shadow: none; }

/*HOVERS
.navbar .nav-item .nav-link:hover, .dropdown-item:hover, .idiomes a:hover{color: #57a391!important;opacity: 1;}*/

/*PADDING*/
.padding-lr-15 { padding-left: 15px; padding-right: 15px;}

/*MARGINS*/
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-30{margin-top: 30px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-45{margin-bottom: 45px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-70{margin-bottom: 70px;}
.margin-bottom-100{margin-bottom: 100px;}
.margin-lr-10{margin-left: 10px; margin-right: 10px;}
.margin-right-60{margin-right: 60px;}

@media (max-width: 991px){
    .margin-bottom-15-xs{margin-bottom: 15px;}
}

/*GUTTERS*/
.gutters-3 { margin-left: -3px;  margin-right: -3px;}
.gutters-3>.col, .gutters-3>[class*=col-] {padding-right: 3px; padding-left: 3px;}
.gutters-5 { margin-left: -5px;  margin-right: -5px;}
.gutters-5>.col, .gutters-5>[class*=col-] {padding-right: 5px; padding-left: 5px;}

/*POSITIONS*/
.p-inherit{position: inherit;}

/*TOP*/
.top-blanc {padding: 10px 0;font-size: 1.1em;color: #2d338a;color: #2d338a;font-size: 1.5em;/* margin-bottom: 30px; */font-family: 'Oswald', sans-serif;text-transform: uppercase;font-weight: 700;}
.idiomes{text-align: right; font-size: 14px;}
.idiomes a { color: #000000; }
.idiomes a.actiu { color: #70ada3; }
.navbar-brand {max-width: calc(100% - 75px );display: inline-block;padding: 0;}
.navbar-toggler { margin-left: auto;}
.navbar { width: calc(100% - 30px); background-color: #e5e5e5!important; margin-left: 15px; margin-bottom: 10px;
    color: #2d338a; padding: 0; position: relative; }
.navbar .nav-item .nav-link { color: #2d338a!important; font-weight: bolder; text-transform: uppercase; }
.navbar .nav-item .nav-link.actiu { opacity: .8; }
.navbar .nav-item .nav-link.c-vermell-1{color: #ff131a!important;}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { padding-right: 15px!important; padding-left: 15px!important; }
.idiomes .input-group-text { background-color: #ffffff; border-color: #a0a0a0!important; }
.idiomes .form-control { border-left: none; border-color: #a0a0a0!important; padding-left: 0; }
.idiomes .form-control::-webkit-input-placeholder { font-style: italic; }
.idiomes .form-control:-moz-placeholder { font-style: italic; }
.idiomes .form-control::-moz-placeholder { font-style: italic; }
.idiomes .form-control:-ms-input-placeholder { font-style: italic; }
.dropdown-menu{ border-radius: 0; margin-top: 0; width: 100%; background-color: #e5e5e5; border: none; border-top: 4px solid #fff; padding: 0;
    font-size: 12px;}
.dropdown-menu .col{border-right: 1px solid #2d338a; padding-top: 20px; padding-bottom: 20px;}
.dropdown-menu .col:first-child{border-left: 1px solid #2d338a;}
.dropdown-menu .dropdown-item{background-color: transparent!important;color: #2d338a!important;padding: 0;}
.dropdown-menu .dropdown-item.active, .dropdown-menu.dropdown-item:active { color: #000; opacity: 0.8; }
.dropdown-menu b{text-transform: uppercase;white-space: normal;}
form#buscador { width: 100%; display: inline-block; margin-left: auto; }
form#buscador .input-group{position: relative;}
form#buscador .form-control{padding: 5px 25px 5px 10px; font-size: 14px; border-radius: 0; border: 1px solid #fff;}
form#buscador .linia-top{border-bottom: 1px solid #2d338a; position: absolute; bottom: 4px; left: 0; right: 0;
    margin-left: auto; margin-right: auto; width: calc(100% - 10px); z-index: 99;}
form#buscador .fa-search {position: absolute; top: 8px; right: 6px; z-index: 99;}
.botiga {font-family: 'Barlow', sans-serif; font-size: 16px; margin-right:10px; position: relative; top:4px}
.fa-shopping-cart {color:white; background-color: #2d338a; padding:10px; font-size:12px;}

@media (max-width: 575px) {
    .navbar { margin-top: 15px; }
}

@media (min-width: 576px) {
    .dropdown:hover > .dropdown-menu { display: block; }
    .dropdown-menu.show { display: none!important; }
    form#buscador {  width: 50%; }
}

@media (max-width: 1199px){
    #navbarContent { position: absolute; top: 100px; left: 0; background-color: #e5e5e5; width: 100%;
        z-index: 101; }
    #navbarContent .navbar-nav {padding: 15px;}
}
@media (min-width: 1200px){
    .navbar .nav-item {margin-left: 15px;position: static; font-size: .875em;}
    .navbar .nav-item .nav-link { padding-right: 0; padding-left: 0; }
    .navbar .nav-item.dropdown{padding-bottom: 10px;}
    form#buscador { width: 250px; margin-right: 15px;}
    .fixed-top-xl{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;background-color: #fff;}
    .dropdown-menu{ font-size: 12px;}
    .dropdown-menu .col{-ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
}

@media (min-width: 1300px){
    .navbar .nav-item {font-size: 1em;}
}

@media (min-width: 1400px){
    .navbar .nav-item {margin-left: 30px; }
}

@media (min-width: 1500px){
    .navbar .nav-item {margin-left: 45px; }
}

/*SLIDER FIXES*/
.slick-arrow { background-color: rgba(112, 173, 163, 0.9); z-index: 99; display: block; width: 50px; height: 70px; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-prev:hover, .slick-next:hover { background: rgba(112, 173, 163, 0.8); }
.slick-prev:focus, .slick-next:focus { background: rgba(112, 173, 163, 0.9); }
.slick-prev:before, .slick-next:before { font-size: 30px; }
.slick-slider-block{display: none;}
.slick-slider .slick-slide { position: relative; height: auto; }
.slick-slider .container { position: absolute; bottom: 15px; left: 0; right: 0; margin-left: auto;
    margin-right: auto; }
.slick-slider .text { background-color: rgba(112, 173, 163, 0.9); padding: 20px; color: #fff; }
.slick-slider .text h2{font-size: 28px; margin-top: 0; margin-bottom: 10px;font-weight: 700;}
.slick-slider .text p{margin-bottom: 15px;}
.slick-slider .text a{background-color: #fff; color: #50a593; font-weight: 700; border-radius: 3px; padding: 10px 20px;
    display: inline-block; }
.slick-slider.slick-dots-right .slick-dots { text-align: right; }

/*INICI*/
.img-block{font-family: 'Oswald', sans-serif;position: relative;overflow:hidden;margin-bottom: 10px;}
.img-block .capa{ -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}
.img-block .titol {position: absolute; left: 0; bottom: 15px; color: #fff; display: block; width: 100%; font-size: 1em;
    font-weight: 700; line-height: 1.1; padding: 0 15px; z-index: 99;
    text-transform: uppercase;}
.img-block .text{ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
    transform: translateY(-50%); color: #fff; width: 100%; font-size: 1em;
    line-height: 1.5; visibility: hidden; opacity: 0; padding-left: 15px; padding-right: 15px; z-index: 99;
    -webkit-transition: visibility 0s, opacity 500ms linear; -ms-transition: visibility 0s, opacity 500ms linear;
    transition: visibility 0s, opacity 500ms linear;}

.linia {border-bottom: 2px solid #2d338a; margin-top: 30px; margin-bottom: 30px;}
.titol-home {color: #2d338a; font-size: 2.5em; margin-bottom: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700;}
.txt-home{font-size: 1.5em; }
.llegir-mes {float: right; color: #2d338a; font-size: 1.125em; font-weight: 700;}
.titol-compra {color: #2d338a; font-size: 1.5em; margin-bottom: 15px; font-family: 'Oswald', sans-serif; font-weight: 700;}
.text-url {color: #feb300;font-size: 1.5em; margin-bottom: 30px; font-family: 'Oswald', sans-serif; font-weight: 700;}
@media (max-width: 410px) {.text-url {font-size: 18px;}}

.pop-1 {color: #2d338a; font-size: 1.5em; font-family: 'Oswald', sans-serif; font-weight: 700;}
.pop-2 {font-size: 1.25em; line-height: 1.25;}
.pop-3 {color: #2d338a; font-weight: 700;}

#popup-brico {max-width:600px;}
.fancybox-close-small {color:red!important}

@media (min-width: 992px){
    #popup-brico {width:500px; height:215px;}
}

@media (min-width: 576px){
    .img-block .titol {font-size: 2em;}
}

@media (max-width: 991px){
    .img-block .text{display: none!important;}
}

@media (min-width: 1200px){
    .img-block.efecte:hover .capa{background-color: rgba(38, 47, 142, 0.8); position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
    .img-block.efecte:hover .text{visibility: visible; opacity: 1;}
    .img-block .titol {font-size: 1.2em;}
}

@media (min-width: 1400px){
    .img-block .titol {font-size: 1.5em;}
    .img-block .text{font-size: 1.2em;}
}

@media (min-width: 1600px){
    .img-block .titol {font-size: 2em;}
    .img-block .text {font-size: 1.5em;}
}


/*SECCIONS*/
.titol-seccio h1 {border-bottom: 2px solid #2d338a; color: #2d338a; font-family: 'Oswald', sans-serif; text-transform: uppercase;
    font-weight: 700; padding-bottom: 10px; margin-bottom: 30px; font-size: 2em;}
.titol-documents {font-size: 1.25em; font-weight: 700; color: #2d338a; margin-bottom: 40px; /* border-top: 1px solid #2d338a; */
    border-bottom: 1px solid #2d338a; padding: 15px; }

/*CATEGORIES*/
.categories a { background-color: #f1f1f1; display: block; padding: 10px 30px; color: #000000; border-radius: 40px;
    margin-bottom: 10px; }

/*PRODUCTES*/
.img-block-2{font-family: 'Oswald', sans-serif; position: relative; overflow:hidden; margin-bottom: 30px; position: relative;}
.img-block-2.actiu{border: 5px solid #2d338a;}
.img-block-2 .titol {position: absolute; left: 0; bottom: 15px; color: #fff; display: block; width: 100%; font-size: 1.8em;
    font-weight: 700; line-height: 1.1; padding: 0 15px; z-index: 99;
    text-transform: uppercase;}
.img-block-2 .capa-actiu{position: absolute; top: 0; left: 0; background-color: rgba(45, 51, 138, .3); height: 100%; width: 100%}

@media (min-width: 576px){
    .img-block-2 .titol {font-size: 1.6em;}
}

@media (min-width: 992px){
    .img-block-2 .titol {font-size: 1em;}
}

@media (min-width: 1200px){
    .img-block-2 .titol {font-size: 1.3em;}
}

@media (min-width: 1600px){
    .img-block-2 .titol {font-size: 1.875em;}
}


/*CONTACTAR*/
#form-contactar{background-color: #353535; padding: 15px; color: #fff; margin-bottom: 15px;}
#form-contactar input[type="text"], #form-contactar input[type="email"], #form-contactar textarea { background-color: #535353;
    border: 1px solid #535353; margin-bottom: 5px; padding: 10px 15px; border-radius: 0; width: 100%; color: #fff; }
#form-contactar textarea{height: 100%; max-height: 148px;}
#form-contactar button[type="submit"] {background-color: #fff; display: inline-block; padding: 7px 25px; color: #2d338a; margin-bottom: 30px;
    border: none; margin-top: 15px; cursor: pointer; font-weight: 700; font-size: 1.125em;}
#form-contactar input::-webkit-input-placeholder,
#form-contactar textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, .8);}
#form-contactar input::-moz-placeholder,
#form-contactar textarea::-moz-placeholder{color: rgba(255, 255, 255, .8);}
#form-contactar input:-ms-input-placeholder,
#form-contactar textarea:-ms-input-placeholder{color: rgba(255, 255, 255, .8);}
#form-contactar input:-moz-placeholder,
#form-contactar textarea:-moz-placeholder{color: rgba(255, 255, 255, .8);}
#form-contactar h2 {color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; margin-bottom: 20px; font-size: 2em; text-transform: uppercase;}

.oficina-block iframe { width: 100%; height: 135px; margin-bottom: 15px;}
.oficina-block .nom{margin-bottom: 5px; display: inline-block; color: #26308e; font-size: 1.25em;}
.oficina-block .linia{display: inline-block; width: 120px; border-bottom: 2px solid #bfbfbf; margin-top: 20px; margin-bottom: 50px;}
.oficina-block i{float:left; width: 30px; font-size: 22px;}
.oficina-block .text{float:left; width: calc(100% - 30px); margin-bottom: 15px;}
label.error { display: none!important;}
label#privacitat-error { display: block!important; color: red;}
input.error, textarea.error { border-color: red!important; }
.ok, .ko { text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; font-size: 18px; border-radius: 0;
    color: #212529;}
.ok { background-color: #dff0d8; border: 1px solid #d6e9c6;}
.ko { background-color: #f2dede; border: 1px solid #ebccd1;}

@media (min-width: 768px){
    #form-contactar input[name="telefon"]{margin-bottom: 0;}
}

@media (min-width: 992px){
    #form-contactar{height: 100%; margin-bottom: 0;}
    .block-oficines { height: 100%;}
}

/*PROVEIDORS*/
.categories-proveidors{font-size: 1.875em; margin-bottom: 30px;}
.categories-proveidors .lletra { background-color: transparent; border: none; padding: 0; color: #2d338a; font-weight: 700; cursor: pointer;
    outline: none!important; }
.categories-proveidors .lletra.actiu{text-decoration: underline;}
.categories-proveidors span{margin-left: 4px; margin-right: 4px;}
.proveidors{margin-bottom: 50px;}
.proveidors .categoria{width: 260px; border-bottom: 1px solid #2d338a; padding-bottom: 15px; margin-bottom: 20px; font-weight: 700;
    font-size: 1.75em; display: block; color: #2d338a;}
.proveidors a:hover{font-weight: 600; text-decoration: underline;}
.proveidor{margin-bottom: 30px; }
.proveidor .block-img{margin-bottom: 15px;border: 1px solid #ededed;padding: 15px;display: block;height: 180px;position: relative;}
.proveidor .block-img img{ max-height: calc(100% - 30px); max-width: calc(100% - 30px); position: absolute; top: 50%;
    -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    left: 0; right: 0; margin-left: auto; margin-right: auto;}
.proveidor .nom{margin-bottom: 15px; font-size: 1.25em; font-weight: 700;}
.proveidor .text{margin-bottom: 50px;}

/*CATALEGS*/
.cataleg-block{margin-bottom: 40px;}
.cataleg-block .nom{font-size: 1em!important}
.cataleg-block img{margin-bottom: 40px;border: 1px solid #ededed;padding: 15px;}
.cataleg-block .linia{display: inline-block; width: 120px; border-bottom: 2px solid #bfbfbf; margin-top: 20px;}

/*PRODUCTES*/
.categories-productes-block{border-left: 1px solid #2d338a; padding-left: 3px;}
.categories-productes{border-left: 1px solid #2d338a; color: #2d338a; padding: 0 15px; margin-bottom: 30px; background-color: #e5e5e5;}
/*.categories-productes .nom{font-size: 1.75em; font-weight: bolder;}*/
.categories-productes .link{border-bottom: 1px solid #2d338a; padding-top: 10px; padding-bottom: 10px;}
.categories-productes .link.actiu{font-weight: 700;}
.categories-productes .link:last-child{border-bottom: 0;}

/*FOOTER*/
footer{background-color: #2d338a; padding-top: 30px; padding-bottom: 30px;color: #fff; margin-top: 15px; margin-bottom: 30px;}
footer a{color: #fff;}
footer a:hover{color: #fff;}
footer .fa { font-size: 24px; margin-left: 5px; }
footer span{margin-left: 5px; margin-right: 5px;}
footer img {margin-bottom: 15px;}
.block-oficines {background-color: #e5e5e5;color: #2d338a;padding: 30px;}
.block-oficines .col-6 {margin-bottom: 30px;}
.grecaptcha-badge{display: none;}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid,
.was-validated .form-control:invalid { border-color: #dc3545!important;}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid,
.was-validated .form-control:valid, .custom-select.is-valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #f1f1f1;}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label { color: #fff; }

@media (min-width: 1200px){
    footer img {margin-bottom: 0; margin-right: 60px;}
}

/**** COOKIES */
.capaCookies {
    z-index: 99999; background-color: #fff; padding-top: 15px;
    padding-bottom: 15px; box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23);
}
button.cookies-ok, button.cookies-config, button.cookies-ko,button.cookies-accept {
    float: right; display: inline-block; padding-left: 8px; padding-right: 8px;
    background-color: #999; color: #ffffff; font-weight: bold; text-align: center;
    line-height: 35px; border-radius: 5px; border: none; margin-left: 10px;
}

.div-list-cookies table, .table-titol-cookies { font-size: 12px }

.input-switch { margin-top: 8px }
.input-switch > input[type="checkbox"] { display: none; }

.input-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 25px;
}

.input-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
    z-index: 900;
}

.input-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    content: '';
    height: 24px;
    left: 0px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
    z-index: 901;
}

.input-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.input-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.textCookies{ font-size: 14px; }
.titol-cookies { font-size: 18px; cursor: pointer; display: block; /* line-height: 3rem; */ }
.text-cookies { padding: 1rem 0; font-size: 20px; border-bottom: 2px solid #dedede; }
.paddingTop{ padding-top: 15px; }
button.cookies-ok{ background-color: #4b53a1; }

@media (max-width: 992px) {
    button.cookies-ok,
    button.cookies-accept,
    button.cookies-ko,
    button.cookies-config { font-size: 14px; margin-bottom: 5px; }
    /*#izquierda{float: left!important;}*/
}
/*.desinvisble{display: block;}*/
.invisible{ display: none; }
.desinvisble{ display: none; }

@media(min-width: 600px) {
    .desinvisble{ display: none; }
    .invisible{ display: block; }

}
@media(max-width:768px) {
    button.cookies-ok,
    button.cookies-accept,
    button.cookies-ko,
    button.cookies-config { width: 100%; }
    .titol-cookies{ padding-left: 10px; }
}
.textCookies1{ font-size: 12px; }
.marginButton{ margin-top: 3%; margin-left: auto; }
/*.mt-10{margin-top: 15px;} */
.capaCookies button{ margin-top: 10px; }
tr.text{ width: 100%; border: none!important; }
tr.text td { width: 100%; border: none!important; }
.marginsTop { margin-bottom: 10px; }
table.table>tbody>tr>td, .table>tbody>tr>th { padding-left: 0px; }
button.cookies-ok,
button.cookies-ko,
button.cookies-accept,
button.cookies-config { border-radius: 0px!important; }
.label-info {
    background-color: #4b53a1 !important;
}
.fancybox-content {padding: 24px!important;}

#capaCookies .fancybox-close-small,
#capaCookiesConfig .fancybox-close-small { display: none; }
/**** FI COOKIES */

/*PAGINACIO*/
.pagination .page-link, .pagination .page-link:hover{ color: #57a391; }
.page-item.active .page-link:hover{color: #fff;}
.page-item.active .page-link { background-color: #57a391; border: 1px solid #dee2e6; }

/*BUSCADOR*/
.text-buscador { margin-bottom: 30px; font-size: 1.5em; text-align: center;}