/*
  Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
  - The "symbol *" part is to solve Firefox SVG sprite bug
*/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Reapply the pointer cursor for anchor tags */
a {
  cursor: revert;
}
/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none;
}
/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}
/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}
/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}
/* fix the feature of 'hidden' attribute.
 display:revert; revert to element instead of attribute */
:where([hidden]){
  display:none;
}
/* revert for bug in Chromium browsers
 - fix for the content editable attribute will work properly. */
:where([contenteditable]){
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}
/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element;
}

@font-face {
	font-family: 'Elahac-Black';
	src: url('https://www.l-h.cat/fonts/elahac/Elahac-Black.woff') format('woff'), 
		 url('https://www.l-h.cat/fonts/elahac/Elahac-Black.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Elahac-Bold';
	src: url('https://www.l-h.cat/fonts/elahac/Elahac-Bold.woff') format('woff'),
		 url('https://www.l-h.cat/fonts/elahac/Elahac-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Elahac-Medium';
	src: url('https://www.l-h.cat/fonts/elahac/Elahac-Medium.woff') format('woff'), 
		 url('https://www.l-h.cat/fonts/elahac/Elahac-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Elahac-Regular';
	src: url('https://www.l-h.cat/fonts/elahac/Elahac-Regular.woff') format('woff'), 
		 url('https://www.l-h.cat/fonts/elahac/Elahac-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin: 0;padding: 0;border: 0;font-family:'Elahac-Regular';font-size:16px; line-height:24px;vertical-align: baseline;}
p {position: relative;margin-bottom: 30px;}



.section{position: relative;}
.container{max-width: 1170px;width: 100%;margin-right: auto;margin-left: auto;position: relative;}
.row,.row-inner {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.column{width:100%;margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;position: relative;min-height: 1px;z-index: 1;padding-left: 15px;padding-right: 15px;position: relative;min-height: 1px;z-index: 1;}

.col-50{width: 50.0%;}
.col-30{width: 33.0%;}
.col-25{width: 25.0%;}
.valign-mid{-webkit-align-self: center;align-self: center;}
.text-center{text-align: center;}

/*Menu*/
.menu{background: #000;padding:10px 0;}
.menu p{margin:0;text-align: right;}
.menu *{color:#0099a8;font-size:14px;}
.menu a.selected{font-family: 'Elahac-Bold';}
.menu a:hover{color:#fff;}

/*FILA 1*/
.section-1{position:relative;background-color:#000;/*background-image:url('img/bg-connecta-lh.jpg');background-size:cover;background-position:center center;*/padding:60px 0;}
.image-wrap {    
  width: 100%;
  height: 100vw;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;top:0;left:0;
}

.image-wrap img {
  width: 100%;
  animation: move 40s ease;
  /* Add infinite to loop. */
  -ms-animation: move 40s ease;
  -webkit-animation: move 40s ease;
  -0-animation: move 40s ease;
  -moz-animation: move 40s ease;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */    
    -o-transform: scale(1.1);
    /* Opera */    
    -moz-transform: scale(1.1);
    /* Firefox */
  }
}

.section-1 p{color:#fff;}
h1{margin-bottom:14px;}
h1 img{width:300px;height:auto;}
h2{color:#0099a8;font-family:'Elahac-Black';font-size:50px;line-height:50px;margin-bottom:40px;}
.section-1 .btn-market img{width:220px;}
.btn-market:hover img{background:rgba(221,32,131,0.6);border-radius: 7px;}
.section-1 p{margin-bottom:10px;}
.section-1 .phone-1{opacity:0;margin-left:100px;max-width:300px;}
.phone-1-res{display:none;}

/*FILA 2*/
.section-2{background-color:#0099a8;padding:80px 0;}

.icon{background-position:-11px center;width:80px;height:80px;background-size: cover;margin:0;}
.icon-1{background-image:url('img/i_tramits.png');}
.icon-2{background-image:url('img/i_informacio-tramits.png');}
.icon-3{background-image:url('img/i_cita-previa.png');}
.icon-4{background-image:url('img/i_avisos.png');}
.icon-5{background-image:url('img/i_entitats.png');}
.icon-6{background-image:url('img/i_agenda.png');}
.icon-7{background-image:url('img/i_mapa.png');}
.icon-8{background-image:url('img/i_bustia.png');}

.carousel-container{position: relative;}
#carousel {overflow: hidden;white-space: nowrap;width: 1110px;position: relative;margin:0 30px;}
.carousel-item {width: 33%;display: inline-block;white-space: normal;vertical-align: top;padding:0 20px 0 20px;}
.arrow {width: 20px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
#right-arrow {right: 0px;}
#left-arrow {left: 0px;}
.carousel-item h3{font-family: 'Elahac-Bold';color:#193458;font-size:18px;line-height:24px;margin-bottom:12px;font-weight: normal;}
.carousel-item h4{font-family: 'Elahac-Regular';color:#fff;font-size:16px;line-height:24px;margin-bottom:12px;font-weight: normal;}


/*FILA 3*/
.section-3{background-color:#000;background-image:url('img/bg_02.png');background-size:cover;background-position:center center;padding:80px 0 50px;background-attachment: fixed;}
.section-3 p{color:#fff;}
.section-3 h2{color:#fff;font-family:'Elahac-Black';font-size:40px;line-height:40px;margin-bottom:40px;}
.section-3 .phone-2{opacity:0;margin-left:-100px;}
.phone-2-res{display:none;}

/*FILA 4*/
.section-4{ background: rgb(25,52,88);background: linear-gradient(120deg, rgba(25,52,88,1) 0%, rgba(221,32,131,1) 100%); padding:80px 0;}
.section-4 p{color:#fff;}
.section-4 h2{color:#fff;font-family:'Elahac-Black';font-size:40px;line-height:40px;margin-bottom:40px;}
.section-4 iframe{width:100%;}


/*FILA 5*/
.section-5{background: rgb(25,52,88);background: linear-gradient(120deg, rgba(68,92,122,1) 0%, rgba(245,26,150,1) 100%); padding:80px 0;}
.section-5 p{color:#fff;}
.section-5 h3{color:#fff;font-family:'Elahac-Medium';font-size:24px;line-height:28px;}
.section-5 h4{color:#fff;font-family:'Elahac-Bold';font-size:16px;line-height:16px;margin-bottom:10px;}
.section-5 iframe{width:100%;}
.section-5 p{margin-bottom:5px;}
.section-5 .btn-market img{max-width:180px;}
.section-5 .app-seguretat{background-image:url('img/app_seguretat.png');background-position:15px top;background-repeat:no-repeat;background-size:60px;padding-left:85px;}
.section-5 .app-bennet{background-image:url('img/app_bennet.png');background-position:15px top;background-repeat:no-repeat;background-size:60px;padding-left:85px;}


/*FOOTER*/
.footer{padding:20px 0;}
.footer a{color:#0099a8;text-decoration: none;}
.footer a:hover{color:#000;text-decoration: underline;}
.ajlh{border-left: 2px solid #0099a8;}
.footer .col-25{text-align: center;}
.footer .col-25 img{max-width: 80%;}

@media only screen and (max-width: 1230px)
{
    .container{width: 90%;max-width: 1170px;}
    .carousel-item {width:33%;}
}

@media only screen and (max-width: 960px)
{
    .carousel-item {width:50%;}
    .col-25{width: 50.0%;}
}

@media only screen and (max-width: 767px)
{
    .carousel-item {width:100%;}
    .col-50,.col-30{width: 100%;}  
    .section-5 h3,.section-5 .app-seguretat{margin-bottom:40px;}
    .col-25{width: 100.0%;}
    .ajlh{border:0;border-top:2px solid #0099a8;padding-top:15px;}
    .footer .col-25 img{max-width: 50%;}
    .section-5 .btn-market img{max-width:200px;}
    .section-5 .app-seguretat{background-image:url('img/app_seguretat.png');background-position:15px top;background-repeat:no-repeat;background-size:80px;padding-left:105px;}
    .section-5 .app-bennet{background-image:url('img/app_bennet.png');background-position:15px top;background-repeat:no-repeat;background-size:80px;padding-left:105px;}
    .section-1 .phone-1,.section-3 .phone-2{display:none;}
    .phone-2-res{display:block;margin-left:-70px;}
    
    .section-1{background-image:url('img/bg-connecta-lh.jpg');background-size:cover;background-position:center center;}
    .image-wrap{display:none;}
    
}