body{
    font-family: 'Lato', sans-serif;
    color: #252525;
}

a { color: #252525}
a:hover { color: #252525; text-decoration: none; opacity: 0.8;}

.color-taronja { color: #ff7100}

.bg-gris { background-color: #f9f9f9}
.bg-turquesa { background-color: #00a797}
.bg-verd { background-color: #a9ca00}
.bg-fucsia { background-color: #fc005c}

.font-size-1-1 { font-size: 1.1rem}
.font-size-0-9 { font-size: 0.9rem}
.font-size-0-8 { font-size: 0.8rem}
.font-size-0-6 { font-size: 0.6rem}

.font-w-300 { font-weight: 300;}
h4 { font-size: 1.9rem;}

.br-top-gris { border-top: 1px solid #e5e5e5}

/*NAV */
.navbar-light .navbar-nav .nav-link { color: #252525}
.nav-link { font-size: 0.9rem; }

/*CERCADOR TOP*/
#textcerca, #topcerca .input-group-text { background-color: #f5f5f5; border: 0; color: #252525; } 
#textcerca { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem}
#topcerca .input-group-text { border-top-right-radius: .75rem; border-bottom-right-radius: .75rem}
#topcerca .input-group-text { cursor: pointer}

/*SLIDER FIXES*/
.slick-dots li:only-child {display: none;}
.slider-inici .slick-slide { position: relative; }
.slider-inici .block-txt{ color: #FFF; margin-top: 20%;}
.slider-inici .nom{ font-size: 2em; margin-bottom: 15px; padding-bottom: 15px; }
.slider-inici .text{ font-size: 1.2em; margin-bottom: 0; line-height: 1.2em;}
.slider-inici .container { position: absolute; top: 0; left: 0; right: 0; margin-left: auto;
    margin-right: auto; }
.slider-inici .block-txt button, .slider-inici .block-txt button:focus, .slider-inici .block-txt button:active, #fcontactar button, #fcontactar button:focus, #fcontactar button:active { background-color: #ff5d05 !important; border: 0 !important; text-transform: uppercase; font-weight: 300; padding: .575rem 1.75rem; box-shadow: none;}
.slider-inici .block-txt button:hover, #fcontactar button:hover { opacity: 0.8;}
.slider-inici .slick-dots { width: 100%; margin-right: auto; margin-left: auto; left: 0; right: 0; bottom: -35px;
    padding-left: 15px; padding-right: 15px;}
.slick-dotted.slick-slider { margin-bottom: 45px}

.seccions-top { min-height: 210px; background-size: cover; background-position: center}
    
/* PROMOS INICI */
.block-promos-inici h2, .block-noticies-inici h2 { font-size: 1.9rem}
.inici-unapromo { background-color: #FFF; border-radius: .75rem; border: 1px solid #e7e7e7; position: relative; height: 13rem; cursor: pointer}
.promo-fucsia .promo-linia1, .promo-fucsia i { color: #fc005c;}
.promo-verd .promo-linia1, .promo-verd i { color: #a9ca00}
.inici-unapromo i { position: absolute; bottom: 1rem; right: 1rem; font-size: 2rem}

/* NOTICIES INICI*/
.noticia-foto, .producte-list-foto { width: 100%; height: 215px; border-top-left-radius: .75rem; border-top-right-radius: 0.75rem; background-size: cover; background-position: center; cursor: pointer; 
    border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7}
.block-noticies-inici h3, .producte-list-text h3 { font-size: 1.1rem; font-weight: 700; height: 3.5rem}
.noticia-text, .producte-list-text { border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom-left-radius: .75rem; border-bottom-right-radius: 0.75rem;}
.noticia-text { font-size: 0.9rem}
/* BLOC XIFRES INICI */
.bloc-xifres { color: #FFF; font-weight: 300;}
.bloc-xifres span { display: block; font-size: 3.5rem; }

/* FORM CONTACTE*/
#fcontactar .form-control, #fcontactar .custom-file-label { border-radius: 0; font-size: 0.9rem}
#fcontactar button, #fcontactar button:focus, #fcontactar button:active { background-color: #a9ca00 !important; }
.custom-checkbox { font-size: 0.8rem}

/* BOT */
.block-bot { background-color: #252525; color: #FFF; font-size: 0.8rem}
.block-bot a { color: #FFF}

/*COOKIES*/
.capa-cookies { position: fixed; bottom: 0; width: 100%; z-index: 99999;
    background-color: #fff; padding-top: 15px; box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok { float: right; display: inline-block; padding-left: 15px; padding-right: 15px;
    background-color: #252525; color: #ffffff; font-weight: bold; text-align: center;
    line-height: 40px; border: none; cursor: pointer;  margin-bottom: 15px; border-radius: .25rem}
button.cookies-ok:hover{opacity: 0.8;}

/* SECCIONS */
.seccions-top h1{ position: absolute; color: #FFF; text-transform: uppercase; font-weight: 400; font-size: 1.9rem; top: 40% }
.seccions-top h2{ position: absolute; color: #FFF; text-transform: uppercase; font-weight: 300; font-size: 1.4rem; top: 65% }

.block-comercos-list .comercos-foto { width: 100%; height: 220px; border-top-left-radius: .75rem; border-bottom-left-radius: 0.75rem; background-size: cover; background-position: center; cursor: pointer; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.comercos-dades { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top-right-radius: .75rem; border-bottom-right-radius: 0.75rem; height: 220px}
.comercos-info-contacte { line-height: 1.9rem;}

a.comercos-submenu-categoria { display: block; text-transform: uppercase; font-size: 0.9rem; padding: 0.9rem 0; border-bottom: 1px solid #e7e7e7;}
a.comercos-submenu-categoria i { display: block; height: 100%; float: left; width: 5%; padding-top: 6px}
a.comercos-submenu-categoria span { display: block; float: left; width: 95%}

a.comercos-submenu-subcategoria { display: block; font-size: 0.8rem}

/* COMERÇOS DETALL */
.titol_content { text-transform: uppercase;}
.slider-comerc div { height: 390px; background-size: contain; background-position: center; background-repeat: no-repeat}
.slider-comerc .slick-dots { text-align: left; padding-left: 0;}
.slider-comerc .slick-dots li.slick-active button:before { color: #000 !important; }
.comercos-info-map iframe { width: 100% !important; height: 200px !important}
.activitat-llistat{line-height:0.001rem!important;}
.producte-list-foto { height: 175px}
.producte-list-text { height: 150px; font-size: 0.8rem}
.producte-list-text h3 { height: 2.5rem}

/* NOTICIES */
.noticies-list h3 { font-size: 1rem; font-weight: 700; height: 5rem}
.noticia-detall-text, .noticia-detall-text span, .noticia-detall-text p { font-family: "Lato" !important; font-weight: 300; font-size: 1rem !important}

/* OFERTES */
.table thead th { border: 0}
.table-ofertes thead { font-size: 1.3rem; text-transform: uppercase; }
.table-ofertes tr td { font-size: 0.9rem; font-weight: 300;}
.table-ofertes tr td i { font-size: 1.3rem; color: #a4a4a4}

/* PROMOCIONS */
.ofert_per { font-style: italic; font-size: 0.9rem}

/* QUE ES LLAC */
.bloc-queesllac { font-weight: 300;}
.bloc-queesllac h2 { font-size: 1.9rem}
.baner-queesllac { position: relative; cursor: pointer}
.baner-queesllac>div { position: absolute; text-align: center; width: 100%; top: 40%; color: #FFF; text-transform: uppercase; font-size: 1.3rem;}

/* CONTACTE */
.bloc-dades-contacte { background-color: #f9f9f9}

@media (min-width: 576px){
    .slider-inici .slick-dots {max-width: 540px;}
}
    
@media (min-width: 768px){
    .slider-inici .slick-dots {max-width: 720px;}
}    

@media (min-width: 992px){
 
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0; padding-left: 2rem}
    .slider-inici .slick-dots {max-width: 960px;}
}

@media (min-width: 1200px){
	.slider-inici .slick-dots {max-width: 1140px;}
}

/* HOME COMERCOS */
.home-comercos { padding-bottom: 10px;}
.home-comercos a { display: block; font-size: 1.9rem; font-weight: 300; color: #FFF; border-bottom: 5px solid #FFF; padding-top: 2.5rem; padding-left: 1rem; height: 165px; line-height: 2rem;}


/*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: #323232; 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: 40px;  
}

.input-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.input-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.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: 1.4rem; border-bottom: 2px solid #dedede}
.paddingTop{padding-top: 15px;}
button.cookies-ok{text-transform: uppercase; background-color: #719500;}
.textCookies1{font-size: .8rem!important;}
@media (max-width:  768px){
  button.cookies-ok, button.cookies-accept, button.cookies-ko,button.cookies-config { margin-bottom: 20px; width:100%;}
  /*#izquierda{float: left!important;}*/
}
.desinvisble{display: block;}

  @media(min-width: 600px){
      .desinvisble{display: none;}
      
  }
button.cookies-ok{text-transform: uppercase;}

button.cookies-ko,button.cookies-accept{background-color: #999;}
.input-switch{margin-top: 12%;}

/**** FI COOKIES */