body { padding:0px; margin:0px; background:#FFFFFF; font-size:18px; color:#000000; line-height:26px; font-family: 'arboria', sans-serif; font-weight: 400; font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none; outline:none; }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:20px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
strong {font-weight: 700;}
/*a:hover { color: #979796; }*/
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1172px; margin:auto; padding:0px;}
.row1 { width:1020px; margin:auto; padding:0px;}
.row2 { width:1050px; margin:auto; padding:0px;}

/* header css */
header { float: left; width: 100%; background: #FFFFFF; position: relative; z-index: 999;}
header .row { width: 100%; padding: 0 4%;}
.hdr-main { float: left; width: 100%; padding: 20px 0 25px;}
.top-hdr { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.logo-vila { float: left; width: auto;}
.logo-vila img { float: left; width: auto;}
.logo-header { float: left; width: auto;}
.logo-header img { float: left; width: auto;}
.top-rgt-sec { float: left; width: auto;}
.language-select { float: left; width: auto;}
.language-select ul { float: left; width: auto; display: flex; align-items: center; column-gap: 10px;}
.language-select ul li { flex: 0 1 auto;}
.language-select ul li a { display: inline-flex; align-items: center; justify-content: center; height: 27px; font-weight: 700; padding: 0 15px; border-radius: 5px; border: 1px solid rgba(123, 106, 88, 0.30); color: #7B6A58; font-size: 12px; line-height: 18px; letter-spacing: -0.22px; transition: all 0.5s ease;}
.language-select ul li a.active { background: #7B6A58; color: #FFFFFF;}
.language-select ul li a:hover { background: #7B6A58; color: #FFFFFF;}
.hdr-main-menu { float: left; width: 100%; background: #E3C7A4;}
.hdr-main-menu ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 30px;}
.hdr-main-menu ul li { flex: 0 1 auto;}
.hdr-main-menu ul li a { float: left; width: auto; font-weight: 900; border-bottom: 3px solid #E3C7A4; color: #7B6A58; padding: 15px 0; font-size: 19px; line-height: 24px; letter-spacing: -0.17px; transition:all .5s ease;}
.hdr-main-menu ul li a.active { color: #4E4438; border-bottom: 3px solid #4E4438;}
.hdr-main-menu ul li a:hover { color: #4E4438; border-bottom: 3px solid #4E4438;}

/* home banner section css */
.home-banner-sec { float: left; width: 100%;}
.home-slide { float: left; width: 100%; position: relative;}
.home-slide .swiper-slide { float: left; width: 100%; position: relative;}
.home-slide .swiper-slide::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 395px;
background: rgba(251,247,241,0);
background: -moz-linear-gradient(top, rgba(251,247,241,0) 0%, rgba(251,247,241,0.92) 97%, rgba(251,247,241,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,247,241,0)), color-stop(97%, rgba(251,247,241,0.92)), color-stop(100%, rgba(251,247,241,1)));
background: -webkit-linear-gradient(top, rgba(251,247,241,0) 0%, rgba(251,247,241,0.92) 97%, rgba(251,247,241,1) 100%);
background: -o-linear-gradient(top, rgba(251,247,241,0) 0%, rgba(251,247,241,0.92) 97%, rgba(251,247,241,1) 100%);
background: -ms-linear-gradient(top, rgba(251,247,241,0) 0%, rgba(251,247,241,0.92) 97%, rgba(251,247,241,1) 100%);
background: linear-gradient(to bottom, rgba(251,247,241,0) 0%, rgba(251,247,241,0.92) 97%, rgba(251,247,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7f1', endColorstr='#fbf7f1', GradientType=0 ); }
.home-slide .banner-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 1;}
.home-slide .banner-caption h1 { font-weight: 900; color: #FFFFFF; font-size: 70px; line-height: 80px; letter-spacing: -1.75px;}
.home-slide .banner-caption p { font-weight: 400; color: #FFFFFF; font-size: 35px; line-height: 40px; letter-spacing: -0.88px; padding-top: 15px;}
.home-slide .swiper-container-horizontal > .swiper-pagination-bullets { flex-direction: row-reverse; width: auto; right: 20px; left: auto; bottom: auto; top: 25%; writing-mode: sideways-lr; column-gap: 8px; text-align: right; position: absolute; display: inline-flex; justify-content: right; align-items: center; z-index: 9;}
.home-slide .swiper-pagination-bullet { width:8px; height:8px; background:#FFFFFF; border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.home-slide .swiper-pagination-bullet-active { height: 50px; background:#FFFFFF; box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}

.banner-btm-sec { float: left; width: 100%; margin-top: -368px; position: relative;}
.banner-btm-sec::after { position: absolute; content: ""; bottom: 0; left: 0; background: rgba(227, 199, 199, 0.15); width: 100%; height: 100%; z-index: -1;}
.banner-btm-cnt { float: left; width: 100%; padding: 55px 65px 0; position: relative; z-index: 1;}
.banner-btm-cnt::after { position: absolute; content: ""; background: #7B6A58; border-radius: 4px; top: 0; left: 0; width: 100%; height: 62%; z-index: -1;}
.banner-btm-cnt h2 { float: left; width: 100%; font-weight: 900; color: #FFFFFF; font-size: 25px; line-height: 32px; padding-bottom: 20px;}
.banner-btm-para { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; padding-bottom: 60px;}
.banner-btm-para > p { flex: 0 1 46%; font-weight: 400; color: #FFFFFF; font-size: 18px; line-height: 28px; letter-spacing: -0.3px;}
.banner-btm-para p strong { font-weight: 700;}
.banner-btm-para p span { color: #74BE94; font-weight: 700;}
.banner-btm-sec .video-sec { float: left; width: 100%; padding: 0 80px; }
.banner-btm-sec .video-img { float: left; width: 100%; border-radius: 4px; overflow: hidden;}
.banner-btm-sec .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.banner-btm-sec .videoWrapper43 { padding-top: 75%;}
.banner-btm-sec .videoWrapper169 { padding-top: 56%;}
.banner-btm-sec .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.banner-btm-sec .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.banner-btm-sec .videoPoster:after { content: '';position: absolute; bottom: 30px; left: 30px; width: 116px; height: 116px; background:url(../images/video-play.svg) no-repeat scroll center center; }
.banner-btm-sec .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

/* common css */
.title-sec { float: left; width: 100%; text-align: center; padding-bottom: 40px;}
.title-sec h1 { float: left; width: 100%;  color: #4E4438; font-size: 60px; line-height: 55px; letter-spacing: -0.51px; font-weight: 900;}
.title-sec h2 { float: left; width: 100%; color: #4E4438; font-size: 50px; line-height: 55px; letter-spacing: -0.43px; font-weight: 900;}
.title-sec p { float: left; width: 100%; text-align: left; padding: 0 10%; font-weight: 400; color: #4E4438; margin-top: 30px; font-size: 16px; line-height: 26px; letter-spacing: -0.4px;}
.title-sec p strong { font-weight: 700;}

.veure-tots { float: left; width: auto;}
.veure-tots a { display: inline-flex; align-items: center; justify-content: center; padding: 0 55px; height: 54px; border-radius: 4px; background: #74BE94; font-weight: 900; color: #FFFFFF; font-size: 20px; letter-spacing: -0.17px; transition: all 0.5s ease;}
.veure-tots a:hover {background:#7B6A58;}
.veure-mes { float: left; width: auto;}
.veure-mes a { display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; height: 54px; border-radius: 4px; border: 1px solid #74BE94; background: #FFFFFF; font-weight: 900; color: #74BE94; font-size: 20px; letter-spacing: -0.17px; transition: all 0.5s ease;}
.veure-mes a:hover {background:#74BE94; color: #FFFFFF;}
.mes-noticies { float: left; width: auto;}
.mes-noticies a { display: inline-flex; align-items: center; justify-content: center; padding: 0 80px; height: 54px; border-radius: 4px; background: #74BE94; font-weight: 900; color: #FFFFFF; font-size: 20px; letter-spacing: -0.17px; transition: all 0.5s ease;}
.mes-noticies a:hover {background:#7B6A58;}
.mes-noticies.view-all { display: none;}

/* mes verd section css*/
.mes-verd-sec { float: left; width: 100%; background: rgba(227, 199, 199, 0.15); padding: 95px 0;}
.greener-slide { float: left; width: 100%;}
.greener-slide .swiper-container { padding: 0 100px;}
.greener-main { float: left; width: 100%; text-align: center; position: relative;}
.greener-main::after { position: absolute; content: ""; background: url("../images/logo-transparent.svg") no-repeat scroll center center; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 123px; height: 120px; z-index: -1;}
.greener-icon { float: left; width: 100%; text-align: center;}
.greener-icon img { float: none; display: inline-block; height: 70px;}
.greener-cnt { float: left; width: 100%; padding-top: 25px;}
.greener-cnt h3 { float: left; width: 100%; font-weight: 900; color: #74BE94; font-size: 20px; line-height: 26px; letter-spacing: -0.17px; padding-bottom: 15px;}
.greener-cnt p { float: left; width: 100%; font-weight: 400; color: #666666; font-size: 16px; line-height: 24px; letter-spacing: -0.14px;}
.greener-slide .swiper-nav-greener { position: absolute; top: 20%; width: 100%; z-index: 9;}
.greener-slide .swiper-button-prev-greener {border-radius: 100%; cursor: pointer; position: absolute; left:-100px; background: url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; width:60px; height:60px;}
.greener-slide .swiper-button-next-greener {border-radius: 100%; cursor: pointer; position: absolute; right:100px; background:url(../images/slider-arrw-lft-brown.svg) center center no-repeat; width:60px; height:60px;}
.greener-slide .swiper-button-prev-greener:hover{ background:url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
.greener-slide .swiper-button-next-greener:hover {background:url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}
.greener-slide .swiper-pagination-bullets { bottom: 0; margin-top: 45px; width: 100%; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.greener-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(123, 106, 88, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.greener-slide .swiper-pagination-bullet-active { width: 50px; background:#7B6A58;}

/* activitats section css */
.activitats-sec { float: left; width: 100%; padding: 80px 0 90px; background: #FFFFFF;}
.activitats-slide { float: left; width: 100%;}
.activitats-slide .swiper-slide { height: auto;}
.activitats-main { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; height: 100%;}
.activitats-img { float: left; width: 100%; border-radius: 4px; position: relative; overflow: hidden;}
.activitats-img a { float: left; width: 100%; position: relative; overflow: hidden;}
.activitats-img img { float: left; width: 100%; transition:all .5s ease;}
.activitats-img a::after { position: absolute; content: ""; background: url("../images/bg-black-gradient.svg") no-repeat scroll top right; top: 0; right: 0; width: 100%; height: 100%;}
.activitats-main:hover .activitats-img img { transform: scale(1.03);}
.activitats-date { position: absolute; left: 0; bottom: 30px; background: #74BE94; border-radius: 0 4px 4px 0;}
.activitats-date h4 { padding: 12px 30px 12px 20px; color: #FFFFFF; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: -0.14px;}
.activitats-img span.arrow-icon { background: url("../images/arrow-go.svg") no-repeat scroll top right; position: absolute; top: 40px; right: 40px; width: 21px; height: 21px; z-index: 1;}
.activitats-cnt { float: left; width: 100%; padding-top: 25px; flex-grow: 1; display: flex; flex-wrap: wrap; flex-direction: column;}
.activitats-cnt h3 { float: left; width: 100%; color: #4E4438; font-size: 20px; line-height: 26px; letter-spacing: -0.22px; font-weight: 900; padding-bottom: 20px; transition:all .5s ease;}
.activitats-icons { float: left; width: 100%; padding-bottom: 20px; flex-grow: 1;}
.activitats-icons ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px;}
.activitats-icons ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; color: rgba(78, 68, 56, 0.80); font-weight: 400; font-size: 14px; line-height: 21px;}
.activitats-icons ul li span { min-width: 18px;}
.activitats-icons ul li span.cal-icon { background: url("../images/calendar.svg") no-repeat scroll left top; width: 15px; height: 17px; display: inline-block;}
.activitats-icons ul li span.tme-icon { background: url("../images/clock.svg") no-repeat scroll left top; width: 15px; height: 15px; display: inline-block;}
.activitats-icons ul li span.loc-icon { background: url("../images/location.svg") no-repeat scroll left top; width: 12px; height: 15px; display: inline-block;}
.activitats-main:hover .activitats-cnt h3 { color: #74BE94;}
.activitats-tags { float: left; width: 100%;}
.activitats-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px;}
.activitats-tags li { flex: 0 1 auto; display: inline-flex; align-items: center; justify-content: center; height: 27px; font-weight: 700; padding: 0 15px; border-radius: 5px; border: 1px solid rgba(123, 106, 88, 0.30); color: #7B6A58; font-size: 12px; line-height: 18px; letter-spacing: -0.22px;}
.activitats-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 30px; margin-top: 40px;}
.activitats-btns > div { flex: 0 1 auto;}
.activitats-rgt { display: flex; height: 60px; column-gap: 50px;}
.activitats-slide .swiper-nav-activitats { position: relative; top: 0; width: 130px; right: 0; }
.activitats-slide .swiper-button-prev-activitats { cursor: pointer; position: absolute; left:0px; background:url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; width:60px; height:60px;}
.activitats-slide .swiper-button-next-activitats { cursor: pointer; position: absolute; right:0px; background:url(../images/slider-arrw-lft-brown.svg) center center no-repeat; width:60px; height:60px;}
.activitats-slide .swiper-button-prev-activitats:hover{ background:url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
.activitats-slide .swiper-button-next-activitats:hover {background:url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}
.activitats-slide .swiper-pagination-bullets { width: auto; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.activitats-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(123, 106, 88, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.activitats-slide .swiper-pagination-bullet-active { width: 50px; background:#7B6A58;}

/* accions section css */
.accions-sec { float: left; width: 100%; background: #E3C7A4 url("../images/bg-accions.png") no-repeat scroll top left; background-size: cover; padding: 80px 0 0; overflow: hidden; position: relative; z-index: 1;}
.accions-sec::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 500px; z-index: -1;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
.accions-slide { float: left; width: 100%;}
.accions-main { float: left; width: 100%; display: flex; background: #FFFFFF; border-radius: 10px; overflow: hidden;}
.accions-img { width: 70%; position: relative;}
.accions-img a { float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.accions-img span.arrow-icon { z-index: 1; background: url("../images/arrow-go.svg") no-repeat scroll top right; position: absolute; top: 40px; right: 40px; width: 21px; height: 21px;}
.accions-img a::after { position: absolute; content: ""; background: url("../images/bg-black-gradient.svg") no-repeat scroll top right; top: 0; right: 0; width: 100%; height: 161px;}
.accions-img img { float: left; width: 100%; height: 100%; object-fit: cover;}
.accions-cnt { width: 30%; padding: 40px 60px 40px 40px; display: flex; flex-wrap: wrap; flex-direction: column;}
.accions-cnt h3 { float: left; width: 100%; color: #74BE94; font-weight: 900; font-size: 30px; line-height: 35px; letter-spacing: -0.26px; padding-bottom: 35px; transition: all 0.5s ease;}
.accions-cnt p { float: left; width: 100%; flex-grow: 1; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: normal;}
.accions-main:hover .accions-cnt h3 { color: #7B6A58;}
.accions-main:hover .veure-mes a {background:#74BE94; color: #FFFFFF;}
.accions-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 30px; margin-top: 40px;}
.accions-btns > div { flex: 0 1 auto;}
.accions-rgt { display: flex; height: 60px; column-gap: 50px;}
.accions-slide .swiper-nav-accions { position: relative; top: 0; width: 130px; right: 0; }
.accions-slide .swiper-button-prev-accions { cursor: pointer; position: absolute; left:0px; background:url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; width:60px; height:60px;}
.accions-slide .swiper-button-next-accions { cursor: pointer; position: absolute; right:0px; background:url(../images/slider-arrw-lft-brown.svg) center center no-repeat; width:60px; height:60px;}
.accions-slide .swiper-button-prev-accions:hover{ background:url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
.accions-slide .swiper-button-next-accions:hover {background:url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}
.accions-slide .swiper-pagination-bullets { width: auto; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.accions-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(123, 106, 88, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.accions-slide .swiper-pagination-bullet-active { width: 50px; background:#7B6A58;}

/* noticies section css */
.noticies-sec { float: left; width: 100%; padding: 80px 0 60px; position: relative; z-index: 1;}
.noticies-sec .title-sec { text-align: left;}
.noticies-list { float: left; width: 100%;}
.noticies-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 35px; column-gap: 3%;}
.noticies-list ul li { flex: 0 1 48.5%;}
.noticies-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}
.noticies-main .noticies-img { flex: 0 1 195px; border-radius: 4px; overflow: hidden; position: relative;}
.noticies-main .noticies-img img { float: left; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}
.noticies-main:hover .noticies-img img { transform: scale(1.03);}
.noticies-img span.arrow-icon { z-index: 1; background: url("../images/arrow-go-small.svg") no-repeat scroll top right; position: absolute; top: 25px; right: 25px; width: 13px; height: 13px;}
.noticies-img::after { position: absolute; content: ""; background: url("../images/bg-black-gradient.svg") no-repeat scroll top right; top: 0; right: 0; width: 100%; height: 101px;}
.noticies-main .noticies-cnt { flex: 0 1 calc(100% - 225px); display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.noticies-main .noticies-cnt h3 { float: left; width: 100%; font-weight: 700; color: #4E4438; font-size: 22px; line-height: 28px; letter-spacing: -0.1px; transition: all 0.5s ease;}
.noticies-main .noticies-cnt p { float: left; width: 100%; flex-grow: 1; font-weight: 400; color: #4E4438; font-size: 14px; line-height: 21px; padding-top: 10px;}
.noticies-date { float: left; width: 100%; padding-top: 20px;}
.noticies-main:hover .noticies-cnt h3 { color: #7B6A58;}
.noticies-date h4 { float: left; width: auto; padding: 6px 15px; border-radius: 0 4px 4px 0; background: #74BE94; color: #FFFFFF; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: -0.14px;}
.noticies-sec .mes-noticies { width: 100%; margin-top: 30px;}

/* bottom banner section css */
.bottom-banner { float: left; width: 100%; height: 309px; background: url("../images/bg-footer.svg") no-repeat scroll center center; position: relative; }
.bottom-banner::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.20; z-index: -1;
background: rgba(239,239,239,0);
background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,0)), color-stop(100%, rgba(221,221,221,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd', GradientType=0 ); }
.bottom-banner.right-banner { background: url("../images/bg-footer-right.svg") no-repeat scroll center center; }
.bottom-banner.right-banner::after { background: rgba(221, 221, 221,0.50); opacity: 1;}
.bottom-banner.right-banner.no-bg::after { opacity: 0.20; 
background: rgba(239,239,239,0);
background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,0)), color-stop(100%, rgba(221,221,221,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,0) 0%, rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd', GradientType=0 );}

/* butlleti section css */
.butlleti-sec { float: left; width: 100%; background: #74BE94; padding: 50px 0;}
.butlleti-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 5%;}
.butlleti-main > div:first-child { flex: 0 1 12%;}
.butlleti-main > div:last-child { flex: 0 1 calc(100% - 18%); display: flex; flex-wrap: wrap; column-gap: 4%; align-items: center;}
.butlleti-main h2 { font-weight: 900; color: #4E4438; font-size: 30px; line-height: 32px;}
.subscribe-form { float: left; width: 100%;}
.subscribe-form .txt-bx { flex: 0 1 58%; position: relative;}
.subscribe-form .txt-bx input[type="text"] { font-family: 'arboria', sans-serif; background: #4E4438; border: none; width: calc(100% - 235px); height: 54px; color: #FFFFFF; font-size: 20px; line-height: 21px; letter-spacing: -0.17px; font-weight: 900; display: flex; align-items: center; padding: 0 20px; border-radius: 4px 0 0 4px;}
.subscribe-form .txt-bx button { font-family: 'arboria', sans-serif; position: absolute; right: 0; top: 0; border: none; background: #E3C7A4; color: #4E4438; font-weight: 900; width: 235px; height: 54px; border-radius: 0 4px 4px 0; display: flex; align-items: center; justify-content: center; font-size: 20px; letter-spacing: -0.17px; padding: 0 15px; cursor: pointer; transition:all .5s ease;}
.subscribe-form .txt-bx button:hover { background: #7B6A58; color: #FFFFFF;}
.subscribe-form .chk-bx { flex: 0 1 calc(100% - 62%); display: flex; flex-wrap: wrap; row-gap: 5px;}
.subscribe-form .chk-bx h4 { color: #4E4438; font-size: 14px; line-height: 21px; font-weight: 500;}
.chk-box input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.chk-box label { font-family: 'arboria', sans-serif; color: #4E4438; cursor: pointer; font-size: 14px; font-weight: 500; padding-bottom: 0px; padding-left: 25px; position: relative; float: none; display: inline-block; width: auto; line-height: 16px; margin-bottom: 0px; text-align: left;}
.chk-box label a { font-family: 'arboria', sans-serif; font-weight: 900; transition: all 0.5s ease;}
.chk-box label a:hover { color: #E3C7A4;}
.chk-box label::before { content: "";height: 16px; left: 0px;position: absolute; border-radius: 3px; top: 0px;transition: all 0.3s ease-in-out 0s;width: 16px; z-index: 9; }
.chk-box label::after { background:  #EDE6DD; border: 1px solid #E3C7A4; content: ""; height: 16px; left: 0; position: absolute; top: 0px; width: 16px; border-radius:3px;}
.chk-box input:checked + label::before {background: #7B6A58; border: 1px solid #E3C7A4;}

/* bottom logos section css */
.bottom-logos-sec { float: left; width: 100%; background: #FFFFFF; padding: 35px 0;}
.bottom-logos-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 8%;}
.bottom-logos-cnt { flex: 0 1 32%;}
.bottom-logos-img { flex: 0 1 60%;}
.bottom-logos-cnt p { float: left; width: 100%; font-weight: 400; color: #000000; font-size: 12px; line-height: 20px;}
.bottom-logos-img ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; column-gap: 4%;}
.bottom-logos-img ul li { flex: 0 1 29.33%;}
.bottom-logos-img ul li img { float: left; width: 100%;}

/* footer css */
footer { float: left; width: 100%; padding: 65px 0 100px;
background: rgba(78,68,56,1);
background: -moz-linear-gradient(45deg, rgba(78,68,56,1) 0%, rgba(35,31,32,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(78,68,56,1)), color-stop(100%, rgba(35,31,32,1)));
background: -webkit-linear-gradient(45deg, rgba(78,68,56,1) 0%, rgba(35,31,32,1) 100%);
background: -o-linear-gradient(45deg, rgba(78,68,56,1) 0%, rgba(35,31,32,1) 100%);
background: -ms-linear-gradient(45deg, rgba(78,68,56,1) 0%, rgba(35,31,32,1) 100%);
background: linear-gradient(45deg, rgba(78,68,56,1) 0%, rgba(35,31,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4438', endColorstr='#231f20', GradientType=1 ); }
.ftr-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 70px;}
.ftr-main > div { flex: 0 1 100%;}
.ftr-top { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.ftr-logo { float: left; width: auto;}
.ftr-logo img { float: left; width: auto;}
.ftr-logo-vila { float: left; width: auto;}
.ftr-logo-vila img { float: left; width: auto;}
.ftr-scl-links { float: left; width: auto;}
.ftr-scl-links ul { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px;}
.ftr-scl-links ul li { flex: 0 1 auto;}
.ftr-scl-links ul li img { float: left; width: auto; transition: all 0.5s ease;}
.ftr-scl-links ul li:hover img { opacity: 0.7;}
.ftr-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.ftr-addr-links { flex: 0 1 34%; float: left; width: 100%;}
.ftr-menu-links { flex: 0 1 28%; float: left; width: 100%;}
.ftr-other-links { flex: 0 1 16%; float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-addr-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.ftr-addr-links ul li { flex: 0 1 100%; display: flex; column-gap: 20px;}
.ftr-addr-links ul li span { min-width: 18px; position: relative; top: 5px;}
.ftr-addr-links ul li span.ftr-loc { background: url("../images/location.svg") no-repeat scroll left top; width: 12px; height: 15px; display: inline-block;}
.ftr-addr-links ul li span.ftr-call { background: url("../images/phone-call.svg") no-repeat scroll left top; width: 15px; height: 15px; display: inline-block;}
.ftr-addr-links ul li span.ftr-mail { background: url("../images/mail.svg") no-repeat scroll left top; width: 16px; height: 15px; display: inline-block;}
.ftr-addr-links ul li p { float: left; width: 100%; color: #FFFFFF; font-size: 15px; line-height: 20px;}
.ftr-addr-links ul li p a { color: #FFFFFF; transition: all 0.5s ease;}
.ftr-addr-links ul li p a:hover { color: #74BE94;}
.ftr-menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-menu-links ul li { flex: 0 1 100%;}
.ftr-menu-links ul li a { float: left; width: auto; font-weight: 700; color: #FFFFFF; font-size: 20px; line-height: 22px; letter-spacing: -0.18px; transition: all 0.5s ease;}
.ftr-menu-links ul li a:hover { color: #74BE94;}
.ftr-other-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-other-links ul li { flex: 0 1 100%;}
.ftr-other-links ul li a { float: left; width: auto; font-weight: 700; color: #FFFFFF; font-size: 12px; line-height: 22px; letter-spacing: 0px; transition: all 0.5s ease;}
.ftr-other-links ul li a:hover { color: #74BE94;}
.copy-rights { float: left; width: 100%;}
.copy-rights p { float: left; width: 100%; font-weight: 400; color: rgba(255,255,255,0.50); font-size: 12px; line-height: 22px;}

/* right fixed css */
.accesibilitat-icon { position: fixed; right: 0; top: 230px; z-index: 9;}
.accesibilitat-icon a { background: #74BE94; width: 60px; height: 50px; display: inline-flex; flex-wrap: wrap; justify-content: center; border-radius: 50px 0 0 50px; transition: all 0.5s ease;}
.accesibilitat-icon a:hover { background: #7B6A58;}
.share-icon { position: fixed; right: 0; top: 295px; z-index: 9;}
.share-icon a { background: #74BE94; width: 60px; height: 50px; display: inline-flex; flex-wrap: wrap; justify-content: center; border-radius: 50px 0 0 50px; transition: all 0.5s ease;}
.share-icon a:hover { background: #7B6A58;}

/* mobile menu css starts */
body.over { overflow: hidden; }
.mobile-menu{ position:fixed; top:68px; width:100%; z-index: 99999; background:#E3C7A4; height:calc(100vh - 68px); overflow:auto; padding:32px 20px; opacity: 0; visibility: hidden; transition: all 0.4s ease; } 
.m-menu img { width: 20px;}
.mobile-menu .row { padding: 0;}
.mobile-menu .mob-main { float:left; width:100%; display: flex; flex-wrap: wrap; row-gap: 40px;}
.mobile-menu .logo { float:left; padding:20px; width:100%;}
.mobile-menu .logo img { float:left; background: none; background: #ffffff;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left; padding: 0 0 75px 0; height:100%;}
.m-menu {position: relative; right: 0px; display:none; width: 20px; height: 14px; top:0px;  margin: 0px 0 0 0; -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; margin-right: 0;}
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #303135; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background:#74BE94; }

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { width: 80%; top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px;  background: #303135;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #303135; }

.mob-search { display:none; float: right; width: auto; position: relative; top: 0;}
.mob-search button { padding: 0; cursor: pointer; border: none; background: url("../images/ico-cercar-blk.svg") no-repeat top right; width: 16px; height: 16px; background-size: cover; position: relative; right: auto; top: 0; transform: none;}
.mobile-search { transition: all 0.4s ease; float:left; position:fixed; top:60px; background:#74BE94; width:100%; padding:12px 0px 16px; opacity:0; visibility:hidden; text-align: center; z-index: 99;}
.mobile-frm-field { float:none; display: inline-block; width:80%; background: #fff; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; border-radius: 50px; height: 42px; line-height: 42px; padding: 0 12px; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; border: 0px solid #ddd;}
.mobile-search input[type="text"] { font-family: 'arboria', sans-serif; border:none; background:none; line-height:35px; width:100%; padding:0 0 0 10px; height:auto; color:#303135; font-size:15px; margin-top:0px; }
.mobile-search input[type="submit"] { float:right; border:none; width:16px; height:16px; background:url(../images/header-search.svg) no-repeat 0 0; cursor:pointer; margin:12px 10px 0 0; background-size:100%;}
.mobile-search a.close { background: #fff; float:none; display: inline-flex; align-items: center; justify-content: center; margin:8px 10px 6px 10px; border-radius: 50px; width: 30px; height: 30px; text-align: center; line-height: 32px; border: 1px solid #ffffff;}
.mobile-search a.close img { width:13px;}
.mobile-search.slow { opacity: 1; visibility: visible; }

.mob-top-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 15px; row-gap: 10px;}

.mob-menu-links { float: left; width: 100%;}
.mob-menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.mob-menu-links ul li { flex: 0 1 100%; position:relative;}
.mob-menu-links ul li a { float:left; width: auto; font-weight: 900; color: #7B6A58; font-family: 'arboria', sans-serif; font-size: 30px; line-height: 40px; letter-spacing: -0.27px; padding:0; text-align:left; transition: all 0.4s ease;}
.mob-menu-links ul li a:hover { color: #4E4438;}
.mob-menu-links ul li a.active { color: #4E4438;}

.mob-scl-links { float: left; width: 100%; margin-top: 15px;}
.mob-scl-links ul { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px;}
.mob-scl-links ul li { flex: 0 1 auto;}
.mob-scl-links ul li img { float: left; width: auto; transition: all 0.5s ease;}
.mob-scl-links ul li:hover img { opacity: 0.7;}

/* mobile menu css ends */

/* inner banner css */
.inner-banner-sec { float: left; width: 100%; position: relative;}
.inner-banner-sec img { float: left; width: 100%;}
.inner-banner-cnt { float: left; width: 100%; position: relative;}
.inner-banner-cnt::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 395px;
background: rgba(128,188,155,0);
background: -moz-linear-gradient(top, rgba(128,188,155,0) 0%, rgba(128,188,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(128,188,155,0)), color-stop(100%, rgba(128,188,155,1)));
background: -webkit-linear-gradient(top, rgba(128,188,155,0) 0%, rgba(128,188,155,1) 100%);
background: -o-linear-gradient(top, rgba(128,188,155,0) 0%, rgba(128,188,155,1) 100%);
background: -ms-linear-gradient(top, rgba(128,188,155,0) 0%, rgba(128,188,155,1) 100%);
background: linear-gradient(to bottom, rgba(128,188,155,0) 0%, rgba(128,188,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bc9b', endColorstr='#80bc9b', GradientType=0 ); }
.inner-banner-cnt .inner-banner-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 1;}
.inner-banner-cnt .inner-banner-caption h1 { font-weight: 900; color: #FFFFFF; font-size: 70px; line-height: 80px; letter-spacing: -1.75px;}
.inner-banner-cnt .inner-banner-caption p { font-weight: 400; color: #FFFFFF; font-size: 35px; line-height: 40px; letter-spacing: -0.88px; padding-top: 15px;}

/* inner breadcrum css */
.breadcrum { float: left; width: 100%;}
.breadcrum .row { width: 100%; padding: 0 4%;}
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 25px; padding: 22px 0;}
.breadcrum ul li { flex: 0 1 auto; color: rgba(123,106,88,0.50); font-size: 12px; line-height: 18px;}
.breadcrum ul li a { color: #7B6A58; font-size: 12px; line-height: 18px; font-weight: 500; transition: all 0.5s ease;}
.breadcrum ul li a:hover { opacity: 0.5;}
.inner-banner-sec .breadcrum { position: absolute; padding: 0 4%; top: 0; left: 0; z-index: 9; }
.inner-banner-sec .breadcrum ul li { color: rgba(255, 255, 255, 0.50);}
.inner-banner-sec .breadcrum ul li a { color: #FFFFFF; }

/* inner banner bottom cnt css */
.banner-btm-sec.actuacions-btm-sec { margin-top: -520px;}
.banner-btm-sec.inner-btm-sec::after {background: rgb(128, 188, 155); z-index: -1;}
.banner-btm-cnt.inner-btm-cnt { border-radius: 4px;
background: rgba(123,106,88,1);
background: -moz-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(123,106,88,1)), color-stop(100%, rgba(78,68,56,1)));
background: -webkit-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -o-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -ms-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: linear-gradient(to bottom, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b6a58', endColorstr='#4e4438', GradientType=0 );}
.banner-btm-cnt.inner-btm-cnt::after { content: none;}
.banner-btm-sec.grey-btm-sec::after {background: rgba(221, 221, 221,0.50);}
.banner-btm-cnt.grey-btm-sec { border-radius: 4px;
background: rgba(123,106,88,1);
background: -moz-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(123,106,88,1)), color-stop(100%, rgba(78,68,56,1)));
background: -webkit-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -o-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: -ms-linear-gradient(top, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
background: linear-gradient(to bottom, rgba(123,106,88,1) 0%, rgba(78,68,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b6a58', endColorstr='#4e4438', GradientType=0 );}
.banner-btm-cnt.grey-btm-sec::after { content: none;}
.grey-btm-sec .banner-btm-para > p:first-child { flex: 0 1 42%;}
.grey-btm-sec .banner-btm-para > p:last-child { flex: 0 1 50%;}
.inner-banner-cnt.grey-inner-cnt::after {
background: rgba(238,238,238,0);
background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,0)), color-stop(100%, rgba(238,238,238,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0 );}

/* la regia css */
.la-regia-sec { float: left; width: 100%; background: #80BC9B; padding: 100px 0 110px;}
.la-regia-sec .title-sec h2 { color: #FFFFFF;}
.la-regia-sec .title-sec p { color: #FFFFFF;}
.la-regia-sec .title-sec p:last-child { margin-top: 0;}
.la-regia-slide { float: left; width: 100%; padding-top: 60px;}
.la-regia-slide .row { width: 100%; padding: 0 5%;}
.la-regia-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.la-regia-img { float: left; width: 100%;}
.la-regia-img img { float: left; width: 100%; height: 263px;}
.la-regia-cnt { display: flex; column-gap: 20px; align-items: center; padding-top: 30px; min-height: 200px;}
.la-regia-cnt .la-regia-lft { flex: 0 1 auto;}
.la-regia-cnt .la-regia-rgt { flex: 0 1 auto;}
.la-regia-cnt span { color: #FFFFFF; font-size: 130px; line-height: 130px; font-weight: 900;}
.la-regia-cnt h3 { color: #FFFFFF; font-size: 35px; line-height: 35px; font-weight: 700;}
.la-regia-cnt p { color: #FFFFFF; font-size: 25px; line-height: 25px; font-weight: 500;}
.la-regia-cnt h4  { color: #FFFFFF; font-size: 35px; line-height: 35px; font-weight: 700;}
.la-regia-cnt h4 span { color: #FFFFFF; font-size: 100px; line-height: 100px; font-weight: 900;}
.la-regia-cnt p b { display: block;}
.la-regia-btns { display: none; height: 54px; margin-top: 40px; column-gap: 50px; align-content: center; justify-content: center; position: relative;}
.la-regia-slide .swiper-nav-la-regia { position: absolute; top: 0; width: 100%; right: 0; }
.la-regia-slide .swiper-button-prev-la-regia { cursor: pointer; position: absolute; left:0px; background:url(../images/slider-arrw-rgt-white.svg) center center no-repeat; width:54px; height:54px; background-size: cover;}
.la-regia-slide .swiper-button-next-la-regia { cursor: pointer; position: absolute; right:0px; background:url(../images/slider-arrw-lft-white.svg) center center no-repeat; width:54px; height:54px; background-size: cover;}
.la-regia-slide .swiper-button-prev-la-regia:hover{ background:url(../images/slider-arrw-rgt-white-hover.svg) center center no-repeat; background-size: cover;}
.la-regia-slide .swiper-button-next-la-regia:hover {background:url(../images/slider-arrw-lft-white-hover.svg) center center no-repeat; background-size: cover;}
.la-regia-slide .swiper-pagination-bullets { width: 100%; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.la-regia-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(255, 255, 255, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.la-regia-slide .swiper-pagination-bullet-active { width: 50px; background:#FFFFFF;}

.les-actuacions-sec { float: left; width: 100%; padding: 100px 0 85px;}
.les-actuacions-slide .row { width: 100%; padding: 0 5%;}
.les-actuacions-slide { float: left; width: 100%;}
.les-actuacions-main { float: left; width: 100%; padding: 25px 25px 35px; border-radius: 6px; transition: all 0.5s ease;}
.les-actuacions-img { float: left; width: 100%;}
.les-actuacions-img img { float: left; width: 100%; border-radius: 100%;}
.les-actuacions-cnt { float: left; width: 100%; padding-top: 25px; text-align: center;}
.les-actuacions-cnt h3 { float: left; width: 100%; font-weight: 900; color: #74BE94; font-size: 30px; line-height: 32px; letter-spacing: -0.26px; min-height: 100px;}
.les-actuacions-main:hover { background: #E3C7A4;}
.les-actuacions-main:hover .les-actuacions-cnt h3 { color: #4E4438;}
.les-actuacions-main:hover .les-actuacions-img img { border: 3px solid #4E4438;}
.les-actuacions-btns { display: none; height: 54px; margin-top: 40px; column-gap: 50px; align-content: center; justify-content: center; position: relative;}
.les-actuacions-slide .swiper-nav-les-actuacions { position: absolute; top: 0; width: 100%; right: 0; }
.les-actuacions-slide .swiper-button-prev-les-actuacions { cursor: pointer; position: absolute; left:0px; background:url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; width:54px; height:54px; background-size: cover;}
.les-actuacions-slide .swiper-button-next-les-actuacions { cursor: pointer; position: absolute; right:0px; background:url(../images/slider-arrw-lft-brown.svg) center center no-repeat; width:54px; height:54px; background-size: cover;}
.les-actuacions-slide .swiper-button-prev-les-actuacions:hover{ background:url(../images/slider-arrw-rgt-hover.svg) center center no-repeat; background-size: cover;}
.les-actuacions-slide .swiper-button-next-les-actuacions:hover {background:url(../images/slider-arrw-lft-hover.svg) center center no-repeat; background-size: cover;}
.les-actuacions-slide .swiper-pagination-bullets { width: 100%; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.les-actuacions-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(123, 106, 88, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.les-actuacions-slide .swiper-pagination-bullet-active { width: 50px; background:#7B6A58;}

.riera-de-sec { float: left; width: 100%; padding: 0 0 100px;}
.riera-de-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 80px;}
.riera-de-main .riera-de-list { flex: 0 1 100%; position: relative;}
.riera-de-list .title-sec {text-align: left; width: 68%; padding-bottom: 0;}
.riera-de-list .title-sec p {padding: 0; margin-top: 20px;}
.riera-de-image { float: left; width: 100%; padding-top: 45px;}
.riera-de-image .card { float: left; width: 100%;}
.riera-de-image span.before-text-img { display: inline-flex; height: 32px; align-items: center; justify-content: center; padding: 0 10px; color: #FFFFFF; border: 1px solid #FFFFFF; background: rgba(0,0,0,0.22); text-transform: uppercase; font-weight: 700; position: absolute; left: 15px; bottom: 15px; z-index: 10;}
.riera-de-image span.after-text-img { display: inline-flex; height: 32px; align-items: center; justify-content: center; padding: 0 10px; color: #FFFFFF; border: 1px solid #FFFFFF; background: rgba(0,0,0,0.22); text-transform: uppercase; font-weight: 700;  position: absolute; right: 15px; bottom: 15px; z-index: 10;}
.riera-de-btn { position: absolute; right: 0; top: 72px;}

.viu-verd-sec { float: left; width: 100%; padding: 100px 0 0; 
background: rgba(227,199,164,1);
background: -moz-linear-gradient(top, rgba(227,199,164,1) 0%, rgba(255,255,255,0.94) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,199,164,1)), color-stop(100%, rgba(255,255,255,0.94)));
background: -webkit-linear-gradient(top, rgba(227,199,164,1) 0%, rgba(255,255,255,0.94) 100%);
background: -o-linear-gradient(top, rgba(227,199,164,1) 0%, rgba(255,255,255,0.94) 100%);
background: -ms-linear-gradient(top, rgba(227,199,164,1) 0%, rgba(255,255,255,0.94) 100%);
background: linear-gradient(to bottom, rgba(227,199,164,1) 0%, rgba(255,255,255,0.94) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c7a4', endColorstr='#ffffff', GradientType=0 ); }
.viu-green-slide { float: left; width: 100%; padding-bottom: 80px;}
.viu-green-slide .swiper-container { padding: 0 75px;}
.viu-green-main { float: left; width: 100%;}
.viu-green-img { float: left; width: 100%;}
.viu-green-img img { float: left; width: 100%;}
.viu-green-cnt { float: left; width: 100%; padding-top: 40px;}
.viu-green-cnt h3 { float: left; width: 100%; font-weight: 900; color: #4E4438; font-size: 40px; line-height: 48px; letter-spacing: -0.34px; padding-bottom: 15px;}
.viu-green-cnt p { float: left; width: 100%; font-weight: 400; color: #666666; font-size: 16px; line-height: 26px; letter-spacing: -0.4px;}
.viu-green-slide .swiper-nav-viu-green { position: absolute; top: 30%; width: 100%; z-index: 9;}
.viu-green-slide .swiper-button-prev-viu-green {border-radius: 100%; cursor: pointer; position: absolute; left:-75px; background: url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; width:60px; height:60px;}
.viu-green-slide .swiper-button-next-viu-green {border-radius: 100%; cursor: pointer; position: absolute; right:75px; background:url(../images/slider-arrw-lft-brown.svg) center center no-repeat; width:60px; height:60px;}
.viu-green-slide .swiper-button-prev-viu-green:hover{ background:url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
.viu-green-slide .swiper-button-next-viu-green:hover {background:url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}
.viu-green-slide .swiper-pagination-bullets { bottom: 0; margin-top: 45px; width: 100%; column-gap: 8px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.viu-green-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(123, 106, 88, 0.32); border:none; opacity:1; border-radius:6px; transition:.5s ease-in}
.viu-green-slide .swiper-pagination-bullet-active { width: 50px; background:#7B6A58;}

.actuacions-sec { float: left; width: 100%; background: rgba(221, 221, 221,0.50); padding: 80px 0 150px;}
.actuacions-sec .title-sec { text-align: left;}
.actuacions-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
.actuacions-main .accions-main {box-shadow: 0px 0 12px rgba(78, 68, 56, 0.25);}
.actuacions-main .accions-main .veure-mes a { background: #FFFFFF; color: #7B6A58; border: 1px solid #7B6A58;}
.actuacions-main .accions-main .veure-mes a:hover, .actuacions-main .accions-main:hover .veure-mes a { background: #7B6A58; border: 1px solid #7B6A58; color: #FFFFFF;}
.accions-count h4 { margin-bottom: 20px; background: #74BE94; max-width: 110px; height: 54px; font-weight: 900; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #FFFFFF; border-radius: 0 50px 50px 0; padding: 0 15px; transition: all 0.5s ease;}
.accions-img .accions-count { display: none; position: absolute; top: 20px; left: 0; z-index: 9;}

.noticies-main-sec { float: left; width: 100%; position: relative;}
.category-list { float: left; width: 100%; padding-top: 15px;}
.category-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 35px;}
.category-list ul li { flex: 0 1 auto;}
.category-list ul li a { float: left; width: auto; font-weight: 500; color: #7B6A58; font-size: 18px; line-height: 28px; letter-spacing: -0.42px; padding-bottom: 15px; border-bottom: 3px solid #FFFFFF; transition: all 0.5s ease;}
.category-list ul li a.active { border-bottom: 3px solid #7B6A58; font-weight: 900;}
.category-list ul li a:hover { border-bottom: 3px solid #7B6A58; color: #7B6A58;}
.inner-noticies-main { float: left; width: 100%; padding: 80px 0; position: relative;}
.inner-noticies-main::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.50; z-index: -1;
background: rgba(221,221,221,1);
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(100%, rgba(239,239,239,0)));
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#efefef', GradientType=0 ); }
.inner-noticies-top { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 30px;}
.inner-noticies-lft { flex: 0 1 66%; border-radius: 4px; overflow: hidden;}
.inner-noticies-rgt { flex: 0 1 29%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.inner-noticies-lft img { float: left; width: 100%; transition: all 0.5s ease;}
.inner-noticies-rgt h2 { float: left; width: 100%; font-weight: 900; color: #4E4438; font-size: 33px; line-height: 38px; letter-spacing: -0.2px; padding-bottom: 10px; transition: all 0.5s ease;}
.inner-noticies-rgt h4 { float: left; width: 100%; color: #74BE94; font-weight: 900; font-size: 16px; line-height: 28px; letter-spacing: -0.14px;}
.inner-noticies-rgt p {float: left; width: 100%; flex-grow: 1; font-weight: 400; color: #4E4438; font-size: 16px; line-height: 24px; padding-top: 10px;}
.inner-noticies-top:hover .inner-noticies-rgt h2 { color: #7B6A58;}
.inner-noticies-top:hover .inner-noticies-lft img { transform: scale(1.03);}
.inner-noticies-list { padding: 85px 0 0;}
.inner-noticies-list ul { column-gap: 6%; row-gap: 60px;}
.inner-noticies-list ul li { flex: 0 1 29.33%;}
.inner-noticies-list ul li .noticies-main .noticies-img { flex: 0 1 100%;}
.inner-noticies-list ul li .noticies-main .noticies-cnt { flex: 0 1 100%; padding-top: 20px;}
.inner-noticies-list ul li .noticies-main .noticies-cnt h3 { font-weight: 900; letter-spacing: normal; font-size: 18px; line-height: 25px;}
.inner-noticies-list ul li .noticies-date h4 { background: none; padding: 0; color: #74BE94; font-weight: 900; border-radius: 0; width: 100%;}
.inner-noticies-list ul li .noticies-date {padding-top: 10px;}
.inner-noticies-list ul li .activitats-tags { padding-top: 20px;}
.inner-noticies-list ul li .activitats-tags ul { column-gap: 10px; row-gap: 10px; }
.inner-noticies-list ul li .activitats-tags ul li { flex: 0 1 auto;}
.inner-noticies-list .mes-noticies { width: 100%; display: flex; justify-content: center; padding-top: 95px;}
.inner-noticies-list .mes-noticies.view-all { display: none; }

.agenda-main-sec { float: left; width: 100%;}
.agenda-main-sec .title-sec { padding-bottom: 10px;}
.calendar-sec { float: left; width: 100%;padding-bottom: 30px;}
.calendar-sec .row { width: 100%; padding: 0 4%;}
.calendar-container { float: left; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 20px; font-family: 'arboria', sans-serif;}
.calendar {display: flex; overflow-x: auto; list-style: none; padding: 0; margin: 0; gap: 6px; height: 90px; align-items: center;}
.calendar li { cursor: pointer; text-align: center; width: 30px; height: 55px; padding: 6px; border-radius: 50px; color: #4E4438; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center;}
.calendar li span {display: block; font-size: 12px; color: rgba(0, 0, 0,0.20);}
.calendar li strong {font-size: 16px; font-weight: 500;}
.calendar li.active { background-color: #74BE94; color: #FFFFFF; }
.calendar li.current { background-color: #E3C7A4; color: #FFFFFF; }
.calendar li.inactive { color: rgba(0, 0, 0,0.25); background-color: transparent; }
.calendar li.current span {color: #4E4438}
.calendar li.current strong { color: #4E4438; font-weight: 700;} 
.calendar li.active strong { color: #FFFFFF; font-weight: 700;} 
.calendar li.active span { color: #FFFFFF;}
.nav-button { cursor: pointer; width:60px; height:60px; display: inline-block; border: none; padding: 0;}
#prev { background: url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; }
#next { background: url(../images/slider-arrw-lft-brown.svg) center center no-repeat; }
#prev:hover { background: url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
#next:hover { background: url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}

.calendar-header { float: left; width: 100%; display: flex; justify-content: space-between; align-items: center; font-family: 'arboria', sans-serif; padding-bottom: 50px;}
.btn-month {display: flex; align-items: center; gap: 18px;}
.month-btn { cursor: pointer; width:60px; height:60px; display: inline-block; border: none; padding: 0;}
#prev-month { background: url(../images/slider-arrw-rgt-brown.svg) center center no-repeat; }
#next-month { background: url(../images/slider-arrw-lft-brown.svg) center center no-repeat; }
#prev-month:hover { background: url(../images/slider-arrw-rgt-hover.svg) center center no-repeat;}
#next-month:hover { background: url(../images/slider-arrw-lft-hover.svg) center center no-repeat;}
.month-label { font-size: 50px; line-height: 55px; letter-spacing: -0.43px; font-weight: 900;}
.side-label { font-size: 14px; color: #7B6A58; font-size: 18px; line-height: 28px; letter-spacing: -0.42px; font-weight: 500;}

.inner-activitats-main { float: left; width: 100%; padding: 80px 0; background: rgba(227, 199, 164, 0.25);}
.inner-activitats-top { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 30px;}
.inner-activitats-lft { flex: 0 1 66%; border-radius: 4px; position: relative; overflow: hidden;}
.inner-activitats-lft span { position: absolute; left: 0; top: 0; background: #4E4438; padding: 0 25px; border-radius: 0 0 4px 0; color: #E3C7A4; font-weight: 900; display: inline-flex; height: 50px; align-items: center; justify-content: center;}
.inner-activitats-rgt { flex: 0 1 29%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.inner-activitats-lft img { float: left; width: 100%; transition: all 0.5s ease;}
.inner-activitats-rgt .activitats-cnt { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%;}
.inner-activitats-rgt h2 { float: left; width: 100%; font-weight: 900; color: #4E4438; font-size: 33px; line-height: 38px; letter-spacing: -0.2px; padding-bottom: 25px; transition: all 0.5s ease;}
.inner-activitats-rgt .activitats-icons ul li { color: #2E2E2E; font-size: 16px; line-height: 24px;}
.inner-activitats-rgt p { flex-grow: 1; float: left; width: 100%; flex-grow: 1; font-weight: 400; color: #4E4438; font-size: 16px; line-height: 24px; padding-top: 10px;}
.inner-activitats-rgt .activitats-tags { padding-bottom: 20px; }
.inner-activitats-rgt .activitats-icons {flex-grow: initial;}

.inner-activitats-list { float: left; width: 100%; padding: 60px 0 100px;}
.inner-activitats-list-view { float: left; width: 100%;}
.inner-activitats-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 60px;}
.inner-activitats-list ul li { flex: 0 1 29.33%;}
.inner-activitats-list ul li .activitats-icons ul { row-gap: 5px; column-gap: 0;}
.inner-activitats-list ul li .activitats-icons ul li { flex: 0 1 100%;}
.inner-activitats-list ul li .activitats-tags ul { column-gap: 10px; row-gap: 10px;}
.inner-activitats-list ul li .activitats-tags ul li { flex: 0 1 auto;}

.noticies-inner-sec { float: left; width: 100%; padding: 40px 0 80px;}
.noticies-inner-details { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.noticies-inner-title { float: left; width: 100%; padding: 0 10%; text-align: center; margin-bottom: 40px;}
.noticies-inner-title h2 { float: left; width: 100%; color: #74BE94; font-size: 14px; line-height: 24px; font-weight: 700; padding-bottom: 15px;}
.noticies-inner-title h1 { float: left; width: 100%; color: #4E4438; font-size: 60px; line-height: 55px; letter-spacing: -0.51px; font-weight: 900; padding-bottom: 30px;}
.date-tags { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; justify-content: center;}
.date-tags > div { flex: 0 1 auto;}
.date-tags .activitats-tags { width: auto;}
.date-tags .date { color: #2E2E2E; font-size: 14px; line-height: 18px;}
.noticies-inner-content { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 70px;}
.noticies-inner-para {float: left; width: 100%; padding: 0 10%;}
.noticies-inner-para p { float: left; width: 100%; color: #4D4F53; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; padding-bottom: 30px;}
.noticies-inner-para p:last-child { padding-bottom: 0;}
.noticies-inner-para p span { font-size: 18px; line-height: 28px; font-weight: 700;}
.noticies-inner-content .banner-btm-sec { margin-top: 0;}
.noticies-inner-content .banner-btm-sec::after { content: none;}
.noticies-inner-content .banner-btm-sec .video-sec { padding: 0 40px;}
.noticies-inner-banner { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.noticies-inner-banner img { float: left; width: 100%;}
.noticies-inner-banner span { float: left; width: 100%; margin-top: 15px; padding-left: 20px; color: rgba(46, 46, 46, 0.50); font-size: 13px; line-height: 18px;}
.noticies-inner-para h3 { float: left; width: 100%; color: #4E4438; font-size: 26px; line-height: 32px; letter-spacing: -0.89px; font-weight: 900; padding-bottom: 15px;}
.noticies-inner-para h4 { float: left; width: 100%; color: #4E4438; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; font-weight: 700; padding-bottom: 5px;}
.noticies-inner-quote { float: left; width: 100%; padding: 0 40px;}
.quote-box { float: left; width: 100%; background: #74BE94; padding: 60px 85px; position: relative;}
.quote-box::after { position: absolute; content: ""; background: url("../images/ico-quote-darkblue.svg") no-repeat scroll 0 0; left: -20px; top: 50%; transform: translateY(-50%); width: 65px; height: 51px;}
.quote-box h4 { float: left; width: 100%; color: #FFFFFF; font-size: 22px; line-height: 35px; letter-spacing: -0.69px; font-weight: 900;}

.share-lnks { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 20px; margin-top: 80px; padding-top: 20px; border-top: 2px solid rgba(151,151,151,0.15);}
.share-scl-lnks { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 10px; align-items: center;}
.share-scl-lnks h4 { float: left; width: auto; color: #4E4438; font-size: 12px; line-height: 18px; letter-spacing: -0.34px; font-weight: 500; }
.share-scl-lnks ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 10px; }
.share-scl-lnks ul li { flex: 0 1 auto;}
.share-scl-lnks ul li a { float: left; width: 40px; height: 40px; transition:all .5s ease;}
.share-scl-lnks ul li a.ig-ico-sh { background: url("../images/share-01.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a.fb-ico-sh { background: url("../images/share-02.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a.tw-ico-sh { background: url("../images/share-03.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a.ln-ico-sh { background: url("../images/share-04.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a.wh-ico-sh { background: url("../images/share-05.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a.mg-ico-sh { background: url("../images/share-06.svg") no-repeat scroll 0 0;}
.share-scl-lnks ul li a:hover { opacity: 0.5;}
.share-other-lnks { display: flex; flex-wrap: wrap; column-gap: 10px;}
a.print-ico { display: flex; align-items: center; justify-content: center; font-weight: 500; height: 40px; border: 1px solid rgba(75,75,75,0.15); color: #7B6A58; font-size: 16px; letter-spacing: -0.6px; padding: 0 20px 0 45px; background: url("../images/print-ico.svg") no-repeat left 20px top 15px; border-radius: 20px; transition:all .5s ease;}
a.print-ico:hover {background: #3A3A3A url("../images/print-ico-wht.svg") no-repeat left 20px top 15px; border: 1.5px solid #3A3A3A; color: #ffffff;}

.noticies-inner-list-sec { float: left; width: 100%; padding: 75px 0 85px; position: relative;}
.noticies-inner-list-sec::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.20; z-index: -1;
background: rgba(221,221,221,1);
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(100%, rgba(239,239,239,0)));
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(239,239,239,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#efefef', GradientType=0 ); }
.noticies-inner-main-list { float: left; width: 100%; position: relative;}

.noticies-inner-main-list .title-sec { text-align: left;}
.noticies-inner-main-list .title-sec h2 { font-size: 35px; line-height: 35px; letter-spacing: -0.3px;}
.noticies-inner-main-list .title-sec h2 span { display: block; font-weight: 400;}
.noticies-inner-main-list .inner-noticies-list { padding: 0;}
.noticies-inner-main-list .veure-tots { position: absolute; top: 15px; right: 0;}
.noticies-inner-main-list .veure-tots a { padding: 0 80px;}
.noticies-inner-main-list .inner-activitats-list { padding: 0;}
.activitats-inner-list-sec { padding: 65px 0 0;}

.activitats-inner-title { padding: 0; margin-bottom: 100px;}
.activitats-inner-pad { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.activitats-inner-pad .activitats-inner-pad-lft { flex: 0 1 calc(100% - 270px); padding-right: 60px;}
.activitats-inner-pad .activitats-inner-pad-rgt { flex: 0 1 270px; display: flex; flex-wrap: wrap; row-gap: 30px; align-content: flex-start;}
.activitats-inner-pad .noticies-inner-para { padding: 0 15px 0 0;}
.activitats-inner-pad .noticies-inner-banner img { border-radius: 4px;}
.activitats-inner-pad .noticies-inner-banner span {padding-left: 0;}
.activitats-inner-pad .noticies-inner-content { row-gap: 45px;}
.activitats-inner-pad .noticies-inner-para p { padding-bottom: 25px;}
.activitats-inner-pad-rgt .activitats-icons ul { row-gap: 30px;}
.download-link { float: left; width: 100%;}
.download-link a { float: left; width: auto; padding-left: 35px; background: url("../images/download.svg") no-repeat scroll left center; font-weight: 900; color: #74BE94; font-size: 20px; letter-spacing: -0.17px; transition: all 0.5s ease;}
.download-link a:hover { color: #7B6A58; background: url("../images/download-brown.svg") no-repeat scroll left center;}
.activitats-inner-pad-rgt .mes-noticies { width: 100%; padding-top: 92px;}
.activitats-inner-pad-rgt .mes-noticies a { padding: 0 15px; width: 100%;} 

.banner-btm-sec.contact-btm-sec { margin-top: -600px;}
.banner-btm-cnt.contact-btm-cnt { display: flex; flex-wrap: wrap; column-gap: 3%; padding: 55px 50px 65px; margin-bottom: 20px;}
.contact-btm-cnt > div { flex: 0 1 31.33%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.contact-btm-cnt > div > div { flex: 0 1 100%;}
.contact-btm-cnt h4 { float: left; width: 100%; font-weight: 700; color: #74BE94; font-size: 22px; line-height: 28px; letter-spacing: -0.51px;}
.contact-btm-cnt .cnt-icon { display: flex; align-items: center; column-gap: 15px; margin-bottom: 15px;}
.contact-btm-cnt .cnt-icon span { display: block; position: relative; top: 3px;}
.contact-btm-cnt p { padding-left: 35px; color: #FFFFFF; font-size: 17px; line-height: 27px;}
.contact-btm-cnt p a {color: #FFFFFF; font-size: 17px; line-height: 27px; transition: all 0.5s ease;}
.contact-btm-cnt p a:hover { color: #74BE94;}
.contact-scl-links { float: left; width: 100%; padding-left: 35px;}
.contact-scl-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.contact-scl-links ul li { flex: 0 1 auto;}
.contact-scl-links ul li a { float: left; width: auto;transition: all 0.5s ease;}
.contact-scl-links ul li a:hover { opacity: 0.7;}
.contact-scl-links ul li a.ln-icon { background: url("../images/linkedin.svg") no-repeat scroll 0 0; width: 19px; height: 19px;}

.contact-map { float: left; width: 100%; overflow: hidden; box-shadow: 0px 0 12px rgba(78, 68, 56, 0.20);}
.contact-map > img { float: left; width: 100%; border-radius: 4px;}
.contact-map .contact-cont { display: block; position: absolute; background: none; padding: 0px; border-radius: 5px; bottom: 110px; left: -50%; right: -50%; margin: auto; margin-bottom: auto; width: 230px; margin-bottom: 0px; z-index: 0;}
.contact-map .contact-pin { background: url(../images/location-map.svg) no-repeat center center; z-index: 5;width: 66px;height: 74px;position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -20px; }
.contact-pop-cnt { float: left; width: 100%; text-align: left; background: #74BE94; position: relative; top: -50px; border-radius: 4px;}
.contact-pop-cnt::after { position: absolute; content: ""; width: 8px; height: 8px; bottom: -8px; left: 0; right: 0; margin: 0 auto; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #74BE94;}
.contact-img {float: left; width: 100%;}
.contact-map .contact-img img { float: left; width: 100%; border-radius: 4px 4px 0 0;}
.contact-in-cont { float: left; width: 100%; padding: 15px 20px 22px; }
.contact-in-cont h2 { float: left; width: 100%; color: #FFFFFF; font-size: 21px; line-height: 24px; font-weight: 700; padding-bottom: 15px;}
.contact-in-cont p { float: left; width: 100%;}
.contact-in-cont p a { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; color: #4E4438; font-size: 14px; line-height: 20px; transition: all 0.5s ease;}
.contact-in-cont p a:hover { opacity: 0.7;}
.contact-form-sec { float: left; width: 100%; background: rgba(221, 221, 221,0.50); padding: 20px 0 110px;}
.contact-form-main { float: left; width: 100%; background: #FFFFFF; padding: 60px 65px; display: flex; flex-wrap: wrap; row-gap: 30px; border-radius: 4px; overflow: hidden; box-shadow: 0px 0 12px rgba(78, 68, 56, 0.20);}
.contact-form-lft { flex: 0 1 170px;}
.contact-form-rgt { flex: 0 1 calc(100% - 170px); padding-left: 110px;}
.contact-form-lft h2 { float: left; width: 100%; color: #74BE94; font-size: 30px; line-height: 35px; font-weight: 900; padding-bottom: 20px;}
.contact-form-lft p { float: left; width: 100%; padding-left: 15px; color: #999999; font-size: 20px; line-height: 25px; letter-spacing: -0.11px; position: relative;}
.contact-form-lft p::after { position: absolute; content: "*"; color: #DC005D; left: 0; top: 0; font-size: 20px; font-weight: 900;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 14px; position: relative;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .form-box textarea { width:100%; color:#282828; font-family: 'arboria', sans-serif; padding: 10px 15px 10px; height: 50px; border: none; border-radius: 0px; border-bottom: 2px solid #282828; font-size:16px; transition: all .5s ease; background:#FFFFFF; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border-bottom: 2px solid #74BE94;}
.contact-form .form-box textarea { resize:none; height:130px; line-height:22px; padding: 15px 15px 10px; font-family: 'arboria', sans-serif; color:#282828;}
.contact-form .form-box .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 0; margin-left: 15px;}
.contact-form .form-box .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-form .form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .form-box .frm-input .floating-label { color: #282828; cursor: pointer; font-size: 20px; line-height:28px; letter-spacing: -0.38px; font-weight: 900; font-family: 'arboria', sans-serif; width: auto; letter-spacing: 0px; display: inline-block;}
.contact-form .form-box .frm-input .floating-label span { color: #282828;}

.contact-form .form-box .frm-input.checkbox label { color: #282828; cursor: pointer; letter-spacing: 0px; font-family: 'arboria', sans-serif; font-size: 13px; padding-left: 30px; position: relative; float: left; width: auto; line-height:20px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before {  background: none; content: ""; height: 14px; left: 0; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 14px; border-radius: 0px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: #FFFFFF; border: 1px solid #282828; content: "";height: 14px;left: 0; position: absolute; top: 3px; width: 14px;border-radius: 0px;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #74BE94 none repeat scroll 0 0; }
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:14px; color: #74BE94; float: none; width:100%; font-family: 'arboria', sans-serif; line-height:16px;}
.contact-form .form-box .frm-input.checkbox span a {color: #74BE94; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#282828;}
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px;}
.contact-form .form-box .frm-input.checkbox label a { text-decoration: underline; color: #282828; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #74BE94;}

.contact-form .btn-ctr { float: left; width: 100%; margin-top: 30px;}
.contact-form .form-box input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: auto; height: 40px; font-family: 'arboria', sans-serif; font-weight: 900; letter-spacing: -0.6px; background: #74BE94 url("../images/plus-icon.svg") no-repeat scroll left 20px top 55%; border: none; color: #FFFFFF; font-size: 16px; line-height: 24px; padding: 0 25px 0 45px; border-radius: 20px; transition:all .5s ease; }
.contact-form .form-box input[type="submit"]:hover { background: #7B6A58 url("../images/plus-icon.svg") no-repeat scroll left 20px top 55%;color: #ffffff;}

.contact-form .floating-label { position: relative;}
.contact-form .form-box .frm-input .floating-label sup { color: #DC005D; position: relative; left: 5px;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 5px; left: 15px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: -14px; bottom: 0px; left: 15px; font-size: 14px !important; opacity: 1;}