@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}

@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}


}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}


}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row, .row1 { width:1000px;}

.cbp-hrmenu > ul{column-gap: 25px;}
.cbp-hrmenu{margin-right: 15px;}
.logo{width: 250px;}

.home-slide-sec .home-slider .swiper-wrapper .swiper-slide .flex-caption .flex-cont h1{font-size: 50px; line-height: 55px; max-width: 500px;}
.plataforma ul li a { font-size: 20px; line-height: 23px; }
.plataforma h2 { font-size: 41px; line-height: 45px; }
.plataforma p { font-size: 18px; line-height: 27px; }
.per-comencem h2 { font-size: 41px; margin-bottom: 45px; line-height: 45px; }
.per-comencem .ciutadans h3 { font-size: 36px; line-height: 45px; margin-bottom: 18px; }
.per-comencem .ciutadans p { font-size: 18px; line-height: 27px; margin-bottom: 25px; }
.per-comencem .ciutadans ul li a { font-size: 20px; line-height: 23px; }
.per-comencem .ciutadans.professionals ul li a p { font-size: 20px; line-height: 23px; }
.tens-una .tens-pad h2 { font-size: 50px; line-height: 59px; margin-bottom: 14px; }
.tens-una .tens-pad p { font-size: 14px; line-height: 22px; margin-bottom: 36px; }
.tens-una .tens-pad a { font-size: 11px; line-height: 16px; }
.coneix .coneix-pad h2 { font-size: 63px; line-height: 63px; }
.coneix .coneix-pad a { font-size: 11px; line-height: 16px; }
footer .foot-pad .f-menu ul li a { font-size: 16px; }
footer .foot-pad .f-menu ul li a.emer { font-size: 14px; }
footer .foot-btm ul li p { font-size: 13px; line-height: 22px; }
footer .foot-btm ul li p a { font-size: 13px; line-height: 22px; }
footer .foot-btm ul li ul li a { font-size: 13px; line-height: 22px; }

.docu-res-rht .t-se ul li ul li .dropdown{width: 240px;}
.docu-res-rht .t-se ul li ul{column-gap: 0;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1{ width:750px;padding: 0 15px;}
 

.cbp-hrmenu > ul{column-gap: 25px;}
.cbp-hrmenu{margin-right: 15px;}
header .logo{width: 140px;margin: 0 auto;position: absolute;left: 0;right: 0;}
.is-sticky .logo{width: 140px;}
.m-menu {   display: block;   top: 0px;  }  
.cbp-hrmenu{display: none;}
header .logo ul li:first-child{display: none;}
footer .logo ul li a img{margin: 0;}
.top-rgt-lnks{display: none;}
.main-header{padding: 0;}

.home-slide-sec .home-slider .swiper-wrapper .swiper-slide .flex-caption .flex-cont h1{font-size: 40px; line-height: 50px; max-width: 500px;}
.plataforma ul li a { font-size: 20px; line-height: 23px; }
.plataforma h2 { font-size: 35px; line-height: 45px; }
.plataforma p { font-size: 18px; line-height: 27px; }
.per-comencem h2 { font-size: 35px; margin-bottom: 45px; line-height: 45px; }
.per-comencem .ciutadans h3 { font-size: 30px; line-height: 45px; margin-bottom: 18px; }
.per-comencem .ciutadans p { font-size: 18px; line-height: 27px; margin-bottom: 25px; }
.per-comencem .ciutadans ul li a { font-size: 20px; line-height: 23px; }
.per-comencem .ciutadans.professionals ul li a p { font-size: 20px; line-height: 23px; }
.tens-una .tens-pad h2 { font-size: 50px; line-height: 59px; margin-bottom: 14px; }
.tens-una .tens-pad p { font-size: 14px; line-height: 22px; margin-bottom: 36px; }
.tens-una .tens-pad a { font-size: 11px; line-height: 16px; }
.coneix .coneix-pad h2 { font-size: 40px; line-height: 49px; max-width: 370px;}
.coneix .coneix-pad a { font-size: 11px; line-height: 16px; }
footer .foot-pad .f-menu ul li a { font-size: 16px; }
footer .foot-pad .f-menu ul li a.emer { font-size: 14px; }
footer .foot-btm ul li p { font-size: 13px; line-height: 22px; max-width: 290px;}
footer .foot-btm ul li p a { font-size: 13px; line-height: 22px; }
footer .foot-btm ul li ul li a { font-size: 13px; line-height: 22px; }
.plataforma ul{flex-wrap: wrap; row-gap: 15px;}
.per-comencem .ciutadans.professionals ul li{flex: 0 1 49%;}
.tens-una, .per-comencem{padding-bottom: 50px;}
footer .foot-pad{flex-wrap: wrap; row-gap: 15px; padding: 15px;}
footer .foot-btm{padding: 15px;}
footer .foot-btm ul{column-gap: 15px;}
.home .h-br{min-height: 90px;}
.mobile-search {  position: absolute;  left: 40px;  top: 35px;}
.mobile-search img{width: 22px;}
.logo ul li a img{margin-top: 21px;}

.mobile-search{display: block;}
.over .mobile-search img{filter: brightness(0) invert(1);}
.over .ma-logo{display: none;}
.over .mobi-logo{display: block;filter: brightness(0) invert(1);}
.m-menu.open span:nth-child(1), .m-menu.open span:nth-child(3){background: #fff;}
.over .main-header{background: #0C858D;}
.over .is-sticky .main-header {background: #0C858D;}
.over .is-sticky .main-header {  box-shadow: none;}
.home .lang-slt .nice-select{color: #94DEE0;}
.home .lang-slt .nice-select::after {border-color: #94DEE0;}
.lang-slt{float: right;}
#accordian ul li .nice-select.open .list{row-gap: 0;}
#accordian ul li a.emer{font-family: 'NeueMontreal-Medium';    font-weight: normal;    font-size: 16px;    letter-spacing: 0.01em;    text-align: left;    transition: all .5s ease;    -moz-transition: all .5s ease;    -webkit-transition: all .5s ease;    -o-transition: all .5s ease;    color: #fff;    width: 129px;    height: 40px;    border-radius: 20px;    background: #ff7400;    border: 2px solid #ff7400;    display: inline-flex;    align-items: center;    justify-content: center;}
#accordian ul li a.menu-act{    font-family: 'NeueMontreal-Bold';}

.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm h1.width-auto{font-size: 40px; line-height: 50px;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm{margin-top: 30px;}
.fitxa .fitxa-lft{width: 60%;}
.fitxa .fitxa-rgt{width: 36%;}


.docu-res-rht .t-se ul li ul li .dropdown{width: 100%;}
.docu-res-rht .t-se ul li ul{column-gap: 0;}
.docu-res-lft{width: 100%;}
.docu-res-rht{width: 100%;}
.docu-res-rht .t-se ul li h5{display: none;}
.docu-res-rht .t-se ul li ul li:last-child{display: none;}
.docu-res-rht .t-se ul li{flex: 0 1 100%;}
.docu-res-rht .t-se ul{flex-wrap: wrap;}
.mob-filter{display: block; margin-left: 0; margin-top: 10px;}
.docu-res-rht .t-se ul li ul li a{margin-left: 0;}
.docu-res-lft.dir-map.show{display: block;}
.docu-res-lft.dir-map{display: none;}
ul.altres-list{margin-top: 10px;float: left;width: 100%;}
.inner-banner .row1{padding: 0 0px; width: 100%;}
.inner-banner .inn-pad img.m-a{height: 300px; object-fit: cover;}
.inner-banner .inn-pad .ban-cnt .bred-crm h1{font-size: 40px; line-height: 45px;}
.inner-banner .inn-pad .ban-cnt .bred-crm{margin-left: 20px;}
.docu-menu{display: none;}
.docu-menu.show{display: flex;}
.m-hh{display: block;float: left; margin-left: 15px; font-family: 'NeueMontreal-Regular';font-weight: normal;font-size: 14px;letter-spacing: 0.04em;text-align: left;color: #242424;}
.m-hh span{font-family: 'NeueMontreal-Bold';  color: #000;}
.docu-res-rht .t-se{margin-bottom: 20px;}
.docu-res{padding: 20px 0 30px 0;}
.pagination{justify-content: center;}

.mapa{margin-top: 20px;}
.que .per-comencem{padding: 30px;}
.taula h2{font-size: 35px; line-height: 40px;}
.taula .doc-relate ul{row-gap: 15px;}
.taula{padding: 40px 0;}
.emerg-sec ul li a.ph{font-size: 24px; line-height: 30px;}
.emerg-sec ul li h2{font-size: 18px; line-height: 22px;}
.acces-la ul li a .acces-cnt p{font-size: 22px;}

.resultas-filter-list h2{font-size: 50px; line-height: 60px;}
.resultas-todos ul{column-gap: 30px;}
.docu-res-rht .t-se ul li ul li .dropdown{margin-right: 0;}

.inner-banner.fitxa-ban .inn-pad .ban-cnt{padding-left: 20px;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row1{ width:100%; padding:0px 15px; }



.cbp-hrmenu > ul{column-gap: 25px;}
.cbp-hrmenu{margin-right: 15px;}
header .logo{width: 140px;margin: 0 auto;position: absolute;left: 0;right: 0;}
.is-sticky .logo{width: 140px;}
.m-menu {   display: block;   top: 0px;  }  
.cbp-hrmenu{display: none;}
header .logo ul li:first-child{display: none;}
.top-rgt-lnks{display: none;}
.main-header{padding: 0;}

.home-slide-sec .home-slider .swiper-wrapper .swiper-slide .flex-caption .flex-cont h1{font-size: 40px; line-height: 44px; max-width: 320px;}
.plataforma ul li a { font-size: 20px; line-height: 23px; width: 100%;}
.plataforma h2 { font-size: 32px; line-height: 40px; }
.plataforma p { font-size: 15px; line-height: 24px; }
.per-comencem h2 { font-size: 35px; margin-bottom: 30px; line-height: 45px; }
.per-comencem .ciutadans h3 { font-size: 30px; line-height: 45px; margin-bottom: 10px; }
.per-comencem .ciutadans p { font-size: 15px; line-height: 24px; margin-bottom: 25px; }
.per-comencem .ciutadans ul li a { font-size: 20px; line-height: 23px; }
.per-comencem .ciutadans.professionals ul li a p { font-size: 20px; line-height: 23px; }
.tens-una .tens-pad h2 { font-size: 45px; line-height: 50px; margin-bottom: 14px; }
.tens-una .tens-pad p { font-size: 16px; line-height: 24px; margin-bottom: 36px; padding: 0 40px;}
.tens-una .tens-pad a { font-size: 11px; line-height: 16px; }
.coneix .coneix-pad h2 { font-size: 40px; line-height: 49px; max-width: 370px;margin-bottom: 60px;}
.coneix .coneix-pad a { font-size: 11px; line-height: 16px; }
footer .foot-pad .f-menu ul li a { font-size: 15px; text-align: left;}
footer .foot-pad .f-menu ul li a.emer { font-size: 14px; position: absolute;}
footer .foot-btm ul li p { font-size: 14px; line-height: 22px; max-width: inherit;}
footer .foot-btm ul li p a { font-size: 14px; line-height: 22px; display: inline-block;margin-right: 12px;}
footer .foot-btm ul li ul li a {font-size: 13px;line-height: 15px;}
.plataforma ul{flex-wrap: wrap; row-gap: 15px;}
.per-comencem .ciutadans.professionals ul li{flex: 0 1 49%;}
.tens-una, .per-comencem{padding-bottom: 50px;}
footer .foot-pad{flex-wrap: wrap; row-gap: 15px; padding: 15px;}
footer .foot-btm{padding: 15px;}
footer .foot-btm ul{column-gap: 15px;flex-wrap: wrap;row-gap: 40px;}
.home .h-br{min-height: 90px;}
.mobile-search {  position: absolute;  left: 40px;  top: 35px;}
.mobile-search img{width: 22px;}
.logo ul li a img{margin-top: 21px;}

.mobile-search{display: block;}
.over .mobile-search img{filter: brightness(0) invert(1);}
.over .ma-logo{display: none;}
.over .mobi-logo{display: block;filter: brightness(0) invert(1);}
.m-menu.open span:nth-child(1), .m-menu.open span:nth-child(3){background: #fff;}
.over .main-header{background: #0C858D;}
.over .is-sticky .main-header {background: #0C858D;}
.over .is-sticky .main-header {  box-shadow: none;}
.home .lang-slt .nice-select{color: #94DEE0;}
.home .lang-slt .nice-select::after {border-color: #94DEE0;}
.lang-slt{float: right;}
#accordian ul li .nice-select.open .list{row-gap: 0;}
#accordian ul li a.emer{font-family: 'NeueMontreal-Medium';    font-weight: normal;    font-size: 16px;    letter-spacing: 0.01em;    text-align: left;    transition: all .5s ease;    -moz-transition: all .5s ease;    -webkit-transition: all .5s ease;    -o-transition: all .5s ease;    color: #fff;    width: 129px;    height: 40px;    border-radius: 20px;    background: #ff7400;    border: 2px solid #ff7400;    display: inline-flex;    align-items: center;    justify-content: center;}
#accordian ul li a.menu-act{    font-family: 'NeueMontreal-Bold';}

.home-slide-sec .row1{padding: 0;}
.home-slide-sec .home-slider .swiper-wrapper .swiper-slide img.m-s{height: 300px; object-fit: cover; opacity: 0;}
.home-slide-sec .swiper-slide{height: 300px;background-size: cover;background-position: -360px 0px;background-color: #000;}
.home-slide-sec .home-slider .swiper-wrapper .swiper-slide .flex-caption{left: 20px;}
.home-slide-sec .home-slider .swipe-arrow{bottom: 20px; right: 20px;}
.plataforma{padding: 35px 0 50px 0;}
.per-comencem .ciutadans{padding-top: 50px;}
.per-comencem .ciutadans ul li a{padding-right: 78px;}
.per-comencem .ciutadans ul{row-gap: 10px;}
.coneix .coneix-pad{padding: 30px;min-height: 380px;margin-bottom: -140px;}
.coneix .coneix-pad img{bottom: 20px; right: 20px; top: inherit;width: 100px;}
footer .foot-pad .f-menu ul{flex-wrap: wrap;column-gap: 0;row-gap: 15px;}
footer{padding-top: 145px;}
footer .logo ul li::after {display: none;}
footer .row1{padding: 0;}
.f-menu{border-top: 1px solid #51999d; margin-top: 30px; padding-top: 30px;width: 100%;padding-bottom: 20px;}
footer .foot-pad .f-menu ul li{flex: 0 1 50%;text-align: left;}
footer .foot-pad .logo{margin: 0 auto;}
footer .foot-btm ul li{flex: 0 1 100%;}
footer .foot-btm ul li ul{flex-wrap: nowrap;margin-bottom: 8px;}


.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm h1.width-auto{font-size: 36px; line-height: 42px;width: 100%;float: left;padding-right: 100px;margin-top: 20px;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm{margin-top: 10px;}
.fitxa .fitxa-lft{width: 100%;}
.fitxa .fitxa-rgt{width: 36%;}
.inner-banner .inn-pad .ban-cnt .bred-crm ul{flex-wrap: wrap;width: 100%;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm a.tor{float: left;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm h1.width-auto br{display: none;}
.dades{margin-top: 0;width: 100%;padding: 25px;}
.map{width: 100%;margin-bottom: 20px;}
.ma-app{margin-bottom: 25px; float: left; width: 100%;}
.fitxa .fitxa-lft .que-som{padding: 20px;}
.fitxa .fitxa-lft .que-som p.ep{font-size: 16px; line-height: 22px;}
.fitxa .fitxa-lft .que-som p{font-size: 15px;}
.fitxa .fitxa-lft .que-som ul li{font-size: 15px;}
.fitxa{padding-bottom: 30px;}
.altres{padding: 50px 0 40px;}
.altres h2{font-size: 30px; }
.altres .vew-more{text-align: center;}
.altres .vew-more a{float: none;}
ul.altres-list{width: 100%;}
ul.altres-list li a h3{font-size: 18px;}
ul.altres-list li a p{font-size: 15px;}

.mob-filter{display: block;}


.docu-res-rht .t-se ul li ul li .dropdown{width: 100%;}
.docu-res-rht .t-se ul li ul{column-gap: 0;}
.docu-res-lft{width: 100%;}
.docu-res-rht{width: 100%;}
.docu-res-rht .t-se ul li h5{display: none;}
.docu-res-rht .t-se ul li ul li:last-child{display: none;}
.docu-res-rht .t-se ul li{flex: 0 1 100%;}
.docu-res-rht .t-se ul{flex-wrap: wrap;}
.mob-filter{display: block; margin-left: 0; margin-top: 10px;}
.docu-res-rht .t-se ul li ul li a{margin-left: 0;}
.docu-res-lft.dir-map.show{display: block;}
.docu-res-lft.dir-map, .docu-res-lft{display: none;}
ul.altres-list{margin-top: 10px;float: left;width: 100%;}
.inner-banner .row1{padding: 0 0px; width: 100%;}
.inner-banner .inn-pad img.m-a{height: 300px; object-fit: cover;}
.inner-banner .inn-pad .ban-cnt .bred-crm h1{font-size: 40px; line-height: 45px;}
.inner-banner .inn-pad .ban-cnt .bred-crm{margin-left: 20px;}
.docu-menu{display: none;}
.docu-menu.show{display: flex;margin-bottom: 20px;}
.m-hh{display: block;float: left; margin-left: 15px; font-family: 'NeueMontreal-Regular';font-weight: normal;font-size: 14px;letter-spacing: 0.04em;text-align: left;color: #242424;}
.m-hh span{font-family: 'NeueMontreal-Bold';  color: #000;}
.docu-res-rht .t-se{margin-bottom: 20px;}
.docu-res{padding: 20px 0 30px 0;}
.pagination{justify-content: center;row-gap: 10px;}
.docu-hdr{padding: 10px;}
.mapa img.map-img{object-fit: cover; height: 500px;}
.mapa{margin-top: 20px;}

.que .per-comencem{padding: 40px 20px;}
.que .row1{padding: 0 0px;}
.que{padding: 0;}
.taula h2{font-size: 35px; line-height: 40px;}
.taula .doc-relate ul{row-gap: 15px;}
.taula{padding: 40px 0;}
.taula p{font-size: 15px; line-height: 24px;}
.taula img{margin: 0 0 20px 0;}
.taula .doc-relate ul li a{font-size: 16px; line-height: 24px;}
.tau-logo{padding: 40px 0;}
.tau-logo ul li {  flex: 0 1 30%;}
.tau-logo ul{row-gap: 15px;}
.emerg-sec ul li a.ph{font-size: 24px; line-height: 30px;}
.emerg-sec ul li h2{font-size: 18px; line-height: 22px;padding: 0;}
.acces-la ul li a .acces-cnt p{font-size: 22px;line-height: 22px;margin: 0;}
.emerg-sec ul li{flex: 0 1 100%; min-height: inherit;padding: 20px 0;}
.emerg-sec ul {row-gap: 15px;}
.acces-la{padding: 30px 0;}
.acces-la ul li{flex: 0 1 100%;}
.acces-la ul li a .acces-img img{height: 200px; object-fit: cover;border-radius: 10px 10px 0 0;}
.acces-la ul li a .acces-cnt{min-height: inherit;padding: 15px 0;}
.acces-la ul{row-gap: 15px;}

.resultas-filter-list h2{font-size: 50px; line-height: 60px;}
.resultas-todos ul{column-gap: 30px;flex-wrap: nowrap;white-space: nowrap;justify-content: left;overflow-x: scroll;scrollbar-width: none;}
.resultas-filter-list h2{font-size: 40px;    line-height: 50px;}
.resultas-search input[type="text"]{height: 50px;}
.resultas-search .search-btn{width: 40px; height: 40px;}
.resultas-sec .docu-res-rht .t-se ul li h5{display: block;}
.resultas-sec{padding-bottom: 40px;}
.resulat-cat{row-gap: 15px;}
ul.altres-list li a span{flex: 0 1 100%;}
.plataforma ul li{flex: 0 1 100%;}
.docu-res-rht .t-se ul li ul li .dropdown{margin-right: 0;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt{padding-left: 20px;}

footer .foot-pad .f-menu ul li:nth-child(1){order: 0;}
footer .foot-pad .f-menu ul li:nth-child(2){order: 2;}
footer .foot-pad .f-menu ul li:nth-child(3){order: 4;}
footer .foot-pad .f-menu ul li:nth-child(4){order: 1;}
footer .foot-pad .f-menu ul li:nth-child(5){order: 3;}
.dades.cole ul li a{padding: 10px;}
}



/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) { 
.contate .contate-pad .con-lft ul{row-gap: 15px;}
 
.per-comencem .ciutadans ul li{flex: 0 1 100%;}
.per-comencem .ciutadans.professionals ul li{flex: 0 1 100%;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) { 
    .tau-logo ul li {
  flex: 0 1 48%;
}
}
@media screen and (max-width:415px) { 
    .coneix .coneix-pad h2{font-size: 30px; line-height: 40px; }
.per-comencem .ciutadans ul li a{padding-left: 15px; padding-right:80px; font-size: 18px;}
.home-slide-sec .home-slider .swiper-wrapper .swiper-slide .flex-caption .flex-cont h1{font-size: 35px; line-height: 40px;padding-right: 15px;}
.inner-banner.fitxa-ban .inn-pad .ban-cnt .bred-crm h1.width-auto{font-size: 30px; padding-right: 15px;}
footer .foot-btm ul li ul li a{padding-right: 7px;}
}

@media screen and (max-width:359px) { 

 
    
}

@media screen and (max-width:319px) {

}