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

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

}

@media screen and (min-width:1300px) and (max-width:1399px) {

.popup-video .fancybox-opened .fancybox-opened {top: 50% !important;}
.popup-video .fancybox-outer, .popup-video .fancybox-inner {height: 500px !important;}
.popup-video .fancybox-close { right: 0; top:-65px; }
}

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

.popup-video .fancybox-opened .fancybox-opened {top: 50% !important;}
.popup-video .fancybox-outer, .popup-video .fancybox-inner {height: 400px !important;}
.popup-video .fancybox-close { right: 0; top:-65px; }

}

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

.top-menu .logo { width:120px; }
.ddsmoothmenu ul li { margin:0 12px;}
.ddsmoothmenu ul li a { font-size:15px;}
.top-menu .top-rgt { margin-left:24px;}
.top-menu .top-rgt ul.hd-links li { margin-right:12px; }
.ftr-addr ul li.f-addr br { display:none; }
.trans-list ul li h2{font-size: 20px;}

.ftr-mit {float: left;width: 37%;margin-right: 3%;}
.ftr-rht {float: right;width: 30%;}
.ftr-rht ul li {float: left;margin-right: 10px;}
.ftr-last {float: left;width: 30%;}
.ftr-list {float: left;width: 67%;margin-right: 3%;}

.accord-lft-menu{padding: 10px 20px 20px;}
.applemenu div.silverheader a{ font-size: 15px;}
.applemenu div.silverheader1 a{ font-size: 15px;}


.cbp-hrmenu .bluebg-menu-cnt .top-menu-cnt {text-align: center; margin-bottom: 30px;}
.cbp-hrmenu .bluebg-menu-cnt .top-menu-cnt .top-menu-img { width: 100%; text-align: center; margin-bottom: 15px;}
.cbp-hrmenu .bluebg-menu-cnt .top-menu-cnt .top-menu-title { width: 100%; margin-left: 0;}
.cbp-hrmenu .bluebg-menu-cnt .top-menu-cnt .top-menu-img img {float: none; display: inline-block;}
.cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1.main-menu a { font-size: 16px;}
.cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader a { font-size: 16px;}
.cbp-hropen .cbp-hrsub {padding-bottom: 30px; padding-top: 45px;}
.cbp-hrmenu > ul > li {padding: 0px 12px;}
.cbp-hrmenu > ul > li > a { font-size: 16px; padding: 0 0 25px;}
.cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col h1 {font-size: 20px; line-height: 28px; padding-bottom: 20px;}
footer {padding: 40px 0 50px;}


/*******************new css******************/

.cbp-hrmenu > ul > li > a.active::after { bottom: 20px;}
.recera-ban-cnt h3 { font-size: 22px; line-height: 34px;}
.els-sec { padding: 0 8%;}
.els-txt p br { display: none;}

/*******************************/
.doce-count ul li { width: 30%;}
.recera-ban-cnt .recera-btn.doce-btn li a { font-size: 19px;}
.doce-col-1 h1 { font-size: 26px; line-height: 32px;}


/* RECERCA-CONTACTAR page*/
.bredcrum-bg { padding: 20px 0px 30px;}
.bredcrum-bg h1 {font-size: 36px;line-height: 48px;}
ul.contact-list { padding: 0px 50px;}

/* RECERCA-GRUPS page */
.contact-list-sec.contact-list-grups ul.contact-list li h2 { font-size: 22px;line-height: 30px;}

/* RECERCA-DERMATOLOGIA-MAIN page*/
.derma-list-cont {padding: 0px 50px;}

/* RECERCA-DERMATOLOGIA-DOCUMENTS page*/
.project-cont-out { padding: 0px 50px;}

.derma-para { max-width: 100%;}

.popup-video .fancybox-opened .fancybox-opened {top: 50% !important;}
.popup-video .fancybox-outer, .popup-video .fancybox-inner {height: 380px !important;}
.popup-video .fancybox-close { right: 0; top:-65px; }

}

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

header .row {position: relative;}
/*mobile-header-menu*/
.m-menu { display: block; /*position: relative;*/ right: auto; float: none; top: 10px;}
.menu { display:none;}
footer { padding:30px 0;}
.ftr-addr { width: 42%; }
.ftr-list ul li a { font-size:14px; }
.ftr-last { width:34%;}
.ftr-last ul li{margin-right: 1px;}
.ftr-list {float: left;width: 63%;margin-right: 3%;}
.ftr-top{padding-bottom: 25px; margin-bottom: 25px;}
.ftr-btm{margin-bottom: 10px;}

.accord-lft-menu{padding: 10px 14px 20px;}
.applemenu div.silverheader a{font-size: 14px;}
.applemenu div.silverheader1 a{font-size: 14px;}

.ftr-lft {float: left;width: 23%;margin-right: 3%;}
.ftr-mit {float: left;width: 37%;margin-right: 3%;}
.ftr-rht {float: right;width: 34%;}
.ftr-rht ul li {float: left;margin-right: 5px;}
.ftr-rht ul li a {width: 38px;height: 38px;}


.top-menu {padding: 14px 0; height: 100%;}
.top-menu .logo {width: 110px;position: absolute;left: 0;right: 0;margin: 0 auto;}
.top-menu .top-rgt{margin-top: 12px;}
.hd-links .search-frm-field { top: 42px;}


/*******************new css******************/
.hdr-top-menu { display: none;}
.cbp-hrmenu > ul > li > a.active::after { bottom: 20px;}
.recera-ban-cnt h3 { font-size: 20px; line-height: 32px;}
.recera-ban-cnt h3 br { display: none;}
.els-sec { padding: 0 5%; margin: 40px 0 40px;}
.els-txt p br { display: none;}
.recera-ban-cnt ul.recera-btn { column-gap: 10px; margin-bottom: 30px;}
.recera-ban-cnt ul.recera-btn li a { padding: 20px; font-size: 20px; line-height: 26px; height: 82px;}
.blue-btn h1 { font-size: 30px; }
.recera-ban-cnt { margin-bottom: 40px;}

.actualitat-sec { padding: 40px 0;}
.actualitat-inn { padding: 0; }
.actualitat-lft { width: 48%;}
.actualitat-lft ul li .actual-txt h3 { font-size: 17px; line-height: 24px;}
.actualitat-lft ul li .actual-txt ul.news-tag li a { padding: 4px 10px; font-size: 12px; }
.actualitat-lft ul li .actual-txt ul.news-tag li { margin-right: 6px;}

.testimonial-sec { padding: 40px 0 60px;}
.testimonial-sec h2 { font-size: 26px; margin-bottom: 30px;}
.testimonial-inn { padding: 0;}
.ftr-banner .inner-ban-caption h2 { font-size: 30px; line-height: 38px;}
.recera-banner .inner-ban-caption h2 { font-size: 30px;}
.ftr-banner .inner-ban-caption { max-width: 300px; padding: 25px;}

/*************************/
.recera-ban-cnt.doce-cnt h3 { font-size: 22px; line-height: 36px; margin-bottom: 25px;}
.recera-ban-cnt.doce-cnt p { font-size: 18px; margin-bottom: 30px;}
.doce-count ul li { width: 32%; margin-right: 1%;}
.doce-count ul li h2 { font-size: 48px;}
.recera-ban-cnt.doce-cnt { margin-top: 0px;}
.recera-ban-cnt .recera-btn.doce-btn { row-gap: 10px; margin-top: -60px;}
.recera-ban-cnt .recera-btn.doce-btn li { flex: 1 1 30%; }
.recera-ban-cnt .recera-btn.doce-btn li a { height: 150px; }
.doce-col-1 h1 { font-size: 24px; line-height: 30px;}
.doce-col-2 h2 { font-size: 15px;}
.doce-popup { top: -60px;}




header { height: 70px;}
.mobile-menu {background: #f2f5fc; border-top:none; padding: 0;}
.mobile-menu .cbp-hrmenu { width: 100%;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col { width: 100%;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu { border-top: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader a {font-family: 'Montserrat-Bold'; background: #fff; padding: 14px 30px 14px 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1.main-menu a {font-family: 'Montserrat-Bold'; background: #fff; padding: 14px 30px 14px 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader a::after { right: 30px; background: url(../images/mob-menu-arw.svg) no-repeat 0 0; width: 10px; height: 6px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a { background: #0073CF;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.submenu {border-bottom:none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu1.awareness { background: #0073CF; color: #fff; padding-right: 15px; padding-left: 40px; padding-bottom: 30px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a { border-bottom: 1px solid #4c9bdd; color: #fff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1 a { color: #b3d5f0; border-bottom: 1px solid #4c9bdd;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1 a:hover { color: #ffffff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a::after {background: url(../images/mob-menu-arw-wht.svg) no-repeat 0 0;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 a { color: #b3d5f0; border-bottom: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1 { padding: 0;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 { padding: 0; border-bottom: 1px solid #4c9bdd; border-top: 1px solid #4c9bdd;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 a::after { right: 15px; background: url(../images/mob-menu-arw-wht.svg) no-repeat 0 0; width: 10px; height: 6px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .silverheader2.sub-new.selected .applemenu1.awareness.no-brd a:hover { color: #ffffff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1.main-menu a:hover { color: #0073CF; background: #f2f5fc;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .submenu2 .applemenu1.awareness { padding-bottom: 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1:last-child a { border-bottom: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu .silverheader.red-bg a:hover { background: #f2f5fc;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu .silverheader.red-bg.selected a:hover { background: #0073CF;}

.ftr-copy ul li {margin-right: 20px;}

/* RECERCA-CONTACTAR page*/
.bredcrum-bg { padding: 20px 0px;}
.bredcrum-bg h1 {font-size: 32px;line-height: 42px;}
.bredcrum-bg .bredcrum-cnt ul { margin-bottom: 10px;}
.contact-list-sec {padding: 45px 0 10px;}
ul.contact-list { padding: 0px 0px;}
ul.contact-list li {width: 47.5%;margin-right: 5%;padding: 14px 0px 40px;}
.contact-frm { padding: 45px 0px 50px;}
.cont-frm-wdth { width: 100%;}

/* RECERCA-GRUPS page */
.contact-list-sec.contact-list-grups {padding: 45px 0px 40px;}
.contact-list-sec.contact-list-grups h3 {font-size: 18px;line-height: 26px;}
.contact-list-sec.contact-list-grups h3 br { display: none;}
.contact-list-sec.contact-list-grups ul.contact-list li {padding: 15px 0px 30px;}
.contact-list-sec.contact-list-grups ul.contact-list li h2 {font-size: 20px;line-height: 28px;}
.grups-info-sec {padding: 45px 0px 55px;}
.grups-info-lft { padding-right: 35px;}
.grups-info-lft p {font-size: 15px;line-height: 22px;}
.grups-info-lft p br { display: none;}
ul.info-lst li h2 {font-size: 18px;line-height: 26px;}

/* RECERCA-DERMATOLOGIA-MAIN page*/
.bredcrum-bg.bredcrum-bg-menu h1 {margin-bottom: 10px;}

.derma-list-sec {padding: 40px 0px 60px;}
.derma-list-sec h3 {font-size: 18px;line-height: 26px; }
.derma-list-sec h3 br { display: none; }
.derma-list-sec h3 a { margin-left: 10px;}
.derma-list-cont {padding: 0px 0px;}
.derma-main h1 {font-size: 26px;line-height: 38px;}
.derma-main .prof-cont h2 {font-size: 20px;line-height: 28px;}
.invest-rgt ul.invest-list {padding-left: 20px;}
ul.invest-list li .prof-cont { padding-left: 25px;}
ul.invest-list li .prof-cont p {font-size: 15px;line-height: 20px;}

.contacta-grup-sec img { height: 300px; object-fit: cover;}
.contacta-grup {bottom: 50px;width: 320px; padding: 25px 25px;}
.contacta-grup h1 { font-size: 28px;line-height: 36px;}

/* RECERCA-DERMATOLOGIA-MEMORIES page*/
.memories-list-sec {padding: 40px 0px 25px;}
.memories-list-sec h3 {font-size: 18px;line-height: 26px;}
.memories-list-sec h3 br { display: none;}
ul.memories-list li { width: 31.3333%; margin-right: 3%; margin-bottom: 35px;}
ul.memories-list li:nth-child(4n-4) {margin-right: 3%;}
ul.memories-list li:nth-child(3n-3) {margin-right: 0px;}


/* RECERCA-DERMATOLOGIA-DOCUMENTS page*/
.documents-sec {padding: 45px 0px 60px;}
.project-cont-out { padding: 0px 0px;}
.document-out {padding-top: 40px;}


/******RECERCA-publicarions page********/
.publication-sec { padding: 40px 0px 40px;}
.filter-div { margin-bottom: 35px; }
.public-lft { width: 66%; margin-right: 4%;}
ul.publication-list li { padding: 25px 0px 28px 0px;}
.public-rgt { width: 30%;}
.public-rgt-cont { padding: 20px 15px 20px 15px;}
.public-rgt-cont h1 { font-size: 18px; line-height: 24px;}

/*****RECERCA-projectes page ****/
.projectes-sec { padding: 30px 0px 40px;}
.project-cont-out { padding: 0;}
.project-cont-out h1 {font-size: 26px;line-height: 38px;}
ul.project-list li { padding: 25px 0px 30px 0px;}
.project-rgt .project-lft .proj-txt h2 { font-size: 16px; line-height: 20px;}
.project-lft h5 { font-size: 13px;}
ul.project-list li .project-rgt h2 { font-size: 18px;}
.project-lft .proj-avatar { margin-bottom: 10px;}

.derma-para { max-width: 100%;}
.popup-video .fancybox-opened .fancybox-opened {top: 50% !important;}
.popup-video .fancybox-outer, .popup-video .fancybox-inner {height: 380px !important;}
.popup-video .fancybox-close { right: 0; top:-65px; }

}

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

/*mobile-header-menu*/
.m-menu { display: block; top: 22px;}
/* .top-menu .logo { width:135px; } */
.menu { display:none;}
.top-menu .top-rgt .lang-select{display: none;}
.applemenu div.submenu .silverheader1 a.active{color: #fff;}
.silverheader.red-bg.selected a{color: #fff;}
.applemenu div.submenu .silverheader1 a{color: #fff; font-family: 'Montserrat-Regular';}
.applemenu div.submenu .silverheader1 a:hover{color: #fff;}
.applemenu div.silverheader1 a:hover, .applemenu .silverheader.red-bg a:hover {color: #fff; font-family: 'Montserrat-ExtraBold';}
.applemenu div.silverheader1 a{color: #fff;}
.applemenu .silverheader.red-bg a {color: #fff;}
.applemenu div.silverheader a:after {background: url(../images/ico-arrow-open-white.svg) no-repeat 0 0;}
.applemenu div.silverheader1 a:after {background: url(../images/ico-arrow-open-white.svg) no-repeat 0 0;}
.applemenu div.silverheader a, .applemenu div.silverheader1 a{font-size: 15px;}
.accord-lft-menu {float: left;width: 100%;background: #0073ce;}

footer { padding:30px 0;}
.ftr-lft {float: left;width: 100%;margin: 0 0 18px 0;text-align: center;}
.ftr-lft img {float: none;}
.ftr-mit {float: left;
width: 100%;margin: 0 0 20px 0;}

.applemenu1.awareness{padding-left: 28px;}
.ftr-rht {float: left;width: 100%;text-align: center;}
.ftr-rht ul {float: none;width: 100%;}
.ftr-rht ul li {float: none;margin-right: 6px;display: inline-block;}
.ftr-top {float: left;width: 100%;border-bottom: 1px solid #4c9bdd;padding: 0 0 25px 0;margin-bottom: 25px;}
.ftr-list {float: left;width: 100%;margin-right: 0; border-bottom: 1px solid #4c9bdd;padding: 0 0 25px 0;margin-bottom: 25px;}
.ftr-last {float: left;width: 100%;text-align: center;}
.ftr-last ul li {float: none;width: auto;margin-right: 25px;min-height: 70px;display: flex;display: inline-block;}
.ftr-btm {float: left;width: 100%;margin-bottom: 25px;}
.ftr-copy{text-align: center;}
.ftr-copy ul li{float: none; display: inline-block;vertical-align: middle; margin-right: 15px;}
.ftr-list ul li {float: left;width: 100%;margin: 0 0 12px 0; text-align: center;}
.ftr-list ul.lft {width: 50%;margin-right: 0;float: left;}
.ftr-list ul.rgt {width: 50%;float: right;}


.top-menu .top-rgt{margin-left: 0; margin-top: 6px;}
.ftr-last ul li:last-child img {margin-top: 20px;}
.ftr-copy ul li a{font-size: 10px; line-height: 21px;}
.ftr-list ul li a{font-size: 16px;}
.ftr-mit .nwl-sub input[type="text"]{ font-size: 10px; line-height: 0.14px;}
.ftr-mit .nwl-sub input[type="submit"]{top: 10px;}
.areas-cnt .areas-cnt-lft .trans-list a.sol-btn.mbl{font-size: 14px; height: 42px; line-height: 38px;}

.top-menu {padding: 15px 0; height: 100%;}
.top-menu .logo {width: 100px;position: absolute;left: 0;right: 0;margin: 0 auto;}
.hd-links .search-frm-field {top: 40px;}
.applemenu.awareness {border-top: 1px solid #4c9cdd;}
.no-border {border-bottom: 1px solid #4c9cdd;}
.applemenu div.silverheader a {border-bottom: 1px solid #4c9cdd;}
.areas-cnt .mob-title-filter .mob-filter a.close {border-bottom: 1px solid #4c9cdd;}
.applemenu div.submenu {border-bottom: 1px solid #4c9cdd;}
.applemenu div.submenu:last-child{border-bottom: 1px solid #4c9cdd;}
.social.no-border {border-top: none;border-bottom: none;}


header { height: 62px;}
.mobile-menu {background: #f2f5fc; border-top:none; padding: 0;}
.mobile-menu .cbp-hrmenu { width: 100%;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col { width: 100%;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu { border-top: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader a {font-family: 'Montserrat-Bold'; background: #fff; padding: 14px 30px 14px 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1.main-menu a {font-family: 'Montserrat-Bold'; background: #fff; padding: 14px 30px 14px 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader a::after { right: 30px; background: url(../images/mob-menu-arw.svg) no-repeat 0 0; width: 10px; height: 6px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a { background: #0073CF;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.submenu {border-bottom:none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu1.awareness { background: #0073CF; color: #fff; padding-right: 15px; padding-left: 40px; padding-bottom: 30px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a { border-bottom: 1px solid #4c9bdd; color: #fff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1 a { color: #b3d5f0; border-bottom: 1px solid #4c9bdd;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1 a:hover { color: #ffffff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader.selected a::after {background: url(../images/mob-menu-arw-wht.svg) no-repeat 0 0;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 a { color: #b3d5f0; border-bottom: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1 { padding: 0;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 { padding: 0; border-bottom: 1px solid #4c9bdd; border-top: 1px solid #4c9bdd;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader2 a::after { right: 15px; background: url(../images/mob-menu-arw-wht.svg) no-repeat 0 0; width: 10px; height: 6px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .silverheader2.sub-new.selected .applemenu1.awareness.no-brd a:hover { color: #ffffff;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu div.silverheader1.main-menu a:hover { color: #0073CF; background: #f2f5fc;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .submenu2 .applemenu1.awareness { padding-bottom: 15px;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .sub-new.silverheader1:last-child a { border-bottom: none;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu .silverheader.red-bg a:hover { background: #f2f5fc;}
.mobile-menu .cbp-hrmenu .cbp-hrsub-inner .menu-main-col .menu-two-col .applemenu .silverheader.red-bg.selected a:hover { background: #0073CF;}

/* .mob-cal-events { display: block;} */
.ftr-btm-cnt { display: block; padding-top: 20px;}
.ftr-btm-btn { display: none;}


/*******************new css******************/
.hdr-top-menu { display: none;}
.cbp-hrmenu > ul > li > a.active::after { bottom: 20px;}
.recera-ban-cnt h3 { font-size: 18px; line-height: 30px;}
.recera-ban-cnt h3 br { display: none;}
.els-sec { padding: 0%; margin: 35px 0 40px;}
.els-txt p br { display: none;}
.recera-ban-cnt ul.recera-btn { column-gap: 10px; margin-bottom: 30px;}
.recera-ban-cnt ul.recera-btn li a { padding: 20px 15px; font-size: 20px; line-height: 25px; height: 70px;}
.recera-ban-cnt ul.recera-btn li a span { width: 32px; height: 32px; background-size: cover;}

.blue-btn h1 { font-size: 28px; line-height: 36px; }
.recera-ban-cnt { margin-bottom: 40px;}

.actualitat-sec { padding: 40px 0;}
.actualitat-inn { padding: 0; }
.actualitat-lft { width: 100%;}
.actualitat-lft h2 { margin-bottom: 20px; font-size: 22px;}
.actualitat-lft ul li .actual-txt h3 { font-size: 17px; line-height: 24px;}
.actualitat-lft ul li .actual-txt ul.news-tag li a { padding: 3px 6px; font-size: 12px; }
.actualitat-lft ul li .actual-txt ul.news-tag li { margin-right: 6px;}
.actualitat-lft.agenda-rht { margin-top: 40px;}
.actualitat-lft ul li .actual-img { width: 80px;}
.actualitat-lft ul li .actual-txt { width: calc(100% - 100px);}
.actualitat-lft ul li .actual-txt span { font-size: 13px;}
.els-txt p { line-height: 23px;}
.actualitat-lft ul li .actual-txt ul.news-tag li:last-child { margin-right: 0;}

.testimonial-sec { padding: 30px 0 40px;}
.testimonial-sec h2 { font-size: 22px; margin-bottom: 25px; line-height: 28px;}
.testimonial-inn { padding: 0;}
.ftr-banner .inner-ban-caption h2 { font-size: 24px; line-height: 34px; margin-bottom: 12px;}
.recera-banner .inner-ban-caption { padding: 12px 15px; top: auto; bottom: 80px;}
.recera-banner .inner-ban-caption h2 { font-size: 20px; line-height: 24px;}
.ftr-banner .inner-ban-caption { max-width: 240px; padding: 25px; transform: none; top: auto; bottom: 10%;}
.ftr-banner img { height: 360px; object-fit: cover;}
.recera-banner { height: 300px; background-position: center center; background-size: cover; }
.recera-banner img { opacity: 0;}
.testimonial-sec ul li .test-txt p { font-size: 16px; line-height: 24px;}


/*************************/
.recera-ban-cnt.doce-cnt h3 { font-size: 20px; line-height: 32px; margin-bottom: 25px;}
.recera-ban-cnt.doce-cnt p { font-size: 16px; margin-bottom: 30px; line-height: 26px;}
.recera-ban-cnt.doce-cnt p br { display: none;}
.doce-count ul li { width: 100%; margin-right: 0%; margin-bottom: 20px;}
.doce-count ul li h2 { font-size: 48px;}
.doce-count ul li:last-child { margin-bottom: 0;}
.recera-ban-cnt.doce-cnt { margin-top: 0px; padding-bottom: 40px;}
.recera-ban-cnt .recera-btn.doce-btn { row-gap: 10px; margin-top: -50px;}
.recera-ban-cnt .recera-btn.doce-btn li { flex: 1 1 30%; }
.recera-ban-cnt .recera-btn.doce-btn li a { height: 150px; padding: 14px;}
.doce-col-1 h1 { font-size: 20px; line-height: 28px; padding-right: 40px; }
.doce-col-2 h2 { font-size: 15px;}
.recera-ban-cnt.doce-cnt .doce-count ul li p { font-size: 16px;}
.doce-popup { top: -50px; padding: 16px 16px; }
.inner-ban-caption.caption-btm { bottom: 28%;}
.recera-ban-cnt .recera-btn.doce-btn li a span { bottom: 15px;}
.doce-popup .close-ico { right: 15px;}


/* RECERCA-CONTACTAR page*/
.bredcrum-bg { padding: 30px 0px 20px;}
.bredcrum-bg h1 {font-size: 25px;line-height: 35px;}
.bredcrum-bg .bredcrum-cnt ul { display: none; }
.contact-list-sec {padding: 30px 0 10px;}
ul.contact-list { padding: 0px 0px;}
ul.contact-list li {width: 48%;margin-right: 4%;padding: 12px 0px 30px;}
ul.contact-list li h2 {font-size: 18px;line-height: 26px;}
ul.contact-list li h3 {font-size: 14px;line-height: 24px;}
ul.contact-list li p.phone {font-size: 14px;line-height: 24px;}
.contact-frm { padding: 30px 0px 50px;}
.cont-frm-wdth { width: 100%;}
.contact-frm h2 { font-size: 25px; line-height: 30px; padding-bottom: 15px; }
.contact-frm p { font-size: 14px; line-height: 20px; letter-spacing: -0.2px; padding-bottom: 20px; }
.form-box .frm-input {margin-bottom: 10px;}
.contact-frm .slt-bx .sbSelector { letter-spacing: -0.1px;}
.form-box input[type="text"], .form-box input[type="email"], .form-box input[type="tel"],
.form-box input[type="file"], .form-box textarea { letter-spacing: -0.1px;}
.form-box textarea { height: 200px;}
.form-box .frm-input.checkbox label { padding-left: 25px;}
.border-top-input {padding-top: 12px;}

/* RECERCA-GRUPS page */
.contact-list-sec.contact-list-grups {padding: 30px 0px 10px;}
.contact-list-sec.contact-list-grups h3 {font-size: 18px;line-height: 26px;letter-spacing: -0.25px; margin-bottom: 30px;}
.contact-list-sec.contact-list-grups h3 br { display: none;}
.contact-list-sec.contact-list-grups ul.contact-list li { padding: 12px 0px 30px; width: 48%; margin-right: 4%;}
.contact-list-sec.contact-list-grups ul.contact-list li:nth-child(3n-3) {margin-right: 4%;}
.contact-list-sec.contact-list-grups ul.contact-list li:nth-child(2n-2) {margin-right: 0px;}
.contact-list-sec.contact-list-grups ul.contact-list li h2 {font-size: 18px;line-height: 26px; margin-bottom: 5px;}
.contact-list-sec.contact-list-grups ul.contact-list li p {font-size: 13px;line-height: 23px;letter-spacing: -0.32px;}
.grups-info-sec {padding: 20px 0px 50px;}
.grups-info-lft { width: 100%; margin-bottom: 25px;}
.grups-info-lft p {font-size: 15px;line-height: 22px;}
.grups-info-lft p br { display: none;}
.grups-info-rgt{ width: 100%; padding-left: 12px;}
ul.info-lst li {padding-left: 40px;}
ul.info-lst li h2 {font-size: 18px;line-height: 24px; margin-bottom: 8px;}
ul.info-lst li p.time span.date-txt {font-size: 13px;line-height: 16px;}
ul.info-lst li h3 {font-size: 15px;line-height: 21px; }

/* RECERCA-DERMATOLOGIA-MAIN page*/
.bredcrum-bg.bredcrum-bg-menu h1 {margin-bottom: 0px;}
.bredcrum-menu ul { display: flex; overflow-x: scroll; overflow-y: hidden;}
.bredcrum-menu ul li {white-space: nowrap;}
.bredcrum-menu ul li a {font-size: 14px;line-height:23px;letter-spacing: -0.2px; padding: 15px 0px;}
.bredcrum-menu ul li a::after { height: 4px; }

.derma-list-sec {padding: 30px 0px 40px;}
.derma-list-sec h3 {font-size: 18px;line-height: 26px; letter-spacing: -0.25px;margin-bottom: 35px;}
.derma-list-sec h3 br { display: none; }
.derma-list-sec h3 a { margin-left: 5px;}

.derma-list-cont {padding: 0px 0px;}
.derma-main {margin-bottom: 30px;}
.derma-main h1 {font-size: 22px;line-height: 32px; margin-bottom: 15px;}
.derma-main .prof-img {width: 100px; }
.derma-main .prof-cont {width: calc(100% - 100px);padding-left: 15px;}
.derma-main .prof-cont h4 {font-size: 12px;line-height: 20px;}
.derma-main .prof-cont h2 {font-size: 18px;line-height: 24px; margin-bottom: 10px;}
.derma-main .prof-cont p {font-size: 13px;line-height: 16px;}
ul.prof-links li { margin-bottom: 8px;}
ul.prof-links li a {height: 34px;line-height: 34px; }
ul.invest-list { padding-right: 15px;}
.invest-rgt ul.invest-list {padding-left: 0px;}
ul.invest-list li { margin-bottom: 25px;}
ul.invest-list li .derma-prof-cont {align-items: center; }
ul.invest-list li .prof-cont { padding-left: 25px;}
ul.invest-list li .prof-cont p {font-size: 14px;line-height: 20px; letter-spacing: -0.11px;}

.contacta-grup-sec .contacta-grup-cont { padding: 0px 15px;}
.contacta-grup-sec img { height: 300px; object-fit: cover;}
.contacta-grup {bottom: 30px;width: 185px; padding: 15px 15px;}
.contacta-grup h1 { font-size: 22px;line-height: 25px;}
a.contact-btn {height: 35px;line-height: 35px;}


/* RECERCA-DERMATOLOGIA-MEMORIES page */
.memories-list-sec {padding: 30px 0px 10px;}
.memories-list-sec h3 {font-size: 18px;line-height: 26px; margin-bottom: 30px;}
.memories-list-sec h3 br { display: none;}
ul.memories-list li { width: 31.3333%; margin-right: 3%; margin-bottom: 25px;}
ul.memories-list li:nth-child(4n-4) {margin-right: 3%;}
ul.memories-list li:nth-child(3n-3) {margin-right: 0px;}
ul.memories-list li .memory-cont {padding: 12px 10px 12px 25px; background: url(../images/ico-download.svg) no-repeat left 0px top 18px; }
ul.memories-list li .memory-cont h2 {font-size: 12px;line-height: 17px;}

/* RECERCA-DERMATOLOGIA-DOCUMENTS page*/
.documents-sec {padding: 30px 0px 40px;}
.project-cont-out { padding: 0px 0px;}
.document-out {padding-top: 40px;}
.document-out h1 {font-size: 20px;line-height: 24px; margin-bottom: 15px;}
ul.document-list > li {padding: 12px 0px 28px 40px;}
ul.document-list li h2 {font-size: 18px;line-height: 24px; margin-bottom: 8px; letter-spacing: -0.1px;}
ul.document-list li .time p.date-txt {font-size: 13px;line-height: 16px;}
ul.document-list li h3 {font-size: 14px;line-height: 20px;}

/******RECERCA-publicarions page********/
.publication-sec { padding: 30px 0px 0px;}
.filter-div { margin-bottom: 30px; }
.public-lft { width: 100%; margin-right: 4%;}
ul.publication-list li { padding: 22px 0px 22px 0px;}
.public-rgt { width: 100%; background: #f0f3fa; padding: 50px 30px; margin-top: 40px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex;
    align-items: center; justify-content: center;}
.public-rgt-cont { padding: 20px 15px 20px 15px;}
.public-rgt-cont h1 { font-size: 20px; line-height: 26px;}
.public-rgt-top { max-width: 300px;}
ul.publication-list li p { font-size: 13px;}
ul.publication-list li h3 { font-size: 13px;}
ul.publication-list li h5 { font-size: 13px;}
.publication-sec .filter-div .filter-select { width: 100%;}
.filter-select .sbSelector { line-height: 38px;}
.pagination-div ul { justify-content: center;}


/*****RECERCA-projectes page ****/
.filter-select {width: 100%;}
.project-cont-out .filter-div { margin-bottom: 20px;}
.projectes-sec { padding: 30px 0px 40px;}
.project-cont-out { padding: 0;}
.project-cont-out h1 {font-size: 22px;line-height: 34px;}
ul.project-list li { padding: 0px 0px 25px 0px; margin-bottom: 25px;}
ul.project-list li .project-rgt { width: 100%; padding: 0%; display: flex; flex-wrap: wrap;}
.project-para h2 { font-size:18px; line-height: 26px; color: #444444; font-family: 'Montserrat-Bold'; margin-bottom: 25px; letter-spacing: 0px;}
ul.project-list li .project-rgt .project-name h2 { margin-bottom: 0px; }
.proj-avatar { float: left; width: 90px; margin-right: 20px;}
.proj-txt a.cont-btn { display: inline-flex; align-items: center; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition: all .5s ease;
border: 1px solid #b3d5f1; border-radius: 50px; height: 34px; line-height: 34px; padding: 0px 18px;}
ul.project-list li .project-rgt .proj-detail li { width: 100%; margin-right: 0; margin-bottom: 5px;}
.projectes-txt { order: 1; width: 100%;}
ul.project-list li .project-rgt .proj-detail { order: 2; width: 100%; padding: 0 20px;}
.project-lft { order: 3;}
ul.project-list li .project-rgt .proj-promotor { order: 4; width:auto; margin-top: 20px; padding-left: 120px;}
.project-lft .proj-avatar { margin-bottom: 0; width: auto;}
ul.project-list li .project-lft { width: 100%; padding: 0 20px;}
.project-lft .proj-txt { width: calc(100% - 130px); text-align: left;}
ul.project-list li .project-rgt h2 { margin-bottom: 20px; font-size: 17px; line-height: 26px; }
.project-rgt .project-lft .proj-txt h2 { font-size: 16px;}
ul.project-list li .project-rgt .proj-promotor h2 { font-size: 16px;}
.project-lft .proj-avatar img { width: 80px;}
.project-lft h5 { font-size: 13px;}

.derma-para { max-width: 100%;}
.ftr-rht ul li a { width: 38px; height: 38px;}


.popup-video .fancybox-opened .fancybox-opened {top: 50% !important;}
.popup-video .fancybox-outer, .popup-video .fancybox-inner {height: 240px !important;}
.popup-video .fancybox-close { right: 0; top:-65px; }

}  

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

/************ new css **************/
.recera-ban-cnt ul.recera-btn li { flex: 1 1 100%;}
.recera-ban-cnt ul.recera-btn { column-gap: 0; row-gap: 8px; margin-bottom: 25px; }
.recera-ban-cnt ul.recera-btn li a { font-size: 19px; line-height: 24px;}
.els-sec { margin: 30px 0;}
.els-sec ul li .els-ico { margin-right: 10px;}
.els-txt { width: calc(100% - 70px); }
.els-txt h4 { font-size: 17px;}
.els-sec h5 { text-align: center; margin-bottom: 20px;}
.els-sec ul li { margin-bottom: 22px;}
.blue-btn h1 { margin-right: 0; width: 100%; margin-bottom:20px;}
.blue-btn { flex-wrap: wrap; padding: 30px 20px; height: auto;}
.actualitat-lft ul li .actual-txt h3 { font-size: 16px;}
.testimonial-sec h2 { font-size: 20px;}
.testimonial-sec ul li { width: 100%; margin: 0 0 35px;}
.testimonial-sec ul li:last-child { margin-bottom: 0;}

.recera-ban-cnt .recera-btn.doce-btn li { flex: 1 1 48%; }
.col-wid { width: auto; padding-left: 0; margin-left: 0; border: none; padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.5);}
.doce-col-2 h2 br { display: none;}
.doce-popup > div:first-child { padding-top: 0; margin-top: 0;}


/* RECERCA-CONTACTAR page*/
ul.contact-list li {width: 100%;margin-right: 0px;}
.form-box .frm-input .two-col .frm-input-ctrl {width: 100%;margin-right: 0px;}
.form-box .frm-input .two-col .frm-input-ctrl.star-ico { margin-bottom: 10px;}

/* RECERCA-DERMATOLOGIA-MAIN page*/
.invest-lft { width: 100%; margin-bottom: 25px;}
.invest-rgt { width: 100%;}

/* RECERCA-DERMATOLOGIA-MEMORIES page */
ul.memories-list li { width: 48%; margin-right: 4%; }
ul.memories-list li:nth-child(4n-4) {margin-right: 0px;}
ul.memories-list li:nth-child(3n-3) {margin-right: 4%;}
ul.memories-list li:nth-child(2n-2) {margin-right: 0px;}

}

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

/* RECERCA-CONTACTAR page */
.form-box .frm-input .chk-box-lft { width: 100%; padding-left: 20px;}
.form-box .frm-input .btn-rgt {float: left;width: 100%; margin-top: 20px; text-align: left; padding-left: 20px;}
.contact-frm p span.res-txt { display: block;}
span.star-ico { margin: 0px 10px;}

/* RECERCA-GRUPS page */
.contact-list-sec.contact-list-grups h3 {font-size: 16px;line-height: 24px;}
.contact-list-sec.contact-list-grups ul.contact-list li { width: 100%; margin-right: 0px;}
.contact-list-sec.contact-list-grups ul.contact-list li:nth-child(3n-3) {margin-right: 0px;}
.contact-list-sec.contact-list-grups ul.contact-list li h2 {font-size: 17px;line-height: 24px;}
ul.info-lst li h2 {font-size: 16px;line-height: 24px;}
ul.info-lst li h3 {font-size: 13px;line-height: 20px; }
ul.info-lst li.link {background: url(../images/ico-link.svg) no-repeat left 0px top 5px;}
ul.info-lst li p.time span.date-txt { width: 100%; margin-bottom: 12px; }
ul.info-lst li p.time span.cat-span { margin-left: 0px;}

/* RECERCA-DERMATOLOGIA-MAIN page*/
.derma-list-sec h3 {font-size: 16px;line-height: 24px;}

/* RECERCA-DERMATOLOGIA-MEMORIES page */
.memories-list-sec h3 {font-size: 16px;line-height: 24px;}

/* RECERCA-DERMATOLOGIA-DOCUMENTS page*/
.document-sec-menu ul li a {padding: 8px 9px;font-size: 11px;}
ul.document-list li h2 {font-size: 16px;}
ul.document-list li .time p.date-txt {width: 100%; display: block; margin-right: 0px; margin-bottom: 12px;}
ul.document-list li .time .category { float: left; width: 100%;}

/****************************/
.recera-ban-cnt .recera-btn.doce-btn li a { font-size: 18px; line-height: 24px;}
ul.memories-list li .memory-cont ul.cat-list li a { padding: 7px 10px;}
}

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

/************************/
.recera-ban-cnt .recera-btn.doce-btn li { flex: 1 1 45%; } 
.recera-ban-cnt .recera-btn.doce-btn li a { font-size: 17px; line-height: 24px;}
.doce-col-1 h1 { font-size: 18px;}
  

/* RECERCA-CONTACTAR page*/
.bredcrum-bg h1 {font-size: 22px;line-height: 32px;}

/* RECERCA-DERMATOLOGIA-MAIN page*/
.derma-main .prof-cont h2 {font-size: 16px;line-height: 22px;}
ul.invest-list li .prof-cont { padding-left: 20px;}
ul.invest-list li .prof-cont h2 {font-size: 15px;line-height: 18px;}
ul.invest-list li .prof-cont p {font-size: 13px;}

/* RECERCA-DERMATOLOGIA-MEMORIES page */
ul.memories-list li .memory-cont ul.cat-list li { margin-right: 5px;}
ul.memories-list li .memory-cont ul.cat-list li a {font-size: 11px;padding: 5px 8px; }
ul.document-list li h3 {font-size: 13px;}

}