html, body {
    /* IE 10-11 didn't like using min-height */
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1 0 auto;
    position:relative;
}
footer {
    flex-shrink: 0;
}

html {
    scroll-behavior: smooth;
}

.button{
    border-radius: 6px;
    background: #00415f;
}
.button-group .button {
    border-radius: 0px;
}

/*HEADER*/
.nav-sup{
    background:#00415f;
    margin-bottom: 5px;
    color:#fff;
    font-size: 1.5rem;
}
.nav-sup .social{
    text-align: center;
    border-bottom:solid 1px #fff;
}
.nav-sup .social a{
    display:inline-block;
    color:#fff;
    margin: 0.5rem 0.8rem 0.5rem 0.8rem;
}
.nav-sup .user{
    font-family: 'Roboto Condensed', sans-serif;
    color:#fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding-right:1rem;
    margin-right: 0;
    display:inline-block;
}
.nav-sup .user a.privada{
    display:inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    color:#fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding-left:1rem;
    margin-left: 1rem;
    display:inline-block;
    font-weight: 100!important;
}
.nav-sup .user a.privada span{
    display:none;
}
.nav-sup .user button{
    display:inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    background: none;
    color:#fff;
    text-transform: uppercase;
    font-size: 0.8rem;
    border-left: solid 1px #e1e1e1;
    padding-left:1rem;
    margin-left: 1rem;
    display:inline-block;
    cursor:pointer;
}

#nav-fixed-top{
    background: #fff;
    position: relative;
    width:100%;
    border-bottom: solid 1px #00415f;
    padding: 0;
}
#nav-fixed-top .button, #nav-fixed-top .input-group{
    margin-bottom: 0;
}

.is-stuck .top-bar{
    padding: 0.5rem;
}
.sticky {
    z-index: 100!important;
}

.login{
    border-radius: 10px;
    background: linear-gradient(#fff, #fff, #eee);
    padding: 0.2rem 0.5rem;
}
.login h5{
    font-size: 14px;
}
.login span{
    display:block;
    text-align:right;
}
.login img{
    display:inline-block;
    border-radius: 50%;
    width:30px;
}
.login a{
    margin-left: 3rem;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 10px 0 0 10px;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 10px 10px 0;
}


#bars-movil{
    display:block;
}
#nav{
    display:none;
}
#slider{
    padding-top:0;
    margin-top: 0px;
    margin-bottom: 20px;
}
#user,#user3,#sliderHome{
    padding-top:0;
    margin-top: 0;
}
#user2, #user4{
    padding-top:0rem;
    margin-top: 0;
}

.breadcrumbs{
    background: #eee;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding:0;
    margin: 0 0 0 0;
}
.breadcrumbs a{
    display:inline-block;
    padding:6px;
}
.breadcrumbs strong{
    display:inline-block;
    padding:6px;
}


/* SLIDER*/

li.orbit-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
li.orbit-slide img{
    width:100%;
}
.caption-slider{
    position:absolute;
    width:100%;
    height: 100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image: linear-gradient(to right, rgba(40,180,229,0), rgba(40,180,229,1));
    display:table;
}
.orbit-slide.right .caption-slider{
    position:absolute;
    width:100%;
    height: 100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image: linear-gradient(to left, rgba(40,180,229,0), rgba(40,180,229,1));
    display:table;
}

.caption-slider .content {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 0 3rem;
}
.caption-slider, .caption-slider p,.caption-slider h2,.caption-slider h3,.caption-slider h4,.caption-slider h5, .caption-slider h6{
    color:#fff;
}
.caption-slider h2{
    font-weight:700;
}

.caption-slider .content img{
    width: 50%;
}
.caption-slider .content a{
    display:block;
}
.caption-slider .content .cell{
    overflow:visible;
}
.caption-slider .content a:hover{
    background: rgba(40,180,229,0.5);

}
.caption-slider .content a:hover{
    background: rgba(0,0,0,0.1);
    box-shadow: 0 0 1rem 1rem rgba(0,0,0,0.1);
}

/*IDIOMAS*/
#idiomas {
    list-style: none;
    margin: 0;
    padding:0;
    text-align: right;
    display:inline-block;
}
#idiomas li{
    display:inline-block;
    border-left:solid 1px #fff;
    padding-left: 2px;
}
#idiomas li:first-child{
    display:inline-block;
    border-left:none;
    padding-left: 0;
}
#idiomas li a{
    display:block;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 1rem;
    color:#fff;
    font-weight:300;
    line-height: 1.5rem;
}
#idiomas li a.current{
    font-weight:700;
    background: #00415f;
    color:#fff;
    font-size: 1rem;
}
.nav{
    margin-bottom: 0.5rem;
}

.menu a.nav.privada{
    background: #28B4E5;
    color:#fff;
}

/*TOP BAR*/
.top-bar li a.nav, .top-bar li button{
    display:block;
    padding:10px;
    font-family: 'Roboto Condensed', sans-serif;
    color:#00415f;
    text-transform: uppercase;
    cursor:pointer;
}
.top-bar li a:hover, .top-bar li button:hover,
.dropdown.menu > li.is-active > a {
    background: #eee;
}

.top-bar, .top-bar ul {
    background-color: #fff;
}
.top-bar input {
    max-width: 100%;
    margin-right: 0;
}
ul.dropdown.menu li{
    width:100%;
}
.menu .is-active > a {
    background: #eee;
    color: #1779ba;
}

.title-bar{
    margin-top: 0.5rem;
    background: #00415f;
}

p.link{
    cursor:pointer;
    color:#1779ba;
}
.off-canvas.is-transition-overlap {
    z-index: 10000;
    font-size: 0.8rem;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    font-family: 'Roboto Condensed', sans-serif;
    color:#00415f;
    text-transform: uppercase;
}
.button.navPrivat-btn{
    position:absolute;
    left: -43px;
    top:6rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
    color: #00415f;
    border:solid 1px #00415f;
    border-right:solid 2px #fff;
    box-shadow: -3px 4px 4px rgba(10,10,10,0.4);
}
.off-canvas.is-closed {
    visibility: visible;
}

#bars-movil{
    background: #fff;
    color: #00415f;
    padding-left: 0;
}

/*NAV PRIVAT*/
.privat-navigation{
    background: #d4dce1;
    padding: 0.5rem 0;
}
.privat-navigation ul{
    margin:0;
    padding:0;
    text-align: center;
}
.privat-navigation ul li{
    display:inline-block;
    margin: 0 0rem;
}
.privat-navigation ul li a{
    display:block;
    padding: 0.5rem;
    color:#00415f;
}
.privat-navigation ul li a .fa-solid{
    font-size: 1.5rem;
}
.privat-navigation ul li a span{
    display:block;
    font-size: 0.6rem;
    text-transform: uppercase;
}

.privat-navigation ul li a:hover{
    background: rgba(255,255,255,0.5);
}

.button.list{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color:#000;
    background: none!important;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    margin: 0;
}
.dropdown-pane a{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300!important;
    color:#000!important;
    display:block;
}
.dropdown-pane a:hover{
    background: #e0f1fc;
    box-shadow: 0 0 0px 4px #e0f1fc;
    color:#000;
}

.privat-navigation-block.height .callout{
    padding: 2rem  0.5rem;
}



/*CONTENT*/
section{
    margin: 1rem 0;
    padding: 0rem 0;
}
section:first-child{
    margin-top: 0!important;
}
.large-6 .cell img, .large-4 .cell img, .large-3 .cell img, .large-2 .cell img{
    width:100%;
}


.highlight {
    border:none;
    margin: 0 0 1rem 0;
    padding: 1rem;
}
.highlight img{
    margin-bottom: 1rem;
}

.highlight .bg-icon{
    display:inline-block;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    width:6rem;
    height:6rem;
    text-align: center;
    background: #00415f;
    box-shadow: 0 0 0px 1px #00415f;
    color:#fff;
    border-radius: 50%;
    line-height:6rem;
    transition-duration: 1s;
}
.highlight:hover .bg-icon{
    background: #19688d;
    box-shadow: 0 0 0px 10px #19688d;
    transition-duration: 1s;
}

.highlight .fa-solid, .highlight .fa-brands{
    display:inline-block;
    font-size:3rem;
    color:#fff;
    vertical-align: middle;
}
.highlight h4{
    color: #00415f;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
}
.highlight h4, highlight h5, .highlight h6{
    color: #00415f;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.highlight p{
}

.highlight.box {
    border:none;
    margin: 2rem 0;
}
.highlight.box:hover{
    background: #19688d;
    transition-duration: 1s;
}
.highlight.box h6 {
    text-align: center;
    color:#fff;
}

.highlight.news {
    text-align: left;
    border:none;
    padding: 0;
    margin: 2rem 0;
    background-color: #00415f;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
    position:relative;
    min-height: 15rem;
}
.highlight.news h5 {
    text-align: left;
    color:#fff;
    text-transform: none;
    position:absolute;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    padding: 4rem 1rem 1rem 1rem;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
    transition-duration: 1s;
}
.highlight.news:hover h5 {
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    transition-duration: 1s;
}



.testimonial{
    padding: 1rem 0;
    margin: 2rem auto;
    text-align: center;
}
.testimonial .cell{
    text-align:center;
}
.testimonial .cell img{
    display:inline-block;
    border-radius: 50%;
    width:100px;
    margin-bottom: -10px;
}
.testimonial .cell .text{
    background: #fff;
    padding: 20px;
    color:#28B4E5;
}
.testimonial h5{
    margin: 0;
    color: #00415f;
}
.testimonial h6{
    margin: 0;
    color:#00415f
}


.video .callout{
    background: transparent;
    border: none;
    margin-bottom: 0;
}
.video h3{
    font-weight: 700;
    color:#00415f
}

.activitat .button{
    margin-bottom: 0;
}
.activitat .callout{
    margin-bottom: 0;
}
.calendar-right .full{
    min-height: 546px;
}
.callout.acte{
    background-color: transparent;
    background-size: cover;
    background-position: top center;
    padding: 0;
    border:none;
    overflow: hidden;
    min-height: 500px;
}
.callout.acte .dark{
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.5);
}
.callout.acte .text{
    width:100%;
    background-image: linear-gradient(to bottom, rgba(40,180,229,0), rgba(40,180,229,0), rgba(40,180,229,1));
    padding: 1rem;
    color:#fff;
    position:absolute;
    bottom:0;
}
.callout.acte .text h4{
    font-weight: 800;
}
.callout.acte .text img{
    display:inline-block;
    border-radius: 50%;
    width:100px;
    border:solid 3px #fff;
}
.callout.list{
    padding-bottom: 0;
    display:block;
    width:100%;
}
.callout.list h5{
    color: #00415f;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}

#partners .callout{
    text-align: center;
    font-size: 0.7rem;
    min-height: 180px;
    border:none;
}
.padding-bottom-none{
    padding-bottom: 0;
}
.drop-ficha {
    display: none;
    width: 100%;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem;
}

.callout.list-border{
    border-width: 0 0 1px 0;
    margin-bottom: 0;
    padding:1rem;
}


.destacats {
    padding: 0.5rem;
    background: linear-gradient(#fff, #fff, #eee);
    border-radius: 10px;
}
.destacats .callout{
    margin-bottom:0;
    padding: 0.5rem;
}
.destacats .button{
    margin-top:1rem!important;
}
#consultes .destacats .button{
    margin-top:0!important
}
.destacats a{
    font-size: 0.8rem!important;
}
.close-button, .close-button.medium {
    right: 0.2rem;
    top: 0.1rem;
    font-size: 2em;
    line-height: 0.5;
}

.title{
    color:#888;
    margin-bottom: 0rem;
}
.title h2{
    display:inline-block;
    color:#888;
}

.title h3 {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    color:#00415F;
    border-top:solid 1px #00415F;
}




/*TABS*/
.profile .cell{
    text-align:center;
}
.profile .cell img{
    display:inline-block;
    border-radius: 50%;
    width:100px;
}
.tabs-title a{
    color:#00415f!important;
    text-align: center;
}

.tabs-none {
    float: left;
}
.tabs-none a {
    color: #00415f!important;
    text-align: center;
}

.tabs-none > a {
    display: block;
    padding: 1.25rem 1.1rem;
    font-size: 0.75rem;
    line-height: 1;
}


.tabs-title.user a{
    text-transform: uppercase;
    border: none;
    background-image: url(img/bg-tab.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem 2px 1.25rem 2px;
}
.tabs-title.user a:hover{
    box-shadow: inset 0 0 300px 300px rgba(0,58,85,0.1);
}
.tabs-title.user.is-active a{
    background: #00415f!important;
}
.tabs-panel.is-active{
    background: #fff!important;
    border-style: solid;
    border-color:#00415f;
    border-width: 6px 0px 0px 0px;
}
.tabs-panel.wide {
    padding: 1rem 0 0 0;
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}
.tabs-title.user.is-active a{
    color: #fff!important;

}

.tabs-title.user .fa-solid{
    display:inline-block;
    font-size:2rem;
    color: #00415f;
}

.tabs-title.user > a:focus .fa-solid, .tabs-title.user > a[aria-selected='true'] .fa-solid, .tabs-title.user.is-active a .fa-solid{
    color:#fff;
}
.tabs-title h6{
    color: #00415f;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}
.tabs-title span{
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    font-size:0.8rem;
    line-height: 1;
}
.tabs-title.user > a:focus h6, .tabs-title.user > a[aria-selected='true'] h6, .tabs-title.user.is-active a h6{
    color:#fff;
}
.tabs-panel.is-active h3{
    color:#00415f;
}
.tabs-title.user h6, .tabs-title.user span{
    display:none;
}

.tabs-panel .callout h4{
    font-weight: 700;
    color:#00415f
}
.tabs-panel .callout.acte h4{
    font-weight: 700;
    color:#fff
}
.tabs-panel .button{
    margin:0 0 0 0;
}
.tabs-panel ul{
    list-style:none;
    margin: 0;
    padding:0;
}
.tabs-panel li{
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: solid 1px #888;
}
.tabs-panel ul.pagination{
    list-style:none;
    margin: 1rem 0;
    padding:0;
}
.tabs-panel .pagination li {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.tabs-content {
    border: none;
}

li.tabs-title a{
    position:relative;
}
li.tabs-title a .count{
    position:absolute;
    top:10px;
    right: 10px;
    font-size: 16px;
    display:inline-block;
}

.callout.avis{
    background-image: url(img/bg-tab.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.grid-container.privat{
    margin-bottom: 4rem;
}

.date{
    font-size: 0.8rem;
}


.tabs-panel .callout{
    margin: 0;
    border-width: 0 0 1px 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-list .callout{
    margin: 0;
    border-width: 0 0 1px 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.tabs-panel.admin .callout {
    margin: 0;
    border:solid 1px #eee;
    padding:1rem;
}


ul.tabs.inline{
    float:right;
}
ul.tabs.inline .tabs-title > a {
    padding: 0.5rem .5rem;
    font-size: 1.9375rem;
}
ul.tabs.inline li {
    margin-bottom: 0;
    padding-bottom: 0;
}
.tabs-panel.no-padding{
    padding: 0 0 1rem 0;
    background: none!important
}

.custom-file-input {
    color: transparent;
    cursor: pointer;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
    cursor: pointer;
}
.custom-file-input::before {
    content: 'Pujar imatge';
    color: black;
    display: block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    text-align: center;
    margin-bottom: -1.5rem;
}
.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active {
    outline: 0;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.tt{
}

.tt .callout{
    border: none;
    background-image: url(img/bg-tab.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;

}
.tt a{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    padding: 1rem;
    width:100%;
    height:100%;
    color:#000;
}
.tt a:hover,.tt a.current{
    background: #00415f;
    color:#fff;
}
.tt .fa-solid{
    display:inline-block;
    font-size:3rem;
    color: #00415f;
}
.tt a:hover .fa-solid, .tt a.current .fa-solid{
    color: #fff!important;
}
.tt h6{
    font-family: 'Roboto Condensed', sans-serif;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}
.tt span{
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    font-size:1rem;
    line-height: 1;
}
.tt-ficha .callout{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
}
.tt-ficha p, .tt-ficha h4, .tt-ficha h5, .tt-ficha h6{
    display:block;
    text-align: center;
    margin: 0;
}
.tt-ficha a{
    text-align: center;
    padding: 1rem;
}
.tt-ficha h6{
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}
.tt-ficha span{
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    line-height: 1;
}

.tt h5{
    font-family: 'Roboto Condensed', sans-serif;
    margin: 1rem 0;
    text-transform: uppercase;
    font-weight: 700;
}

.docus .callout{
    margin: 0;
    border-width: 0 0 1px 0;
}


.models-resultats h6 {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
}
.models-resultats h6 span{
    font-family: 'Roboto Condensed', sans-serif;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
    font-weight: 300;
}


.pagination.top{
    margin-top: 1rem;
}

/*PROGRES*/
.progress-indicator {
    list-style: none;
    width: 100%;
    margin: 0 auto 3rem auto;
    padding: 0;
    display: table;
    table-layout: fixed;
}

.progress-indicator > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 1.5em;
}

.progress-indicator > li span {
    position: absolute;
    color: #e6e6e6;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.05px;
    text-transform: uppercase;
}

.progress-indicator > li::before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #e6e6e6;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 1.5em;
    border-radius: 6px;
    position: relative;
    z-index: 1000;
}

.progress-indicator > li::after {
    content: '';
    position: absolute;
    display: block;
    background: #e6e6e6;
    width: 100%;
    height: 0.15em;
    top: 50%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 50%;
    margin-left: 1.5em\9;
    z-index: 0;
}

.progress-indicator > li:last-child:after {
    display: none;
}

.progress-indicator > li.is-complete {
    color: #1779ba;
}

.progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
    color: #fefefe;
    background: #1779ba;
}

.progress-indicator > li.is-complete span {
    color: #1779ba;
}

.progress-indicator > li.is-current {
    color: #4eabe9;
}

.progress-indicator > li.is-current::before {
    color: #fefefe;
    background: #4eabe9;
}

.progress-indicator > li.is-current span {
    color: #4eabe9;
}
.line-left{
    border-top:solid 1px #ccc;
    border-left:none;
    padding-top: 1rem;
}

/*RADIO*/
.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-toolbar label {
    display: block;
    width:100%;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    background-color: #eee;
}
.radio-toolbar input[type="radio"]:checked + label {
    background-color:#1779ba;
    color:#fff;
}
.radio-toolbar input[type="radio"]:focus + label {
}
.radio-toolbar label:hover {
    background-color: #28B4E5;
}
.radio-toolbar .unitats{
    width:9%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.callout.tarifa{
    margin-bottom: 0;
}
.tarifa p{
    margin-bottom: 0!important
}
.carrito{
    border-bottom:solid 1px #ccc;
    padding-top: 4px;
    padding-bottom: 4px;
}
.total h5{
    margin-bottom: 0;
}

footer{
    background: #000;
    color:#fff;
    padding: 2rem 0;
}
footer ul{
    list-style:none;
    margin:0;
    padding:0;
}
footer a{
    color: #fff;
}
footer a:hover{
    color:#28B4E5;
}
.sub-footer{
    background: #000;
    padding: 10px 0;
    margin: 10px 0 0 0;
}
.sub-footer a{
    display:inline-block;
    padding: 0 10px;
}

footer .social a{
    display:inline-block;
    font-size:2rem;
    margin:0.5rem 0.5rem 0.5rem 0;
}

/*COLORS*/
.bg-white{
    background: #fff;
}
.bg-grey{
    background: #eee;
}
.bg-blue{
    background:#00415f;
}
.bg-blue, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-blue p{
    color:#fff!important;
}

/*FILE*/
.file {
    background: linear-gradient(#fff, #fff, #eee);
    border-radius: 10px;
}
.file h2, .file h3, .file h4, .file h5, .file h6{
    color:#00415f;
}

.file-info span{
    display:inline-block;
    padding: 0 4px;
    font-size:0.9rem;
    color: #00415f;
}

.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: 0.875rem;
}

.switch-input {
    opacity: 0;
    position: absolute;
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all 0.25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
}
input + .switch-paddle {
    margin: 0;
}
.switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0;
}
input:checked ~ .switch-paddle {
    background: #2199e8;
}
input:checked ~ .switch-paddle::after {
    left: 2.25rem;
}
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0;
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.switch-active {
    left: 8%;
    display: none;
}
input:checked + label > .switch-active {
    display: block;
}

.switch-inactive {
    right: 15%;
}
input:checked + label > .switch-inactive {
    display: none;
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
    width: 1rem;
    height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem;
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
    width: 1.25rem;
    height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem;
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem;
}

.switch.large .switch-paddle::after {
    width: 2rem;
    height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem;
}

.grid-x > .small-55 {
    width: 20%;
}
.listados h6{
    margin:0;
}
.listados li{
    border-bottom:solid 1px #ccc;
    padding: 0.5rem 0;
}

/*ADMIN BACKOFFICE*/
section.admin{
    box-shadow: inset 0 0 0 4px #333;
    padding:0;
    margin-bottom: 2rem;
}
section.admin .tools{
    background: #333;
    padding: 0.5rem;
    margin-bottom: 1rem;
}
.tools .button, .tools input{
    margin-bottom: 0;
}

.radio-toolbar .cell{
    background: #fff;
}
.radio-toolbar label.white {
    background-color: rgba(255,255,255,0.5);
    color:#ccc;
}
.radio-toolbar label.grey {
    background-color: rgba(238,238,238,0.5);
    color:#ccc;
}
.radio-toolbar label.blue {
    background-color: rgba(0,65,95,0.5);
    color:#ccc;
}


.radio-toolbar input[type="radio"]:checked + label.white {
    background-color: rgba(255,255,255,1);
    color:#000;
}

.radio-toolbar input[type="radio"]:checked + label.grey {
    background-color: rgba(238,238,238,1);
    color:#000;
}
.radio-toolbar input[type="radio"]:checked + label.blue {
    background-color: rgba(0,65,95,1);
    color:#fff;
}

.radio-toolbar label.white, .radio-toolbar label.grey, .radio-toolbar label.blue,
.radio-toolbar label.col{
    position:relative;
}
.radio-toolbar input[type="radio"]:checked + label.white:after,
.radio-toolbar input[type="radio"]:checked + label.grey:after,
.radio-toolbar input[type="radio"]:checked + label.blue:after,
.radio-toolbar input[type="radio"]:checked + label.col:after{
    position:absolute;
    content:'';
    width:10px;
    height:10px;
    background: red;
    top:6px;
    right:6px;
}
.actions{
    position:absolute;
    top:0;
    right:5px;
}

.disable{
    filter:opacity(50%);
    opacity: 0.5;
}
.img-slide .callout{
    border:none;
    background: rgba(0, 65, 95, 0.5);
    color:#fff!important;
}
.flex{
    position:absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    top: 0px;
    right:0;
    bottom:0;
    left:0;
}
.flex .grid-x {
    width: 100%;
}
.flex404{
    display: block;
    justify-content: center;
    align-items: center;
    width:100%;
    padding-top: 0px;
    background-image: linear-gradient(to bottom, #F5A8AC, #c4d4f8, #E3F4C7, #fff);
}
.flex404 h2.tit{
    font-size:6rem;
    font-weight: 700;
    color:#003B5B
}
#kit-digital p{
    font-size:11px;
}

.bottom-foot{
    border-top:solid 1px #ccc;
    font-size: 0.8rem;
    padding-top: 1rem;
    color:#ccc;
}

.jornades{
    background: #ededed;
    padding-bottom: 0;
}
.jornades h3, .jornades h4, .jornades h5, .jornades h6 {
    font-family: 'Roboto Condensed', sans-serif;
}
.jornades h6{
    color:#28B4E5;
    font-weight: 600;
}
h3.margin-bottom-neg {
    margin-bottom:-4px;
    font-size: 2rem;
}
h3.margin-top-neg {
    margin-top:-4px;
    font-size: 2rem;
}
.jornades h5:last-child {
    margin-bottom: 0;
}
h4.trucans{
    font-size: 2rem;
}

.jornades .large-55:nth-child(even), .jornades .medium-55:nth-child(even) {
    width:40%;
    margin: 0 0 2rem 20%;
}
.jornades .large-55:nth-child(odd), .jornades .medium-55:nth-child(odd) {
    width:30%;
    margin: 0 0 2rem 0;
}

.roboto{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    line-height:1;
}

/* CLUB IVA*/

.is-current{background: #fff;}
.iva-panel{
    background: #fff!important;
    border-style: solid;
    border-color:#00415f;
    border-width: 6px 0px 0px 0px;
    color: #888;
}
.iva-panel h3{margin-bottom: 1rem; color: #888;}
.users-trobades{margin:0; padding:0; list-style: none;}
.users-trobades li{font-size: 11px; line-height: 20px; margin-bottom: 5px;} 
.users-trobades img{width: 20px; height:20px; display:inline-block; } 

.callout.post .fa-solid{ color:#D4DCE1;}
.callout.post .fa-solid.new{ color:#0A0A0A;}


.respostes .callout{margin: 0;}
.resposta{background: #D4DCE1;}

.avatar{font-size: 11px; text-align: center;}
.avatar img{border:solid 1px #ccc; border-radius: 6px;}

/*FIN CLUB IVA*/

@media print, screen and (min-width: 40em) {
    .flex404{
        display: flex;
        padding-top: 140px;
    }
    .flex404 h2.tit{
        font-size:10rem;
        font-weight: 700;
        color:#003B5B
    }

    h1, .h1 {
        font-size: 2.5rem;
    }
    .breadcrumbs{
        margin: 0 0 1rem 0;
    }
    section {
        margin: 0 0;
        padding: 2rem 0 1rem 0;
    }
    .button .no-movil{
        display:inline-block;
    }
    .nav-sup .social{
        text-align: left;
        border-bottom: none;
    }
    .nav-sup .social a{
        color:#fff;
        margin: 0 1rem 0 0;
    }

    ul.dropdown.menu li{
        width:auto;
    }

    .login{
        border-radius: 10px;
        background: linear-gradient(#fff, #fff, #eee);
        padding: 1rem;
    }
    .login h5{
        font-size: 1.25rem;
    }
    .login span{
        display:inline-block;
    }
    .login img{
        display:inline-block;
        border-radius: 50%;
        width:40px;
    }
    .login a{
        margin-left: 1rem;
    }
    #nav-fixed-top{
        background: #fff;
        position: fixed;
        top:0;
        z-index: 1100;
    }
    #nav{
        display:block;
    }
    .nav-sup .user{
        padding-right:1rem;
        margin-right: 1rem;
    }
    .nav-sup .user a.privada span{
        display:inline-block;
    }

    .privat-navigation ul li{
        display:inline-block;
        margin: 0 0.2rem;
    }
    .privat-navigation ul li a{
        display:block;
        padding: 0.7rem;
    }
    .privat-navigation ul li a .fa-solid{
        font-size: inherit;
    }


    #bars-movil{
        display:none;
    }
    .privat-navigation ul li a span{
        display:inline-block;
        font-size: inherit;
        text-transform: none;
    }
    #user{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #slider{
        padding-top:0;
        margin-top: -20px;
        margin-bottom: 20px;
    }

    #user,#user3,#sliderHome{
        padding-top:126px;
        margin-top: 0;
    }
    #user2{
        padding-top:129px;
        margin-top: 0;
    }
    #user4{
        padding-top:190px;
        margin-top: 0;
    }
    .tabs-title.user h6, .tabs-title.user span{
        display:block;
    }
    .tabs-title.user img{
        width:20%;
    }
    .tabs-title.user a{
        padding: 1.25rem 1.5rem;
    }
    .tabs-title.user .fa-solid{
        font-size:3rem;
    }
    .line-left{
        border-left:solid 1px #ccc;
        border-top: none;
        padding-top: 0;
    }
    .top-bar .top-bar-left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: auto;
    }
    .top-bar .top-bar-right {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: auto;
    }
    .highlight {
        border:none;
        margin: 0 0 0 0!important;
        padding: 1rem;
    }

    .jornades .large-55:nth-child(even), .jornades .medium-55:nth-child(even) {
        width:20%;
        margin: 0;
    }
    .jornades .large-55:nth-child(odd), .jornades .medium-55:nth-child(odd) {
        width:20%;
        margin: 0;
    }

    h3.margin-bottom-neg {
        margin-bottom:-10px;
        font-size: 1.9375rem;
    }
    h3.margin-top-neg {
        margin-top:-12px;
        font-size: 1.9375rem;
    }
    h4.trucans{
        font-size: 1.5625rem;
    }
}

@media print, screen and (min-width: 64em){
    .grid-x > .large-55 {
        width: 20%;
    }
}

.fa-twitter:before {
    content: ""!important;
    width:32px;
    height:32px;
    display: block;
    background-image: url(img/x-twitter.png)!important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -4px;
}

.nav-sup .fa-twitter:before {
    content: ""!important;
    width: 18px;
    height: 18px;
    display: block;
    background-image: url(img/x-twitter.png)!important;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -4px;
}


.cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #000;
    z-index: 9999;
    color: #fff;
    text-align: center;
    display: block; /* El aviso estará oculto inicialmente */
}

.cookie-notice p {
    margin: 0;
}

.cookie-notice button {
    background-color: #ff5722;
    color: #fff;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
}

#config-cookies{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: rgba(255,255,255,0.5);
    z-index: 99999;
}


#config-cookies .banner-cookies{
    border:solid 1px #28B4E5;
    height: 600px;
    width: 60%;
    padding: 20px;
    position:relative;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.reveal-overlay {
    z-index: 999999;
}

/* Estilos para las imágenes reducidas */
.img-reducida {
    max-height: 200px; /* Establece la altura máxima */
    width: auto!important; /* Permite que el ancho se ajuste automáticamente */
    height: auto; /* Permite que la altura se ajuste automáticamente */
    display: block; /* Para que las imágenes no se superpongan */
    margin: 0 auto; /* Centrar las imágenes */
}

/* Por defecto, oculta los submenús */
.top-bar .menu > li > .menu {
    display: none;
}

/* Si JavaScript está habilitado, muestra el submenú al interactuar */
.js-enabled .top-bar .menu > li:hover > .menu {
    display: block;
}