@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px;  font-family: 'Manrope-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline: 1; }
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:1170px; margin:auto; padding:0px;}
.row1{ width:92%; margin:auto; padding:0px;}

header { float: left; width: 100%; position: relative; z-index: 999; padding: 0px;background: #000000;}
.top-red-bg { float: left; width: 100%; border-bottom: 2px solid rgba(255, 255, 255, 0.15); background: #fff;}
.top-innner{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.top-lft { float: left; width: auto;}
.top-lft ul.social{display: flex; flex-wrap: wrap; column-gap: 25px; align-items: center;}
.top-lft ul.social li{flex: 0 1 auto;}
.top-lft ul.social li a img{width: 16px; height: 16px; float: left; transition: all 0.3s ease;}
.top-lft ul.social li a:hover img{opacity: 0.7;}

.top-lft img:hover { opacity: 0.7;}
.top-rht { float: right;}
.top-rht { display: flex; width: auto; flex-wrap: wrap; column-gap: 25px; align-items: center;}
.top-rht .hd-links { flex: 0 1 auto; position: relative;}
.top-rht .hd-links .nice-select.select_box_input .list { border-radius: 0; width: 90px;}
.top-rht .hd-links .nice-select.select_box_input { background: none; color: #fff; font-size: 13px; line-height: 20px; letter-spacing: 0.26px;  font-family: 'Poppins-Regular';}
.top-rht .hd-links .nice-select.select_box_input::after { border-bottom: 2px solid #fff;  border-right: 2px solid #fff;}
.top-rht .hd-links .nice-select.select_box_input .option { color: #000000; width: 100px; padding-left: 12px; padding-right: 12px;}
.top-rht .hd-links .nice-select.select_box_input .option:hover { background: #007FA3; color: #fff;}
.top-rht .hd-links input[type="text"] { background: none; border: none; color: #fff; font-family: 'Poppins-Medium'; padding-right: 30px; width: 80px;}

.top-rht .hd-links a.srch-ico {display: flex;align-items: center; color: #000; column-gap: 10px; font-size: 14px; line-height: 18px; font-family: 'Manrope-Medium'; transition: All 0.5s ease;}
.top-rht .hd-links a.srch-ico img {width: 16px;}

.hdr-top { float: left; width: 100%; padding: 0;}
.hdr-top.box-shadow { box-shadow:  0 0 12px rgba(0, 0, 0, 0.12);}
.hdr-top-inner {width: 100%;float: left;display: flex;justify-content: space-between; align-items: center;}
.logo .mbl {display: none;}
.logo { padding: 18px 0; float: left;}
.logo a{width: 100%; float: left;}
.logo img { float: left; transition: all 0.4s ease;}
.logo img.mob-inner-logo { display: none;}
#header-home-sticky-wrapper.is-sticky header .top-red-bg, .is-sticky header .top-red-bg {display: none;}
header#header-home .cbp-hrmenu > ul > li > a:hover, header#header-home .cbp-hrmenu > ul > li > a.active { background: linear-gradient(184deg,rgba(219, 254, 0, 1) 0%, rgba(219, 254, 0, 0.9) 90%); color: #000;}

.is-sticky header { box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
#header-home-sticky-wrapper .cbp-hrmenu > ul > li > a.menu-act::after { content: ''; position: absolute;background: linear-gradient(to right, rgb(217,26,31) 0%, rgb(245,206,35) 100%);width: 100%; height: 2px; left: 0px; right: 0; margin: auto; bottom: 0px;
-moz-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.3s ease; z-index: 100;}
#header-home-sticky-wrapper .hdr-top {  background: none;}
#header-home.dark-bg .cbp-hrmenu > ul > li > a { color: #3C3C3B;}
#header-home.dark-bg .cbp-hrmenu > ul > li > a.menu-act::after { background: linear-gradient(to right, rgb(217,26,31) 0%, rgb(245,206,35) 100%);}
.mbl-cntr{display: none; margin-top: 20px;float: left;width: 100%;}
.mbl-cntr p a.showmore {color: #CE003A;font-family: 'HelveticaNeue-Bold';}


/************desktop search**************/
/* home search */        
.home-search {width: 100%;height: 100vh;background: linear-gradient(184deg,rgba(219, 254, 0, 1) 0%, rgba(219, 254, 0, 0.9) 90%);position: fixed;left: 0;top: 0;z-index: 9999;display: none;transition: all 0.5s ease;}
.search-block {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -45%);display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;row-gap: 65px;}
.search-div {width: 100%; max-width: 680px; margin: 0 auto; }  
.search-div h2 {color: #000;font-size: 55px;line-height: 80px; font-family: 'Manrope-Bold';letter-spacing: -1.2px; margin-bottom: 30px;}
.search-box {position: relative;width: 100%;max-width: 605px;margin: 0 auto;} 
.search-box input {font-size: 20px;line-height: 30px;background: #fff;border: 0;height: 70px;width: 100%;padding: 10px 85px 10px 35px;border-radius: 50px !important;box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);font-family: 'Manrope-Bold';}
.search-box input::placeholder{color: rgba(75,81,101,0.7);} 
.search-ico {width: 62px;height: 60px;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease;right: 5px;top: 5px;position: absolute;background: #000;border-radius: 100%;cursor: pointer;}
.search-ico:hover{background: rgba(0, 0, 0, 0.5);} 
.search-ico img{width: 30px;}  
.homesearch-list {width: 100%;margin: 0 auto;max-width: 600px;}
.homesearch-list h3 {width: 100%;text-align: center;color: #000;font-size: 20px;line-height: 28px; letter-spacing: 1.63px; font-family: 'Manrope-SemiBold';margin-bottom: 20px; } 
.homesearch-list ul {width: 100%;display: flex;align-items: center;column-gap: 10px;row-gap: 10px;flex-wrap: wrap;justify-content: center;}
.homesearch-list ul li {flex: 0 1 auto;}
.homesearch-list ul li a {font-size: 14px;line-height: 16px; letter-spacing: 0.44px; color: #000;border: 1px solid #000;padding: 7px 15px;border-radius: 5px; font-family: 'Manrope-Regular'; display: inline-flex; transition: all 0.5s ease;}
.homesearch-list ul li a:hover{background: #000;color: #fff;}
.search-open .is-sticky header{background: transparent;border-bottom: 1px solid #000;}
.search-open .is-sticky .desk-logo-1{display: block;} 
.search-open .is-sticky .desk-logo-2{display: none;}
.search-open .is-sticky .hdr-menu ul li a {color: #fff;}
.search-open .is-sticky .hdr-menu ul li a::after {background: #fff;}
.search-open .hdr-menu ul li a::after {background: #fff;}
.search-open .is-sticky .search-list ul li.in-search a span { background: url(../images/header-search-w.svg) no-repeat 0 0;transition: all 0.4s ease;}
.search-open .is-sticky .search-list ul li.in-heart a span { background: url(../images/header-favorites-w.svg) no-repeat 0 0;transition: all 0.4s ease;}
.search-open .is-sticky .search-list ul li.in-search.close a span {background: url(../images/close-orange.svg) no-repeat 0 0;width: 41px;height: 41px;display: inline-block;transition: all 0.4s ease;}
.search-open .is-sticky .nice-select::after{border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.search-open .is-sticky .nice-select{color: #fff;}
.mobser-close {position: absolute;right: 40px;top: 40px;width: 72px;height: 72px; border: 3px solid rgba(0, 0, 0, 0.5);border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; transition: all 0.5s ease; cursor: pointer;}
.mobser-close img{ filter: invert(75%) sepia(95%) saturate(500%) hue-rotate(20deg);}
.mobser-close:hover{background: #000; border: 3px solid #000;}
.mobser-close:hover img{filter: brightness(0) invert(1);}

/*menu*/
.cbp-hrsub .cbp-hrsub-inner .m-lf{width:auto;flex:0 1 365px;padding-right: 50px;margin-right: 0;padding-left: 0;}
.cbp-hrsub .cbp-hrsub-inner .m-lf h4{font-family: 'Manrope-ExtraBold';font-size:45px;line-height:50px;color:#000;margin-bottom:15px;}
.cbp-hrsub .cbp-hrsub-inner .m-lf p{ font-family: 'Manrope-Medium';font-size:16px;line-height:26px;color:#000;margin-bottom:28px;}
.cbp-hrsub .cbp-hrsub-inner .m-rg{flex:calc(100% - 450px); display: flex; flex-wrap: wrap;}
.about-top-menu{float: left; width: 100%; margin-bottom: 20px;}
.about-top-menu ul{width: 100%; float: left; display: flex; flex-wrap: wrap;column-gap: 0; row-gap: 20px;}
.about-top-menu ul li{flex: 0 1 100%;}
.about-top-menu ul li a{background: #000; height: 60px; color: #fff; font-family: 'Manrope-Bold'; font-size: 18px; line-height: 18px; letter-spacing: -0.5px; padding: 15px 20px; display: inline-flex;width: auto;align-items: center; transition:all .5s ease;}
.about-top-menu ul li a:hover{background: #fff; color: #000;}
.about-bottom-menu{width: 100%; float: left; background: #000; padding: 13px 20px;}
.about-bottom-menu ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 20px;}
.about-bottom-menu ul li{flex: 0 1 auto;}
.about-bottom-menu ul li a{background: transparent; height: 34px; border: 1px solid #fff; padding: 8px 10px; color: #fff; font-family: 'Manrope-SemiBold'; font-size: 14px; line-height: 18px; letter-spacing: -0.39px; display: inline-flex;width: auto;align-items: center; transition:all .5s ease;}
.about-bottom-menu ul li a:hover{background: #fff; color: #000;}
.about-bottom-menu ul li:first-child a{background: transparent; border: none; font-family: 'Manrope-Bold'; font-size: 18px; line-height: 18px; letter-spacing: -0.5px; padding: 0;}
.about-bottom-menu ul li:first-child a:hover{color: #fff;}
.top-banner{width: 100%;float: left;background: #E9DAD3;height: 600px;display: flex;justify-content: center;align-items: flex-start; padding-top: 50px;}
.top-banner img{width: auto; display: flex;}

/* footer */
footer { float: left; width: 100%; padding: 0px 0px 80px 0px; background: #000000;}
.row-foot { width: 1250px; margin: auto; padding: 0px 0px; }
.footer-top-sec { float: left; width: 100%; }
.foot-top { float: left; width: 100%; padding:20px 40px; background: #DBFE00; margin-top: -60px; position: relative;}
.newsletter-box { float: left; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between;}
.news-lft { flex: 0 1 25%; display: flex; align-items: last baseline; } 
.news-lft h2 {color:#000000; font-size: 12px; line-height:20px; font-family: 'Manrope-Regular'; letter-spacing: 0.04px;}
.news-lft h2 span { display: block; font-size: 45px; line-height:60px; font-family: 'Manrope-ExtraBold';}
.news-rht {flex: 0 1 72%;}
.news-box {width: calc(100% - 300px);}
.news-box-out { float: left; width: 100%; display: flex;flex-wrap: wrap;column-gap: 50px;}
.news-box input[type="text"] { background: rgba(255, 255, 255, 18%); border: none; border-bottom: 1px solid #000000; width: 100%; color: #000000; font-size: 16px; height: 48px; line-height: 20px; font-family: 'Manrope-SemiBold'; letter-spacing: -0.29px;}
.news-rht button {width: 250px; height: 60px; display: flex; align-items: center; justify-content: center; border: none; background: #fff; cursor: pointer; font-family: 'Manrope-SemiBold'; font-size: 16px; line-height: 20px; letter-spacing: -0.29px; transition:all .5s ease;} 
.news-rht button:hover {background: #000; color: #fff;}
.news-rht .frm-input.checkbox { float: left; width: 100%; margin-top: 15px; } 
.news-rht .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.news-rht .frm-input.checkbox label {color:#03045E;cursor: pointer;font-size: 14px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; font-family: 'LarkenDEMO-Italic'; letter-spacing: 0.4px;}
.news-rht .frm-input.checkbox label::before { background: transparent; content: ""; height: 14px; left: 0; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 14px; border-radius: 3px; }
.news-rht .frm-input.checkbox label::after {background: transparent none repeat scroll 0 0;border: 1px solid #03045E;content: "";height: 14px;left: 0;position: absolute;top: 3px;width: 14px; border-radius: 3px; }
.news-rht .frm-input.checkbox input:checked + label::before {background: #03045E;} 
.news-rht .frm-input.checkbox input:checked + label::after {border-color: #03045E;} 
.news-rht .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0;}
.news-rht .frm-input.checkbox a {color:#03045E;text-decoration:underline;transition:all .5s ease;font-family: 'LarkenDEMO-Italic';}
.news-rht .frm-input.checkbox a:hover { opacity: 0.7;}

.footer-mid-sec { float: left; width: 100%; position: relative; }
.foot-mid-top { float: left; width: 100%; padding: 60px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.foot-logo-lft { flex: 0 1 auto; }
.foot-logo-lft img { float: left; transition:all .5s ease;}
.foot-logo-lft a:hover img { opacity: 0.7;}
.foot-logo-rgt { flex: 0 1 auto;}
ul.social-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 22px;}
ul.social-list li { flex: 0 1 auto;}
ul.social-list li a img{ width: auto; float: left; transition:all .5s ease; filter: brightness(0) invert(1);}
ul.social-list li a:hover { opacity: 0.7;}

.foot-mid-btm{float: left; width: 100%; padding: 0 40px; display: flex; flex-wrap: wrap; column-gap: 3%; justify-content: space-between;}
.ftr-address{flex: 0 1 25%;}
.ftr-address h3{float: left; width: 100%; font-family: 'Manrope-ExtraBold'; font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 5px;}
.ftr-address p{float: left; width: 100%; font-family: 'Manrope-Regular'; font-size: 16px; line-height: 28px; color: #fff; margin-bottom: 15px;}
.ftr-address p span{font-family: 'Manrope-Bold';}
.ftr-address p a{font-family: 'Manrope-Bold'; font-size: 16px; line-height: 28px; color: #fff; transition:all .5s ease;}
.ftr-address p a:hover{color: #DBFE00;}
.ftr-lst-rgt{flex: 0 1 72%; display: flex; flex-wrap: wrap; column-gap: 2%;}
.foot-mid-btm .ftr-lst {flex: 0 1 23.5%;}
.foot-mid-btm .ftr-lst h2 {float: left;width: 100%;color: #1F2F57;font-family: 'Manrope-ExtraBold';font-size: 20px;line-height: 30px;padding: 0 0 15px 0;}
.foot-mid-btm .ftr-lst h2 a {color: #ffffff;display: inline-block;font-family: 'Manrope-ExtraBold';font-weight: normal;font-size: 20px;line-height: 26px; text-align: left; transition:all .5s ease;}
.foot-mid-btm .ftr-lst ul {float: left;width: 100%;}
.foot-mid-btm .ftr-lst ul li {float: left;width: 100%;margin-bottom: 10px;}
.foot-mid-btm .ftr-lst ul li a {float: left;width: auto;font-family: 'Manrope-Regular';color: #ffffff;font-size: 16px;line-height: 22px;transition:all .5s ease;}
.foot-mid-btm .ftr-lst ul li a:hover, .foot-mid-btm .ftr-lst h2 a:hover {color: #DBFE00;}
.foot-mid-btm .ftr-lst ul li a:hover::after {width: 100%;}

.ftr-btm-menu{width: 100%; float: left;}
.ftr-btm-menu ul { display: flex; flex-wrap: wrap; row-gap: 2px;}
.ftr-btm-menu ul li{flex: 0 1 100%;}
.ftr-btm-menu ul li a {float: left; color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 22px; letter-spacing: 0.51px;font-family: 'Manrope-Regular'; transition:all .5s ease; }
.ftr-btm-menu ul li a:hover {color: #DBFE00;}

.destacats-slider{width: 100%; float: left;}
.destacats-inner{width: 100%; float: left; position: relative; margin-top:-80px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}
.destacats-slider .swiper-container, .destacats-slider .swiper-wrapper, .destacats-slider .swiper-slide{width: 100%; float: left;}
.ieb-card {width: 100%;display: flex;align-items: center; column-gap: 25px; background: #fff;padding: 40px 0;}
.ieb-left{flex: 0 1 110px;}
.ieb-mid{flex: 0 1 180px;}
.ieb-rgt{flex: 0 1 680px;}
.ieb-mid .cat{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 14px; line-height: 26px;}
.ieb-mid .date{width: 100%; float: left; color: rgba(0, 0, 0, 0.5); font-family: 'Manrope-Regular'; font-size: 14px; line-height: 26px;}
.ieb-left .tag {width: 100%;height: 60px;display: flex; align-items: center; background: #d6ff00;padding: 15px 20px; font-family: 'Manrope-SemiBold';float: left; font-size: 14px; line-height: 18px; letter-spacing: -0.39px;}
.ieb-rgt h2 {width: 100%; float: left; font-family: 'Manrope-ExtraBold'; color: #000;font-size: 30px; line-height: 40px; letter-spacing: -0.2px;}
.destacats-slider .swiper-button{ width: 100%; top:50%; transform: translateY(-50%); position: absolute;}
.destacats-slider .swiper-button-prev-destacats{background: #000;width: 60px; height: 60px; cursor: pointer; transition:all .5s ease; left: -60px;position: absolute;top: 50%;transform: translateY(-50%); display: flex;align-items: center;justify-content: center;}
.destacats-slider .swiper-button-next-destacats{background: #000;width: 60px; height: 60px; cursor: pointer; transition:all .5s ease; right: -60px;position: absolute;top: 50%;transform: translateY(-50%); display: flex;align-items: center;justify-content: center;}
.destacats-slider .swiper-button-prev-destacats:hover, .destacats-slider .swiper-button-next-destacats:hover{opacity: 0.7;}
.destacats-slider .swiper-pagination-destacats { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); display: flex; column-gap: 8px; z-index: 9;}
.destacats-slider .swiper-pagination-destacats .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 12px 0px 0px;}
.destacats-slider .swiper-pagination-bullet { width: 12px; height: 12px; background:rgba(255, 255, 255, 0.30); border: 2px solid #000;}
.destacats-slider .swiper-pagination-bullet-active, .destacats-slider .swiper-pagination-bullet:hover{ background: #000;}

/*quefem-sec*/
.hme-info{width: 100%; float: left;}
.quefem-sec{width: 100%; float: left; padding:70px 40px 80px 40px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; column-gap: 4%; border-bottom:1px solid #000;}
.quefem-title{flex: 0 1 20%;}
.quefem-title h2{width: 100%; float: left; font-family: 'Manrope-ExtraBold';font-size:45px; line-height: 55px;}
.quefem-content{flex: 0 1 46%;}
.quefem-content p{width: 100%; float: left; font-family: 'Manrope-Medium'; font-size:16px; line-height: 26px;}
.quefem-content p span{font-family: 'Manrope-Bold';}
.quefem-btn{flex: 0 1 20%;}
.quefem-btn a{background:#DBFE00; font-family: 'Manrope-SemiBold'; color: #000; font-size: 16px; line-height: 20px; letter-spacing: -0.29px;padding:18px 30px;text-decoration:none;display:inline-flex;align-items:center;column-gap: 20px;width: 255px; height: 60px; justify-content: center; transition:all .5s ease;}
.quefem-btn a span{font-size:24px;font-family: 'Manrope-Bold';}
.quefem-btn a:hover{background: #000; color: #fff;}

/*destacats-sec*/
.destacats-sec{width: 100%; float: left;padding:70px 40px 80px 40px; border-bottom:1px solid #000;}
.destacats-sec h2{width: 100%; float: left; font-family: 'Manrope-ExtraBold';font-size:45px; line-height: 55px; margin-bottom: 30px;}
.destacats-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4.5%;}
.destacats-sec ul li{flex: 0 1 21.6%;}
.destacats-sec ul li a{width: 100%; float: left;}
.destacats-sec ul li .destacats-img{width: 100%; float: left; margin-bottom: 18px; position: relative; overflow: hidden;}
.destacats-sec ul li .destacats-img img{width: 100%; float: left; transition: all .5s ease;}
.destacats-sec ul li:hover .destacats-img img{transform: scale(1.03);}
.destacats-sec ul li .destacats-img .destacats-label{position:absolute;top:50%;transform: translateY(-50%); left:0;background:#d9ff00; font-family: 'Manrope-SemiBold';padding:6px 12px;font-size: 14px; line-height: 18px; letter-spacing: -0.39px;}
.destacats-sec ul li p{width: 100%; float: left; font-family: 'Manrope-Medium'; font-size:14px; line-height: 24px; color: #000;}
.destacats-sec ul li p span{ font-family: 'Manrope-ExtraBold';}

/*hme-noticies*/
.hme-noticies{width: 100%; float: left;padding:70px 40px 80px 40px;}
.hme-noticies h2{width: 100%; float: left; font-family: 'Manrope-ExtraBold';font-size:45px; line-height: 55px; margin-bottom: 30px;}

.hme-noticies-inner{width: 100%; float: left; margin-bottom: 80px;}
.hme-noticies-inner a{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4.5%;}
.hme-noticies-lft{flex: 0 1 65%;position: relative; overflow: hidden;} 
.hme-noticies-lft img{width: 100%; float: left; height: 100%;object-fit: cover; transition: all .5s ease;}
.hme-noticies-lft span{position: absolute;top: 0;left: 0;background: #d9ff00;font-family: 'Manrope-SemiBold';padding: 6px 12px;font-size: 14px;line-height: 18px;letter-spacing: -0.39px;}
.hme-noticies-rgt{flex: 0 1 30.5%;}
.hme-noticies-rgt h5{width: 100%; float: left; color: #000000; font-family: 'Manrope-Regular'; font-size: 14px; line-height: 26px; margin-bottom: 10px; display: flex; flex-wrap: wrap; column-gap: 10px;}
.hme-noticies-rgt h5 span{ color: rgba(0, 0, 0, 0.5);}
.hme-noticies-rgt h3{width: 100%; float: left; color: #000000;font-family: 'Manrope-ExtraBold'; font-size: 32px; line-height: 36px; letter-spacing: -0.3px; margin-bottom: 10px;}
.hme-noticies-rgt p{width: 100%; float: left; color: rgba(0, 0, 0, 0.5); font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px;}
/* .hme-noticies-inner a:hover .hme-noticies-lft img{transform: scale(1.03);} */

.hme-noticies-list{width: 100%; float: left; padding-bottom: 80px;}
.hme-noticies-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4.5%; row-gap: 70px;}
.hme-noticies-list ul li{flex: 0 1 30.3%;}
.hme-noticies-list ul li a{width: 100%; float: left;}
.hme-noticies-list ul li .news-img{width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 20px;}
.hme-noticies-list ul li .news-img img{float: left; width: 100%; transition: all .5s ease;}
.hme-noticies-list ul li:hover .news-img img{transform: scale(1.05);}
.hme-noticies-label{position: absolute;top: 0;left: 0;background: #d9ff00;font-family: 'Manrope-SemiBold';padding: 6px 12px;font-size: 14px;line-height: 18px;letter-spacing: -0.39px;}
.hme-noticies-list ul li .news-cnt{width: 100%; float: left;}
.hme-noticies-list ul li .news-cnt h5{width: 100%; float: left; display: flex; column-gap: 10px; font-family: 'Manrope-Regular'; color: #000000; font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.hme-noticies-list ul li .news-cnt h5 span{color: rgba(0, 0, 0, 0.5);}
.hme-noticies-list ul li .news-cnt h3{width: 100%; float: left; font-family: 'Manrope-ExtraBold'; color: #000000; font-size: 20px; line-height: 30px; letter-spacing: -0.3px;}
.hme-noticies-btn{width: 100%; float: left; text-align: center;}
.hme-noticies-btn a{background: #DBFE00;font-family: 'Manrope-SemiBold';color: #000;font-size: 16px;line-height: 20px;letter-spacing: -0.29px;padding: 18px 30px;text-decoration: none;display: inline-flex;align-items: center;width: 350px;height: 60px;justify-content: center;transition: all .5s ease;}
.hme-noticies-btn a:hover{background: #000; color: #fff;}

/*Formacion*/
.formacion-guid { float: left; width: 100%; position: relative;}
.formacion-guid img { float: left; width: 100%;}
.our-formacion { width: 100%; position: absolute; left: 0; right: 0;  z-index: 9; top: 50%; transform: translateY(-50%);}
.our-formacion-cnt{width: 100%; float: left;}
.formacion-guid h2{float: left; width: 100%; color: #fff; font-size: 50px; line-height: 60px;font-family: 'Manrope-ExtraBold'; text-align: center;}

.gracis-cnt{width: 100%; float: left;}
.gracis-inner{width: 100%; float: left; background: #fff; position: relative; margin-top: -60px; padding: 20px 40px; display: flex; flex-wrap: wrap; align-items: center; column-gap: 5%; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);}
.gracis-lft{flex: 0 1 60%; display: flex; column-gap: 40px; align-items: center;}
.gracis-lft h2{width: calc(100% - 100px); float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 12px; line-height: 20px; letter-spacing: 0.04px;}
.gracis-lft h2 span{display: block; font-family: 'Manrope-ExtraBold';font-size: 45px; line-height: 60px; letter-spacing: normal;}
.gracis-rgt{flex: 0 1 35%; text-align: right;}
.gracis-rgt a{background: #DBFE00;font-family: 'Manrope-SemiBold';color: #000;font-size: 16px;line-height: 20px;letter-spacing: -0.29px;padding: 18px 30px;text-decoration: none;display: inline-flex;align-items: center;width: 255px;height: 60px;justify-content: center;transition: all .5s ease;}
.gracis-rgt a:hover{background: #000; color: #fff;}

.institut-web{width: 100%; float: left; padding: 80px 0 160px 0;}
.info-section{width: 100%; float: left; padding: 0 40px 80px 40px; border-bottom: 1px solid #000;}
.info-section ul{width: 100%;float: left;display: flex;flex-wrap: wrap;column-gap: 4.5%;}
.info-section ul li{flex: 0 1 21.6%; border-top: 1px solid #000; padding-top: 20px;}
.info-section ul li h3{width: 100%; float: left; margin-bottom: 12px;}
.info-section ul li h3 a{width: 100%; float: left;font-family: 'Manrope-ExtraBold'; font-size: 24px; line-height: 28px; color: #000; background: url(../images/ico-arrow-diagonal.svg) no-repeat right top 5px; padding-right: 30px;transition: all .5s ease;}
.info-section ul li p{width: 100%; float: left; font-family: 'Manrope-Regular'; color: #000000; font-size: 16px; line-height: 28px; padding-right: 20px;}
.info-section ul li h3 a:hover{opacity: 0.7;}

.segueix-nos{float: left;width: 100%;padding: 25px 40px 80px 40px; position: relative; border-bottom: 1px solid #000;}
.segueix-nos h2 {width: 100%; float: left; color: #000000; font-family: 'Manrope-ExtraBold'; font-size: 25px; line-height: 42px; margin-bottom: 20px;}
.segueix-main { float: left; width: 100%;}  
.segueix-main ul {float: left; width: 100%; display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense;}
.segueix-main ul li {display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
.segueix-main ul li.tall { grid-row: span 2;} 
.segueix-main ul li.wide { grid-column: span 2;}
.segueix-main ul li a {width: 100%;}
.segueix-main ul li .img-div { float: left; width: 100%; overflow: hidden; position: relative; height: 100%;}
.segueix-main ul li .img-div img { float: left; width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; height: 100%;}
.segueix-main ul li:hover .img-div img {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.segueix-main ul li.youtube:after{position: absolute;content: "";width: 40px;height: 40px;top:50%;left: 50%;transform: translate(-50% , -50%);background: url(../images/play-button.svg);background-size: cover;}
.segueix-main ul li.insta:after{position: absolute;content: "";width: 20px;height: 20px;bottom:15px;right: 15px;background: url(../images/header-instagram.svg);background-size: cover;}
.segueix-social{position: absolute; right: 40px; top: 40px;}
.segueix-social ul{float: left;width: 100%;display: flex;align-items:center;flex-wrap: wrap;column-gap: 25px;justify-content: center;}
.segueix-social ul li{flex: 0 1 auto;position: relative;}
.segueix-social ul li a{display: flex;align-items: center;justify-content: center;transition: all 0.5s ease; column-gap: 12px; font-family: 'Montserrat-Regular'; color: #03045E; font-size: 18px; line-height: 30px; letter-spacing: 0.34px;}
.segueix-social ul li a img{ transition:all .5s ease;}
.segueix-social ul li a:hover{opacity: 0.6;} 

.altres-webs{float: left;width: 100%;padding: 25px 40px 0 40px;}
.altres-webs h2 {width: 100%; float: left; color: #000000; font-family: 'Manrope-ExtraBold'; font-size: 25px; line-height: 42px; margin-bottom: 20px;}
.altres-webs ul{width: 100%;float: left;display: flex;flex-wrap: wrap;column-gap: 4.5%;}
.altres-webs ul li{flex: 0 1 21.6%;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.altres-webs ul li a{width: 100%; float: left;}
.altres-webs ul li img{width: 100%; float: left; transition:all .5s ease;}
.altres-webs ul li:hover img{transform: scale(1.03);}
.altres-webs ul li .content .icon-web {width: 100%;text-align: center;}
.altres-webs ul li .content .icon-web img {width: auto;float: none;}
.altres-webs ul li:hover .content .icon-web img{transform: none;} 
.altres-webs ul li .content{width: 100%;height: 100%;position:absolute;top:0;left: 0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#000;}
.altres-webs ul li .content small{width: 100%; float: left;font-family: 'Manrope-Regular'; font-size: 12px; line-height: 20px; letter-spacing: 0.04px; margin-bottom: 5px;}
.altres-webs ul li .content h3{width: 100%; float: left; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 45px; line-height: 50px;}
.altres-webs ul li .info-btn{background:rgba(0, 0, 0, 0.5);font-family: 'Manrope-SemiBold'; font-size: 16px; line-height: 20px; letter-spacing: -0.29px;color:#fff;text-align:center;padding:12px;display:flex; align-items: center; justify-content: center; column-gap: 12px; width: 100%; height: 60px; border: none; cursor: pointer; transition:all .5s ease;}
.altres-webs ul li .info-btn span{font-size: 24px;}
.altres-webs ul li.wht .content small, .altres-webs ul li.wht .content h3{color: #fff;}
.altres-webs ul li:hover .info-btn{background: #000;}

/*03*/
.institut-banner {width: 100%;float: left;position: relative;height: 480px; background: #F5F5F5;}
.institut-banner::after{position: absolute; content: "";left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.10);}
.institut-banner img{width: 100%; float: left; height: 100%; object-fit: cover;}
.breadcrum { float: left; width: auto; position: absolute; top: 15px; background: rgba(255, 255, 255, 0.5); padding: 5px 10px; z-index: 9;} 
.breadcrum ul { float: left; width: 100%;display: flex; flex-wrap: wrap;}
.breadcrum ul li { flex: 0 1 auto;color: #000; font-family: 'Manrope-Medium';font-size: 12px;line-height: 18px; letter-spacing: -0.33px; position: relative;}
.breadcrum ul li:not(:last-of-type)::after { position: relative; content: ">"; right: 0; top: -1px; color: #000; font-family: 'Manrope-Medium';font-size: 16px;line-height: 18px; margin: 0px 8px;}
.breadcrum ul li a { float: left; width: auto; display: flex; align-items: center;color: #000; font-family: 'Manrope-Medium';font-size: 12px;line-height: 18px; letter-spacing: -0.33px; transition: all 0.4s ease;}
.breadcrum ul li a:hover { color: rgba(0, 0, 0, 0.5);}
.institut-banner .banner-content {width: 100%;float: left;position: absolute;top: 50%;transform: translateY(-50%); z-index: 9;}
.institut-banner .banner-content h6{width: 100%;float: left; font-family: 'Manrope-Medium'; color: #fff; font-size: 16px; line-height: 26px; letter-spacing: 1px; margin-bottom: 8px;}
.institut-banner .banner-content h1 {width: 100%;float: left; font-family: 'Manrope-ExtraBold'; color: #fff; font-size: 60px; line-height: 60px; margin-bottom: 40px;}
.institut-banner .banner-content ul { width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; border-left: 1px solid #fff;}
.institut-banner .banner-content ul li {flex: 0 1 48%; color: #fff;font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px;}
.institut-banner .banner-content ul li:first-child {padding-left: 40px;}
.institut-banner.gray .banner-content h1, .institut-banner.gray .banner-content h6{color: #000;}
.institut-banner.gray .breadcrum {position: relative;}
.institut-banner.gray{height: inherit;}
.institut-banner.gray .banner-content {position: relative;top: auto;transform: none;padding: 65px 0;}
.institut-banner.gray::after{display: none;}

.institut-sec {width: 100%; float: left; padding: 100px 0 30px 0;}
.institut-grid {width: 100%; float: left; padding: 40px 40px 70px 40px; border-top: 1px solid #000;display: flex; flex-wrap: wrap; column-gap: 4%;justify-content: space-between; }
.institut-title {flex: 0 1 48%;}
.institut-content {flex: 0 1 48%;}
.institut-title h2 {width: 100%; float: left; font-family: 'Manrope-ExtraBold'; font-size: 35px; line-height: 45px; color: #000;}
.institut-content p {width: 100%; float: left; font-family: 'Manrope-Regular'; font-size: 18px;line-height: 28px; letter-spacing: -0.2px; margin-bottom: 20px;}
.btn-group{width: 100%; float: left;}
.btn-group ul{width: 100%; float: left;display: flex;flex-wrap: wrap;column-gap: 10px; row-gap: 10px;}
.btn-group ul li{flex: 0 1 auto;}
.btn-group ul li a {display: flex;align-items: center; justify-content: center; height: 34px; min-width: 164px;column-gap: 12px;background: #DBFE00;color: #000;font-family: 'Manrope-SemiBold'; padding: 8px 15px;font-size: 14px; line-height: 20px; letter-spacing: -0.26px; border: 1px solid #DBFE00; transition: all 0.4s ease;}
.btn-group ul li a span {font-size: 20px;}
.btn-group ul li a:hover {background: #fff; border: 1px solid #000;}

.ieb-section{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 50px;}
.ieb-logo{flex: 0 1 200px;}
.ieb-logo img{width: 100%; float: left;}
.ieb-content{flex: 0 1 calc(100% - 250px);display: flex; flex-wrap: wrap; column-gap: 5%; align-items: flex-start;}
.ieb-content .ieb-col{flex: 0 1 47.5%;}
.ieb-content.three-col .ieb-col{flex: 0 1 30%;}
.ieb-content p{width: 100%; float: left; font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px; color: #000;}
.ieb-content p span{ background:#DBFE00;padding:2px 4px;}
.ieb-content p strong{font-weight: normal; font-family: 'Manrope-Bold';}

.catalana-sec{width: 100%; float: left; background: #fff; padding: 85px 0;}
.catalana-inner{ /*max-width: 850px; margin: 0px auto;*/ padding: 0 120px 0 200px;width: 100%;}
.catalana-cnt{width: 100%; float: left; padding-left: 50px; border-left: 1px solid #000; margin-bottom: 80px;}
.catalana-sec h2{width: 100%; float: left; font-family: 'Manrope-ExtraBold'; color: #000000; font-size: 45px; line-height: 55px; margin-bottom: 20px;}
.catalana-img{width: 100%; float: left; margin-bottom: 25px; position: relative;}
.catalana-img img{width: 100%; float: left;}
.catalana-img span{position: absolute; left: 40px; bottom: 40px; background: #fff; padding: 5px 10px; color: #000; font-family: 'Manrope-Medium'; font-size: 12px; line-height: 18px;}

.catalana-list{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 20px;}
.catalana-list h3{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 20px; line-height: 30px;}
.catalana-list h3 span{background:#DBFE00;padding:2px 4px;}
.catalana-list p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 16px; line-height: 26px;}
.catalana-list p span{background:#DBFE00;padding:2px 4px;}
.catalana-cnt:last-child{margin-bottom: 0;}
.catalana-list p strong{font-weight: normal; font-family: 'Manrope-Bold';}
.catalana-list.history h3{width: 100%; float: left; color: #000; font-family: 'Manrope-Medium'; font-size: 22px; line-height: 32px;}
.catalana-list.history p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 20px; line-height: 30px;}

.marca-sec{width: 100%; float: left; background: #fff; padding: 85px 0 30px 0;}
.marca-inner{width: 100%; float: left; padding: 40px 40px 70px 40px; border-top: 1px solid #000; display: flex; flex-wrap: wrap; column-gap: 4%;}
.marca-col-lft{flex: 0 1 48%;}
.marca-col-rgt{flex: 0 1 48%;}
.marca-sec h1{width: 100%; float: left;color: #000; font-family: 'Manrope-ExtraBold'; font-size: 35px; line-height: 40px; margin-bottom: 10px;}
.marca-sec h3{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 25px; line-height: 30px; letter-spacing: -0.38px;}
.marca-sec p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px; margin-bottom: 30px;}
.logo-logo{width: 100%;float: left; margin-bottom: 30px;}
.logo-logo img{width: 100%; float: left;}
.download-btn{width: 100%; float: left;}
.download-btn ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.download-btn ul li{flex: 0 1 auto;}
.download-btn ul li a{display: flex;align-items: center; justify-content: center; height: 34px; min-width: 164px;column-gap: 12px;background: #DBFE00;color: #000;font-family: 'Manrope-SemiBold'; padding: 8px 15px;font-size: 14px; line-height: 20px; letter-spacing: -0.26px; border: 1px solid #DBFE00; transition: all 0.4s ease;}
.download-btn ul li a span {font-size: 18px;}
.download-btn ul li a:hover {background: #fff; border: 1px solid #000;}

.logotip{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 6%; align-items: center;}
.logotip-lft{flex: 0 1 44%;}
.download-btn.logotip{flex: 0 1 50%;}
.download-btn.logotip ul{column-gap: 0; row-gap: 15px;}
.download-btn.logotip ul li{flex: 0 1 100%;}
.download-btn.logotip ul li a{width: auto; float: left;}

/*08*/
.contact-banner{width: 100%; float: left; background: #fff; padding: 20px 0;}
.contact-banner .breadcrum{position: relative; top: 0; background: #F5F5F5;}
.contacte-sec{width: 100%; float: left; background: #fff; padding: 40px 0 100px 0;}
.contacte-title{width: 100%; float: left; padding: 0 17%; margin-bottom: 65px;}
.contacte-title h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 60px; line-height: 60px; margin-bottom: 20px;}
.contacte-title p {width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-SemiBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.42px;}
.contacte-title p a{background: #DBFE00; padding: 2px 5px; color: #000; font-family: 'Manrope-SemiBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.42px; transition: all 0.4s ease;}
.contacte-title p a:hover{background: rgba(219, 254, 0, 0.5);}
.contact-inner{width: 100%; float: left;display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 80px; row-gap: 0;}
.contact-address{flex: 0 1 360px; background: rgba(219, 254, 0, 0.2);padding: 25px 30px;}
.contact-form{flex: 0 1 calc(100% - 440px);}
.contact-address h5 {width: 100%; float: left;color: #000;font-family: 'Manrope-Regular';font-size: 12px;line-height: 20px;letter-spacing: 0.04px;text-transform: uppercase;margin-bottom: 15px;}
.contact-address ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px;}
.contact-address ul li{flex: 0 1 100%;}
.contact-address ul li h4 {width: 100%; float: left;color: #000; font-family: 'Manrope-ExtraBold';font-size: 22px; line-height: 26px; letter-spacing: -0.2px;}
.contact-address ul li h4 span{font-family: 'Manrope-Regular'; display: block;}
.contact-address ul li p{width: 100%; float: left; color: #000;font-family: 'Manrope-Regular';font-size: 16px;line-height: 26px;letter-spacing: -0.2px;}
.contact-address ul li h6{width: 100%; float: left;color: #000; font-family: 'Manrope-ExtraBold'; font-size: 16px; line-height:26px; letter-spacing: -0.2px;}
.contact-address ul li p a{width: auto; float: left; color: #000;font-family: 'Manrope-Regular';font-size: 16px;line-height: 26px;letter-spacing: -0.2px; transition: all 0.4s ease;}
.contact-address ul li p a:hover{color: rgba(0, 0, 0, 0.75);}
.social-icons{width: 100%; float: left; margin-top: 30px;}
.social-icons ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px;}
.social-icons ul li{flex: 0 1 auto;}
.social-icons ul li a {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #000;border-radius: 50%;transition: all 0.4s ease;color: #000;}
.social-icons ul li a:hover{background: #000;}
.social-icons ul li a:hover img{filter: brightness(0) invert(1);}

#contact-map { float: left; width: 100%; height: 560px;}
.contact-form { float: left; width: 100%;}
.contact-form .form-box .frm-input .floating-label{float: left; font-family: 'Manrope-SemiBold';font-size: 10px; line-height: 18px; letter-spacing: -0.2px;}
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 35px; position: relative;}
.contact-form .form-box input[type="text"], .contact-form .form-box input[type="email"], .form-box textarea { width:100%; color:#000000;font-family: 'Manrope-SemiBold';padding: 0 0 10px; height: 55px; border-radius: 0; border: none; border-bottom: 1px solid #000; font-size:18px; line-height: 28px; letter-spacing: -0.16px; transition: all .5s ease; background:#FFFFFF; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box input[type="email"]:focus, .contact-form .form-box textarea:focus { border-bottom: 1px solid #DBFE00;}
.contact-form .form-box textarea { resize:none; height:130px; font-size:18px; line-height: 28px; letter-spacing: -0.16px; padding: 0 0 10px;color:#000000;font-family: 'Manrope-SemiBold';}
.contact-form .form-box input[type="text"]::-webkit-input-placeholder, .contact-form .form-box input[type="email"]::-webkit-input-placeholder, .contact-form .form-box textarea::-webkit-input-placeholder { color:#000000;}
.contact-form .form-box input[type="text"]:-ms-input-placeholder, .contact-form .form-box input[type="email"]:-ms-input-placeholder, .contact-form .form-box textarea:-ms-input-placeholder { color:#000000;}
.contact-form .form-box input[type="text"]::-ms-input-placeholder, .contact-form .form-box input[type="email"]::-ms-input-placeholder, .contact-form .form-box textarea::-ms-input-placeholder { color:#000000;}
.contact-form .form-box input[type="text"]::placeholder, .contact-form .form-box input[type="email"]::placeholder, .contact-form .form-box textarea::placeholder { color:#000000;opacity: 1;}
.contact-form .btn-ctr { float: left; width: 100%;}
.contact-form .form-box input[type="submit"] { width: 100%; height: 60px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;font-family: 'Montserrat-SemiBold'; background: #DBFE00; border: none; color: #000000; font-family: 'Manrope-ExtraBold'; font-size: 16px; line-height: 20px; letter-spacing: -0.29px; padding: 0 40px;transition:all .5s ease;}
.contact-form .form-box input[type="submit"]:hover {background: #151515; color: #fff;}
.contact-form .form-box .frm-input p{width: 100%; float: left; color: #000; font-family: 'Manrope-SemiBold'; font-size: 10px; line-height: 18px; letter-spacing: -0.2px;}


/*07*/
.facturacio-sec{width: 100%; float: left; background: #fff; padding: 40px 0 100px 0;}
.facturacio-title{width: 100%; float: left; margin-bottom: 65px;}
.facturacio-title h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 60px; line-height: 60px; margin-bottom: 20px;}
.facturacio-title p{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-SemiBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.42px;}

.facturacio-list{width: 100%; float: left;}
.facturacio-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.facturacio-list ul li{flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 0; padding: 40px 40px 80px 40px; border-top: 1px solid #000;}
.facturacio-lft{flex: 0 1 380px;}
.facturacio-rgt{flex: 0 1 calc(100% - 430px); display: flex; flex-wrap: wrap; row-gap: 20px;}
.facturacio-list ul li h3{width: 100%; float: left; color: #000; font-family: 'Manrope-SemiBold'; font-size: 25px; line-height: 35px;}
.facturacio-list ul li p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px;}
.facturacio-list ul li p span{font-family: 'Manrope-Bold';}

.main-sec{width: 100%; float: left;background: #DBFE00; margin-bottom: 80px;}
.top-bar{width: 100%; float: left; padding: 17px 40px; background: #000000;}
.top-bar h3{width: 100%; float: left; color: #fff; font-family: 'Manrope-ExtraBold'; font-size: 25px; line-height: 26px; letter-spacing: -0.23px;}
.main-cnt{width: 100%; float: left; padding: 40px 40px; display: flex; flex-wrap: wrap; column-gap: 70px;}
.main-left-cont{flex: 0 1 360px; padding: 25px 30px; background: #fff;}
.main-left-cont h6{width: 100%; float: left; text-transform: uppercase; font-family: 'Manrope-Regular'; font-size: 12px; line-height: 20px; letter-spacing: 0.04px; margin-bottom: 15px;}
.main-left-cont h3{width: 100%; float: left; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 22px; line-height: 26px; letter-spacing: -0.2px; margin-bottom: 15px;}
.main-left-cont p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}
.main-left-cont p span{font-family: 'Manrope-Bold';}
.top-cnt{width: 100%; float: left; margin-bottom: 25px;}
.main-left-cont h4{float: left;font-family: 'Manrope-Bold'; font-size: 16px; line-height: 26px; letter-spacing: -0.2px;}
.main-right-cont{flex: 0 1 calc(100% - 430px);}
.main-right-cont h2{width: 100%; float: left; color: #000; font-family: 'Manrope-ExtraBold';font-size: 25px; line-height: 32px; margin-bottom: 30px;}
.step{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 30px; row-gap: 0; margin-bottom: 40px;}
.step-number{flex: 0 1 60px; height: 60px; background: #000; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-family: 'Manrope-ExtraBold';font-size: 22px; line-height: 28px; letter-spacing: -0.2px;}
.step-content{flex: 0 1 calc(100% - 90px);}
.step h5{width: 100%; float: left; color: #000; font-family: 'Manrope-Bold'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px; margin-bottom: 5px;}
.step p{width: 100%; float: left; color: #000; font-family: 'Manrope-Regular'; font-size: 18px; line-height: 28px; letter-spacing: -0.2px;}
.step p span{background: #fff; padding: 2px 5px;}

.enllacos-btn{width: 400px; float: left; display: flex; flex-wrap: wrap; row-gap: 15px;}
.enllacos-btn a{display: flex;align-items: center;justify-content: center;height: 60px;column-gap: 12px;background: #DBFE00;color: #000;font-family: 'Manrope-SemiBold';padding: 8px 40px;font-size: 14px;line-height: 20px;letter-spacing: -0.26px;border: 1px solid #DBFE00;transition: all 0.4s ease;}
.enllacos-btn a span {font-size: 18px;}
.enllacos-btn a:hover{border: 1px solid #000; background: #fff;}
.facturacio-list.btn ul li:last-child{padding-bottom: 0;}

/*09*/
.actualidad-sec{width: 100%; float: left; background: #F5F5F5;}
.actualidad-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center;}
.actualidad-lft{flex: 0 1 60%; position: relative; overflow: hidden;}
.actualidad-lft img{width: 100%; float: left;}
.actualidad-img{position: relative;}
.actualidad-img span{position: absolute; left: 0; top: 0; padding: 6px 15px; background: #DBFE00; border-radius: 0; font-family: 'Manrope-SemiBold'; font-size: 14px; line-height: 18px; color: #000;}
.actualidad-rgt{flex: 0 1 40%; padding: 34px 60px;}
.actualidad-sec h6{width: 100%; float: left; display: flex; column-gap: 12px;font-family: 'Manrope-Regular'; color: rgba(0, 0, 0, 0.5);font-size: 14px; line-height: 26px; margin-bottom: 15px;}
.actualidad-sec h6 span{color: #000000; text-transform: uppercase;}
.actualidad-sec h3{width: 100%; float: left;font-family: 'Manrope-ExtraBold'; color: #000000; font-size: 32px; line-height: 36px; letter-spacing: -0.3px; transition: all .5s ease; margin-bottom: 15px;}
.actualidad-sec p{width: 100%; float: left; font-family: 'Manrope-Regular'; color: rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 28px;}

.news-main-sec{width: 100%; float: left; background: #fff; padding: 70px 0 100px 0;}
.news-main-list{width: 100%; float: left; padding-bottom: 60px;}
.news-main-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 70px;}
.news-main-list ul li{flex: 0 1 48%;overflow: hidden;}
.news-main-list ul li a{width: 100%; float: left;}
.news-main-list ul li .news-img{width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 20px;}
.news-main-list ul li .news-img img{float: left; width: 100%; transition: all .5s ease;}
.news-main-list ul li:hover .news-img img{transform: scale(1.05);}
.news-main-list ul li .news-img span{position: absolute; left: 0; top: 0; padding: 6px 15px; background: #DBFE00; border-radius: 0; font-family: 'Manrope-SemiBold'; font-size: 14px; line-height: 18px; color: #000;}
.news-main-list ul li .news-cnt{width: 100%; float: left;}
.news-main-list ul li .news-cnt h5{width: 100%; float: left; display: flex; column-gap: 12px;font-family: 'Manrope-Regular'; color: rgba(1, 1, 1, 0.5); font-size: 14px; line-height: 26px; margin-bottom: 15px;}
.news-main-list ul li .news-cnt h5 span{color: #000000; text-transform: uppercase;}
.news-main-list ul li .news-cnt h3{width: 100%; float: left;font-family: 'Manrope-ExtraBold'; color: #000000; font-size: 25px; line-height: 33px; letter-spacing: -0.3px; transition: all .5s ease; margin-bottom: 15px;}
.news-main-list ul li .news-cnt p{width: 100%; float: left; font-family: 'Manrope-Regular'; color: rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 28px;}
.news-main-list ul li:hover .news-cnt h3{color: rgba(0, 0, 0, 0.5);}

/*dot*/
.institut-web.no-pad {padding-top: 0;}
.institut-web.no-pad .segueix-nos{border-top: 1px solid #000;}
.actualidad-img .swiper-container, .actualidad-img .swiper-wrapper{float: left; width: 100%;}
.actualidad-img .swiper-slide, .actualidad-img .swiper-slide img{float: left; width: 100%;}
.swiper-pagination-noticies{position: absolute; left: 40px; bottom: 40px; z-index: 99; display: flex; column-gap: 10px;}
.swiper-pagination-noticies .swiper-pagination-bullet {background: transparent;width: 12px;height: 12px;}
.swiper-pagination-noticies .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-noticies .swiper-pagination-bullet:hover{width: 12px; height: 12px;border: 1px solid #fff !important; background: #fff !important;}

.page-title-sec {float: left;width: 100%;padding: 50px 0px 60px;background: #fff;}
.page-title-sec h1{float: left;width: 100%; font-family: 'Manrope-ExtraBold'; color: #000; font-size: 60px; line-height: 60px; margin-bottom: 30px;}
.page-title-inner{float: left;width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.filter-list{width: auto; float: left;}
.filter-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 0;}
.filter-list ul li{flex: 0 1 auto;}
.filter-list ul li a{background: #F5F5F5; height: 60px; padding: 15px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #000; font-family: 'Manrope-SemiBold'; font-size: 18px; line-height: 18px; letter-spacing: -0.5px; transition: all 0.5s ease;}
.filter-list ul li a:hover{background: #DBFE00;}
.filter-btn{width: auto; float: right;}
.filter-btn a{background: #F5F5F5; height: 60px; padding: 15px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #000; font-family: 'Manrope-SemiBold'; font-size: 18px; line-height: 18px; letter-spacing: -0.5px; column-gap: 10px;transition: all 0.5s ease;}
.filter-btn a:hover{background: #DBFE00;}
.filter-btn a span{background: url(../images/filter.svg) no-repeat 0 0; width: 15px; height: 14px;}
.filter-btn.open a span{background: url(../images/close-filter.svg) no-repeat 2px 2px; width: 15px; height: 14px;}

.filter-div { float: left; width: 100%; }
ul.cer-filter-lst { float: left; width: 100%; display: flex; flex-wrap: wrap;}
ul.cer-filter-lst li { float: left; width: 19.5%; margin-right: 4%; }
ul.cer-filter-lst li:nth-child(4n-4) { width: 13.25%; margin-right: 3%;}
ul.cer-filter-lst li:last-child {width: 13.25%; margin-right: 0px;}
ul.cer-filter-lst li input[type="text"].search-txt{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #3C3C3B; border-radius: 0px; color: #3C3C3B; height:45px; line-height:21px;  font-size:16px; letter-spacing: normal; font-family: 'Manrope-Medium';
background: url(../images/ico-search-b.svg) no-repeat top 15px right 15px;}
ul.cer-filter-lst li input[type="text"].search-txt:focus{ color:#000; border-bottom: solid 1px #DBFE00;background: url(../images/ico-cercar-red.svg) no-repeat top 15px right 15px; }
ul.cer-filter-lst li input[type="text"].datepicker-here{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #3C3C3B; border-radius: 0px; color: #3C3C3B; height:45px; line-height:21px;  font-size:15px; letter-spacing: normal; font-family: 'Manrope-Medium';
background: url(../images/calendar.svg) no-repeat top 15px right 15px;}
ul.cer-filter-lst li input[type="text"].datepicker-here:focus{ color:#000; border-bottom: solid 1px #DBFE00;background: url(../images/calendar-red.svg) no-repeat top 15px right 15px; }

ul.cer-filter-lst li .select_box_input{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #3C3C3B; border-radius: 0px; color: #3C3C3B; height:45px; line-height:42px;  font-size:16px; text-transform: capitalize; letter-spacing: normal; font-family: 'Manrope-Medium';}
ul.cer-filter-lst li .select_box_input.open { color:#000; border-bottom: solid 1px #000; }
ul.cer-filter-lst li .nice-select::after { right: 15px;}
ul.cer-filter-lst li .nice-select.open::after {border-bottom: 2px solid #000;border-right: 2px solid #000;}
ul.cer-filter-lst li .nice-select .list { width: 100%; border-radius: 0px; row-gap: inherit;}
ul.cer-filter-lst li .nice-select .list li { width: 100% !important; margin: 0px 0px; font-family: 'Manrope-Regular'; font-size:14px; padding:2px 12px !important; color: #000;}
ul.cer-filter-lst li .nice-select .option:hover { color: #fff; background: #000;}
ul.cer-filter-lst li .nice-select:hover::after { border-bottom: 2px solid #000;border-right: 2px solid #000;}
.filter-etiqueta {display: none;margin-top: 35px;}

/*11*/
.projeccio-sec{width: 100%; float: left; padding: 50px 0px 80px;background: #fff;}
.projeccio-sec h1 {float: left;width: 100%;font-family: 'Manrope-ExtraBold';color: #000;font-size: 60px;line-height: 60px;margin-bottom: 30px; padding: 0 40px;}
.calendar.white{background: #F5F5F5;}

.month-nav{width: 100%;padding: 0 40px;font-size:20px;display:flex;align-items:center;gap:20px; margin-bottom: 20px;}
.month-nav span{cursor:pointer; font-family: 'Manrope-Medium'; color: #010101; font-size: 18px; line-height: 28px; letter-spacing: 0.32px;}
.calendar{background:#F0F0F0;padding:20px 40px;border-radius:0;display:flex;justify-content: space-between;overflow-x:auto;white-space:nowrap;}
.day{flex: 0 0 auto;text-align: center;font-size: 13px;color: #010101;font-family: 'Manrope-Regular';display: flex;flex-wrap: wrap;row-gap: 5px;}
.day span {flex: 0 1 100%;}
.day .num{display:block;font-size:16px;color:#010101; font-family: 'Manrope-Bold';}
.day.active{background:#DBFE00;color:#fff;border-radius:8px;padding:6px 10px;}
.day.active .num, .day.active span{color:#000;}
.month-nav span#prevBtn{transform: rotate(180deg);}

.filter-bar {background: #333333;padding: 15px 40px;border-radius: 0;display: flex;gap: 20px;align-items: center;justify-content: space-between;}
.filter-item {position: relative;flex: 1;}
.filter-item input {width: 100%;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.1);padding: 10px 40px 10px 15px;color: #fff;font-size: 14px; line-height: 24px; height: 45px; font-family: 'Manrope-Regular'; color: #fff;border-radius: 0px !important;}
.filter-item input::placeholder {color: #fff;}
.filter-item input[type="text"].datepicker-here{ background:none; width:100%;border: 1px solid rgba(255, 255, 255, 0.1);padding: 10px 40px 10px 15px;color: #fff;font-size: 14px; line-height: 24px; height: 45px; font-family: 'Manrope-Regular'; color: #fff;border-radius: 0px !important;
background: rgba(255, 255, 255, 0.15) url(../images/ico-calendar-w.svg) no-repeat top 15px right 15px;}
.filter-item input[type="text"].datepicker-here:focus{ color:#fff; border: solid 1px #fff;background: rgba(255, 255, 255, 0.15) url(../images/ico-calendar-w.svg) no-repeat top 15px right 15px; }
.icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.filter-item .nice-select.select_box_input{width: 100%; float: left; border: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 40px 10px 15px; background: rgba(255, 255, 255, 0.15); font-family: 'Manrope-Regular'; font-size: 14px;line-height: 24px;height: 45px; color: #fff; text-transform: capitalize;}
.filter-item .nice-select::after {border-bottom: 2px solid #fff;border-right: 2px solid #fff; right: 20px;}
.filter-item .nice-select.open .list{width: 100%; border-radius: 0;}
.filter-item .nice-select.open .list li{width: 100%;}
.filter-item .nice-select:hover::after {border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.projeccio-list{width: 100%; float: left;}

/* 01 */
.subvencions-sec {width: 100%; float: left; padding: 50px 0 90px 0;}
.subvencions-title{ float: left; width: 100%; text-align: center; padding-bottom: 40px;}
.subvencions-title h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 60px; line-height: 70px; margin-bottom: 20px;}
.subvencions-title p {width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-SemiBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.42px; padding: 0 15%;}
.subvencions-badge { float: left; width: 100%; padding-left: 40px;}
.subvencions-badge span  { display: inline-block; font-size: 14px; line-height: 15px; font-family: 'Manrope-SemiBold'; color: #000000; border: 1px solid #000000; border-bottom: none; padding: 7px 30px;}
.subvencions-grid {width: 100%; float: left; padding: 40px 40px 70px 40px; border-top: 1px solid #000;display: flex; flex-wrap: wrap; column-gap: 4%;justify-content: space-between; }
.subvencions-lft {flex: 0 1 69%;}
.subvencions-content {flex: 0 1 27%;}
.subvencions-lft h3 {width: 100%; float: left; font-family: 'Manrope-ExtraBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.33px; color: #000; margin-bottom: 22px;}
ul.grant-tags { width: 100%; display: flex; flex-wrap: wrap; gap: 12px;}
ul.grant-tags li { flex: 0 1 auto; font-size: 14px; line-height: 16px; color: #000000; letter-spacing: -0.39px; background: #F5F5F5; padding: 8px 15px;}
.subvencions-content .btn-group ul{ justify-content: right;}
.subvencions-content .btn-group ul li a {display: flex;align-items: center; justify-content: center; height: 54px; min-width: 235px;column-gap: 12px;background: #DBFE00;color: #000;font-family: 'Manrope-SemiBold'; padding: 8px 15px;font-size: 16px; line-height: 20px; letter-spacing: -0.29px; border: 1px solid #DBFE00; transition: all 0.4s ease;}
.subvencions-content .btn-group ul li a:hover{background: #000; color: #fff; border: 1px solid #000;}
.fitxa-div:hover .fitxa-content a span img { filter: brightness(0);}

/* filters-sec */
.filters-sec { float: left; width: 100%; padding-bottom: 60px;}
.filters-sec ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px; row-gap: 20px; align-items: flex-start;}
.filters-sec ul li { flex: 0 1 27%;}
.filters-sec .frm-select {width: 100%;}
.filters-sec  label{ width:auto; color: #000000; font-size:1rem; line-height: 24px; margin-right: 12px;}
.filters-sec .nice-select { width:100%; position:relative; padding:0; background: #F5F5F5; color: #000000; font-size:16px;line-height: 19px;color:#000000; font-family: 'Manrope-SemiBold'; padding: 20px;}
.filters-sec .nice-select:hover { background: #000000; color: #ffffff;} 
.filters-sec .nice-select:hover::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.filters-sec .nice-select::after { right: 20px;}
.filters-sec .sbSelector {color: #000000;font-size: 1.125rem;line-height: 1.4; height: 41px;padding: 5px 13px;border: 1px solid var(--brd-solid);border-radius:4px; }
.filters-sec .sbToggle { position:absolute; content:""; background: url(../images/check-aero.svg) no-repeat; right: 16px; top: 16px; left:auto; width:15px; height:9px; padding: 0;transition: all 0.5s ease;}
.filters-sec .sbToggle.sbToggleOpen {transform: rotate(180deg); }
.filters-sec .nice-select .list {width: 100%;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 0;border-radius:0px;background: #DBFE00;color: #000; position: absolute; z-index: 10; height: auto;margin: 0; box-shadow: none; }
.filters-sec .nice-select .list li { flex: 0 1 100%; background: #DBFE00;color: #000; font-family: 'Manrope-SemiBold'; font-size: 16px; line-height: 18px;border: none;padding: 5px 20px; }
.filters-sec .nice-select .list li:hover { background: #000000; color: #ffffff;}
.filters-sec .sbHolder a:hover { color: #000000 !important;}
.filters-sec .nice-select.open { background: #DBFE00;color: #000; }

/* pagination css */
.pagination { float: left; width: 100%; display: flex; margin-top: 10px; align-items: center; justify-content: left; column-gap: 9px;}  
.pagination ul { float: left; width: auto; display: flex; column-gap: 9px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}  
.pagination ul li a { display:flex;align-items: center;justify-content: center; background: #F5F5F5; text-transform: uppercase; width:60px; height:60px; border-radius: 0;font-size: 16px; transition: all .5s ease;color: #000000; font-family: 'Manrope-SemiBold';}
.pagination ul li a.active { background: #DBFE00;color: #000000;} 
.pagination ul li a.active:hover { background: #DBFE00;} 
.pagination ul li a:hover{ background: #DBFE00;color: #000000;} 
.pagination ul li a.no-hover:hover {background: transparent;color: #303030;}
a.next-arw {float: left;width:auto; background: #F5F5F5; width:auto; height:60px; text-transform: uppercase; font-size:16px;line-height: 19px;color:#000000; position: relative; transition: all 0.5s ease; font-family: 'Manrope-SemiBold';display: flex;align-items: center;padding: 0 17px;}
a.next-arw:hover{ background: #DBFE00;color: #000000;} 
a.prev-arw {float: left;width:auto; background: #F5F5F5; width:auto; height:60px; text-transform: uppercase; font-size:16px;line-height: 19px;color:#000000; position: relative; transition: all 0.5s ease; font-family: 'Manrope-SemiBold';display: flex;align-items: center;padding: 0 17px;}
a.prev-arw:hover{ background: #DBFE00;color: #000000;} 

/* 04 */
.subvencions-fitxa-sec {width: 100%; float: left; padding: 50px 0 90px 0;}
.fitxa-title{ float: left; width: 100%; text-align: center; padding-bottom: 40px;}
.fitxa-title h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 40px; line-height: 50px; letter-spacing: -0.2px; margin-bottom: 20px;}

.fitxa-list { display: block; width: 100%; text-align: center;max-width: 850px; margin: 0 auto;}
.fitxa-list ul {  width: 100%; display: inline-flex; flex-wrap: wrap; row-gap: 50px; margin-bottom: 45px;}
.fitxa-list ul li { flex: 0 1 100%; padding-left: 45px; border-left: 1px solid #000000; text-align: left;}
.fitxa-list ul li h3 {color: #000; font-family: 'Manrope-ExtraBold'; font-size: 25px; line-height: 28px; letter-spacing: -0.47px; margin-bottom: 20px; }
.fitxa-list ul li p {color: #000; line-height: 26px; letter-spacing: -0.3px; margin-bottom: 22px; float: left; width: 100%; }
.fitxa-list ul li p:last-child { margin-bottom: 0;}
.fitxa-list ul li h4 { float: left; width: 100%; color: #000; font-family: 'Manrope-Bold'; line-height: 26px; letter-spacing: -0.3px; margin-bottom: 20px; margin-top: 20px; }
.fitxa-list ul li ul { row-gap: 20px; }
.fitxa-list ul li li { border-left: 3px solid #DBFE00; padding-left: 30px; font-size: 16px; line-height: 26px;letter-spacing: -0.3px;}
.fitxa-list a.link-btn { background: #DBFE00;transition: all .5s ease;}
.fitxa-list a.link-btn:hover { background: #000000; color: #ffffff;}
.fitxa-list ul li span { background: #DBFE00;}
.fitxa-list a.btn-electronica {display: flex;align-items: center; justify-content: center; height: 60px; width: 434px;column-gap: 12px;background: #DBFE00;color: #000;font-family: 'Manrope-SemiBold'; padding: 8px 15px;font-size: 16px; line-height: 20px; letter-spacing: -0.29px; border: 1px solid #DBFE00; transition: all 0.4s ease;}
.fitxa-list a.btn-electronica:hover {background: #000; color: #ffffff; border: 1px solid #000;}
.fitxa-list a.btn-electronica:hover img {filter: brightness(0) invert(1);}

.btn-comparteix { float: left; width: 100%; padding-left: 45px; margin-bottom: 40px;}
.btn-comparteix a {display: flex;align-items: center; justify-content: center; height: 36px; min-width: 131px;column-gap: 12px;background: none;color: #000;font-family: 'Manrope-Medium'; padding: 8px 15px;font-size: 12px; line-height: 20px; letter-spacing: -0.33px; border: 1px solid #000000; transition: all 0.4s ease; float: left;}
.btn-comparteix a:hover {background: #000; color: #ffffff; border: 1px solid #000;}
.btn-comparteix a:hover img {filter: brightness(0) invert(1);}

.subvencions-btm { float: left; width: 100%; background: #F5F5F5; padding: 35px 0px 0px; margin-bottom: 35px;}
.yellow { background: #DBFE00;}
.fitxa-div { float: left; width: 100%; padding: 0 40px;}
.fitxa-grid {width: 100%; float: left; padding: 25px 0px 35px; border-top: 1px solid #000;display: flex; flex-wrap: wrap; column-gap: 4%;justify-content: space-between; transition: all .5s ease;}
.subvencions-btm h3{width: 100%; float: left; color: #000; font-family: 'Manrope-ExtraBold'; padding: 0 40px; font-size: 25px; line-height: 28px; letter-spacing: -0.47px; margin-bottom: 30px;}
.fitxa-lft {flex: 0 1 6%;}
.fitxa-mid {flex: 0 1 62%;}
.fitxa-content {flex: 0 1 22%;}
.fitxa-lft span { background: #ffffff; display: inline-block; font-family: 'Manrope-SemiBold'; font-size: 14px; line-height: 18px; letter-spacing: -0.39px;min-width: 55px;text-align: center;padding: 6px 0;}
.fitxa-mid h4 {width: 100%; float: left; font-family: 'Manrope-ExtraBold'; font-size: 18px; line-height: 28px; letter-spacing: -0.27px; color: #000; margin-bottom: 10px;}
.fitxa-mid p { font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7); float: left; width: 100%;}
.yellow .btn-group ul li a { background: #000000; color: #ffffff;}
/*.yellow .btn-group ul li a:hover { background: none; color: #000000;}
.fitxa-content .btn-group ul li a:hover img {filter: brightness(0) invert(1);}
.yellow .btn-group ul li a:hover img {filter: brightness(0);} */
.title-top { float: left; width: 100%; background: none;}
.title-top h2 { float: left; font-family: 'Manrope-ExtraBold'; font-size: 35px; line-height: 45px; letter-spacing: -0.66px; background: #F5F5F5; padding: 15px 40px 5px;}
.title-top.yellow h2{ background: #DBFE00;}
.fitxa-div:hover { background: #000000;}
.fitxa-div:hover .fitxa-mid h4 { color: #ffffff;} 
.fitxa-div:hover .fitxa-mid p { color: rgba(255, 255, 255, 0.7);} 
.fitxa-div:hover .fitxa-content a { background: #DBFE00; color: #000;}
.fitxa-div:hover .fitxa-content a img {filter: brightness(0) invert(1);}

.mb-0 { margin-bottom: 0;}

.subvencions-fitxa-sec .filter-list{width: 100%; text-align: center; margin-bottom: 85px; }
.subvencions-fitxa-sec .filter-list ul { justify-content: center;}
.subvencions-fitxa-sec .filter-list h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 60px; line-height: 70px; margin-bottom: 30px;}
.enllacos { padding: 0; background: none;}
.enllacos .fitxa-div:hover { background: none;}
.enllacos .fitxa-div { padding: 0;}
.enllacos .fitxa-grid { padding: 25px 40px 35px;}
.enllacos .fitxa-mid {flex: 0 1 56%;}
.enllacos .fitxa-content {flex: 0 1 17%;}
.enllacos .btn-group ul li a { min-width: 217px; height: 60px;}
.enllacos .fitxa-mid h4 { font-size: 25px; line-height: 35px;}
.enllacos .fitxa-mid p { font-size: 16px; line-height: 26px; letter-spacing: -0.31px;}
/* .enllacos .btn-group ul li a:hover img {filter: brightness(0) invert(1);} */
.enllacos .fitxa-lft span { background:#F5F5F5}
.pagination.pad-left { padding-left: 185px;}

.noticies-sec { float: left; width: 100%; padding: 40px 0;}
.noticies-title { float: left; width: 100%; text-align: center;}
.noticies-title h2{width: 100%; float: left; text-align: center; color: #000; font-family: 'Manrope-ExtraBold'; font-size: 50px; line-height: 60px; letter-spacing: -1px; margin-bottom: 20px;}
.meta-wrapper { float: left; width: 100%; padding: 0px 0 35px;}
.meta-list { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; margin: 0; gap: 15px;}
.meta-list li { font-size: 14px; font-weight: 500; text-transform: uppercase;}
.meta-list li:nth-child(1) { background-color: #000000; color: #ffffff; letter-spacing: -0.39px; padding: 8px 16px;text-transform: none;font-family: 'Manrope-SemiBold';}
.meta-list li:nth-child(2) { background-color: #d4ff00; color: #000000; letter-spacing: -0.39px; padding: 8px 16px; text-transform: none;font-family: 'Manrope-SemiBold';}
.meta-list li:nth-child(3) { color: #333333; letter-spacing: 0.5px;}
.meta-list li:nth-child(4) { color: rgba(0, 0, 0, 0.5); text-transform: none; font-weight: 400;}
.noticia-img img { float: left; width: 100%; border-radius: 15px;}
.noticia-cont-div { float: left; width: 100%; display: flex; flex-wrap: wrap; padding: 40px 40px 100px; justify-content: space-between;}
.noticia-cont-lft { flex: 0 1 81%;}
.noticia-cont-rgt { flex: 0 1 12%;}
.noticia-cont-lft h3 { color: #000; font-family: 'Manrope-ExtraBold'; font-size: 22px; line-height: 32px; letter-spacing: -0.22px; border-left: 2px solid #000000; padding-left: 40px; margin-bottom: 35px;}
.noticia-cont-lft h3:first-child{ margin-bottom: 20px;}
.noticia-cont-lft p { font-size: 16px; line-height: 26px; letter-spacing: -0.3px; margin-bottom: 25px;}
.noticia-cont-lft p a {font-family: 'Manrope-Bold'; text-decoration: underline;transition: all .5s ease;}
.noticia-cont-lft p a:hover { text-decoration: none;}
.noticia-links ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 13px;}
.noticia-links ul li a {display: flex;align-items: center; justify-content: center; height: 36px; min-width: 131px;column-gap: 12px;background: none;color: #000;font-family: 'Manrope-SemiBold'; padding: 8px 15px;font-size: 12px; line-height: 20px; letter-spacing: -0.33px; border: 1px solid #000000; transition: all 0.4s ease;}
.noticia-links ul li a:hover {background: #DBFE00; border: 1px solid #DBFE00;}
.noticia-cont-lft p:last-child{margin-bottom: 0;}

.related-news { float: left; width: 100%; padding-bottom: 60px;}
.related-news h2 { font-size: 45px; line-height: 60px; font-family: 'Manrope-ExtraBold'; margin-bottom: 35px;}
.news-grid {width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; margin: 0; row-gap: 40px;}
.news-grid li { flex: 0 1 31%; border-top: 2px solid #000; padding-top: 15px;}
.news-grid li a{width: 100%; float: left;}
.news-header { display: flex;justify-content: space-between; align-items: flex-start; padding-right: 40px;}
.news-header h3 { font-size: 25px; font-family: 'Manrope-ExtraBold'; line-height: 1.2; margin-bottom:15px;}
.news-meta-top { font-size: 18px; color: #000000; margin-bottom: 10px; padding-bottom: 12px; border-bottom: 2px solid #000000; position: relative;}
.news-meta-top::after { position: absolute; content: ''; width: 41px; background: #000000; height: 2px; right: -41px; bottom: -2px;}
.news-grid li:last-child .news-meta-top::after { display: none;}
.news-image { width: 100%; float: left; overflow: hidden; margin-bottom: 15px; background: #f0f0f0;}
.news-image img { width: 100%;height: 100%; float: left; object-fit: cover; transition: all .5s ease;}
.news-grid li:hover .news-image img{transform: scale(1.05);}
.news-footer-meta {width: 100%;float: left; font-size: 12px; margin-bottom: 10px;}
.news-footer-meta .category {width: 100%;float: left; color: #000000; font-size: 14px; line-height: 26px; margin-right: 10px;}
.news-footer-meta .date { color: rgba(0, 0, 0, 0.5);font-size: 14px; line-height: 26px;}
.news-title {width: 100%;float: left; font-size: 20px; font-family: 'Manrope-ExtraBold'; line-height: 1.4; color: #000;}
.institut-web.no-pad.noticies-single {padding-bottom: 100px;}

.projeccio-list{width: 100%; float: left; padding: 65px 0;}
.projeccio-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 60px;}
.projeccio-list ul li{flex: 0 1 30%;}
.projeccio-list ul li .event-tag {width: 100%; float: left;background: #d9ff00;padding: 6px 15px;font-family: 'Manrope-SemiBold';font-size: 14px; line-height: 18px; letter-spacing: -0.39px;position: relative;}
.projeccio-list ul li .event-tag::after{position: absolute; content: ""; left: 0; top: -1px; width: 53px; height: 1px; background: #000;}
.projeccio-list ul li .event-cnt{width: 100%; float: left; padding: 25px 20px;}
.projeccio-list ul li h3{width: 100%; float: left; margin-bottom: 20px;}
.projeccio-list ul li h3 a{font-family: 'Manrope-ExtraBold'; font-size: 24px; line-height: 32px; color: #000; letter-spacing: -0.38px; transition: all .5s ease;}
.projeccio-list ul li .event-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 8px;}
.projeccio-list ul li .event-cnt ul li{flex: 0 1 100%; display: flex; column-gap: 10px;}
.projeccio-list ul li .event-cnt ul li span img{float: left; margin-top: 4px;}
.projeccio-list ul li:hover h3 a{color: rgba(0, 0, 0, 0.7);}
.fitxa-content .btn-group ul {justify-content: right;}