/*
* ============================================================================
* AVÍS IMPORTANT: AQUEST FITXER NO ÉS BOOTSTRAP COMPLET
* ============================================================================
*
* Aquest fitxer és una VERSIÓ MODIFICADA I SIMPLIFICADA de Bootstrap.
* Conté només les classes de Bootstrap que s'utilitzen en aquest projecte,
* juntament amb estils personalitzats específics per al lloc web.
*
* No s'ha de considerar com el framework Bootstrap complet.
* Per a més informació, consulta el fitxer README.md del directori css/
* ============================================================================
*/
.cookienotice-container{
font:inherit;
margin-left:auto;
margin-right:auto;
width:100%;
background:#eff8ff;
z-index:9999;
padding:10px;
color:#000;
text-align:center}
.cookienotice-content{
margin:0 auto;
display:block;
clear:both;
overflow:auto}
.cookienotice-message{
float:left;
margin-bottom:10px}
.cookienotice-page-link{
color:#036}
.cookienotice-page-link:hover{
color:#036}
.cookienotice-button-container{
float:none;
margin-top:5px}
.cookienotice-button{
cursor:pointer;
background-color:#e2efff;
padding-left:5px;
padding-right:5px;
width:100px}
.cookienotice-container .cookienotice-button:hover{
font-weight:400;
text-decoration:underline}
.cookienotice-container a.cookienotice-button:active{
font-weight:400;
text-decoration:none}
.cookienotice-container a.cookienotice-button{
text-decoration:none}
.cookienotice-bar{
clear:both;
width:100%}
.cookienotice-bar-top{
position:absolute;
top:0;
left:0}
.cookienotice-bar-bottom{
position:fixed;
top:auto;
bottom:0;
left:0}
.cookienotice-bar .cookienotice-content{
width:auto}
.cookienotice-box{
position:fixed;
margin-left:auto;
margin-right:auto;
width:auto;
border-radius:4px;
top:auto;
bottom:auto;
left:auto;
right:auto}
.cookienotice-box-top-left{
left:0;
top:0}
.cookienotice-box-top-right{
right:0;
top:0}
.cookienotice-box-bottom-right{
right:0;
bottom:0}
.cookienotice-box-bottom-left{
left:5px;
bottom:5px}
.cookienotice-box-bottom-center{
bottom:5px;
left:auto;
right:auto;
margin-bottom:20px}
.centracookie{
margin-left:0 auto;
margin-right:0 auto;
width:100%;
text-align:center}
.cookiealert{
background:none repeat scroll 0 0 #645a4e;
color:#fff;
font:11px/18px Arial,Helvetica,sans-serif;
padding:.7em 9.5em;
position:fixed;
top:100px;
z-index:100}
.cookiealert .message{
width:max;
margin:0 auto}
.cookiealert .message span.cookie-title{
display:block;
color:#fff;
font-size:16px;
font-weight:700;
margin:.4em 0 0}
.cookiealert .message a{
color:#f90;
text-decoration:underline}
.cookiealert .message a:hover{
text-decoration:none}
.cookiealert .message .close a{
font-size:16px;
text-decoration:none;
font-weight:700}
.cookiealert .message .close a:hover{
text-decoration:underline}
@font-face{
font-family:'Merriweather Sans';
font-style:normal;
font-weight:400;
src:url(https://fonts.gstatic.com/s/merriweathersans/v28/2-cO9IRs1JiJN1FRAMjTN5zd9vgsFF_5asQTb6hZ2JKZou4ViesC.ttf) format('truetype')}
@font-face{
font-family:'Merriweather Sans';
font-style:normal;
font-weight:700;
src:url(https://fonts.gstatic.com/s/merriweathersans/v28/2-cO9IRs1JiJN1FRAMjTN5zd9vgsFF_5asQTb6hZ2JKZRekViesC.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:italic;
font-weight:300;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmScUG33AvQ.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:italic;
font-weight:400;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmTCUG33AvQ.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:italic;
font-weight:700;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmQlV233AvQ.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:normal;
font-weight:300;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrgCcaFF3w.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:normal;
font-weight:400;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr3icaFF3w.ttf) format('truetype')}
@font-face{
font-family:Merriweather;
font-style:normal;
font-weight:700;
font-stretch:normal;
src:url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrOSAaFF3w.ttf) format('truetype')}
button::-moz-focus-inner{
padding:0;
border:0}
@charset "UTF-8";
:root{
--blue:#007bff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#6eb2c9;
--yellow:#ffc107;
--green:#28a745;
--teal:#20c997;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#6eb2c9;
--secondary:#6c757d;
--success:#28a745;
--info:#17a2b8;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#343a40;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family-sans-serif:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,::after,::before{
box-sizing:border-box}
html{
font-family:sans-serif;
line-height:1.15;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent}
footer,header,nav,section{
display:block}
body{
margin:0;
font-family:Merriweather,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:1rem;
font-weight:400;
line-height:1.5;
color:#212529;
text-align:left;
background-color:#fff}
#mainNav,.text-center.fixed-bottom{
z-index:1!important}
[tabindex="-1"]:focus:not(:focus-visible){
outline:0!important}
hr{
box-sizing:content-box;
height:0;
overflow:visible}
h1,h2,h3,h4,h5,h6{
margin-top:0;
margin-bottom:.5rem}
p{
margin-top:0;
margin-bottom:1rem}
address{
margin-bottom:1rem;
font-style:normal;
line-height:inherit}
ul{
margin-top:0;
margin-bottom:1rem}
ul ul{
margin-bottom:0}
strong{
font-weight:bolder}
#list-container li strong{
color:#2a566a!important}
small{
font-size:80%}
a{
color:#6eb2c9;
text-decoration:none;
background-color:transparent}
a:hover{
color:#ccc;
text-decoration:none}
a:not([href]):not([class]){
color:inherit;
text-decoration:none}
a:not([href]):not([class]):hover{
color:inherit;
text-decoration:none}
/* Estil específic per als elements del submenú en la versió mòbil */
@media (max-width: 991px) {
.dropdown-item {
color: #212529 !important;
}
.dropdown-item:hover {
color: #6eb2c9 !important;
}
}
code{
font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size:1em}
img{
vertical-align:middle;
border-style:none}
table{
border-collapse:collapse}
caption{
padding-top:.75rem;
padding-bottom:.75rem;
color:#6c757d;
text-align:left;
caption-side:bottom}
label{
display:inline-block;
margin-bottom:.5rem}
button{
border-radius:0}
button:focus{
outline:1px dotted;
outline:5px auto -webkit-focus-ring-color}
button{
margin:0;
font-family:inherit;
font-size:inherit;
line-height:inherit}
button{
overflow:visible}
button{
text-transform:none}
[role=button]{
cursor:pointer}
[type=button],[type=reset],[type=submit],button{
-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
padding:0;
border-style:none}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto}
[type=search]{
outline-offset:-2px;
-webkit-appearance:none}
[type=search]::-webkit-search-decoration{
-webkit-appearance:none}
::-webkit-file-upload-button{
font:inherit;
-webkit-appearance:button}
[hidden]{
display:none!important}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
margin-bottom:.5rem;
font-family:"Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight:500;
line-height:1.2}
.h1,h1{
font-size:2.5rem}
.h2,h2{
font-size:2rem}
.h3,h3{
font-size:1.75rem}
.h4,h4{
font-size:1.5rem}
.display-1{
font-size:6rem;
font-weight:300;
line-height:1.2}
.display-2{
font-size:5.5rem;
font-weight:300;
line-height:1.2}
.display-3{
font-size:4.5rem;
font-weight:300;
line-height:1.2}
.display-4{
font-size:3.5rem;
font-weight:300;
line-height:1.2}
hr{
margin-top:1rem;
margin-bottom:1rem;
border:0;
border-top:1px solid rgba(0,0,0,.1)}
.small,small{
font-size:80%;
font-weight:400}
.list-inline{
padding-left:0;
list-style:none}
.list-inline-item{
display:inline-block}
.list-inline-item:not(:last-child){
margin-right:.5rem}
.img-fluid{
max-width:100%;
height:auto}
code{
font-size:87.5%;
color:#e83e8c;
word-wrap:break-word}
a>code{
color:inherit}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto}
@media (min-width:576px){
.container,.container-sm{
max-width:540px}
}
@media (min-width:768px){
.container,.container-md,.container-sm{
max-width:720px}
}
@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm{
max-width:960px}
}
@media (min-width:1200px){
.container,.container-lg,.container-md,.container-sm,.container-xl{
max-width:1140px}
}
.row{
display:flex;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px}
.no-gutters{
margin-right:0;
margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{
padding-right:0;
padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
position:relative;
width:100%;
padding-right:15px;
padding-left:15px}
.col{
flex-basis:0;
flex-grow:1;
max-width:100%}
.col-auto{
flex:0 0 auto;
width:auto;
max-width:100%}
@media (min-width:576px){
.col-sm{
flex-basis:0;
flex-grow:1;
max-width:100%}
.col-sm-auto{
flex:0 0 auto;
width:auto;
max-width:100%}
.col-sm-6{
flex:0 0 50%;
max-width:50%}
}
@media (min-width:768px){
.col-md{
flex-basis:0;
flex-grow:1;
max-width:100%}
.col-md-auto{
flex:0 0 auto;
width:auto;
max-width:100%}
.col-md-6{
flex:0 0 50%;
max-width:50%}
}
@media (max-width:991px){
.col-lg-8{
flex:0 0 100%;
max-width:100%;
padding-bottom:3rem}
}
@media (min-width:992px){
.col-lg{
flex-basis:0;
flex-grow:1;
max-width:100%}
.col-lg-auto{
flex:0 0 auto;
width:auto;
max-width:100%}
.col-lg-1{
flex:0 0 8.3333333333%;
max-width:8.3333333333%}
.col-lg-3{
flex:0 0 25%;
max-width:25%}
.col-lg-4{
flex:0 0 33.3333333333%;
max-width:33.3333333333%}
.col-lg-8{
flex:0 0 66.6666666667%;
max-width:66.6666666667%}
.col-lg-10{
flex:0 0 83.3333333333%;
max-width:83.3333333333%}
}
@media (min-width:1200px){
.col-xl{
flex-basis:0;
flex-grow:1;
max-width:100%}
.col-xl-auto{
flex:0 0 auto;
width:auto;
max-width:100%}
}
.table{
width:100%;
margin-bottom:1rem;
color:#212529}
.table-primary{
background-color:#fcd3c8}
.table-hover .table-primary:hover{
background-color:#fbc0b0}
.table-light{
background-color:#fdfdfe}
.table-hover .table-light:hover{
background-color:#ececf6}
.table-dark{
background-color:#c6c8ca}
.table-hover .table-dark:hover{
background-color:#b9bbbe}
.table-dark{
color:#fff;
background-color:#343a40}
@media (max-width:575.98px){
.table-responsive-sm{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:767.98px){
.table-responsive-md{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:991.98px){
.table-responsive-lg{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
@media (max-width:1199.98px){
.table-responsive-xl{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch}
}
.table-responsive{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch}
@media (prefers-reduced-motion:reduce){
.form-control{
transition:none}
}
.form-control::-ms-expand{
background-color:transparent;
border:0}
.form-control:-moz-focusring{
color:transparent;
text-shadow:0 0 0 #495057}
.form-control::-moz-placeholder{
color:#6c757d;
opacity:1}
.form-control:-ms-input-placeholder{
color:#6c757d;
opacity:1}
.form-control::placeholder{
color:#6c757d;
opacity:1}
.form-control:disabled,.form-control[readonly]{
background-color:#e9ecef;
opacity:1}
.form-control-file{
display:block;
width:100%}
.col-form-label{
padding-top:calc(.375rem + 1px);
padding-bottom:calc(.375rem + 1px);
margin-bottom:0;
font-size:inherit;
line-height:1.5}
.col-form-label-lg{
padding-top:calc(.5rem + 1px);
padding-bottom:calc(.5rem + 1px);
font-size:1.25rem;
line-height:1.5}
.col-form-label-sm{
padding-top:calc(.25rem + 1px);
padding-bottom:calc(.25rem + 1px);
font-size:.875rem;
line-height:1.5}
.form-row>.col,.form-row>[class*=col-]{
padding-right:5px;
padding-left:5px}
.form-check-label{
margin-bottom:0}
.form-check-inline{
display:inline-flex;
align-items:center;
padding-left:0;
margin-right:.75rem}
.form-inline{
display:flex;
flex-flow:row wrap;
align-items:center}
.form-inline .form-check{
width:100%}
@media (min-width:576px){
.form-inline label{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:0}
.form-inline .form-control{
display:inline-block;
width:auto;
vertical-align:middle}
.form-inline .form-check{
display:flex;
align-items:center;
justify-content:center;
width:auto;
padding-left:0}
.form-inline .custom-control{
align-items:center;
justify-content:center}
.form-inline .custom-control-label{
margin-bottom:0}
}
.btn{
display:inline-block;
font-weight:400;
color:#212529;
text-align:center;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:transparent;
border:1px solid transparent;
padding:.375rem .75rem;
font-size:1rem;
line-height:1.5;
border-radius:.25rem;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.btn{
transition:none}
}
.btn:hover{
color:#212529;
text-decoration:none}
.btn:focus{
outline:0;
box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}
.btn:disabled{
opacity:.65}
.btn:not(:disabled):not(.disabled){
cursor:pointer}
.btn-primary{
color:#fff;
background-color:#6eb2c9;
border-color:#6eb2c9}
.btn-primary:hover{
color:#fff;
background-color:#7fd8f1;
border-color:#7fd8f1}
.btn-primary:focus{
color:#fff;
background-color:#f24516;
border-color:#ee3e0d;
box-shadow:0 0 0 .2rem rgba(246,122,88,.5)}
.btn-primary:disabled{
color:#fff;
background-color:#6eb2c9;
border-color:#6eb2c9}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{
color:#fff;
background-color:#ee3e0d;
border-color:#e23a0d}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{
box-shadow:0 0 0 .2rem rgba(246,122,88,.5)}
.btn-light{
color:#212529;
background-color:#ccc;
border-color:#ccc}
.btn-light:hover{
color:#212529;
background-color:#fff;
border-color:#dae0e5}
.btn-light:focus{
color:#212529;
background-color:#e2e6ea;
border-color:#dae0e5;
box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-light:disabled{
color:#212529;
background-color:#f8f9fa;
border-color:#f8f9fa}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{
color:#212529;
background-color:#dae0e5;
border-color:#d3d9df}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{
box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn-dark{
color:#fff;
background-color:#343a40;
border-color:#343a40}
.btn-dark:hover{
color:#fff;
background-color:#23272b;
border-color:#1d2124}
.btn-dark:focus{
color:#fff;
background-color:#23272b;
border-color:#1d2124;
box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-dark:disabled{
color:#fff;
background-color:#343a40;
border-color:#343a40}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{
color:#fff;
background-color:#1d2124;
border-color:#171a1d}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{
box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}
.btn-link{
font-weight:400;
color:#6eb2c9;
text-decoration:none}
.btn-link:hover{
color:#d6370c;
text-decoration:underline}
.btn-link:focus{
text-decoration:underline}
.btn-link:disabled{
color:#6c757d;
pointer-events:none}
.btn-lg{
padding:.5rem 1rem;
font-size:1.25rem;
line-height:1.5;
border-radius:.3rem}
.btn-sm{
padding:.25rem .5rem;
font-size:.875rem;
line-height:1.5;
border-radius:.2rem}
.btn-block{
display:block;
width:100%}
.btn-block+.btn-block{
margin-top:.5rem}
.collapse:not(.show){
display:none}
.custom-control-inline{
display:inline-flex;
margin-right:1rem}
.custom-control-label{
position:relative;
margin-bottom:0;
vertical-align:top}
.custom-control-label::before{
position:absolute;
top:.25rem;
left:-1.5rem;
display:block;
width:1rem;
height:1rem;
pointer-events:none;
content:"";
background-color:#fff;
border:#adb5bd solid 1px}
.custom-control-label::after{
position:absolute;
top:.25rem;
left:-1.5rem;
display:block;
width:1rem;
height:1rem;
content:"";
background:no-repeat 50%/50% 50%}
.custom-file{
position:relative;
display:inline-block;
width:100%;
height:calc(1.5em + .75rem + 2px);
margin-bottom:0}
.custom-file-label{
position:absolute;
top:0;
right:0;
left:0;
height:calc(1.5em + .75rem + 2px);
padding:.375rem .75rem;
font-weight:400;
line-height:1.5;
color:#495057;
background-color:#fff;
border:1px solid #ced4da;
border-radius:.25rem}
.custom-file-label::after{
position:absolute;
top:0;
right:0;
bottom:0;
display:block;
height:calc(1.5em + .75rem);
padding:.375rem .75rem;
line-height:1.5;
color:#495057;
content:"Browse";
background-color:#e9ecef;
border-left:inherit;
border-radius:0 .25rem .25rem 0}
.custom-control-label::before,.custom-file-label{
transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
.custom-control-label::before,.custom-file-label{
transition:none}
}
.nav{
display:flex;
flex-wrap:wrap;
padding-left:0;
margin-bottom:0;
list-style:none}
.nav-link{
display:block;
padding:.5rem 1rem}
.nav-link:focus,.nav-link:hover{
text-decoration:none}
.navbar{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:.5rem 1rem}
.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between}
.navbar-brand{
display:inline-block;
padding-top:.3125rem;
padding-bottom:.3125rem;
margin-right:1rem;
font-size:1.25rem;
line-height:inherit;
white-space:nowrap}
.navbar-brand:focus,.navbar-brand:hover{
text-decoration:none}
.navbar-nav{
display:flex;
flex-direction:column;
padding-left:0;
margin-bottom:0;
list-style:none}
.navbar-nav .nav-link{
padding-right:0;
padding-left:0}
.navbar-text{
display:inline-block;
padding-top:.5rem;
padding-bottom:.5rem}
.navbar-collapse{
flex-basis:100%;
flex-grow:1;
align-items:center}
.navbar-toggler{
padding:.25rem .75rem;
font-size:1.25rem;
line-height:1;
background-color:transparent;
border:1px solid transparent;
border-radius:.25rem}
.navbar-toggler:focus,.navbar-toggler:hover{
text-decoration:none}
.navbar-toggler-icon{
display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
content:"";
background:no-repeat center center;
background-size:100% 100%}
@media (max-width:575.98px){
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{
padding-right:0;
padding-left:0}
}
@media (min-width:576px){
.navbar-expand-sm{
flex-flow:row nowrap;
justify-content:flex-start}
.navbar-expand-sm .navbar-nav{
flex-direction:row}
.navbar-expand-sm .navbar-nav .nav-link{
padding-right:.5rem;
padding-left:.5rem}
.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{
flex-wrap:nowrap}
.navbar-expand-sm .navbar-collapse{
display:flex!important;
flex-basis:auto}
.navbar-expand-sm .navbar-toggler{
display:none}
}
@media (max-width:767.98px){
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{
padding-right:0;
padding-left:0}
}
@media (min-width:768px){
.navbar-expand-md{
flex-flow:row nowrap;
justify-content:flex-start}
.navbar-expand-md .navbar-nav{
flex-direction:row}
.navbar-expand-md .navbar-nav .nav-link{
padding-right:.5rem;
padding-left:.5rem}
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{
flex-wrap:nowrap}
.navbar-expand-md .navbar-collapse{
display:flex!important;
flex-basis:auto}
.navbar-expand-md .navbar-toggler{
display:none}
}
@media (max-width:991.98px){
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{
padding-right:0;
padding-left:0}
}
@media (min-width:992px){
.navbar-expand-lg{
flex-flow:row nowrap;
justify-content:flex-start}
.navbar-expand-lg .navbar-nav{
flex-direction:row}
.navbar-expand-lg .navbar-nav .nav-link{
padding-right:.5rem;
padding-left:.5rem}
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{
flex-wrap:nowrap}
.navbar-expand-lg .navbar-collapse{
display:flex!important;
flex-basis:auto}
.navbar-expand-lg .navbar-toggler{
display:none}
}
@media (max-width:1199.98px){
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{
padding-right:0;
padding-left:0}
}
@media (min-width:1200px){
.navbar-expand-xl{
flex-flow:row nowrap;
justify-content:flex-start}
.navbar-expand-xl .navbar-nav{
flex-direction:row}
.navbar-expand-xl .navbar-nav .nav-link{
padding-right:.5rem;
padding-left:.5rem}
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{
flex-wrap:nowrap}
.navbar-expand-xl .navbar-collapse{
display:flex!important;
flex-basis:auto}
.navbar-expand-xl .navbar-toggler{
display:none}
}
.navbar-expand{
flex-flow:row nowrap;
justify-content:flex-start}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{
padding-right:0;
padding-left:0}
.navbar-expand .navbar-nav{
flex-direction:row}
.navbar-expand .navbar-nav .nav-link{
padding-right:.5rem;
padding-left:.5rem}
.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{
flex-wrap:nowrap}
.navbar-expand .navbar-collapse{
display:flex!important;
flex-basis:auto}
.navbar-expand .navbar-toggler{
display:none}
.navbar-light .navbar-brand{
color:rgba(0,0,0,.9)}
.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{
color:rgba(0,0,0,.9)}
.navbar-light .navbar-nav .nav-link{
color:rgba(0,0,0,.5)}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{
color:rgba(0,0,0,.7)}
.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{
color:rgba(0,0,0,.9)}
.navbar-light .navbar-toggler{
color:rgba(0,0,0,.5);
border-color:rgba(0,0,0,.1)}
.navbar-light .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-text{
color:rgba(0,0,0,.5)}
.navbar-light .navbar-text a{
color:rgba(0,0,0,.9)}
.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{
color:rgba(0,0,0,.9)}
.navbar-dark .navbar-brand{
color:#fff}
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{
color:#fff}
.navbar-dark .navbar-nav .nav-link{
color:rgba(255,255,255,.5)}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{
color:rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{
color:#fff}
.navbar-dark .navbar-toggler{
color:rgba(255,255,255,.5);
border-color:rgba(255,255,255,.1)}
.navbar-dark .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-text{
color:rgba(255,255,255,.5)}
.navbar-dark .navbar-text a{
color:#fff}
.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{
color:#fff}
.page-link{
position:relative;
display:block;
padding:.5rem .75rem;
margin-left:-1px;
line-height:1.25;
color:#6eb2c9;
background-color:#fff;
border:1px solid #dee2e6}
.page-link:hover{
color:#d6370c;
text-decoration:none;
background-color:#e9ecef;
border-color:#dee2e6}
.page-link:focus{
outline:0;
box-shadow:0 0 0 .2rem rgba(244,98,58,.25)}
.page-item:first-child .page-link{
margin-left:0;
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem}
@-webkit-keyframes progress-bar-stripes{
from{
background-position:1rem 0}
to{
background-position:0 0}
}
@keyframes progress-bar-stripes{
from{
background-position:1rem 0}
to{
background-position:0 0}
}
.media{
display:flex;
align-items:flex-start}
.media-body{
flex:1}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
opacity:.75}
button.close{
padding:0;
background-color:transparent;
border:0}
@-webkit-keyframes spinner-border{
to{
transform:rotate(360deg)}
}
@keyframes spinner-border{
to{
transform:rotate(360deg)}
}
@-webkit-keyframes spinner-grow{
0%{
transform:scale(0)}
}
@keyframes spinner-grow{
0%{
transform:scale(0)}
}
.align-baseline{
vertical-align:baseline!important}
.align-top{
vertical-align:top!important}
.align-middle{
vertical-align:middle!important}
.align-bottom{
vertical-align:bottom!important}
.align-text-bottom{
vertical-align:text-bottom!important}
.align-text-top{
vertical-align:text-top!important}
.bg-primary{
background-color:#6eb2c9!important}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{
background-color:#ee3e0d!important}
.bg-light{
background-color:#f8f9fa!important}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{
background-color:#dae0e5!important}
.bg-dark{
background-color:#343a40!important}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{
background-color:#1d2124!important}
.bg-white{
background-color:#fff!important}
.border-top{
border-top:1px solid #dee2e6!important}
.border-right{
border-right:1px solid #dee2e6!important}
.border-top-0{
border-top:0!important}
.border-right-0{
border-right:0!important}
.border-primary{
border-color:#6eb2c9!important}
.border-light{
border-color:#f8f9fa!important}
.border-dark{
border-color:#343a40!important}
.border-white{
border-color:#fff!important}
.d-inline{
display:inline!important}
.d-inline-block{
display:inline-block!important}
.d-block{
display:block!important}
.d-table{
display:table!important}
.d-table-row{
display:table-row!important}
.d-inline-flex{
display:inline-flex!important}
@media (min-width:576px){
.d-sm-none{
display:none!important}
.d-sm-inline{
display:inline!important}
.d-sm-inline-block{
display:inline-block!important}
.d-sm-table{
display:table!important}
.d-sm-table-row{
display:table-row!important}
.d-sm-inline-flex{
display:inline-flex!important}
}
@media (min-width:768px){
.d-md-none{
display:none!important}
.d-md-inline{
display:inline!important}
.d-md-inline-block{
display:inline-block!important}
.d-md-table{
display:table!important}
.d-md-table-row{
display:table-row!important}
.d-md-inline-flex{
display:inline-flex!important}
}
@media (min-width:992px){
.d-lg-none{
display:none!important}
.d-lg-inline{
display:inline!important}
.d-lg-inline-block{
display:inline-block!important}
.d-lg-table{
display:table!important}
.d-lg-table-row{
display:table-row!important}
.d-lg-inline-flex{
display:inline-flex!important}
}
@media (min-width:1200px){
.d-xl-none{
display:none!important}
.d-xl-inline{
display:inline!important}
.d-xl-inline-block{
display:inline-block!important}
.d-xl-table{
display:table!important}
.d-xl-table-row{
display:table-row!important}
.d-xl-inline-flex{
display:inline-flex!important}
}
.flex-wrap{
flex-wrap:wrap!important}
.flex-shrink-0{
flex-shrink:0!important}
.flex-shrink-1{
flex-shrink:1!important}
.justify-content-start{
justify-content:flex-start!important}
.justify-content-end{
justify-content:flex-end!important}
.justify-content-center{
justify-content:center!important}
.align-items-start{
align-items:flex-start!important}
.align-items-end{
align-items:flex-end!important}
.align-items-center{
align-items:center!important}
.align-items-baseline{
align-items:baseline!important}
.align-items-stretch{
align-items:stretch!important}
.align-content-start{
align-content:flex-start!important}
.align-content-end{
align-content:flex-end!important}
.align-content-center{
align-content:center!important}
.align-content-stretch{
align-content:stretch!important}
.align-self-auto{
align-self:auto!important}
.align-self-start{
align-self:flex-start!important}
.align-self-end{
align-self:flex-end!important}
.align-self-center{
align-self:center!important}
.align-self-baseline{
align-self:baseline!important}
.align-self-stretch{
align-self:stretch!important}
@media (min-width:576px){
.flex-sm-row{
flex-direction:row!important}
.flex-sm-wrap{
flex-wrap:wrap!important}
.flex-sm-shrink-0{
flex-shrink:0!important}
.flex-sm-shrink-1{
flex-shrink:1!important}
.justify-content-sm-start{
justify-content:flex-start!important}
.justify-content-sm-end{
justify-content:flex-end!important}
.justify-content-sm-center{
justify-content:center!important}
.align-items-sm-start{
align-items:flex-start!important}
.align-items-sm-end{
align-items:flex-end!important}
.align-items-sm-center{
align-items:center!important}
.align-items-sm-baseline{
align-items:baseline!important}
.align-items-sm-stretch{
align-items:stretch!important}
.align-content-sm-start{
align-content:flex-start!important}
.align-content-sm-end{
align-content:flex-end!important}
.align-content-sm-center{
align-content:center!important}
.align-content-sm-stretch{
align-content:stretch!important}
.align-self-sm-auto{
align-self:auto!important}
.align-self-sm-start{
align-self:flex-start!important}
.align-self-sm-end{
align-self:flex-end!important}
.align-self-sm-center{
align-self:center!important}
.align-self-sm-baseline{
align-self:baseline!important}
.align-self-sm-stretch{
align-self:stretch!important}
}
@media (min-width:768px){
.flex-md-row{
flex-direction:row!important}
.flex-md-wrap{
flex-wrap:wrap!important}
.flex-md-shrink-0{
flex-shrink:0!important}
.flex-md-shrink-1{
flex-shrink:1!important}
.justify-content-md-start{
justify-content:flex-start!important}
.justify-content-md-end{
justify-content:flex-end!important}
.justify-content-md-center{
justify-content:center!important}
.align-items-md-start{
align-items:flex-start!important}
.align-items-md-end{
align-items:flex-end!important}
.align-items-md-center{
align-items:center!important}
.align-items-md-baseline{
align-items:baseline!important}
.align-items-md-stretch{
align-items:stretch!important}
.align-content-md-start{
align-content:flex-start!important}
.align-content-md-end{
align-content:flex-end!important}
.align-content-md-center{
align-content:center!important}
.align-content-md-stretch{
align-content:stretch!important}
.align-self-md-auto{
align-self:auto!important}
.align-self-md-start{
align-self:flex-start!important}
.align-self-md-end{
align-self:flex-end!important}
.align-self-md-center{
align-self:center!important}
.align-self-md-baseline{
align-self:baseline!important}
.align-self-md-stretch{
align-self:stretch!important}
}
@media (min-width:992px){
.flex-lg-row{
flex-direction:row!important}
.flex-lg-wrap{
flex-wrap:wrap!important}
.flex-lg-shrink-0{
flex-shrink:0!important}
.flex-lg-shrink-1{
flex-shrink:1!important}
.justify-content-lg-start{
justify-content:flex-start!important}
.justify-content-lg-end{
justify-content:flex-end!important}
.justify-content-lg-center{
justify-content:center!important}
.align-items-lg-start{
align-items:flex-start!important}
.align-items-lg-end{
align-items:flex-end!important}
.align-items-lg-center{
align-items:center!important}
.align-items-lg-baseline{
align-items:baseline!important}
.align-items-lg-stretch{
align-items:stretch!important}
.align-content-lg-start{
align-content:flex-start!important}
.align-content-lg-end{
align-content:flex-end!important}
.align-content-lg-center{
align-content:center!important}
.align-content-lg-stretch{
align-content:stretch!important}
.align-self-lg-auto{
align-self:auto!important}
.align-self-lg-start{
align-self:flex-start!important}
.align-self-lg-end{
align-self:flex-end!important}
.align-self-lg-center{
align-self:center!important}
.align-self-lg-baseline{
align-self:baseline!important}
.align-self-lg-stretch{
align-self:stretch!important}
}
@media (min-width:1200px){
.flex-xl-row{
flex-direction:row!important}
.flex-xl-wrap{
flex-wrap:wrap!important}
.flex-xl-shrink-0{
flex-shrink:0!important}
.flex-xl-shrink-1{
flex-shrink:1!important}
.justify-content-xl-start{
justify-content:flex-start!important}
.justify-content-xl-end{
justify-content:flex-end!important}
.justify-content-xl-center{
justify-content:center!important}
.align-items-xl-start{
align-items:flex-start!important}
.align-items-xl-end{
align-items:flex-end!important}
.align-items-xl-center{
align-items:center!important}
.align-items-xl-baseline{
align-items:baseline!important}
.align-items-xl-stretch{
align-items:stretch!important}
.align-content-xl-start{
align-content:flex-start!important}
.align-content-xl-end{
align-content:flex-end!important}
.align-content-xl-center{
align-content:center!important}
.align-content-xl-stretch{
align-content:stretch!important}
.align-self-xl-auto{
align-self:auto!important}
.align-self-xl-start{
align-self:flex-start!important}
.align-self-xl-end{
align-self:flex-end!important}
.align-self-xl-center{
align-self:center!important}
.align-self-xl-baseline{
align-self:baseline!important}
.align-self-xl-stretch{
align-self:stretch!important}
}
.overflow-auto{
overflow:auto!important}
.overflow-hidden{
overflow:hidden!important}
.position-fixed{
position:fixed!important}
.fixed-top{
position:fixed;
top:0;
right:0;
left:0;
transform:translateX(0)}
.fixed-bottom{
position:fixed;
right:0;
bottom:0;
left:0;
transform:translateX(0)}
body{
font-family:Arial,sans-serif;
margin:0}
#list-container ul li{
list-style-type:none;
padding-left:5px}
#list-container ul li i,#list-container ul li svg{
margin-right:8px;
display:inline-block;
width:40px;
text-align:center;
vertical-align:middle}
#list-container ul li{
list-style-type:none;
padding-left:5px}
.blocks-container{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center}
.block{
border:1px solid #ccc;
border-radius:4px;
overflow:hidden;
display:flex;
flex-direction:column;
align-items:center;
width:150px;
height:150px;
box-sizing:border-box;
background-color:#f9f9f9;
cursor:pointer;
padding:10px;
transition:box-shadow .2s}
.block:hover{
box-shadow:0 0 10px rgba(0,0,0,.2)}
.symbol{
font-size:24px;
margin-bottom:5px}
.titol{
font-weight:700;
font-size:14px;
text-align:center}
#list-container{
display:none;
margin-top:20px;
padding:10px;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
width:100%;
box-sizing:border-box}
@media (max-width:600px){
.blocks-container{
flex-direction:column;
align-items:stretch}
.block{
width:100%;
height:auto}
}
#eucookielaw{
display:none}
hr.divider{
max-width:3.25rem;
border-width:.2rem;
border-color:#6eb2c9}
hr.light{
border-color:#fff}
.text-uppercase{
text-transform:uppercase!important}
.font-weight-bold{
    font-weight:700!important}
.font-weight-light{
    font-weight:300!important}
.text-white{
    color:#fff!important}
.text-primary{
color:#6eb2c9!important}
.text-white-50{
color:#006!important}
.text-muted{
color:#6c757d!important}
.text-center{
    text-align:center!important}
.page-top{
    padding-top:0!important}
.align-self-end{
    align-self:flex-end!important}
.align-self-baseline{
align-self:baseline!important}
.justify-content-center{
justify-content:center!important}
.align-items-center{
align-items:center!important}
.h-100{
height:100%!important}
.btn-xl{
padding:1.25rem 2.25rem;
font-size:.85rem;
font-weight:700;
text-transform:uppercase;
border:none;
border-radius:10rem}
header.masthead{
padding-top:10rem;
padding-bottom:calc(10rem -4.5rem);
background:linear-gradient(-0deg,rgba(100,100,100,.8)80%,rgba(100,100,100,.4)95%),url("../assets/img/fotofons.jpg");
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover}
header.masthead .container{
max-width:100%;
padding-left:0;
padding-right:0}
header.masthead h1{
font-size:2.25rem}
@media (max-width:991px){
header.masthead{
padding-bottom:calc(10rem -4.5rem +3rem)}
}
@media (min-width:992px){
header.masthead{
height:100vh;
min-height:40rem;
padding-top:4.5rem;
padding-bottom:0}
header.masthead p{
font-size:1.15rem}
header.masthead h1{
font-size:3rem}
}
@media (min-width:1200px){
header.masthead h1{
font-size:3.5rem}
}
header.masthead-compact{
padding-top:3rem;
padding-bottom:3rem;
height:auto;
min-height:auto}
header.masthead-compact .container{
height:auto}
header.masthead-compact .row{
height:auto}
.masthead-content-compact{
padding-top:2rem}