/*GENERAL*/


body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #696973;
    background-color: white;
    overflow-x: hidden
}

a {
    color: #303030
}
h1{
	margin: 0;
}
h2{
	text-align: center;
	font-size: 3.8rem;
	font-weight: 400;
	margin-top: 0;
	color: black;
	letter-spacing: -0.03em;
}
h3{
	font-size: 2.2rem;
	color:black;
	font-weight: 600;
}
hr{
    margin-top: 0;
}
ul {
    list-style: none;
    padding: 0;
}
strong{
	color:black;
	font-weight: 600;
}
br{
	line-height: 4rem;
}
img{
	width: 100%;
}

p.destacat {
	font-size: 1.8rem;
	font-weight: 600;
}

#section-content {
    margin-bottom: 10rem;
}

.fila{
	margin-top: 8rem;
}
.fila h2{
	margin-bottom: 4rem;
}

.site-title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
}

.site-title--xs {
    position: absolute;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
}

.site-title--xs--relative {
    position: relative;
    top: unset;
    transform: unset;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .site-title {
        font-size: 35px;
        padding: 25px 0;
    }
}

@media screen and (max-width: 992px) {
	h2{
		text-align: left;
	}
	.fila{
		margin-top: 6rem;
	}
	.fila h2 {
	    margin-bottom: 3rem;
	}
	#section-content {
	    margin-bottom: 7rem;
	}
}
@media screen and (max-width: 767px) {
	body {
	    font-size: 1.4rem;
	    line-height: 2rem;
	}
	h2{
		font-size: 2.3rem;
	}
	h3{
		font-size: 1.6rem;
	}
	.fila{
		margin-top: 2.5rem;
	}
	.fila h2{
		margin-bottom: 2rem;
	}
	hr{
		margin: 0;
	}
	#section-content {
	    margin-bottom: 5rem;
	}
	p.destacat {
		font-size: 1.6rem;
	}
}

@media (max-width: 767px) {
  .row-eq-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .row-eq-height > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .row-eq-height button {
    min-height: 112px;
  }
}



/*MENU*/

/*Tema affix*/
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    position: fixed!important;
    background: black;
}

.titol-afix{
    height: 0;
	background: #f2f2f2;
}

.titol-afix img{
	width: 160px;
    margin: 1rem 0;
    opacity: 0;


}

#section-menu.affix .titol-afix{
	height: 90px;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}
#section-menu.affix .titol-afix img{
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

@media screen and (max-width: 767px) {
  #section-menu.affix .titol-afix {
    height: 80px;
  }
	.titol-afix img{
		width: 180px;
	}

}

/*Menu*/
#section-menu {
	background: #0a2f37;
}
#section-menu #grid-menu {
    display: inline-block;
    line-height: 6.4rem;

}
#section-menu #grid-menu>ul {
    list-style: none;
    text-transform: uppercase;
    padding: 0;
    display: inline-table;
    height: initial;
    margin: 0;
}
#section-menu #grid-menu>ul li {
    display: inline-block;
    margin-right: 10.3rem;
}
#section-menu a {
    color: #3D3D3D;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: -0.015em;
}
#section-menu a:hover {
    color: #000000;
}

@media screen and (max-width: 1200px) {
	#section-menu #grid-menu>ul li {
	    margin-right: 6.3rem;
	}
}
@media (max-width:992px) and (min-width:768px) {
	#section-menu #grid-menu {
	    display: table;
	    margin: inherit;
	    width: 100%
	}
	#section-menu #grid-menu ul{
	    width: 100%
	}
	#section-menu #grid-menu>ul li {
	    margin-right: 4.7rem;
	    padding-right: 0;
	    max-width: calc( 100%/7 - 2px);
	    text-align: left;
	    font-size: 1.5rem;
	    line-height: 1.6rem;
	    vertical-align: middle;
      text-align: center;
	}
    /* #section-menu #grid-menu>ul.esp li {
        margin-right: 4rem !important;
    } */


}




/*Menu Mobile*/

#menu-mobile{
	float: right;
    padding: 0;
    height: 4.4rem;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color:#000000B3;
	width: 16px!important;
    height: 2px;
}

.hamburger-box{
    /* margin-left: 0.5rem; */
	width: 16px!important;
	height: 14px;
}



.hamburger-inner:after {
	bottom: -6px;
}
.hamburger-inner:before {
  	top: -6px;
}
.hamburger-inner.is-active .hamburger-inner:after, .hamburger-inner.is-active .hamburger-inner:before {
  	top: 0px;
}



#menu-mobile.is-active .hamburger-inner,
#menu-mobile.is-active .hamburger-inner:after,
#menu-mobile.is-active .hamburger-inner:before {
    background-color: #000000B3 !important
}

#menu-mobile.is-active {
    position: absolute;
    left: 0;
    z-index: 6;
    visibility: visible;
    top: 0;
    background: #072329;
    height: 44px;
    width: 44px;
}


.mm-panels {
    top: 45px;
}
.mm-panels {
    overflow: hidden;
}
.mm-panels, .mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}


.mm-menu.mm-offcanvas.mm-right {
    left: 44px;
    width: calc(100% - 44px);
    max-width: inherit
}
.mm-menu.mm-autoheight {
    max-height: 100% !important
}

#menu-back.active-menu {
    background: #3b3d42;
    opacity: .9;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0
}

#grid-menu.mm-opened {
	display: block!important;
	background: transparent;
}

#grid-menu.mm-opened li span {
    text-transform: inherit;
    font-weight: 400;
    display: block;
    padding: 1rem 2rem;
    cursor: pointer
}

#grid-menu.mm-opened li span,
#grid-menu.mm-opened li a {
    font-size: 1.8rem;
    color: #000000B3;
    padding: 0 2rem;
    line-height: 4.5rem;
    height: 4.5rem;
    background: #0a2f37;
}

#grid-menu.mm-opened li i {
    margin-left: .5rem;
    color: white
}


#mm-blocker {
    top: 0
}

.mm-navbar .mm-title {
    color: white !important;
    font-size: 1.8rem;
    font-weight: 700
}



#menu-mobile .hamburger-inner,
#menu-mobile .hamburger-inner:after,
#menu-mobile .hamburger-inner:before {
    position: absolute;
    width: 18px;
    height: 2px
}

#menu-mobile .hamburger-inner:after {
    bottom: -6px
}

#menu-mobile .hamburger-inner:before {
    top: -6px
}

#menu-mobile.is-active .hamburger-inner:after,
#menu-mobile.is-active .hamburger-inner:before {
    top: 0
}

#menu-mobile .hamburger-box {
    width: 18px;
    height: 12px
}

#menu-mobile.hamburger--squeeze.is-active .hamburger-inner {
    bottom: -5px
}

@media screen and (max-width:767px) {
    /*.mm-panels {
        top: 4.6rem;
    }*/
    .mm-panels {
    	top: 9rem!important;
    }
    #home #grid-menu {
    	display: none;
    }
}

@media screen and (max-width:412px) {
    /*.mm-panels {
        top: 3.7rem;
    }*/
    .mm-panels {
    	top: 8rem!important;
    }
}


/*CONTENT - GENERAL*/
/*Part video directe - home */
#directe {
    background-color: black;
    margin: 4rem 4rem 0 0;
}
#directe .titol{
    background-color: #696973;
    color:white!important;
    height: 3.5rem;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
}
#directe .titol span {
    background-color: #CC0322;
    display: inline-table;
    font-size: 2rem;
    font-weight: 600;
    height: 3.5rem;
    padding: 0.6rem 1.1rem;
}
#directe .titol h2{
    padding: 0.5rem 1rem;
    display: inline;
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin: 0!important;
    color: white;
    letter-spacing: -0.025em;
}
#directe .video{
    padding: 4rem 0;
    max-width: 83rem;
    margin: 0 auto;
}
#directe .video .caixa-video{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
#directe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 992px) {
    #directe .video {
        padding: 1.5rem;
    }
    #directe .titol{
        height: inherit;
    }
    #directe .titol span {
        float: left;
        margin-right: 1.5rem;
    }
    #directe .titol h2 {
        line-height: 2.1rem;
        display: contents;
        float: right;
    }
}
@media screen and (max-width: 767px) {
    #directe {
        margin-bottom: 4rem;
    }
    #directe .titol span {
        margin-right: 1rem;
        margin-bottom: 2rem;
    }
    #directe .video {
        display: inline-block;
        max-width: 100%;
        width: 100%;
    }
    #directe .video iframe{
        width: 100%;
    }
}
/*Fi Part video directe - home */
/*PRESENTACIO*/
.presentacio {
	font-size: 1.6rem;
}

.presentacio img, .presentacio ul{
	display: inline-block;
}
.presentacio img{
	margin: 0 2rem 2rem 2rem;
	width: inherit;
	vertical-align: top;
}

.presentacio li {
	font-size: 1.6rem;
	color: black;
    padding: 0 1.5rem;
}

.presentacio li.nom {
	font-size: 1.8rem;
	font-weight: 600;
}

@media screen and (max-width: 992px) {
	.presentacio ul{
		width: 55%;
	}
}

@media screen and (max-width: 767px) {
	.presentacio img{
		vertical-align: top;
	}
	.presentacio li {
		font-size: 1.4rem;
	}
	.presentacio li.nom , .presentacio {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 420px) {
	.presentacio img{
		width: 28%;
        height: auto;
    	margin-right: 1rem;
	}
	.presentacio ul{
		width: 65%;
	}
}




/*CATEGORIES*/

#categories-preguntes{
	background: url("../img/categorias-new.jpg") top;
	background-repeat: no-repeat;
	background-size: auto;
}

.categories-preguntes {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.categories-preguntes dt{
	cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;

}

.categories-preguntes dt.hidden-opacity,.categories-preguntes dd.hidden-opacity{
    opacity: 0.4;
}
.categories-preguntes dt.visible {
	animation-delay: 0.5s;
	/*opacity: 1;*/
}


.categories-preguntes dt , .categories-preguntes dd{
    padding: 1.2rem 3.5rem;
    position: relative;
    background:white;
}


.categories-preguntes dt:not(:first-child) {
    margin-top: 1rem;
}


.categories-preguntes dt.active strong, .categories-preguntes dt:hover strong , .categories-preguntes dt:active strong  {
	color:#008097;
}

.categories-preguntes dt strong {
    display: block;
    color: black;
    font-weight: 400;
    font-size: 2.4rem;
    outline: none;
}

.categories-preguntes dt i {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 3.5rem;
    font-size: 2.2rem;
}
.categories-preguntes dt i.bcn-rotated {
    -webkit-transform: translate(0,-50%) rotate(180deg);
    -ms-transform: translate(0,-50%) rotate(180deg);
    transform: translate(0,-50%) rotate(180deg);
}
.categories-preguntes dd{
    padding-top: 0;
    opacity: 1;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;

}
.categories-preguntes div strong {
	font-weight: 400;
}

.categories-preguntes dd > div > ul {
	font-size: 2rem;
	font-weight: 600;
	color: black;
	float: right;
}

.categories-preguntes dd > div > ul li {
	padding-left: 5px;
    line-height: 1.1em;
    margin-bottom: 15px;
}

.categories-preguntes dd ul li:before {
    content: "-";
    position: absolute;
    left: 0px
}


@media screen and (max-width: 1200px) {
	#categories-preguntes {
	    background-size: auto;
      background-position: center top;
	}
	.categories-preguntes dt strong, .categories-preguntes dd > div > ul {
	    font-size: 1.7rem;
	}

}

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

	#categories-preguntes {
		background: url("../img/categories_mobile.jpg");
		background-repeat: repeat;
	}
	.categories-preguntes dt strong, .categories-preguntes dd > div > ul{
	    width: 90%;
	}
	.categories-preguntes dt, .categories-preguntes dd {
	    padding: 1.2rem 1.5rem;
	}
	.categories-preguntes dt i {
	    right: 1.5rem;
	}
}




/*REQUISITS*/

#requisits em{
	font-size: 1.2rem;
	line-height: 1em;
}

#requisits em br{
	line-height: 1rem;
}

#requisits .icones li{
	margin-bottom: 2rem;
}
#requisits .icones i, #requisits .icones span{
	display: inline-block;
}


#requisits .icones i{
	font-size: 2.2rem;
	color:black;
	margin-right: 2rem;
	vertical-align: top;
    margin-top: 0.5rem;
}

#requisits .icones span strong{
	display: block;
}

#requisits .icones span {
	width: 87%;
}



/*CRITERIS*/

#criteris .criteris {
	background: url("../img/criteris.jpg") center;
	background-repeat: no-repeat;
	background-size: auto;
}
#criteris .caixes {
	padding: 4.5rem 0;
    display: table;
    margin: 0;

}
#criteris .caixes li {
    font-size: 1.8rem;
    color:#000;
}
#criteris .caixes li div {
	height: 10rem;
	border-left: 1rem solid #ffd859;
	background: white;
	padding: 2rem;
	margin: 1.5rem 0;
}

@media screen and (max-width: 1200px) {
	#criteris .criteris {
    	background-position-x: 50%;
	}
}

@media (max-width:1200px) and (min-width:768px) {
	#criteris .caixes li div {
		padding: 1rem 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	#criteris .criteris {
		background: url("../img/criteris-mobile.jpg");
		background-repeat: no-repeat;
	    background-size: cover;
	    background-position-x: inherit;
	}
	#criteris .caixes li div {
	    height: inherit;
	}

}





/*JURAT*/

#jurat span{
	display: block;
    margin-bottom: 1rem;
}


#jurat h3:not(:first-child) {
    margin-top: 3rem;
}






/*PREMIS*/
#premis {
    background-color: #008097;
    position: relative;
    /*overflow: hidden;
	background: url("../img/premis_avies.jpg") #008097;
    background-position-y: bottom;
	background-repeat: no-repeat;
	position: relative;*/
	/*background-size: calc(50% + 15px) calc(100%);*/
}

#premis .premis-imatge {
    background-color: #016678;
    position: absolute;
    width: calc(50% + 30px);
    overflow: hidden;
    height: 100%;
}



#premis .premis-imatge img {
   /* width: auto; */
   position: absolute;
   right: 0;
   /* transform: translate(-30px, 0%); */
   bottom: 0;
   /* top: 4097px;
   left: 0px; */
   width: 945px;
   height: 633px;
   object-fit: cover;
}

#premis #titol-especial {
    text-align: left;
    background: #016678;
    height: 13rem;
    width: 100%;
    position: relative;
    color: #000000;
    line-height: 12rem;
    margin:0;
}

#premis #titol-especial:before{
    background: #016678;
    width: 400px;
    position: absolute;
    height: 13rem;
    content: '';
    left: -400px;
    top: 0;
}

#premis #titol-especial:after {
    background: #016678;
    position: absolute;
    height: 13rem;
    content: '';
    right: -30px;
    top: 0;
    width: 30px;
    z-index: 1;
}

#premis .interior{
    padding: 6.5rem 0 5rem 5.5rem;
    color: #000000;
    background-color: #008097;
}


#premis .interior strong{
    color: #000000;
}
@media screen and (max-width: 992px)  and (min-width: 768px) {

    #premis {
        background-size: 93%;
        background-position-x: -426px;
    }

}
@media screen and (max-width: 992px)  and (min-width: 768px) {
	#premis #titol-especial:before {
	    width: 20rem;
	    left: -20rem;
	}
	#premis #titol-especial:after {
	    width: 20rem;
	    right: -20rem;
	}
	#premis{
		background: #008097;
	}
	#premis .interior {
	    padding: 3rem 0rem;
	}
}
@media screen and (max-width: 767px) {
	#premis{
		background: #008097;
	}
	#premis #titol-especial{
		height: 7.5rem;
		width: 120%;
		margin: 0 -1.5rem;
		padding-left: 1.5rem;
		line-height: 7.5rem;
	}
	#premis #titol-especial:before , #premis #titol-especial:after{
		display: none;
	}
	#premis .interior{
		padding: 3rem 0;
	}
}

/*PREMIS*/
#premiats {
    background-color: #008097;
    position: relative;
    /*overflow: hidden;
	background: url("../img/premis_avies.jpg") #008097;
    background-position-y: bottom;
	background-repeat: no-repeat;
	position: relative;*/
	/*background-size: calc(50% + 15px) calc(100%);*/
}

#premiats .premis-imatge {
    background-color: #016678;
    position: absolute;
    width: calc(50% + 30px);
    overflow: hidden;
    height: 100%;
}



#premiats .premis-imatge img {
    width: auto;
    position: absolute;
    right: 0;
    /* transform: translate(-30px, -50%); */
    bottom: 0;
}

#premiats #titol-especial {
    text-align: left;
    background: #016678;
    height: 13rem;
    width: 100%;
    position: relative;
    color: white;
    line-height: 12rem;
    margin:0;
}

#premiats #titol-especial:before{
    background: #016678;
    width: 400px;
    position: absolute;
    height: 13rem;
    content: '';
    left: -400px;
    top: 0;
}

#premiats #titol-especial:after {
    background: #016678;
    position: absolute;
    height: 13rem;
    content: '';
    right: -30px;
    top: 0;
    width: 30px;
    z-index: 1;
}

#premiats .interior{
    padding: 5rem 0 5rem 5.5rem;
    color: white;
    background-color: #008097;
}

#premiats .premiat h3 {
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    color: #fff;
}

#premiats .premiat p {
    margin-bottom: 0.8rem;
}

#premiats .premiat a, #premiats .premiat a:hover {
    color: #ffe651;
}

#premiats .premiat:first-child h3 {
    margin-top: 0;
}

#premiats .interior strong{
    color: white;
}
#premiats .premiat-btn.button-especial {
    height: 9rem;
    margin-top: 4rem;
}
@media screen and (max-width: 991px)  and (min-width: 768px) {
	#premiats #titol-especial:before {
	    width: 20rem;
	    left: -20rem;
	}
	#premiats #titol-especial:after {
	    width: 20rem;
	    right: -20rem;
	}
	#premiats{
		background: #008097;
        background-size: 93%;
        background-position-x: -426px;
	}
	#premiats .interior {
	    padding: 3rem 0rem;
	}
}
@media screen and (max-width: 767px) {
	#premiats{
		background: #008097;
	}
    #premiats .premiat h3 {
        margin-top: 3rem;
        font-size: 2rem;
    }
    #premiats .premiat p {
        font-size: 1.6rem;
    }
    #premiats a.premiat-btn.button-especial i {
        right: 13px;
        font-size: 2.6rem;
    }
	#premiats #titol-especial{
		height: 7.5rem;
		width: 120%;
		margin: 0 -1.5rem;
		padding-left: 1.5rem;
		line-height: 7.5rem;
	}
	#premiats #titol-especial:before , #premiats #titol-especial:after{
		display: none;
	}
	#premiats .interior{
		padding: 3rem 0;
	}
    #premiats a.premiat-btn.button-especial {
        font-size: 1.7rem;
        height: 5rem;
        padding-top: 1.2rem;
    }
}







/*INSCRIPCIO*/

#inscripcio {
	background: url("../img/inscripcio.jpg") white right top;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 0;
	background-size: calc(50% - 15px);
}
#inscripcio h2{
	text-align: left;
	margin-top: 6rem;
}

#inscripcio h3{
	margin-top: 3rem;
}
#inscripcio .intro{
	font-size: 2rem;
	color: black;
	font-weight: 600;
}

#inscripcio .intro span{
	font-size: 1.6rem;
	font-weight: 600;
}

#inscripcio p a {
	text-decoration: underline;
	color: #008097;
}

#inscripcio ul {
    list-style: circle;
    padding: revert;
}

.button-especial {
    text-align: left;
    background: black;
    height: 11rem;
    display: block;
    width: 100%;
    position: relative;
    border: none;
    box-shadow: none;
    font-size: 2.4rem;
    margin-top: 6rem;
    color: #fff;
}

a.button-especial{
	color: white;
	text-decoration: none;
	width: 100%;
    display: block;
    line-height: 2.4rem;
}

a.button-especial:hover,
a.button-especial:active {
	text-decoration: underline;
}

.button-especial br{
	line-height: 0;
}


a.button-especial i,
.button-especial i{
	position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 3rem;
    font-size: 4.2rem;
    color: #5e5e5e;
    text-decoration: none;
}

a.button-especial:hover i,
a.button-especial.blau:active i{
	color: #9e9e9e;
}


a.button-especial:hover i,
a.button-especial:active i{
    text-decoration: none;
}



.button-especial.especial:before{
    background: black;
    width: 400px;
    position: absolute;
    height: 11rem;
    content: '';
    left: -400px;
    top: 0;
}


.button-especial.blau{
	background: #008097;
}

.button-especial.blau i{
	color: #009cb8;
}

a.button-especial.blau:hover i,
a.button-especial.blau:active i{
	color: #00aac8;
}
.button-especial.groc{
	background: #ffd859;
}

.button-especial.groc,
.button-especial.groc a{
	color: black;
}
.button-especial.groc i{
	color: #e4bd3b;
}


a.button-especial.groc:hover i,
a.button-especial.groc:active i{
	color: #ceab36;
}


@media screen and (max-width: 992px)  and (min-width: 768px) {
	#inscripcio{
		background: white;
	}
	#inscripcio .button-especial:before{
	    width: 20rem;
	    left: -20rem;
	}
}

@media screen and (max-width: 767px) {
	#inscripcio{
		background: white;
	}
	#inscripcio h2 {
	    margin-top: 2.5rem;
	}
	#inscripcio .button-especial:before {
		display: none;
	}
	.button-especial {
		padding-left: 1.5rem;
		margin-top: 3rem;
		font-size: 1.8rem;
		height: 7rem;
	}
	a.button-especial i{
		font-size: 2.6rem;
	}
}







/*BUTTON*/
#buttons {
	margin-top: 0;
}
#buttons .button-especial, #premiats .button-especial{
	font-size: 2rem;
	padding-left: 2rem;
    padding-top: 3rem;
}

a.especial, p.especial {
    padding-top: 4rem;
    padding-left: .5rem;
}

#buttons .button-especial br{
	line-height: 2rem;
}

@media screen and (max-width: 767px) {
  #buttons {
    margin-top: 3rem;
  }
	#buttons .button-especial br{
		line-height: 0;
	}
	#buttons .button-especial i{
	    font-size: 2.4rem;
		position: inherit;
	    width: 100%;
	    text-align: right;
	    margin-top: 2rem;
    	display: inline-block;
    	padding-right: 0.4rem;
        top: 0;
        right: 0;
	}
	#buttons .button-especial, #premiats .button-especial {
		height: 100%;
		font-size: 1.5rem;
        margin-top: 0;
	}
	#buttons a.button-especial{
		padding: 1.5rem 1rem 0rem 2rem;
		line-height: 1.7rem;
	}

    a.especial , p.especial{
        padding-top: 1rem;
        padding-left: 1.5rem;
    }
}


/*Button arriba*/



.amunt {
    padding: 14px;
    background: #0a2f37;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 8rem;
    border-radius: 5rem;
    right: 1%;
    width: 5rem;
    height: 5rem;
    z-index: 1000;
    display: none;
}

.amunt:hover, .amunt:active  {
    color: #ffd859;
}


.amunt i{
    -webkit-transform:rotate(270deg);
    -ms-transform:  rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    font-size: 2.2rem;
}
@media screen and (max-width:992px) {
	.amunt {
		display: none!important;
	}
}


#footer {
    background: #ff2828;
    /*background: #f2f2f2;
    padding: 1rem 0;
    font-size: 1.2rem*/
}

#footer .footer__flex {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
}

@media (min-width: 768px) {
    #footer .footer__flex {
        flex-direction: row;
        gap: 7px;
    }
}

#footer a {
    font-weight: 600;
    color: black
}

#footer .logo {
    display: inline-block;
}

#footer .logo img {
    height: auto;
    width: auto;
}

#footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    /*text-align: right;
    display: inline-block;
    float: right*/
}

#footer ul li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 14px;
    color: #000;
	/*display: inline-block;
    margin-right: 1rem;
    margin-top: 1.2rem*/
}

#footer ul li a {
    font-weight: 400;
}

#footer ul li:not(:first-child)::before {
    display: block;
    content: "";
    background-color: #b31c1c;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

@media screen and (max-width:767px) {
    #footer .container {
        padding-left: 4px;
    }
    #footer .logo img {
        width: 120px;
        /*max-width: 129px;
        width: 23.4vw;
        min-width: 89px;*/
    }
}

@media screen and (max-width:400px) {
    #footer ul li {
        margin-right: .5rem
    }
}





#section-menu #grid-menu>ul.esp li {
    display: inline-block;
    margin-right: 8.8rem;
}
#section-menu #grid-menu>ul#menu li:last-child {
        margin-right: 0 !important;
    }

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #section-menu #grid-menu>ul.esp li {
        margin-right: 4.8rem;
    }
}



#avis-legal ul,
#custom-legal-disclaimer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#avis-legal ul li p,
#custom-legal-disclaimer ul li p {
  font-size: 1.6rem;
  color: #696973;
}
#avis-legal ul li a,
#custom-legal-disclaimer ul li a {
  border-bottom: 1px solid #0a2f37;
  word-break: break-all;
  -ms-word-break: break-all;
}
#avis-legal ul li a:hover,
#avis-legal ul li a:focus,
#custom-legal-disclaimer ul li a:hover,
#custom-legal-disclaimer ul li a:focus {
  border-bottom: 1px solid #0a2f37;
  text-decoration: none;
  color: #0a2f37;
}
#avis-legal ul li strong,
#custom-legal-disclaimer ul li strong {
  font-size: 2rem;
  font-weight: normal;
  color: #000;
}
#avis-legal h3 {
  margin-bottom: 35px;
  font-size: 2rem;
}
#avis-legal ul li {
  position: relative;
}
#avis-legal ul li p {
  margin-bottom: 0;
  margin-left: 95px;
}
#avis-legal ul li p:nth-child(2) {
  margin-bottom: 10px;
}
#avis-legal ul li p:last-child {
  margin-bottom: 50px;
}
#avis-legal ul li ul.llistat-difondre {
  margin: 0;
  padding-left: 95px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#avis-legal ul li ul.llistat-difondre li p {
  margin: 0;
  margin-top: -20px;
  padding-left: 20px;
}
#avis-legal .bcn-icon {
  background-color: #0a2f37;
  color: #ffF;
  padding: 10px;
  border-radius: 100%;
  font-size: 3.5rem;
  position: absolute;
  top: -10px;
  left: 5px;
}
#custom-legal-disclaimer {
  padding: 10px 30px 40px;
  margin-top: 30px;
}
#custom-legal-disclaimer h3 {
  font-size: 3rem;
  font-weight: lighter;
  line-height: 3.5rem;
  margin-bottom: 15px;
}
#custom-legal-disclaimer p {
  font-size: 1.6rem;
  color: #696973;
  margin-bottom: 30px;
}
#custom-legal-disclaimer ul li i.bcn-icon-ok-bold {
  font-size: 2rem;
  margin-right: 10px;
  color: #000;
}
#custom-legal-disclaimer ul li p:first-child {
  margin-bottom: inherit;
}
#custom-legal-disclaimer ul li p:last-child {
  margin-bottom: 35px;
}
#custom-legal-disclaimer ul li:last-child p:last-child {
  margin-bottom: 0px;
}








#legal .titol-afix {height: inherit;     margin-bottom: 4rem;}
#legal .titol-afix img{opacity: 1;}


.alerta.alerta-menu{
    background: #F2F2F2;
    }
    .alerta.alerta-menu div div * {
      color: black;
}