@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; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
body{ overflow-x:hidden;}	

}

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

}

@media screen and (min-width:1280px) and (max-width:1600px) {

}

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

/* header css */
header .row { padding: 0 2%;}

/* index css */
.home-slide .banner-caption h1 { font-size: 62px; line-height: 68px;}

.banner-btm-sec {margin-top: -220px;}
.banner-btm-cnt {padding: 45px 55px 0;}
.banner-btm-para { column-gap: 4%; padding-bottom: 50px;}
.banner-btm-para > p { flex: 0 1 48%;}
.banner-btm-sec .video-sec { padding: 0 60px;}

.title-sec {padding-bottom: 35px;}

.mes-verd-sec {padding: 70px 0;}
.greener-slide .swiper-container { padding: 0 80px;}
.greener-slide .swiper-button-prev-greener { left: -80px;}
.greener-slide .swiper-button-next-greener { right: 80px;}

.activitats-sec {padding: 70px 0;}
.accions-sec {padding: 70px 0 0;}
.accions-cnt {padding: 35px 50px 35px 35px;}

.noticies-sec {padding: 70px 0 40px;}
.noticies-main { column-gap: 20px;}
.noticies-main .noticies-cnt {flex: 0 1 calc(100% - 215px);}

.butlleti-sec {padding: 40px 0;}
.subscribe-form .txt-bx input[type="text"] {width: calc(100% - 175px);}
.subscribe-form .txt-bx button {width: 175px;}

/* footer css */
footer {padding: 50px 0 80px;}
.ftr-main { row-gap: 60px;}
.ftr-other-links { flex: 0 1 19%;}

.accesibilitat-icon {top: 170px;}
.share-icon {top: 235px;}

/* projecte css */
.inner-banner-cnt .inner-banner-caption h1 { font-size: 62px; line-height: 68px;}
/* .la-regia-btns { display: flex;} */
.les-actuacions-btns { display: flex;}
.la-regia-sec {padding: 70px 0 90px;}
.les-actuacions-sec {padding: 70px 0 80px;}
.les-actuacions-cnt h3 { font-size: 26px; line-height: 30px;}
.riera-de-main { row-gap: 70px;}
.viu-verd-sec {padding: 70px 0 0;}
.la-regia-cnt h3 { font-size: 30px; line-height: 30px;}
.la-regia-cnt h4 {font-size: 25px; line-height: 30px;}
.la-regia-cnt h4 span { font-size: 80px; line-height: 80px;}
.la-regia-cnt span { font-size: 100px; line-height: 100px;}
.la-regia-cnt p { font-size: 20px; line-height: 22px;}

/* actuacions css */
.banner-btm-sec.actuacions-btm-sec { margin-top: -320px;}
.actuacions-sec { padding: 70px 0;}
.accions-cnt h3 { font-size: 26px; line-height: 32px; padding-bottom: 25px;}

/* contact css */
.banner-btm-sec.contact-btm-sec { margin-top: -380px;}
.contact-form-sec {padding: 20px 0 70px;}

/* noticies main css */
.inner-noticies-main {padding: 70px 0;}
.inner-noticies-top {column-gap: 4%;}
.inner-noticies-lft {flex: 0 1 57%;}
.inner-noticies-rgt { flex: 0 1 39%;}
.inner-noticies-list {padding: 65px 0 0;}
.inner-noticies-list ul { column-gap: 4%; row-gap: 50px;}
.inner-noticies-list ul li { flex: 0 1 30.66%;}

/* agenda main css */
.inner-activitats-list { padding: 50px 0 80px; }
.calendar-sec .row { padding: 0 15px;}
.month-label { font-size: 45px; line-height: 45px;}
.month-btn { min-width: 55px; width: 55px; height: 55px;}
#prev-month, #next-month { background-size: cover;}
#prev-month:hover, #next-month:hover { background-size: cover;}
.btn-month {gap: 18px;}
.nav-button { min-width: 55px; width: 55px; height: 55px;}
#prev, #next { background-size: cover;}
#prev:hover, #next:hover { background-size: cover;}
.inner-activitats-main {padding: 70px 0;}
.inner-activitats-list ul { column-gap: 4%; row-gap: 50px;}
.inner-activitats-list ul li { flex: 0 1 30.66%;}

/* noticies inner css */
.noticies-inner-sec {padding: 40px 0 70px;}
.noticies-inner-title {padding: 0 7%;}
.noticies-inner-title h1 { font-size: 52px; line-height: 58px;}
.noticies-inner-para {padding: 0 7%;}
.noticies-inner-content { row-gap: 50px;}
.share-lnks { margin-top: 50px;}
.noticies-inner-list-sec {padding: 40px 0 70px;}
.noticies-inner-main-list .veure-tots a { padding: 0 60px;}
.noticies-inner-para p {padding-bottom: 25px;}

/* agenda inner css */
.activitats-inner-title { margin-bottom: 40px;}
.activitats-inner-pad .activitats-inner-pad-rgt {row-gap: 20px;}
.activitats-inner-pad-rgt .activitats-icons ul {row-gap: 20px;} 
.activitats-inner-pad-rgt .mes-noticies { padding-top: 50px;}
.activitats-inner-pad .noticies-inner-content { row-gap: 40px;}

}

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

/* header css */
header .row { padding: 0 15px;}
.hdr-main {padding: 15px 0 20px;}
.hdr-main-menu ul {column-gap: 25px;}
.hdr-main-menu ul li a {font-size: 17px; padding: 12px 0;}

/* index css */
.home-slide .banner-caption h1 { font-size: 58px; line-height: 68px;}
.home-slide .banner-caption p { font-size: 30px; line-height: 36px; padding-top: 10px;}
.home-slide .swiper-container-horizontal > .swiper-pagination-bullets { display: none;}

.banner-btm-sec {margin-top: -150px;}
.banner-btm-cnt {padding: 45px 50px 0;}
.banner-btm-para { row-gap: 20px; padding-bottom: 40px;}
.banner-btm-para > p {flex: 0 1 100%;}
.banner-btm-cnt::after { height: 72%;}
.banner-btm-sec .videoPoster::after { width: 85px; height: 85px; background-size: cover; bottom: 20px; left: 20px;}
.banner-btm-sec .video-sec {padding: 0 50px;}

.title-sec {padding-bottom: 30px;}
.title-sec h1 {font-size: 52px; line-height: 54px;} 
.title-sec h2 {font-size: 40px; line-height: 42px;}
.title-sec p {margin-top: 20px; padding: 0 5%;}

.mes-verd-sec {padding: 60px 0;}
.greener-slide .swiper-container { padding: 0 75px; }
.greener-slide .swiper-button-prev-greener { left: -75px;}
.greener-slide .swiper-button-next-greener { right: 75px;}
.greener-slide .swiper-pagination-bullets {margin-top: 35px;}

.activitats-sec {padding: 60px 0;}
.activitats-cnt {padding-top: 20px;}

.accions-sec {padding: 60px 0 0;}
.accions-cnt {padding: 35px 30px; width: 40%;}
.accions-img { width: 60%; }
.accions-cnt h3 {padding-bottom: 25px;}
.accions-main .veure-mes { margin-top: 20px;}

.noticies-sec {padding: 60px 0 30px;}
.noticies-list ul { row-gap: 25px;}
.noticies-list ul li { flex: 0 1 100%;}
.noticies-main {column-gap: 20px;}
.noticies-main .noticies-img {flex: 0 1 175px;}
.noticies-main .noticies-cnt { flex: 0 1 calc(100% - 195px);}

.bottom-banner { height: 200px; background-size: cover; background-position: right center;}

.butlleti-sec {padding: 40px 0;}
.butlleti-main { row-gap: 20px;}
.butlleti-main > div:first-child { flex: 0 1 100%;}
.butlleti-main > div:last-child { flex: 0 1 100%;}
.subscribe-form .txt-bx { flex: 0 1 100%;}
.subscribe-form .chk-bx { flex: 0 1 100%;}
.butlleti-main > div:last-child{ row-gap: 10px;}
.subscribe-form .chk-bx h4 { width: 100%;}

.bottom-logos-sec {padding: 30px 0;}
.bottom-logos-main { row-gap: 20px;}
.bottom-logos-cnt {flex: 0 1 100%;}
.bottom-logos-img {flex: 0 1 100%;}

/* footer css */
footer {padding: 55px 0 60px;}
.ftr-main {row-gap: 50px;}
.ftr-menu-links { flex: 0 1 26%;}
.ftr-other-links {flex: 0 1 26%;}
.ftr-menu-links ul li a { font-size: 18px;}

/* projecte css */
.inner-banner-cnt .inner-banner-caption h1 { font-size: 58px; line-height: 68px;}
.inner-banner-cnt .inner-banner-caption p { font-size: 30px; line-height: 36px; padding-top: 10px;}
.la-regia-btns { display: flex;}
.les-actuacions-btns { display: flex;}
.la-regia-sec {padding: 60px 0;}
.la-regia-cnt span { font-size: 110px; line-height: 110px;}
.la-regia-cnt p { font-size: 22px; line-height: 26px;}
.la-regia-cnt h4 { font-size: 26px; line-height: 28px;}
.la-regia-cnt h4 span { font-size: 80px; line-height: 80px;}

.viu-green-slide .swiper-container { padding: 0; }
.swiper-btns-viu-green { height: 60px; width: 100%; display: flex; align-items: center; margin-top: 30px; position: relative;}
.viu-green-slide .swiper-nav-viu-green { top: 0px;}
.viu-green-slide .swiper-button-prev-viu-green { left: 0; }
.viu-green-slide .swiper-button-next-viu-green { right: 0; }
.viu-green-slide .swiper-pagination-bullets {margin-top: 0; padding: 0 70px;}
.riera-de-btn { position: relative; top: 0; float: left; width: 100%; margin-top: 20px;}
.riera-de-btn .veure-tots a { width: auto; padding: 0 35px;}
.riera-de-list .title-sec {width: 100%;}
.riera-de-sec {padding: 0 0 60px;}
.viu-verd-sec {padding: 60px 0 0;}
.viu-green-cnt {padding-top: 30px;}

/* actuacions css */
.banner-btm-sec.actuacions-btm-sec { margin-top: -220px;}
.grey-btm-sec .banner-btm-para > p:first-child { flex: 0 1 100%;}
.grey-btm-sec .banner-btm-para > p:last-child { flex: 0 1 100%;}
.actuacions-sec { padding: 60px 0;}
.bottom-banner.right-banner { height: 200px;  background-size: cover; background-position: right center;}
.accions-cnt h3 { font-size: 26px; line-height: 32px; padding-bottom: 20px;}

/* contact css */
.banner-btm-sec.contact-btm-sec { margin-top: -280px;}
.banner-btm-cnt.contact-btm-cnt {padding: 45px 25px 55px; column-gap: 2%;}
.contact-btm-cnt > div { row-gap: 20px;}
.contact-map { height: 500px; background-size: cover;  background-position: center center; }
.contact-map .contact-cont {bottom: 102px;}
.contact-form-main {padding: 50px 55px;}
.contact-form-rgt {padding-left: 60px;}
.contact-form-sec { padding: 20px 0 60px; }
.contact-form .btn-ctr {margin-top: 20px;}

/* noticies main css */
.inner-noticies-main {padding: 60px 0;}
.inner-noticies-top {row-gap: 25px;}
.inner-noticies-lft {flex: 0 1 100%;}
.inner-noticies-rgt { flex: 0 1 100%;}
.inner-noticies-rgt .activitats-tags { padding-top: 20px;}
.inner-noticies-list ul { column-gap: 3%; row-gap: 40px;}
.inner-noticies-list ul li { flex: 0 1 31.33%;}
.inner-noticies-list .mes-noticies {padding-top: 50px;}
.inner-noticies-list { padding: 60px 0 0;}

/* agenda main css */
.calendar-sec .row { padding: 0 15px;}
.month-label { font-size: 42px; line-height: 45px;}
.month-btn { min-width: 50px; width: 50px; height: 50px;}
#prev-month, #next-month { background-size: cover;}
#prev-month:hover, #next-month:hover { background-size: cover;}
.btn-month {gap: 15px;}
.nav-button { min-width: 50px; width: 50px; height: 50px;}
#prev, #next { background-size: cover;}
#prev:hover, #next:hover { background-size: cover;}
.inner-activitats-main {padding: 60px 0;}
.inner-activitats-lft { flex: 0 1 100%;}
.inner-activitats-rgt { flex: 0 1 100%;}
.inner-activitats-rgt .activitats-cnt { padding-top: 0;}
.inner-activitats-rgt .activitats-tags { padding-bottom: 0; padding-top: 20px;}
.inner-activitats-rgt p { padding-top: 0;}
.inner-activitats-list {padding: 40px 0 60px;}
.inner-activitats-list ul { column-gap: 3%; row-gap: 40px;}
.inner-activitats-list ul li { flex: 0 1 31.33%;}

/* noticies inner css */
.noticies-inner-sec {padding: 40px 0 60px;}
.noticies-inner-title {padding: 0 5%;}
.noticies-inner-title h1 { font-size: 42px; line-height: 52px;}
.noticies-inner-para {padding: 0 5%;}
.noticies-inner-content { row-gap: 40px;}
.share-lnks { margin-top: 40px;}
.noticies-inner-list-sec {padding: 40px 0 60px;}
.noticies-inner-main-list .veure-tots a { padding: 0 50px;}
.noticies-inner-para p {padding-bottom: 20px;}

/* agenda inner css */
.activitats-inner-title {margin-bottom: 30px;}
.activitats-inner-pad { row-gap: 15px;}
.activitats-inner-pad .activitats-inner-pad-lft { flex: 0 1 100%; padding-right: 0;}
.activitats-inner-pad .activitats-inner-pad-rgt { flex: 0 1 100%; row-gap: 25px;}
.activitats-inner-pad-rgt .mes-noticies { padding-top: 15px;}
.activitats-inner-pad-rgt .activitats-icons ul { row-gap: 25px;}
.activitats-inner-pad .noticies-inner-content { row-gap: 40px;}
.activitats-inner-pad .noticies-inner-para p { padding-bottom: 15px;}
.activitats-inner-pad .activitats-icons {padding-bottom: 0px;}

}

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

/* header css */
header { height: 68px; border-bottom: 4px solid #E3C7A4;}
header .row { padding: 0 20px;}
.hdr-main { padding: 10px 0;}
.logo-header { width: 160px;}
.top-hdr .logo-vila, .top-hdr .top-rgt-sec, .hdr-main-menu { display: none;}
.top-hdr .m-menu, .top-hdr .mob-search { display: inline-flex;}

/* index css */
.home-slide .swiper-slide { height:400px; background-size:cover; background-position:center center;}
.home-slide .swiper-slide > img { display: none;}
.home-slide .swiper-container-horizontal > .swiper-pagination-bullets { display: none;}
.home-slide .banner-caption { padding: 0 15px;}
.home-slide .banner-caption h1 { font-size: 50px; line-height: 53px; letter-spacing: -1.25px;}
.home-slide .banner-caption p { font-size: 25px; line-height: 28px; letter-spacing: -0.62px; padding-top: 10px;}
.home-slide .swiper-slide::after {height: 150px;}

.banner-btm-sec { margin-top: -100px; }
.banner-btm-cnt {padding: 30px 15px 0;}
.banner-btm-cnt::after { height: 100%;}
.banner-btm-cnt h2 { font-size: 30px; line-height: 35px; padding-bottom: 15px;}
.banner-btm-para { padding-bottom: 30px; row-gap: 15px;}
.banner-btm-para > p { flex: 0 1 100%; font-size: 16px; line-height: 24px; letter-spacing: -0.27px;}
.banner-btm-sec .videoWrapper { height: 100%;}
.banner-btm-sec .videoPoster { background-position: left center;}
.banner-btm-sec .videoPoster::after { width: 60px; height: 60px; background-size: cover; bottom: 15px; left: 15px;}
.banner-btm-sec .video-sec { padding: 0; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;}

.title-sec { padding-bottom: 20px; }
.title-sec h1 { font-size: 46px; line-height: 55px; letter-spacing: -0.43px;}
.title-sec h2 { font-size: 40px; line-height: 43px; letter-spacing: -0.34px;}
.title-sec p { font-size: 14px; line-height: 24px; letter-spacing: -0.15px; padding: 0; margin-top: 15px;}
.veure-tots { width: 100%;}
.veure-tots a { padding: 0 15px; width: 100%;}
.mes-noticies a { width: 100%;}
.mes-noticies a { padding: 0 15px; width: 100%;}

.mes-verd-sec { padding: 50px 0; }
.greener-slide .swiper-container { padding: 0;}
.greener-slide .swiper-nav-greener { top: 0px;}
.greener-slide .swiper-button-prev-greener { left: 0; width: 54px; height: 54px; background-size: cover;}
.greener-slide .swiper-button-next-greener { right: 0; width: 54px; height: 54px; background-size: cover;}
.greener-slide .swiper-button-next-greener:hover { background-size: cover;}
.greener-slide .swiper-button-prev-greener:hover { background-size: cover;}
.greener-slide .swiper-pagination-bullets { margin-top: 0; padding: 0 60px; height: 54px;}
.swiper-btns-greener { height: 54px; width: 100%; display: flex; align-items: center; margin-top: 30px; position: relative;}

.activitats-sec { padding: 50px 0;}
.activitats-slide .activitats-main { padding: 0 15px;}
.activitats-btns { margin-top: 20px; }
.activitats-btns .activitats-lft { order: 2;} 
.activitats-rgt { height: 54px; }
.activitats-cnt {padding-top: 15px;}
.activitats-btns > div { flex: 0 1 100%; justify-content: center; position: relative; }
.activitats-slide .swiper-pagination-bullets { width: 100%; padding: 0 60px;}
.activitats-slide .swiper-nav-activitats { width: 100%; position: absolute;}
.activitats-slide .swiper-button-next-activitats { width: 54px; height: 54px; background-size: cover;}
.activitats-slide .swiper-button-prev-activitats { width: 54px; height: 54px; background-size: cover;}
.activitats-slide .swiper-button-next-activitats:hover { background-size: cover;}
.activitats-slide .swiper-button-prev-activitats:hover { background-size: cover;}
.activitats-img span.arrow-icon { top: 30px; right: 30px;}

.accions-sec { padding: 50px 0;}
.accions-btns { margin-top: 20px; }
.accions-btns .accions-lft { order: 2;} 
.accions-rgt { height: 54px; }
.accions-btns > div { flex: 0 1 100%; justify-content: center; position: relative; }
.accions-slide .swiper-pagination-bullets { width: 100%; padding: 0 60px;}
.accions-slide .swiper-nav-accions { width: 100%; position: absolute;}
.accions-slide .swiper-button-next-accions { width: 54px; height: 54px; background-size: cover;}
.accions-slide .swiper-button-prev-accions { width: 54px; height: 54px; background-size: cover;}
.accions-slide .swiper-button-next-accions:hover { background-size: cover;}
.accions-slide .swiper-button-prev-accions:hover { background-size: cover;}
.accions-cnt {width: 100%; padding: 25px 30px;}
.accions-main { flex-wrap: wrap;}
.accions-img {width: 100%;}
.accions-cnt h3 {padding-bottom: 15px;}
.accions-cnt .veure-mes { padding-top: 20px;}
.accions-img span.arrow-icon { top: 30px; right: 30px; }

.noticies-sec {padding: 20px 0 40px; }
.noticies-sec .title-sec { text-align: center;}
.noticies-list ul { row-gap: 20px;}
.noticies-list ul li { flex: 0 1 100%;}
.noticies-main {column-gap: 15px;}
.noticies-main .noticies-img {flex: 0 1 145px;}
.noticies-main .noticies-cnt { flex: 0 1 calc(100% - 160px);}
.noticies-main .noticies-cnt h3 { font-size: 16px; line-height: 20px;}
.noticies-main .noticies-cnt p { display: none;}
.noticies-list .mes-noticies { display: none;}
.noticies-list .mes-noticies.view-all { display: inline-flex;}
.noticies-img span.arrow-icon { top: 15px; right: 15px; }

.bottom-banner { height: 150px; background-size: cover; background-position: right -20px center;}

.butlleti-sec { padding: 25px 0;}
.butlleti-main h2 { font-size: 22px; line-height: 22px;}
.butlleti-main { row-gap: 15px;}
.butlleti-main > div:first-child {flex: 0 1 100%;}
.butlleti-main > div:last-child {flex: 0 1 100%; row-gap: 10px;}
.subscribe-form .txt-bx {flex: 0 1 100%;}
.subscribe-form .chk-bx {flex: 0 1 100%;}
.subscribe-form .chk-bx h4 { display: none;}
.subscribe-form .txt-bx input[type="text"] { padding: 0 15px; width: calc(100% - 115px); height: 40px; font-size: 16px; font-weight: 700;}
.subscribe-form .txt-bx button { width: 115px; height: 40px; font-size: 16px;}
.chk-box label { font-size: 12px; padding-left: 22px;}

.bottom-logos-main { row-gap: 20px;}
.bottom-logos-cnt {flex: 0 1 100%;}
.bottom-logos-img  {flex: 0 1 100%;}
.bottom-logos-img ul { justify-content: center; row-gap: 20px;}
.bottom-logos-img ul li { flex: 0 1 48%;}

/* footer css */
footer { padding: 30px 0;}
.ftr-addr-links ul li {column-gap: 10px;}
.ftr-btm { row-gap: 30px; align-items: flex-end; column-gap: 4%;}
.ftr-addr-links {flex: 0 1 100%;}
.ftr-addr-links ul li p br { display: none;}
.ftr-menu-links { flex: 0 1 48%;}
.ftr-other-links { flex: 0 1 48%;}
.ftr-other-links ul {row-gap: 5px;}
.ftr-addr-links ul {row-gap: 10px;} 
.ftr-menu-links ul {row-gap: 5px;} 
.ftr-main {row-gap: 30px;}
.ftr-other-links ul li a { font-size: 10px; line-height: 20px; font-weight: 500;}
.ftr-menu-links ul li a { font-size: 16px;}
.ftr-logo img { width: 90px;}
.ftr-logo-vila img { width: 90px;}
.ftr-scl-links ul {column-gap: 10px;}
.ftr-scl-links ul li img { max-height: 15px;}

.accesibilitat-icon, .share-icon { display: none;}

/* projecte css */
.inner-banner-cnt::after {height: 150px;}
.inner-banner-cnt .inner-banner-caption h1 { font-size: 50px; line-height: 53px; letter-spacing: -1.25px;}
.inner-banner-cnt .inner-banner-caption p { font-size: 25px; line-height: 28px; letter-spacing: -0.62px; padding-top: 10px;}
.inner-banner-sec img {height: 400px; object-fit: cover;}
.la-regia-slide { padding-top: 30px;}
.la-regia-sec { padding: 50px 0;}
.la-regia-cnt { min-height: inherit; padding-top: 15px;}
.la-regia-btns { display: flex; margin-top: 20px;}
.les-actuacions-sec { padding: 50px 0;}
.les-actuacions-btns { display: flex; margin-top: 20px;}
.les-actuacions-cnt h3 { min-height: inherit;}
.la-regia-cnt span { font-size: 100px; line-height: 110px;}
.la-regia-cnt h4 { font-size: 30px; line-height: 30px;}
.la-regia-cnt h4 span { font-size: 80px; line-height: 80px;}
.viu-verd-sec .title-sec { text-align: left;}
.viu-green-cnt { padding-top: 20px;}
.viu-green-slide { padding-bottom: 50px;}
.viu-green-cnt h3 { font-size: 32px; line-height: 38px;}

.viu-green-slide .swiper-container { padding: 0;}
.viu-green-slide .swiper-nav-viu-green { top: 0px;}
.viu-green-slide .swiper-button-prev-viu-green { left: 0; width: 54px; height: 54px; background-size: cover;}
.viu-green-slide .swiper-button-next-viu-green { right: 0; width: 54px; height: 54px; background-size: cover;}
.viu-green-slide .swiper-button-next-viu-green:hover { background-size: cover;}
.viu-green-slide .swiper-button-prev-viu-green:hover { background-size: cover;}
.viu-green-slide .swiper-pagination-bullets { margin-top: 0; padding: 0 60px; height: 54px;}
.swiper-btns-viu-green { height: 54px; width: 100%; display: flex; align-items: center; margin-top: 30px; position: relative;}
.riera-de-image { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-top: 25px;}
.riera-de-btn { position: relative; top: 0; float: left; width: 100%; margin-top: 20px;}
.riera-de-btn .veure-tots a { width: auto; padding: 0 30px;}
.riera-de-list .title-sec {width: 100%;}
.riera-de-main { row-gap: 40px;}
.riera-de-sec {padding: 0 0 50px;}
.riera-de-image span.before-text-img, .riera-de-image span.after-text-img { font-size: 14px;}
.viu-verd-sec {padding: 50px 0 0;}

/* actuacions css */
.banner-btm-sec.actuacions-btm-sec { margin-top: -120px;}
.grey-btm-sec .banner-btm-para > p:first-child { flex: 0 1 100%;}
.grey-btm-sec .banner-btm-para > p:last-child { flex: 0 1 100%;}
.actuacions-sec {padding: 50px 0;}
.accions-cnt .accions-count { display: none;}
.accions-img .accions-count { display: block;}
.accions-count h4 { font-weight: 700;}
.bottom-banner.right-banner { background: url("../images/bg-footer.svg") no-repeat scroll center center; height: 150px; background-size: cover; background-position: right -20px center;}
.accions-cnt h3 { font-size: 26px; line-height: 32px; padding-bottom: 15px;} 

/* contact css */
.banner-btm-sec.contact-btm-sec { margin-top: -140px;}
.contact-btm-cnt > div { flex: 0 1 100%; row-gap: 15px;}
.banner-btm-cnt.contact-btm-cnt { row-gap: 15px; padding: 30px 25px}
.contact-btm-cnt .cnt-icon { margin-bottom: 10px;}
.contact-form-sec {padding: 20px 0 50px;}
.contact-form-main { padding: 35px 30px; }
.contact-form-lft { flex: 0 1 100%;}
.contact-form-rgt { flex: 0 1 100%; padding-left: 0px;}
.contact-form .btn-ctr { margin-top: 15px;}
.contact-map { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; height: 500px; background-size: cover;  background-position: center center; }
.contact-map .contact-cont {bottom: 102px;}

/* noticies main css */
.inner-noticies-main { padding: 50px 0; }
.inner-noticies-top { row-gap: 20px;}
.inner-noticies-lft {flex: 0 1 100%;}
.inner-noticies-rgt { flex: 0 1 100%;}
.inner-noticies-rgt .activitats-tags { padding-top: 15px;}
.inner-noticies-list {padding: 50px 0 0;}
.inner-noticies-list ul { column-gap: 3%;}
.inner-noticies-list ul li { flex: 0 1 100%; }
.inner-noticies-list .noticies-main .noticies-cnt p { display: block;}
.inner-noticies-rgt p { font-size: 14px; line-height: 21px; padding-top: 10px;}
.inner-noticies-list .mes-noticies { padding-top: 40px;}
.inner-noticies-rgt h2 { font-weight: 900; letter-spacing: normal; font-size: 18px; line-height: 25px;}
.inner-noticies-list { padding: 20px 0 0; }
.category-list ul { padding: 0 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; column-gap: 25px; justify-content: left;}
.category-list ul li { display: inline-block; white-space: nowrap;}
.category-list { padding-top: 0;}

/* agenda main css */
.inner-activitats-list {padding: 50px 0;}
.inner-activitats-main {padding: 50px 0;}
.inner-activitats-top { row-gap: 25px;}
.inner-activitats-lft { flex: 0 1 100%;}
.inner-activitats-rgt { flex: 0 1 100%;}
.inner-activitats-rgt .activitats-cnt { padding-top: 0;}
.inner-activitats-rgt p { padding-top: 0;}
.inner-activitats-list ul {row-gap: 20px;}
.inner-activitats-list ul li { flex: 0 1 100%;}
.inner-activitats-rgt .activitats-tags { padding-bottom: 0; padding-top: 15px;}
.inner-activitats-rgt h2 { font-size: 24px; line-height: 30px; letter-spacing: -0.22px; padding-bottom: 15px;}
.activitats-cnt h3 br { display: none;}
.inner-activitats-list .mes-noticies.view-all { display: inline-flex; width: 100%; margin-top: 40px;}
.calendar-header {padding-bottom: 30px;}
.month-label { font-size: 40px; line-height: 45px;}
.month-btn { min-width: 40px; width: 40px; height: 40px;}
#prev-month, #next-month { background-size: cover;}
#prev-month:hover, #next-month:hover { background-size: cover;}
.btn-month {gap: 12px;}
.nav-button { min-width: 40px; width: 40px; height: 40px;}
#prev, #next { background-size: cover;}
#prev:hover, #next:hover { background-size: cover;}
.calendar-sec .row { padding: 0 15px;}
.calendar-sec {padding-bottom: 15px;}
.calendar-container { column-gap: 10px;}

/* noticies inner css */
.noticies-inner-title { padding: 0; margin-bottom: 20px;}
.noticies-inner-title h1 { font-size: 38px; line-height: 42px; padding-bottom: 20px;}
.noticies-inner-sec {padding: 20px 0 50px;}
.noticies-inner-para { padding: 0;}
.noticies-inner-para p {padding-bottom: 10px; font-size: 14px; line-height: 22px;}
.noticies-inner-para p span { font-size: 16px; line-height: 24px;}
.noticies-inner-content {row-gap: 30px;}
.noticies-inner-quote { padding: 0 15px;}
.noticies-inner-content .banner-btm-sec .video-sec { padding: 0;}
.share-lnks {margin-top: 40px;}
.noticies-inner-list-sec { padding: 50px 0;}
.noticies-inner-main-list .title-sec h2 span { display: inline-block;}
.noticies-inner-main-list .veure-tots { position: relative; top: 0; float: left; width: 100%; margin-top: 30px;}
.date-tags { column-gap: 20px;}
.quote-box {padding: 20px 25px 20px 65px;}
.quote-box h4 { font-size: 18px; line-height: 28px; font-weight: 700;}

/* agenda inner css */
.activitats-inner-pad { row-gap: 10px;}
.activitats-inner-pad .activitats-inner-pad-lft { flex: 0 1 100%; padding-right: 0;}
.activitats-inner-pad .activitats-inner-pad-rgt { flex: 0 1 100%; row-gap: 20px;}
.activitats-inner-pad-rgt .mes-noticies { padding-top: 10px;}
.activitats-inner-pad-rgt .activitats-icons ul { row-gap: 20px;}
.activitats-inner-pad .noticies-inner-content { row-gap: 30px;}
.activitats-inner-pad .noticies-inner-para p { padding-bottom: 10px;}
.activitats-inner-pad .activitats-icons {padding-bottom: 0px;}

.breadcrum ul { padding: 15px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;  overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; column-gap: 20px;}
.breadcrum ul li { white-space: nowrap;}
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.month-label { font-size: 30px; line-height: 35px;}
.calendar-header { padding-bottom: 30px; flex-wrap: wrap; justify-content: space-between; row-gap: 20px;}
.btn-month { gap: 12px;  flex: 0 1 auto; justify-content: center; order: 2;}
.calendar-header > div:nth-child(2) { flex: 0 1 100%; text-align: center;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

/* index css */
.home-slide .banner-caption h1 { font-size: 45px; line-height: 45px;}
.noticies-main .noticies-img {flex: 0 1 125px; min-height: 145px;}
.noticies-main .noticies-cnt { flex: 0 1 calc(100% - 140px);}
.bottom-logos-img ul li:first-child { flex: 0 1 300px;}

.title-sec h2 { font-size: 32px; line-height: 38px;}
.riera-de-list .title-sec p { margin-top: 15px;}
.noticies-inner-main-list .title-sec h2 { font-size: 28px; line-height: 32px;}
.noticies-inner-title h1 { font-size: 32px; line-height: 38px;}

}

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

/* footer css */
.ftr-logo img { width: 70px;}
.ftr-logo-vila img { width: 70px;}

.inner-banner-cnt .inner-banner-caption h1 { font-size: 48px; line-height: 55px;}
.inner-banner-cnt .inner-banner-caption p { font-size: 28px; line-height: 32px;}

}