
/* HEADER */
body.page-template-landing header#masthead, body.blog header#masthead, body.single header#masthead { width: 100%; max-height: 120px; position: fixed; display: flex; justify-content: flex-start; align-items: center; color: white; z-index: 3; transition: all 0.25s ease-in-out; top: 0; left: 0; right: 0; }
body.blog header#masthead,
body.single header#masthead { background: #005770 !important; }
.desktop header#masthead:hover{ background: rgb(0, 87, 112) !important;}
.desktop header#masthead:hover #menu-main-es{color:white !important; opacity: 1 !important; display: flex !important;}
.desktop #masthead #menu-main-es.opacity_one{opacity:1;}
.desktop #masthead #menu-main-es.opacity_zero{opacity:0; display: none;}
.desktop #masthead #menu-main-es:hover.opacity_zero{opacity:1 !important; display: flex !important;}
/* body.page-template-landing header#masthead img, body.blog header#masthead img, body.single header#masthead img { max-width: 250px; padding: 20px; } */
body.page-template-landing header#masthead img, body.blog header#masthead img, body.single header#masthead img { max-width: 180px; padding: 20px; }
body.blog header#masthead img, body.single header#masthead img { opacity: 1 !important; }
body.page-template-landing .main-navigation, body.blog .main-navigation,
body.single .main-navigation { width: 100%; display: flex; justify-content: center; position: absolute; z-index: 1; top: 35px; }
.main-navigation > div > ul > li > a { color: white; }
body.page-template-landing .main-navigation li, body.blog .main-navigation li, body.single .main-navigation li { padding: 10px; text-transform: uppercase; border: 1px solid #fff; background: #e55921; font-size:0.85rem;}
body.page-template-landing .main-navigation li:hover{background: #ecd4ac;}

body.page-template-landing .main-navigation .current-menu-item a, body.blog .main-navigation .current-menu-item a, body.single .main-navigation .current-menu-item a { color: #ecd4ac; /*#b500ff*/}
body.page-template-landing .main-navigation li > ul a { color:#fff !important;}
body.page-template-landing .main-navigation li > ul a:hover { color:rgb(0, 87, 112) !important;/*color:#ecd4ac;*/}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.main-navigation > div > ul > li.wpml-ls-current-language > a { color: #ecd4ac; }
body.page-template-landing .main-navigation a:hover, body.page-template-landing .main-navigation a:focus, body.page-template-landing .main-navigation a:active, body.blog .main-navigation a:hover, body.blog .main-navigation a:focus, body.blog .main-navigation a:active, body.single .main-navigation a:hover, body.single .main-navigation a:focus, body.single .main-navigation a:active { color: #90140c; }
*:focus { outline: 0 !important; }
header.active { background: #005770; }
.menu-main-container, .menu-main-es-container { width: 100%; }
.menu-main-container ul, .menu-main-es-container ul { justify-content: center; }
.wpml-ls-item { position: absolute !important; right: 80px; top: 0; }
.wpml-ls-item:last-of-type { right: 40px; }
body.blog header#masthead { display: block; }
.site-branding { z-index: 2; }

.site-title, .site-description {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}
.menu-toggle{color:white;}

/* HERO */
.hero { width: 100%; }
/* .hero img { object-fit: cover; width: 100%; height: 100vh; object-position: center; } */
.hero img { object-fit: cover; width: 100%; height: 100vh; object-position: top; }
.hero1 div{ width: 48.5%; display: inline-block;}
.hero1 img { object-fit: contain; /*width: 100%;*/ height: 40vh; object-position: center;}
/*.hero1 img {object-fit: cover; width: 100%; height: 40vh; object-position: center;}*/

.hero2{position:relative;}
.hero2 img {object-fit: cover; width: 100%; height: 60vh; object-position: /*center*/ bottom;}
.info_hero { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; z-index: 2; top: 0; left: 0; width: 100%; height: 100vh; background: #000000a1; }
.hero2 .info_hero {height: 70vh; background: #ffffffa1; }
.nom { font-size: 70px; max-width: 1000px; text-align: center; line-height: 1; }
.claim p { color: white; padding: 40px 10px 5px; font-size: 30px; display: flex; }
.lloc_i_dates { margin-top: 50px; }
.lloc_i_dates p { color: #005770; /*text-transform: uppercase;*/ font-size: 35px; }
.marca { display: flex; justify-content: center; align-items: center; width: 100%; }
.marca > img { object-fit: contain; width: 100%; max-width: 50%; height: auto; }
.xpatient { max-width: 200px; object-fit: contain !important; height: auto !important; }

/*Portada principal*/
#home_head {
    width: 100%;
    height: 100vh;
    background: #070E78 url('../img/home.jpg') center bottom no-repeat;
    background-size: cover;
    position: relative;
}
#head_info {
    margin: 0 auto;
    width: 90%;
    max-width: 1400px;
    height: 100vh;
    display: table;
}
#head_info > div {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
#head_info > div img{
    width: 100%;
    height: auto;
    display: block;
}
#head_link {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 18vh;
}
#head_link a.butt_link {  
    margin: 0 auto;  
    float: none;
}
a.butt_link {
    margin: 0 10px;
    padding: 0 80px 0 20px;
    border: 3px solid #eee;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 66px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
    background: url('../img/scrl-tbot.jpg') right center no-repeat;
    background-size: 60px 60px;
    display: table;
    float: left;
}
a.butt_link:link,a.butt_link:visited {
    color: #fff;
    background-color: #60B99E;
}
a.butt_link:hover {
    background-color: #070E78;
}
a.butt_link span {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
a.butt_link.butt_lite {  
    padding: 0 70px 0 20px;  
    font-size: 18px;
    height: 56px;
    background-size: 50px 50px;
}
a.butt_link.butt_mini {  
    margin: 0 5px;
    padding: 0 40px 0 10px;  
    font-size: 16px;
    height: 36px;
    background-size: 30px 30px;
}
a.butt_link.butt_file {  
    background-image: url('../img/file-icon.png');
}
a.butt_link.butt_form {  
    background-image: url('../img/form-icon.png');
}
.butt_cent {
    text-align: center;
}
.butt_cent > div {
    display: inline-block;
}
/*MENU NUEVO*/
#show_menu {
    padding: 14px;
    background-color: #070E78;
    position: fixed;
    top: 40px;
    right: 3%;
    z-index: 6;
    cursor: pointer;
    border-radius: 20px;
}
#show_menu > div {
    margin: 3px 0 0 5px;
    width: 34px;
    height: 30px;
    background: url(../img/menu.png) left center no-repeat;
    float: right;
}
#show_menu > div:hover {
    opacity: 0.8;
}
#show_menu > a {
    float: left;
}
#menu_clos {
    width: 32px;
    height: 30px;
    background: url(../img/menu.png) center right no-repeat;
    position: absolute;
    top: 60px;
    cursor: pointer;
    right: 0;
}
/*#menu_ppal {
    width: 100%;
    height: 100%;
    background: #005770;
    position: fixed;
    top: 0;
    /* right: -100%; *//*
    left: -100%;
    z-index: 5;
}*/
#menu_ppal.visible {
    right: 0;
    /* left: 0; */
}
/*#menu_ppal .cont {
    box-sizing: border-box;
    padding-bottom: 0;
    height: 100%;
    position: relative;
}
#menu_ppal ul {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}
#menu_ppal ul#menu_larg {
    margin-bottom: 40px;
}
#menu_ppal ul#menu_larg li a {
    font-size: 34px;
    line-height: 38px;
}
#menu_ppal ul li {
    font-variant: small-caps;
    text-align: left;
}
#menu_ppal ul li a {
    box-sizing: border-box;
    width: 100%;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    background-size: contain;
}*/
#menu_ppal {
    width: 30%;
    height: 100%;
    background: url(../img/menu-back.png) left top repeat-y;
    background-size: contain;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 5;
}
#menu_ppal ul {
    margin-top: 140px;
    margin-left: 100px;
    padding: 0;
    list-style: none;
}
#menu_ppal ul li {
    margin-top: 1px;
    border-radius: 20px 0 0 20px;
    text-align: left;
}
#menu_ppal ul li a {
    box-sizing: border-box;
    padding: 7px 20px;
    border-radius: 20px 0 0 20px;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    background: url(../img/menu-link.png) left top repeat;
    background-size: contain;
    display: block;
    font-family: "Brandon regular", 'Geometos',"Roboto",sans-serif;
}
#menu_ppal ul li a:hover {
    color: #fff;
}
#menu_ppal ul li:hover {
    background: url(../img/menu-over.png) right top repeat-y;
    background-size: contain;
}
a.link0, a.link0:link,a.link0:visited {
	color: inherit;	
	text-decoration: inherit;
}
a.link0:hover{
	color:inherit !important;
	text-decoration: solid;
}
a.link04:link, a.link04:visited {
    text-decoration: none;
    color: #fff;
}
a.link04:hover {
    color: #000;
}
a.link07:link, a.link07:visited {
    text-decoration: none;
    color: #000;
}
a.link07:hover {
    color: #fff;
}
#menu_stit {
    position: absolute;
    right: 0;
    bottom: 60px;
}
#scrl_tbot {
    margin: 5vh auto 0;
    padding-top: 5px;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    cursor: pointer;
    background-color: #fff;
}
#scrl_ttop {
    position: fixed;
    right: 3%;
    /* bottom: 30px; */
    bottom: 0px;
    display: none;
    /* border: 8px solid #fff; */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#scrl_ttop {
    background-image: url(../img/scrl-ttop.jpg);
}
#scrl_tbot:hover, #scrl_ttop:hover {
    background-position: right top;
}
#scrl_ttop {
    width: 46px;
    height: 46px;
    z-index: 4;
}
#scrl_tbot, #scrl_ttop {
    cursor: pointer;
    background-position: left top;
    background-repeat: no-repeat;
}
#cont_scrl {
    border-right: 1px solid #fff;
    width: 5px;
    height: 100vh;
    background-color: #91C261;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
#cont_scrl > div {
    width: 100%;
    height: 14px;
    background-color: #070E78;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.cont {
    margin: 0 auto;
    padding: 60px 0;
    width: 1000px;
}
#menu_scun *, #show_menu, #menu_ppal, #menu_ppal a, .link_form a {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

/* BLOCK ORGANITZADORS */
.entitat, .associat, .colaboradors, .organitzadors { margin: 20px 0; }
.colaboradors{ max-width: 100%;}
.titol_organitza, .titol_colabora { padding-left: 15px; }
.block_logos { padding: 50px 15px; max-width: 1280px; margin: 0 auto; display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; }
.block_congres { padding: 100px 15px; max-width: 1280px; margin: 0 auto; display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; }
.block_logos ul { list-style: none; margin: 10px 0; padding: 0 45px 0 0; display: flex; flex-wrap: wrap; } 
.block_logos ul > li { margin: 5px 30px 5px 15px; display: flex; justify-content: center; align-items: center; }
.block_logos img { max-width: 150px; max-height: 70px; }
.block_logos .img_social{max-width: 28px;}
.patrocinadors.block_logos img {width: 100%;  display: block; max-width: 100%; max-height: 100%;}
.patrocinadors.block_logos .double img {max-width: 100%; width: 100%; display: block; max-height: 100%;}
/*.patrocinadors.block_logos div.double {width:50%; }
.patrocinadors.block_logos div {width: 25%; float: left; }*/

/* SWIPERS */
.colaboradors_logos .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; height: 100%; max-width: 1280px; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; height: auto; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
 
.gold_logos,
.silver_logos,
.bronze_logos { padding: 20px 0; display: flex; flex-wrap: wrap; }
.gold_logos > img { max-width: 280px; max-height: 120px; }
.silver_logos > img { max-width: 200px; max-height: 100px; }
.colaboradors_logos > img,
.bronze_logos > img { max-width: 150px; max-height: 70px; }

.logo_gold,
.logo_silver,
.logo_bronze { box-sizing: border-box;padding: 5px;width: 33.3333%;;display: flex; align-items: center; justify-content: center; }

.carta_wrapper{ max-width: 49%;}
.carta_wrapper a { color: #005770; border-bottom: 1px solid #005770; }
.carta_wrapper a:hover { color: #e55921; border-bottom: 1px solid #e55921; }
.carta { /*max-width: /*450*//*500px;*/ /*max-width: 50%;*/ border: 1px solid #ccc; margin: 0 0 20px 0; padding:20px;-webkit-border-radius: 20px;border-radius: 20px;}
.carta p { text-align: justify;color: #333;}
/*.carta { max-width: 300px; border: 1px solid #ccc; margin: 0 0 20px 0; }*/
.info_congres { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.info_congres .portada {box-sizing: border-box;padding: 30px;display: block;clear: both;}
.info_congres .portada img {box-sizing: border-box;padding: 2px;border: 2px solid #eee;width: 100%;display: block;}
#fons_benvinguda{
    background:url(../img/imagen.png) no-repeat center;
    background-size: contain;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(-1, 1);
    background-position-x: right;
    pointer-events: none;
}
#all_benvinguda{
    position: relative;
}

/* COUNTDOWN */
.countdown_block { max-width: none; padding: 50px 50px 70px; background: #60B99E; text-align: center; color: white; }
#countdown ul { padding: 0; margin: 0 auto; text-align: center; }
.countdown_block .container { color: #333; margin: 0 auto; text-align: center; }
.countdown_block h1 { font-weight: normal; letter-spacing: .125rem; color: white; font-size: 26px; }
.countdown_block li { display: inline-block; font-size: 1.5em; list-style-type: none; padding: 0 1em; }
.countdown_block li span { display: block; font-size: 4.5rem; }  
.countdown_block .emoji { display: none; padding: 1rem; }  
.countdown_block .emoji span { font-size: 4rem; padding: 0 .5rem; }

/* Congres */
.benvinguda{ width:100%}
.text_presentacio::after{content: "";display: block;clear: both;}
.text_presentacio h2{background: url(../img/line-color.jpg) left bottom no-repeat;float: left;}
.text_presentacio h3{clear: both;}

/* CONGRES */
div.btn { padding: 20px 30px; background: none; border: 1px solid #60B99E; color: #070E78; display: flex; justify-content: center; align-items: center; max-width: 250px; /*border-radius: 15px;*/ margin: 0 0 0 20px; cursor: pointer; text-transform: uppercase; }
div.btn:after { content: ''; background: url('../img/arrow_down_grey.svg'); background-size: contain; background-repeat: no-repeat; width: 20px; height: 12px; margin-left: 10px; transition: all 0.25s ease-in-out; }
div.btn.active:after { transform: rotate(180deg); }
div.btn:hover, div.btn.active { background: #60B99E; color: white; }
.text_presentacio { padding: 0 0 50px 0; }
.text_presentacio > p { font-size: 16px; }
.text_presentacio h2 { padding-bottom: 10px; font-weight: bold; font-size: 40px; }
.text_presentacio h3 { font-size: 30px; line-height: 1.1em; padding: 20px 0 0; }
blockquote > p { font-weight: bold; text-transform: uppercase; font-size: 25px; line-height: 1.2; padding: 30px; }
.comites{margin-left: 4%;display: block; max-width: 46%;border: 1px solid #ccc;-webkit-border-radius: 20px;border-radius: 20px;}
.comites h4{margin-bottom: 10px;}
.comites img{-webkit-border-radius: 20px;border-radius: 20px;}
.botons { display: flex; justify-content: flex-start; flex-wrap: wrap; /*padding-left: 80px;*/ padding-left: 0px; }
.botons a { margin: 10px 10px 10px 0; }
.comite_cientific div > p, .comite_organitzador div > p { font-size: 18px; /*16*/}
.comite_cientific div > p, .comite_organitzador div > p { margin-bottom: 1em; color:#333;}

.comite_cientific div > p:last-of-type, .comite_organitzador div > p:last-of-type { padding-bottom: 20px; }
.comite_cientific > h5, .comite_organitzador > h5 { border-bottom: 1px solid #005770; width: 100%; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; }
/* .comite_cientific, .comite_organitzador { display: none; column-count: 2; column-gap: 40px; max-width: 50% /*calc(100% - 400px); /*float: right; margin-top: -350px; margin-top: -1220px; } */
.comite_cientific, .comite_organitzador { display: none; max-width: 100% ; float: left; margin-top: 40px; margin-left:40px; }
.comite_cientific > div > p, .comite_organitzador > div > p { column-count: 2; column-gap: 50px; }
.comite_cientific.active, .comite_organitzador.active { display: block;float: none; }
.comite_cientific a, .comite_organitzador a { text-transform: uppercase; border-bottom: 1px solid; }

/*Dates clau */
.date_days {
    width: 100px;
    font-size: 17px;
    text-align: right;
}
.date_days, .date_info, .date_line {
    line-height: 26px;
    float: left;
}
.date_line {
    margin: 0 30px;
    padding-bottom: 20px;
    width: 62px;
    height: 26px;
    background: url(../img/date-dots.png) center top no-repeat;
}
.date_info {
    font-size: 20px;
}
.date_info span {
    font-size: 17px;
    display: none;
}
.date_info strong {
    font-weight: 600;
    color: #60B99E;
}
a.link09:link, a.link09:visited {
    color: #000;
}a.link09:hover {
    text-decoration: underline;
    color: #070E78;
}
.date_info a {
    font-size: 18px;
}
#dates .item {
    padding: 40px 0;
    width: 100%;
    background: url(../img/time-line.png) 150px top repeat-y;
}
.cler{clear: both;}
#dates { width: 100%; display: flex; justify-content: center; align-items: center; /*padding-top: 110px; padding-bottom: 80px;*/ position: relative;}
#dates #fondo-foto{    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    /*background-image: url("../img/fons-vertical.jpg");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    z-index: 1;}
#dates #fondo-foto #fondo-difumidao{ position: absolute;
    width: 100%;     backdrop-filter: blur(8px);
    height: 100%; top: 0; z-index: 2;}
    #dates #fondo-foto #fondo-color{ 
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0; z-index: 3;
    /* background-color: #eee; */
    background-color: #ffb383;
    opacity: 0.75;}
.dates_wrapper { width: 100%; display: flex; justify-content: center; background-color: #fff;  z-index: 0;}
.dates { width: 100%; max-width: 1280px; padding: 100px 100px 120px; z-index: 1;}
.dates_wrapper .portada {box-sizing: border-box; /*border: 2px solid #eee;*/ /*opacity: 0.6;*/  position: absolute;
    top: 40px;
    right: 0;
    opacity: 0.4;
    /* height: 100%; */
    /* width: 50%; */
    z-index: 0;}
    .dates_wrapper .portada img { opacity: 0.6; width: 100%; height: auto;pointer-events: none;} 
/*Credits*/

#credits { width: 100%; max-width: 1280px; padding: 150px 20px 50px; border-top: 1px solid #ccc6; margin: 0 auto; }
#credits .text_presentacio h2 { font-weight: bold; text-transform: uppercase; font-size: 28px; }


/* PROGRAMA */

#programme { width: 100%; max-width: 1280px; padding: 120px 20px 100px; border-top: 1px solid #ccc6; margin: 0 auto; }
#programaDetall a.btn { color: #005770; border-bottom: 1px solid #0099b0; }
#programaDetall a:hover { color: #e55921; border-bottom: 1px solid #005770; }
.dia { font-size: 30px; }
.taula tr td:nth-child(2), .taula tr td:nth-child(3), .taula tr td:nth-child(4) { display: flex; padding: 20px; }
.taula .container { border: 1px solid; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; font-size: 14px; z-index: -1; }
.taula th { padding: 20px 30px 10px; font-size: 25px; text-align: left; }
.taula th:first-of-type { width: 10%; }
.taula .dia_info th{color: #60B99E;}
.taula .dia_info th:nth-child(2), .taula .dia_info th:nth-child(3), .taula .dia_info th:nth-child(4), .taula .dia_info th:nth-child(5), .taula .dia_info th:nth-child(6) { width: 22.5%;}
/* .taula tr { display: flex; padding: 0 10px; } */
.taula tr { display: flex; padding: 0 5px; }
.taula tr > td:first-of-type { padding: 10px; /*width: 15%;*/ width:12%; display: flex; align-items: center; color: #60B99E; }
.taula .dia_info tr > td:nth-child(2), .taula .dia_info tr > td:nth-child(3), .taula .dia_info tr > td:nth-child(4), .taula .dia_info tr > td:nth-child(5), .taula .dia_info tr > td:nth-child(6) { box-sizing: border-box;padding: 5px; width: 22.5%; }
.taula tr:last-of-type  > td { border-bottom: 0 !important; }
.taula h3 { border: 1px solid; /*border-radius: 15px;*/ padding: 20px; margin: 0; background: /*#90140c*/ #070E78; color: white; font-size: 20px; width: 100%; }
.taula h3 b { color: #91c261; }
.taula .taller h3 b { color: #237EC6; }
.taula .taula_rodona h3 b { color: #2fabe2; }
.taula .update h3 b { color: #60b99e; }
.taula .orals h3 b{ color: #27ec77; }
.taula td.pausa { width: 90% !important; max-width: none; margin: 10px; padding: 10px !important; border-top: 1px dotted; border-bottom: 1px dotted;font-size: 18px; }
.taula td.conferencia { width: 90% !important; max-width: none; border: 1px solid; /*border-radius: 15px;*/ background: /*#90140c*/ #005770cc; color: #fff;/*#000;/*#ecd4ac;*/ font-size: 20px; padding: 10px 20px !important; margin: 10px; }
.taula td.altres{ width: 90% !important; max-width: none; color: #fff; border: 1px solid; /*border-radius: 15px;*/ background: #333; font-size: 20px; padding: 10px !important; margin: 10px;}
/* .taula td.pausa:last-of-type { width: 55% !important; } */
#programme > div.taula > div.dia_info.active > div > table > tbody > tr:nth-child(8) > td.pausa, #programme > div.taula > div.dia_info.active > div > table > tbody > tr:nth-child(10) > td.conferencia { width: 55% !important; }
td.taula_box.cont_top, td.taula_box.cont_top h3 {
    padding-bottom: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom: 0px;
}
td.taula_box.cont_bottom, td.taula_box.cont_bottom h3 {
    padding-top: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top: 0px;
    /* color: green; */
    
}
td.taula_box.cont_bottom h3{
    height: 100%;
}
td.taula_box.cont_bottom{
    padding-top: 0px !important;
}
.dia { font-size: 30px; border: 1px solid; width: fit-content; padding: 15px 20px; font-size: 20px; margin-bottom: -1px; background: white; z-index: 1; display: inline-flex; cursor: pointer; }
.dia_pre { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.dia { border-top-right-radius: 15px; border-top-left-radius: 15px; margin-left: -5px; }
.dia:not(.active), .dia_pre:not(.active) { border-bottom: 1px solid; opacity: .3; }
.dia:not(.active):hover, .dia_pre:not(.active):hover { opacity: .6; }
.dia.active,
.dia_pre.active { border-bottom: 1px solid white !important; }
.dia_a { margin-left: 0; }
.dia_info:not(.active) { display: none; }
.dia_info { display: none; }
.dia_info.active { display: block; background: white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; }
.programa_btn { float: right; padding: 19px; }
#programme > div.taula div.small_txt { font-size: 14px; }
body #programme td .link_pdfs {
    padding-left: 20px;
    text-align: left !important;
    background: url(../img/icono_pdf.gif) left top no-repeat;
}
body #programme td .prog_pdfs {
    padding-right: 20px;
    background: url(../img/icono_pdf.gif) right top no-repeat;
}
#programme #menu_prog {
    border-top: 1px solid #60B99E;
}
#programme #menu_prog li {
    padding: 10px 0;
    border-bottom: 1px solid #60B99E;
    font-size: 18px;
}
#programaDetall a:hover {
    border-bottom: 0 none;
}
#programme #menu_prog li a:link,#programme #menu_prog li a:visited {
    color: #070E78;
}
#programme #menu_prog li a:hover {
    text-decoration: underline;
    color: #60B99E;;
}
#programaDetall a.butt_link {
    margin: 0 0 20px;
}
#programaDetall a.butt_link:hover {
    border-bottom: 3px solid #eee;
    color: #fff;
}
.prog_days {
    display: none;
}
.prog_days.active {
    display: block;
}

/* PONENTS */
.ponents h2 { padding: 50px 0 15px; border-bottom: 0; text-transform: inherit !important; }
.text_ponents { font-size: 16px; justify-content: center; align-items: flex-start; /*max-height: calc(100vh - 385px); overflow-y: scroll;*/ }
.text_ponents p { padding-top: 10px;font-size: 14px; line-height: 1.2; color: #333;}
.text_ponents > div { display: flex; flex-wrap: wrap; max-width: calc(100% - 20px); padding: 5px; }
.text_ponents ul { margin: 0; padding: 10px 0; }
.text_ponents li { list-style: none; text-transform: uppercase; font-size: 16px; }
.text_ponents a { text-transform: uppercase; font-size: 16px; border-bottom: 1px solid; }
.text_ponents strong { text-transform: uppercase; font-size: 16px; color:#070E78 }
.text_ponents .profile { display: flex; width: 33.33%; padding: 0 15px 20px 15px; align-items: flex-start; justify-content: flex-start; text-align: left; min-width: 350px; }
.text_ponents .profile > img { max-width: 100px; margin: 0 20px 0 0;border: 1px solid #eee;-webkit-border-radius: 20px;border-radius: 20px; }
.text_ponents .carrec { margin-top: -5px; }
.ponents .text_presentacio { padding: 0; }

/*PRE CURSOS*/
#cursos .text_presentacio h2 { font-weight: bold; text-transform: uppercase; font-size: 28px; display:inline-flex; float: left;}
#cursos .text_presentacio a.btn, #inscripcions .text_presentacio a.btn{display: inline-flex;}
.cursos { width: 100%; max-width: 1280px; padding: 150px 20px 50px; border-top: 1px solid #ccc6; margin: 0 auto; }
.cursos a.btn, .colaboradors .video .btn{background: #005770/*none*/;}
.cursos a.btn:hover, .colaboradors .video .btn:hover { background: #e55921; color: white; }
.cursos ul {text-align: justify;}
#cursos .text_presentacio .btn_div a.btn{margin: 0px auto;}
.cursos_background{
    /* background-color: #ffecce; */
    background-color: #c6eef3; padding-bottom: 100px;}
    #cursos h3 {
        border-bottom: 1px solid;
        font-size: 20px;
        margin: 20px 0;
    }

/* EXPERIENCIES - COMUNICACIONS */
#comunicacions .text_presentacio a.btn, #inscripcions .text_presentacio a.btn{display: inline-flex;}
.comunicacions { width: 100%; max-width: 1280px; padding: 120px 20px 40px; margin: 0 auto; }
#inscripcions .text_presentacio .btn_div a.btn{background: #e55921/*none*/;}
.comunicacions a.btn, #inscripcions .text_presentacio .btn_div a.btn, .colaboradors .video .btn, .cursos a.btn { padding: 15px 25px /*20px 30px*/; background: #0099b0/*none*/; border: 1px solid #e55921; color: #ffffff; margin: 0 auto; display: flex; justify-content: center; align-items: center; max-width: 400px; border-radius: 20px; /*border-radius: 15px;*/ margin: 50px 10px; cursor: pointer; margin-right: 0px; margin-left: auto;}
.comunicacions a.btn, .colaboradors .video .btn, .cursos a.btn{background: #005770/*none*/;}
.colaboradors .video .btn{ margin: 0;}
.comunicacions a.btn:hover, .colaboradors .video .btn:hover { background: #e55921; color: white; }
#inscripcions .text_presentacio .btn_div a.btn:hover { background: #005770; color: white; }
.comunicacions .botons { padding-left: 0; flex-wrap: wrap; }
.comunicacions ul {text-align: justify;}
.comunicacions_background{
    background-color: #dff1ff; padding-bottom: 100px;}
.btn_div{float: right;}
#comunicacions .text_presentacio .btn_div a.btn, #inscripcions .text_presentacio .btn_div a.btn{margin: 0px auto;}
.clear{clear: both;}
.cler {
    clear: both;
}

/* INSCRIPCIONS */

#inscripcions { width: 100%; display: flex; justify-content: center; align-items: center; /*padding-top: 110px;*/ }
.inscripcions_wrapper { width: 100%; display: flex; justify-content: center; background: #f8fdfd; /* e9f7fb background: #c6eef3; background: #eacaf7a0;*/ }
.inscripcions { width: 100%; max-width: 1280px; padding: 120px 20px 100px; border-top: 1px solid #ccc6; }
.quotes, .metodes_de_pagament, .dates_conditions, .politica_de_cancelacions { padding: 0; position: relative; }
.quotes table { /*max-width: 465px;*/ max-width: 100%; } 
.quotes td { padding: 15px; text-align: center; }
/*.quotes table tr { border-bottom: 1px solid; }*/
.quotes h3, .metodes_de_pagament h3, .dates_conditions h3, .politica_de_cancelacions h3 { border-top: 1px solid; padding: 15px; margin: -1px; cursor: pointer; }
.dropdown h3:after { content: ''; background: url('../img/arrow_down_grey.svg'); background-size: contain; background-repeat: no-repeat; width: 20px; height: 12px; margin-left: 10px; transition: all 0.25s ease-in-out; position: absolute; margin-top: 10px; right: 20px; }
.dropdown.active h3:after { transform: rotate(180deg); }
.dropdown a { text-decoration: underline; }
.dates_conditions,.politica_de_cancelacions { border-bottom: 1px solid #60B99E; }
.quotes .container, .metodes_de_pagament .container, .dates_conditions .container, .politica_de_cancelacions .container { display: none; }
.quotes.active .container, .metodes_de_pagament.active .container, .dates_conditions.active .container, .politica_de_cancelacions.active .container { display: flex; flex-direction: column; margin: 20px /*15*/0px 40px; }
#inscripcions a.btn { padding: 20px 30px; background: none; border: 1px solid #005770; color: #005770; margin: 0 auto; display: flex; justify-content: center; align-items: center; max-width: 250px; /*border-radius: 15px;*/ border-radius: 20px; margin: 50px auto; cursor: pointer; }
#inscripcions a.btn:hover { background: #005770; color: white; }
#inscripcions span , #inscripcions p { text-align: justify;}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

.pric_tabl {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
}
.pric_tabl td.titulo {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #fff;
    background-color: #070E78;
}
.pric_tabl td {
    padding: 14px;
    font-size: 16px;
}
.pric_tabl td.texto01 {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #fff;
    background-color: #60B99E;
}
.pric_tabl td.texto02 {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #fff;
    background-color: #91C261;
}
.pric_tabl td.texto03 {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #fff;
    background-color: #60B99E;
}
.pric_tabl td.texto04 {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #333;
    background-color: #fff;
}

/* COLLABORADORS */
#collaboradors .text_presentacio h2 { font-weight: bold; text-transform: uppercase; font-size: 28px; }
#collaboradors { width: 100%; max-width: 1280px; padding: 150px 20px 50px; border-top: 1px solid #ccc6; margin: 0 auto; }
#collaboradors h3 { border-bottom: 1px solid; font-size: 20px; margin: 20px 0; }
.patrocinadors ul { margin: 0; padding: 20px 0; list-style: none; display: flex; flex-wrap: wrap; }
.gold_logos > li > a > img { max-width: 300px; max-height: 150px; }
.silver_logos > li > a > img { max-width: 250px; max-height: 100px; }
.patrocinadors { display: block; padding: 40px 0; }
#collaboradors div.btn { padding: 20px 30px; background: none; border: 1px solid #e55921; color: #ffffff; display: flex; justify-content: center; align-items: center; max-width: fit-content; /*border-radius: 15px;*/ margin: 30px 0 50px; cursor: pointer; border-radius: 20px; }
#collaboradors div.btn:hover { background: #005770; color: white !important; }
#collaboradors div.btn > a:hover { color: white !important; }
#collaboradors div.btn:after { content: ''; background: none; margin: 0; width: 0; }
.mes_info { border: 2px solid; padding: 20px; width: fit-content; margin-bottom: 20px; }
.mes_info p{margin-bottom: 0px;}
.colab_blocks { display: flex; margin: 0 -15px; }
.colab_blocks > div { width: 50%; padding: 0 15px; }

#collaboradors { max-width: none;width: 100%; display: flex; justify-content: center; align-items: center; padding: 0; position: relative;}
#collaboradors .wrapper { width: 100%; display: flex; justify-content: center; /*background: #eee;*/ z-index: 4;z-index: 0;}
#collaboradors .info { width: 100%; max-width: 1280px; padding: 100px; z-index: 1;}
#collaboradors .portada {box-sizing: border-box; /*border: 2px solid #eee; */ position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    height: 100%;
    /* width: 50%; */
    z-index: 0;}

#collaboradors .portada img {transform: scale(-1,-1); opacity: 0.6; width: 100%;}

/* NOTICIES */
#noticies .text_presentacio h2 { font-weight: bold; text-transform: uppercase; font-size: 28px; }
.noticies { width: 100%; max-width: 1280px; padding: 150px 20px 50px; margin: 0 auto; }
.block_noticies { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.block_noticies li { list-style: none; max-width: 33.33%; padding: 10px; }
.block_noticies h3 {  font-weight: bold; font-size: 22px; line-height: 1; }
.block_noticies p { padding-bottom: 25px; font-size: 16px; line-height: 1.2; }
#noticies .block_noticies > li > a > div > img { max-width: 100%; max-height: none; }
.noticies a.btn { padding: 20px 30px; background: none; border: 1px solid #e55921; color: #ffffff; margin: 0 auto; display: flex; justify-content: center; align-items: center; max-width: 250px;  margin: 50px auto; cursor: pointer; }


/* SEU DEL CONGRÃ‰S */
.seu_congres, .allotjament, .premsa { width: 100%; max-width: 1280px; padding: 120px 20px 50px; border-top: 1px solid #ccc6; margin: 0 auto; }
.seu_background, .premsa_background {background: #dcf7ec;}
#premsa img{
    max-width: 400px;
    max-height: 500px;
}
.titol_seccio { padding: 0 0 40px; }
.titol_seccio h3 { border-bottom: 1px solid; padding: 0 0 10px 0; margin-bottom: 20px; margin-top: 0; }
.info_box { display: flex; }
.info_box div { max-width: 50%; width: 100%; padding: 20px; background-color: #fff;border-radius: 20px;}
.info_box div img { width: 100%; object-fit: cover;  border: 2px solid #070E78;border-radius: 20px; }
.info_box div.text.adreca{ padding-top: 0;padding-left: 0; }
.info_box div.text.adreca img{border-radius: 0;}
.info_box a { color: #60B99E; }
.info_box a:hover { color: #070E78; }
.seu_congres .info_box .text.adreca p{background-color: #fff;}
.info_box .text p{ text-align: justify;}
.reverse { flex-direction: row-reverse; }
.adreca > p:first-of-type, .adreca > p.recuadre { border: 2px solid;border-radius: 20px; padding: 20px; width: fit-content; margin-bottom: 20px; }
.info_box div.mapa{ padding: 0;width: 100%; max-width: 100%; height: 100%;}
.bloc_maps{ border: 2px solid;border-radius: 20px;width: 100%;;height: 468px;}
.info_box div.img_loc{padding: 0;background-color: transparent;}

.allotjament .mes_info p{margin-bottom: 0; background-color: #fff;}
.allotjament .mes_info{ margin-bottom: 40px; }

.allotjament .info_box div.text.adreca {
    padding-left: 20px;
}

#contact {
    padding: 80px 20px 100px;
}
#contact .titol_seccio > img{
    width: 200px;
}
#contact a:link,#contact a:visited {
    color: #60B99E;
}
#contact a:hover {
    text-decoration: underline;
    color: #070E78;
}

.img_transport{
    border: none !important;
    height: 40px;
    width: auto !important;
    display: inline-block;
    margin: 5px 10px;
}

#venue { max-width: none;width: 100%; display: flex; justify-content: center; align-items: center; position: relative;padding: 0;}
#venue .wrapper { width: 100%; display: flex; justify-content: center; /*background: #eee;*/ z-index: 4;z-index: 0;}
#venue .info { width: 100%; max-width: 1280px; padding: 120px 20px 20px; z-index: 1;}
#venue .portada img {box-sizing: border-box; /*border: 2px solid #eee; */ /*width: 100%;*/ height: 100%; /*background-color: #fff;*/ transform: scale(1,-1); opacity: 0.6;}
#venue .portada {position: absolute; top: 0; right:0; height: 100%;
    /* width: 750%; */
    opacity: 0.4;
    z-index: 0;}
.info_box div.venu_tran {
    max-width: 100%;
    width: 100%;
}

/* SINGLE */
body.single main#menu-inici { max-width: 1280px; margin: 114px auto 50px; padding: 20px; justify-content: flex-start; }
body.single article .thmb { padding: 30px 0; }
body.single article .thmb img { object-fit: cover; width: 100%; height: auto; }
body.single article .text { padding-bottom: 50px; }
body.single .navigation.post-navigation { width: 100%; }
body.single main#menu-inici h3 { text-transform: uppercase; font-size: 40px; line-height: 45px; padding: 20px 0 0; align-self: flex-start; }
body.single main#primary { max-width: 1280px; margin: 150px auto 50px; padding: 0 20px; }
body.single h3 { line-height: 1; font-size: 30px; padding: 10px 0; }
body.single .text p { padding-bottom: 20px; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

/*.comment-navigation, .posts-navigation, .post-navigation {

	.site-main & {
		margin: 0 0 1.5em;
	}

	.nav-links {
		display: flex;
	}

	.nav-previous {
		flex: 1 0 50%;
	}

	.nav-next {
		text-align: end;
		flex: 1 0 50%;
	}
}*/

/* Footer */
footer#colophon {
    padding: 2em;
}

footer p {
    font-size: 16px;
    color: #005770;
}
footer p .txt{
    font-size: 14px;
}

.footer-content .column-1 {
    justify-self: left;
}

.wp-container-1 {display: flex;gap: 0.5em;flex-wrap: wrap;align-items: center;}
.wp-container-1 > * { margin: 0; }
.wp-container-2 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
.wp-container-2 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
.wp-container-2 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.wp-container-3 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
.wp-container-3 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
.wp-container-3 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.wp-container-4 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
.wp-container-4 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }
.wp-container-4 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.wp-container-5 {display: flex;gap: 2em;flex-wrap: nowrap;align-items: center;}
.wp-container-5 > * { margin: 0; }

ol {
    list-style: auto;
    margin: 15px 0 15px 55px;
}

/* PARALLAX */
#parallax {
    background: #070E78 url("../img/imagen.png") center center no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#cover{
    padding: 140px 0;
    width: 100%;
    height: auto;
    margin: 0;
}
#parallax2 {
    height: 400px;
    background: #070E78 url("../img/imagen.png") center center no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#parallax3 {
    height: 480px;
    /* width: 100%; */
    /* background: url("../img/fons-horitzontal-dreta.jpg"); */
    /*background: #ffb383 url("../img/parallax-mollet-interior.jpg");*/
    /* background: #ffb383 url("../img/numero-xxx-blanc.png"); */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#cover3{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0px;
    /* background-color: #e55921; */
    background-color: #ffb383;
    /* opacity: 0.5; */
    opacity: 0.6;
}
.cent_cont {
	text-align: center;
}

.menu_rrss {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu_rrss li {
	margin-left: 14px;
	display: inline-block;	
}
.menu_rrss li a {
    box-sizing: unset;
    padding: 10px;    
    -webkit-border-radius: 20px;
    border-radius: 20px;
	width: 24px;
	height: 24px;
	background-color: #eee;
	background-image: none;
	display: block;
}
.menu_rrss li:nth-child(1) {
	margin-left: 0;
}
.menu_rrss li a:hover {
    opacity: 0.7;
}
.menu_rrss li a img {
	width: 100%;
	display: block;
}

h3 {
    font-size: 30px;
  line-height: 45px;
}

h4 {
    font-size: 20px;
}

.comites div.btn {
    margin: 0;
    border-radius: 20px;
    font-weight: bold;
    font-size: 20px;
    text-transform: none;
}

footer {
    margin: 0 auto;
    padding: 30px 15px;
    border-top: 1px solid #eee;
    width: 100%;
    max-width: 1280px;
}

/* RESPONSIVENESS */
@media only screen and (max-width: 1400px) {
    #head_link{bottom: 15vh;}
    #menu_ppal{width: 40%;}
    #menu_ppal ul{margin-left: 60px;}
}

@media only screen and (max-width: 1100px) {
    .block_noticies li { max-width: 50%; }
    .colaboradors_logos .swiper-container { max-width: 980px; }
    body.page-template-landing .main-navigation li, body.blog .main-navigation li, body.single .main-navigation li{font-size: 0.7rem;}
    .cont{width:800px;}
    .text_ponents .profile { width: 50%}    
    .bloc_maps{height: 350px;}
}

@media screen and (max-width: 880px) {
	.cont{width:700px;}
    .dates_wrapper,#collaboradors .wrapper,#venue .wrapper{display: block;}
    #flor{
        width: 33%;
        height: 33%;

    }
    #title{height: 20%;}
    .butt_cent a.butt_link {
        margin: 10px auto;
        float: none;
    }
    .info_congres {
        display: block;
    }
    .carta_wrapper,.comites {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
    .comite_cientific > div > p, .comite_organitzador > div > p {
        column-count: 3;
    }
    .logo_gold, .logo_silver, .logo_bronze {
        width: 33.3333%;
    }
    .btn_div {
        padding-top: 30px;
        float: none;
        clear: both;
    }  
    .bloc_maps{height: 320px;}
}
@media all and (max-width: 768px) {
    .cont{width:600px;}
}

@media all and (max-width: 768px) {
    .botons { padding-left: 0; }
    div.btn { margin: 20px 20px 0 0; }
    #comites{max-width: 100%;}
    .comite_cientific, .comite_organitzador { max-width: 100%; margin-top: 30px; column-gap: 20px; }
    .block_noticies li { max-width: 100%; }
    .info_box { flex-wrap: wrap; }
    .info_box div { max-width: 100%; }
    .dia { padding: 15px 15px; font-size: 14px; }
    .taula th,
    .taula h3,
    .taula td.conferencia { font-size: 14px; padding: 10px; line-height: 1.2; }
    .taula .container { font-size: 11px; }
    .dia_info > .container { overflow-x: scroll; }
    div.btn { margin: 20px 10px 0 0; padding: 15px; }
    .taula .dia_info td.conferencia,.taula .dia_info td.pausa { font-size: 14px; margin: 10px; }
    .taula tr { padding: 0; }
    .taula tr > td:nth-child(2), .taula tr > td:nth-child(3) { padding: 0 8px 0 0; }
    .taula .dia_info th:first-of-type,.taula .dia_info tr > td:first-of-type { width: 15%; min-width: 105px; max-width: 105px; }
    .dia{padding: 10px 10px; font-size: 12px; width: 32%;}
    .quotes.active .container, .metodes_de_pagament.active .container, .dates_conditions.active .container,.politica_de_cancelacions.active .container { display: initial; line-height: 1.2; }
    .quotes td p { font-size: 15px; }
    .quotes h3, .metodes_de_pagament h3, .dates_conditions h3, .politica_de_cancelacions h3 { padding: 15px 0; }
    .dropdown h3:after { right: 10px; }

    .block_logos ul { padding: 0; }
    .block_logos ul > li { margin: 5px 10px 5px 10px; }
    .block_logos img { max-width: 170px; }

    #programme, #dates { padding: 50px 20px; }

    .comunicacions { padding: 50px 20px 50px; line-height: 1.2; }

    .block_1 ul{ text-align: justify;}
    
    .comunicacions a.btn { margin: 10px 10px 10px 0; }
    .comunicacions .botons { padding-top: 40px; }

    body.page-template-landing .main-navigation,
    body.blog .main-navigation,
    body.single .main-navigation { width: 100%; display: flex; justify-content: flex-end; position: absolute; z-index: 1; top: auto; right: 30px; }

    .menu-toggle, .main-navigation.toggled ul { border: 0; }

    /* body.page-template-landing .main-navigation { position: relative; display: flex; align-self: self-start; justify-content: end; right: 20px; top: 20px; border: 0; } */
    /* body.page-template-landing .main-navigation button { border: 0; text-transform: uppercase; } */
    /* body.page-template-landing .main-navigation .menu-toggle { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; } */

    .colab_blocks { display: flex; margin: 0; flex-wrap: wrap; line-height: 1.2; }
    .colab_blocks > div { width: 100%; padding: 0; }

    .silver_logos > li > a > img,
    .gold_logos > li > a > img { max-width: 100%; }
    .silver_logos > li,
    .gold_logos > li { max-width: calc(50% - 20px); }
    .patrocinadors ul { padding: 20px 0; }

    .marca > img { max-width: 90%; }
    .claim p { font-size: 25px; text-align: center; line-height: 1; }
    .lloc_i_dates p { font-size: 25px; text-align: center; max-width: 70%; margin: 20px auto; line-height: 1.2; }

    ul#menu-main, ul#menu-main-es { padding: 0; margin: 0; text-align: center; list-style: none; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; display: flex; opacity: 0; pointer-events: none; flex-direction: column; justify-content: center; align-items: center; background:#90140c; }
    ul#menu-main li a, ul#menu-main-es li a { color: white; text-transform: uppercase; }
    body.show_menu ul#menu-main, body.show_menu ul#menu-main-es { opacity: 1 !important; pointer-events: all; }
    .show_menu header#masthead:hover #menu-main-es {
        opacity: 1 !important;
    }
    body.show_menu ul#menu-main li, body.show_menu ul#menu-main-es li { padding: 5px 0; }
    body.show_menu .menu-main-container, body.show_menu .menu-main-es-container { width: 100%; height: 100vh; position: absolute; top: 0; }

    .block_noticies li { max-width: 100%; }

    .text_presentacio { padding: 0 0 20px 0; }

    .text_ponents { display: block; }
    .text_ponents > div { max-width: 100%; padding: 0 20px; }
    .text_ponents .profile { align-items: flex-start; justify-content: flex-start; padding-bottom: 20px;  margin: 0; width: 100%; }
    .text_ponents .profile > img { max-width: 100px; margin: 0 20px 0 0; }
    .comite_cientific > div > p, .comite_organitzador > div > p {
        column-count: 2;
    }
    /* body.page-template-landing header#masthead img, body.blog header#masthead img { max-width: 190px; padding: 15px; } */
    body.page-template-landing header#masthead img, body.blog header#masthead img { max-width: 160px; padding: 15px; }

    #menu-item-wpml-ls-5-ca { margin-top: 30px; }
    .wpml-ls-item:last-of-type { right: 0; /*margin-top: 30px;*/ }
    .wpml-ls-item { position: relative !important; right: auto; top: auto; }
    body.single article .text p { font-size: 14px; padding-bottom: 20px; }
    body.single main#menu-inici h3 { font-size: 30px; }
    body.page-template-landing .main-navigation li, body.blog .main-navigation li, body.single .main-navigation li{width: 200px; margin: 20px;}

    .footer-content { width: 100%; justify-content: center; padding-top: 30px; border-top: 2px solid; }

    .block_congres { padding: 50px 15px 50px; } 
    .noticies {padding: 50px 20px 50px; }
    .menu-toggle { display: block; position: absolute; z-index: 999; top: -15px; }
    .colaboradors_logos .swiper-container { max-width: 730px; }

    .info_box .text p { line-height: 1.2; }

    .quotes .containerQuotes {overflow-y: overlay;}
    .hero1 img {height: 28vh;}
    header#masthead:hover #menu-main-es{opacity: 0 !important;}
    .carta_wrapper{max-width: 100%;}
    #menu_scun li{margin-top:4px;width:25%;display:inline-block;}
    #programaDetall a.butt_link{margin-right: 10px;}
    .inscripcions_wrapper .quotes .container{width: 100%;max-width: 100%;display: block;}
    .text_presentacio h2{font-size: 34px;}
    .text_presentacio h3,h3{font-size: 24px;line-height: 1.2em;}
}
@media screen and (max-width: 650px) {
    #dates-clau .item{background-position:left center;}
    #inscripcions .btn_div a.btn, #comunicacions .btn_div a.btn, #inscripcions .text_presentacio , #comunicacions .text_presentacio {float: none;}
    #inscripcions .btn_div a.btn, #comunicacions .btn_div a.btn{margin:25px auto;}
    body.page-template-landing .main-navigation li, body.blog .main-navigation li, body.single .main-navigation li{font-size: 1rem;}
    .cont{width:90%;}
    #menu_stit{max-width:50%;}
    #scrl_tbot,#scrl_tbot:hover{left:50%;bottom:0;}
    #menu_ppal ul#menu_larg li a{font-size:23px;line-height:23px}
	/* #show_menu{top:20px;} */
	#show_menu{top:10px;}
    .dates_wrapper,#collaboradors .wrapper,#venue .wrapper{padding: 0;}
    .dates,#collaboradors .info,#venue .info{padding: 40px;}
    #home_head{height: auto;background-size: 160%;}
    #head_info{padding: 100px 0 200px;height: auto;display: block;}
    #head_info > div{padding: 30px 0;width: 100%;display: block;}    
    #head_link{bottom: 24vh;}
    a.butt_link {padding-right: 70px;height: 56px;font-size: 20px;background-size: 50px 50px;}
    a.butt_link.butt_lite { padding-right: 60px;font-size: 18px;height: 46px;background-size: 40px 40px;}
    .countdown_block li span{font-size: 3rem;}
    .dates_wrapper .portada{top: 10%;height: 80%;}
    .dates_wrapper .portada img{width: auto;height: 100%;opacity: 0.3;}
    .comites div.btn{width: 50%;max-width: 50%;}
    .allotjament .info_box div.text.adreca{padding-top: 20px;padding-left: 0;}
}
@media screen and (max-width: 600px) { 
    .mobl_hide{display: none!important;}
    #show_menu > div{margin: 0;}
    #head_info{padding: 60px 0 150px;}
    #home_head{background-size: 190%;}
    #head_link{bottom: 11vh;}
    .dates_wrapper .portada{display: none;}
    #cover{padding: 100px 25px;}
    #cover.butt_cent a.butt_link{max-width: 220px;}
    .logo_gold, .logo_silver, .logo_bronze{width: 50%;}
    .programa .dia_info table{min-width: 600px;}
    .comite_cientific > div > p, .comite_organitzador > div > p {
        column-count: 1;
    }
    #venue .text.adreca p#adrecaHotel{
        width:100%;
    }
}

@media screen and (max-width: 450px) { 
    #menu_ppal .cont{padding-bottom:40px;height:auto;min-height:100%;}
    #menu_stit{margin-top:20px;max-width:90%;position:static;}
    #menu_clos{top:14px;}
    #menu_ppal{width:100%;min-height:100%;overflow-y:scroll;}
	#menu_ppal .cont{padding-bottom:40px;height:auto;min-height:100%;}
    .date_info{clear: both;}
    #dates .item{background-image: url(../img/time-line-mobile.png)}
    .taula td.altres{font-size: 14px;}
    #parallax,#parallax2{background-size: contain;}
}
@media only screen and (max-width: 414px) {
    .colaboradors_logos .swiper-container { max-width: 380px; }
    body.page-template-landing header#masthead, body.blog header#masthead, body.single header#masthead, ul#menu-main, ul#menu-main-es{ width: 100vw;}
    .block_logos {    padding: 0px 15px;   }
    .entitat{
        margin: 0 0 10px 0;
    }
    .associat, .colaboradors, .organitzadors {
        margin: 10px 0;
    }
}


@media only screen and (max-width: 350px) {
    .colaboradors_logos .swiper-container { max-width: 250px; }
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}

	.footer-content {
		display: grid;
		grid-template-columns: repeat(2, 2fr);
		padding: 1em 2em;
		max-width: 1250px;
		justify-items: end;
		border-top: 2px solid #005770;
	}

	footer#colophon {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}