* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*predefinides grid-classes.json*/
.back-linkedit{
    border: 1px solid #000;
    position: fixed;
    top: 15vh;
    right: 0;
    z-index: 99999999;
    padding: 5px 15px;
    background: #000;
    color: #fff;
}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.justify{text-align: justify;}
.border > div{border:1px solid var(--primary);display: table;}
.valign,.valign > .row{display:flex;align-items: center;}
a,p,h1,h2,h3,h4,h5,ul li{font-weight: unset;}
.titlexl h1,.titlexl h2,.titlexl h3,.titlexl h4,.titlexl h5{font-size: clamp(24px,5vw,60px)!important}
.titlel h1,.titlel h2,.titlel h3,.titlel h4,.titlel h5{font-size: clamp(22px,4.5vw,50px)!important}
.titlem h1,.titlem h2,.titlem h3,.titlem h4,.titlem h5{font-size: clamp(20px,4vw,40px)!important}
.titles h1,.titles h2,.titles h3,.titles h4,.titles h5{font-size: clamp(18px,3.5vw,35px)!important}
.titlexs h1,.titlexs h2,.titlexs h3,.titlexs h4,.titlexs h5{font-size: clamp(16px,3vw,30px)!important}
.text-xl p{font-size: clamp(24px,5vw,60px)!important}
.text-l p{font-size: clamp(20px,4vw,40px)!important}
.text-m p{font-size: clamp(16px,3vw,30px)!important}
.text-s p{font-size: clamp(14px,2.5vw,16px)!important}
.text-xs p{font-size: 12px!important}
.fbold{font-weight: bold!important}
.fnorm{font-weight: normal!important}
.mt-l{margin-top:5vw;}
.mt-m{margin-top:2.5vw;}
.mt-s{margin-top:1.5vw;}
.mb-l{margin-bottom:5vw;}
.mb-m{margin-bottom:2.5vw;}
.mb-s{margin-bottom:1.5vw;}
.mleft-l{padding-left:5vw;}
.mleft-m{padding-left:3vw;}
.mleft-s{padding-left:1vw;}
.mright-l{padding-right:5vw;}
.mright-m{padding-right:3vw;}
.mright-s{padding-right:1vw;}
.pt-l{padding-top:clamp(15px,5vw,40px);}
.pt-m{padding-top:2.5vw;}
.pt-s{padding-top:1.5vw;}
.pb-l{padding-bottom:5vw;}
.pb-m{padding-bottom:2.5vw;}
.pb-s{padding-bottom:1.5vw;}
.pleft-l{padding-left:5vw;}
.pleft-m{padding-left:3vw;}
.pleft-s{padding-left:1vw;}
.pright-l{padding-right:5vw;}
.pright-m{padding-right:3vw;}
.pright-s{padding-right:1vw;}

.container, .container-lg, .container-md, .container-sm, .container-xl {  max-width: 1430px;}
/*predefinides grid-classes.json*/
.imgmissing{max-width: 350px;}
.lock-container{max-width: 1430px; margin:0 auto;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;
}

.slide.round {
    border-radius: 34px;
}
/*hack margins*/
.row.fullwidth{margin-left:0; margin-right:0;}
.row.fullwidth .row{margin-left:0; margin-right:0;}
.row.fullwidth div:not(.paddingoriginal){padding-left:0; padding-right:0;}
.fullwidth picture,.fullwidth img{width: 100%}
.paddingoriginal{}
/*fi hack margins*/
.politicas-cookie {
    /* display: block; */
    background: transparent;
    right: 0;
    top: 0;
    left: 0;
    /* top: 40%; */
    /* padding: 10px; */
    height: 100%;
    width: 100%;
    /* margin: 0 auto; */
    /*z-index: 5000;*/
    z-index: 10000;
}
#politica-de-privacidad h1{    font-size: clamp(18px,2vw,24px);    line-height: normal;}
.politicas-cookie .modal-title{   /* font-family: 'Fauna One', serif; */   font-weight: 500;    margin-bottom: 1rem;    color: #06253a;    font-size: 20px;}
.navbar-brand{
  height: 80px;
}

p + p{margin-bottom:0;}
p:first-child{margin-bottom:0;}
p:last-child{margin-bottom:15px;}
.boton-subir, .politicas-cookie {
    position: fixed;
}
#politicas-cookie .modal-dialog {
    max-width: 750px;
}
#politicas-cookie .modal-content{
    max-width: 100%;
}
.boton-cookie.big {
    background: #cae8f3;
    font-size: 16px;
    margin: 35px auto;
}

.boton-cookie {
    /*display: flex;*/
    color: #02254b;
    background: #ccc;
    border-radius: 0px;
    margin-left: 5px;
    font-size: 16px;
    padding: 6px 18px;
    text-decoration: none;
    transition: .5s;
}

.info-cookie {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
}

.mix.no-transition{
	-webkit-transition: None;
	transition: None;
}

/*.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}*/

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

#accordion-cookies .card {
    border: none;
    background-color: #fff;
}

#accordion-cookies .card .card-header {
    border: none;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0.4rem 1.25rem;
}

#accordion-cookies .card .card-header h3 {
    margin: 0;
}

#accordion-cookies h3, #accordion-cookies h2 {
    color: #666;
    font-size: 20px;
}
.cookies_titulo h3{
    font-weight: bold;
}
.bloccookie .cookies_titulo {
    margin-bottom: 5px;
    font-weight: bold;
    color: #666;
}
.bloccookie .column {
    border: 1px solid #eee;
    padding: 15px 20px;
}
.bloccookie {
    margin-bottom: 15px;
}
#editcookies {
    font-size: 12px;
}
#accordion-cookies h3 {
    font-size: 16px;
    margin-top: 15px;
}


/*.switch {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
}
.switch input[type="checkbox"]{
    display: none;
}

.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 78px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.slide.round:before {
    border-radius: 50%;
    background: #ddd;
    content: "";
    text-indent: -45px;
    line-height: 25px;
}

input:checked + .slide.round:before {
    border-radius: 50%;
    background: #fff;
    content: "";
    text-indent: 45px;
    line-height: 25px;
}

input:checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -20px;
}*/

#politicas-cookie .modal-body{
    padding: 10px 20px;
    margin: 0;
}
#politicas-cookie .modal-body p{
    font-size: 15px;
    margin-bottom: 0;
}
/*header*/




#footer ul {
    list-style-type: none;
    padding-inline-start: 0px;
}

footer .btn-brand {
    color: #000;
    background-color: #ddd;
    padding: 10px 20px;
}

footer .padding-top{
  padding-top: 50px;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6, #footer a {
    color: #fff;
}
#footer{
  background-color: var(--dark-blue);
  align-content: center;padding-top: 30px;
}
#footer .container{    width: 100%;    max-width: 1430px; padding: 0 15px!important;}
/*FI FOOTER */

/* FILTER*/

.filter p{
  margin-bottom: 0.5rem;
}

.switch {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 34px;
    border-radius: 34px;
}

.switch input {display:none;}
.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 8px;
    color: #fff;

}
.slide:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 78px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.button-filter{
  cursor: pointer;
  border: 2px solid #DDD;
  border-radius: 5px;
  margin: 0 4px 4px 0;
  padding: 6px;
  line-height: 1;
}

.button-filter input{
  display: none;
  visibility: hidden;
}
.button-filter.active {
    border-color: #02254b;
}

.Switch label{
  display: inline-block;
  vertical-align: middle;
}

/* FI FILTER*/

form .new-checkbox svg {
  display: none;
}

form label#accept {
    display: flex;
}

form input[type="checkbox"] {
    width: auto!important;
    margin-right: 10px;
    margin-top: -10px;
}

form input[type="text"]{
    margin: 0 0 10px 0;
    height: 50px;
    padding: 0 0 0 13px;
}
.filter form input{
    height: auto;
}

form .form-input-item label{
  padding-left: 0!important;
}

input:checked + .slide {
    background-color: #02254b;
    padding-left: 40px;
}
.checked + .slide {
    background-color: #02254b;
    padding-left: 40px;
}

input:focus + .slide {
    box-shadow: 0 0 1px #02254b;
}
input:checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -20px;
}
.checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -20px;
}
.slide.round {
    border-radius: 34px;
}
.slide.round:before {
    border-radius: 50%;    background: #ddd;content: "OFF";text-indent: -45px;    line-height: 25px;
}
input:checked + .slide.round:before {
    border-radius: 50%;    background: #fff;content: "";text-indent: 45px;    line-height: 25px;
}
.checked + .slide.round:before {
    border-radius: 50%;    background: #fff;content: "ON";text-indent: 45px;    line-height: 25px;
}

.filter-buttons{
  margin-top: 20px;
}

/* FI FILTER*/

/********Estils***********/

/*MENU*/
.nav-item.showfather > .dropdown-menu{
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  max-height: 9999px;
  transform: translate3d(0, 0px, 0);
}
.navbar-nav > .nav-item:last-child{margin-right: 0;}
@media (max-width: 991px){
.hiddenmobile,.hiddentablet {display:none!important}
}
@media (max-width: 767px){
  .main-navigation ul li.nav-item,#topbar {
      margin:0px 20px 0px 20px;    padding: 5px 0;
  }
.main-navigation .dropdown-menu {
    margin-top: 0px!important;
}
  #topbar {
      position: relative;
      padding: 5px;
  }
}
/* FI MENU */

.owl-item .projectebotservei{
  display: none;
}
#accordion-cookies .title-aviso{
    border-top: 1px solid #eee;
    padding-top: 5%;
    max-width: 90%;
    flex: 0 0 90%;
    margin: 5%;
}
#accordion-cookies .texto-privacidad{
    max-width: 90%;
    margin: 0 auto;
}


@media (max-width: 576px){
	.hiddenmobile,.hiddentablet {display:none!important}
    .modal.show .modal-dialog{
      transform: none;
    }
    .modal-dialog{
        width: 90%!important;
        margin: 1% 5%!important;
    }
    .modal-body{
        min-height: 82vh;
        padding: 10px 15px;
    }
    #accordion-cookies .card .card-header h3{
        width: 245px;
        text-align: center;
    }
    #politicas-cookie .modal-body p{
        font-size: 14px;
    }
    #accordion-cookies .card .card-header {
        padding: 0.7rem 1.25rem;
    }
}

/* HEADER */
.cbp-af-header.header-transparent{background-color: #fff;}
.navigation-wrap .container{    width: 100%;    max-width: 1430px; padding: 0 15px!important;}
.navigation-wrap .toolstop .row{justify-content: flex-end; display:flex; flex-wrap: wrap;}
.navigation-wrap .toolstop{}
.extratop .icon{
  padding: 0;
  margin: 0 8px;
  align-items: baseline;
  color: #fff;
  background-color:transparent;
  border:none;
}

ul.idiomes, ul.social-list, ul.contact-details{
  list-style: none;
  display: flex;
  padding: 0px 10px;
}
ul.idiomes > li, ul.social-list > li, ul.contact-details > li{
  margin-left:10px;
}

.extratop{
  background-color: var(--dark-blue);
  max-height: unset; padding: 5px;
}
.extratop ul,.extratop p{margin-bottom: 0;}

.extratop .btn-icon-transparent{
  height:25px!important;
  padding: 0px 5px;
    color:#fff;    outline: none;
}

.extratop .container-fluid{
  padding-right: 10%;
  padding-left: 10%;
}

.padding-on-scroll{
  padding-top:0px;
}

.extratop a{
  color:#fff;
}

.extratop a:hover{
  color: var(--blue);
}

.searchcont{
  position:relative;
}

.extratop .searchform {
   
    float: right;
    
}

.icon-input{
    all: unset;
    position: absolute;
    right:0px;
    padding: 10px 15px;
    border-left: 2px solid #ccc;

}

/* FI HEADER */
/*BREADCRUMB*/
.breadcrumbcontainer{
	margin-bottom: 60px;
  background: #fff;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease-out;
  position: fixed;
  top: 145.7px;
  width: 100%;
  z-index: 100;
}
.has-sticky-header .breadcrumbcontainer {
  position: fixed;
  top: 115px;
  width: 100%;
  z-index: 100;
}
.margin-principal.extramargin {
  margin-top: 250px!important;
}
#contentfitxa{margin-top:80px;}
/*BREADCRUMB*/
/* INTRANET */

.intranet h1 {    font-size: 40px;    text-transform: none;    padding-top: 30px;}
#frm_nuevo_usr{padding: 30px; background-color: #eee; color:#000; display:flex; flex-wrap: wrap;}
#frm_nuevo_usr .form-control{border-radius: 0;}
#frm_nuevo_usr .form-group{width: 33%; padding-right: 30px;}
#frm_nuevo_usr .btn {
  background-color: #008777;
  border-color: #008777;
  color: #fff; border-radius: 0;
}
/*INTRANET*/
#acceso_usuarios .afterform{display:flex; flex-wrap: wrap; justify-content: center;text-align: center;margin-top: 0 !important;}
#acceso_usuarios .afterform a{color:#000; text-align: center}
#acceso_usuarios .afterform a:hover{color:#666;}
#acceso_usuarios .input-icon.big,#acceso_usuarios input{color:#666}
#acceso_usuarios .togglepw{    position: absolute;    margin-top: 5px;    right: 5px;    padding: 10px 15px; cursor: pointer;top:0}
#acceso_usuarios .togglepw:hover,#acceso_usuarios .togglepw.active{color:#000;}
#acceso_usuarios input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #666;}
#acceso_usuarios input::-moz-placeholder { /* Firefox 19+ */  color: #666;}
#acceso_usuarios input:-ms-input-placeholder { /* IE 10+ */  color: #666;}
#acceso_usuarios input:-moz-placeholder { /* Firefox 18- */  color: #666;}
#frm_nuevo_usr{padding-bottom: 60px;margin-top: -30px;}
#intranet.registre h1{font-size: 32px;font-weight: bold;margin: 0;line-height: 1.25;letter-spacing: inherit;color: var(--dark-blue);padding-left: 0;}
#frm_nuevo_usr input::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #666; font-size: 14px;}
#frm_nuevo_usr input::-moz-placeholder { /* Firefox 19+ */  color: #666; font-size: 14px;}
#frm_nuevo_usr input:-ms-input-placeholder { /* IE 10+ */  color: #666; font-size: 14px;}
#frm_nuevo_usr input:-moz-placeholder { /* Firefox 18- */  color: #666; font-size: 14px;}
#frm_nuevo_usr input[type="text"],#frm_nuevo_usr input[type="email"],#frm_nuevo_usr input[type="password"]{padding-left:30px;}
#frm_nuevo_usr .form-group span{position: absolute; top: 38px;left: 15px;}
#frm_nuevo_usr .form-group .togglepw,#frm_nuevo_usr .form-group .togglepwconfirm{right: 15px; left:unset;cursor: pointer;}
#frm_nuevo_usr .form-group .togglepw.active,#frm_nuevo_usr .form-group .togglepwconfirm.active{color:#000;}
/* #frm_nuevo_usr .form-group label{display:none;} */
#frm_nuevo_usr .form-group.legals{height: auto;}
#frm_nuevo_usr .form-group.legals.primer{}
#frm_nuevo_usr .form-group.legals label,#frm_nuevo_usr .form-group.visible label{display:flex!important;}
#frm_nuevo_usr .form-group.cv label{display:block;padding-left: 30px;}
#frm_nuevo_usr .form-group.cv span{top: 0;}
#frm_nuevo_usr .form-group.cv{height: auto;margin-top: 30px;}
#frm_nuevo_usr .form-group.legals input{height: auto;display:block;margin-right: 10px;margin-bottom: 0px;}
#frm_nuevo_usr .form-group {height: 60px;}
#frm_nuevo_usr .mostrapw{position: absolute;right: -80px;top: 25px;  display: flex;  align-items: center;}
#frm_nuevo_usr .mostrapw input{margin: 0;margin-right: 10px;}
#frm_nuevo_usr .mostrapw p{margin: 0;font-size: 14px;}
form input{font-size: 0.8rem!important}
#frm_nuevo_usr input[type="file"] {  background-color: #fff!important;  border-radius: 0;  color: #111;}
#acceso_usuarios .btn-dark-primary{  margin-bottom: 15px;  width: 230px;margin-top: 15px;}
.btn-dark-primary:hover {  background-color: #000 !important;  box-shadow: 0 6px 15px 0 rgba(0, 0, 0,.2) !important;}
#intranet.registre
#intranet h5{color:#DA2032}
#intranet h1,#s_recuperar_pwd h1,#frm_nuevo_usr h1{color:#fff;font-size: 30px;text-transform: none;padding-top: 50px;padding-left:50px;line-height: normal;}
#intranet .section-1400.pt-xl-4{padding-top: 20px !important;}
#intranet .dadespersonals{background-color: #eee;color:var(--dark)}
#intranet .dadespersonalsb{background-color: #fff;color:var(--dark); border:1px solid #eee;}
#intranet .dadespersonals .label{text-transform: none;}
#intranet .dadespersonals .contingut{padding: 0 1px;}
#intranet .dadespersonals .contingut p{color:#333; font-weight: bold; letter-spacing:normal;}
#intranet .dades{display: flex;flex-wrap: wrap;padding-bottom: 15px;}
#intranet .edit-usr{border-top:1px solid #cfcfcf;margin-top: 20px;padding-top: 10px;}
#intranet .edit-usr i{}
#intranet .edit-usr a{font-size:13px;}
#intranet .edit-usr a,#intranet .edit-usr button{display: block; height:auto; text-decoration:none; padding-left: 0; font-size:13px;}
#intranet .edit-usr a.active{font-weight: bold;}
#intranet .edit-usr a.red,a.red{color:#DA2032!important}
#intranet .ecomIntranetArea{}
#intranet .ecomIntranetArea i{display: block;font-size: 40px;line-height: 20px;}
#intranet .color-box {  height: 150px;display: flex;justify-content: center;align-items: center;}
#intranet .color-box p {  line-height: 60px !important;  padding-top: 25px;}
#intranet form input[type="text"],#intranet form input[type="password"],#intranet form input[type="email"]{background-color: #eee; border-radius: 0; border-color:#eee;}
#intranet form input[type="file"]{background-color: #eee; border-radius: 0; color:#111;}
#intranet form label{color:#666; font-size: 14px;}
#intranet .btn.btn-brand {  background-color: #DA2032;  color: #fff;  border-radius: 0;}
#frm_nuevo_usr{ background-color: transparent;}
#frm_nuevo_usr label{color: #00373e!important; display:inline-block!important;}
#frm_nuevo_usr input{border-color: #00373e!important;border-radius: 0; background-color: #fff!important;}
#frm_nuevo_usr .form-group span {  position: unset!important;}
#frm_nuevo_usr .form-group {  height: auto;}
#reserva .form-group label {  display: block!important;}

.btn-user-profile {
  color: var(--dark);
  width: 100%;
  display: block;
  border: none;
}
/* FI INTRANET */


/*Swiper carousel images*/
.portfolio-thumb .img-fluid{
    width: 100%!important;
}

.swiper-button-prev, .swiper-button-next {
    top: 40%!important;
}

/* FORM */
.simple-form button{
    width:auto;
    padding: 6px 35px;
}
.simple-form .loader{transition:opacity .5s linear;opacity: 0;}

.simple-form.loading .loader {
    opacity: 1;
    display: inline-block;
    width: auto;
    margin-left: 15px;
}
.simple-form.loading .loader:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #666;
    font-size: 24px;
    transform: rotate(90deg);
    animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 5 columns */
.col-lg-2-4, .col-md-2-4, .col-sm-2-4, .col-2-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.individualbanner4 .caption{background: rgba(255,255,255,0.95);max-width: 450px; width: 100%;  padding: 30px !important;position:relative;}
.individualbanner4 figure{padding:30px;}
.individualbanner4 .caption h3,.individualbanner4 .caption p{color:#00373e;}
.individualbanner4 .caption p{  font-size: 16px;  line-height: normal;line-height: 25px; margin:0; padding: 10px;}
.individualbanner4{min-height: 500px; padding:50px;background-size: cover;background-position-y: center;position: relative;display: flex;align-items: center;}
#destacats3 .row > div:nth-child(odd) .container{justify-content: flex-end;}
#destacats3 .row > div:nth-child(even) .container{justify-content: flex-start;}
.individualbanner4 .details img{max-width: 100px;}
.bannerwrapper4 .titol{text-align: center;margin-bottom: clamp(35px,2.8vw,50px);position: relative;}
.bannerwrapper4{margin-top: clamp(30px,3vw,45px);}
.bannerwrapper4 .container{position: absolute;display: flex;width: 100%;left: 0;right: 0;margin: 0 auto;padding: 0 40px;}
.bannerwrapper4 a[href=""], .bannerwrapper4 a[href="#"] { pointer-events: none;}
.bannerwrapper4 .caption .projectebotservei a {  border: 1px solid var(--dark-blue);color:var(--dark-blue);text-transform: none;pointer-events: all;}
.projectebotservei a:hover{background-color:var(--dark-blue); color:#fff!important;}
.flip-horizontally{  transform: scaleX(-1);}
.individualbanner4.bottom{background-position-y: 70%;}
.btn-decline{margin: 0 auto; /*display: flex;*/ background-color: #fff; border: 1px solid  #02254b; color: #02254b; font-size: 12px;}
.btn-decline:hover{border: 1px solid  #02254b;color: #cae8f3; background-color: #fff; }
.buttons-cookies{display: inline-block; margin: 1% 6%; padding: 0 4%; width: 88%;}
.buttons-cookies button{margin: 0 1%;}
.b-boton-cookie{display: flex;}
#frm_nuevo_usr .btn {
    background-color: #fff;
    border: 2px solid black;
    color: var(--primary);
    border-radius: 0;
    margin-top: 40px;
    margin-left: 7px;
}
#frm_nuevo_usr .btn:hover {
    background-color: #3223ff !important;
    border-color:#3223ff;
    color: #fff;
    border-radius: 0;
    margin-top: 40px;
}

.forceFlex > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.groupTitle {
    width: calc(33% - 20px) !important;
    border: 1px solid #888;
    padding: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.groupTitle2 {
    flex: 0 0 30%;
    max-width: 30%;
    border: 1px solid #888;
    padding: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.groupTitle2 h1, .groupTitle2 h2, .groupTitle2 h3, .groupTitle2 h4, .groupTitle2 h5, .groupTitle2 h6, .groupTitle2 div{
    display: inline;
}

/* BEGIN PAGINATION */
.pagination .page-item:first-child {
    display: inline-block;
    margin-right: 30px;
}
.pagination .page-item{display:none;}
.pagination .page-item.accessible_page{display:block!important;}
.pagination .page-item:last-child {
    display: inline-block;
    margin-left: 30px;
}
/* END PAGINATION */
.togglepw:hover, .togglepw.active {
    color: #000;
  }
 .togglepw {
    position: absolute;
    margin-top: 5px;
    right: 5px;
    padding: 10px 15px;
    cursor: pointer;
    top: 0;
  }