html {
  scroll-behavior: smooth;
}

body {
    color: #fff;
    background-color: #363636;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
}

img { max-width:100%; }

h2 {
  font-weight:600;
  font-size: calc(1.22137vw + 29.49px);
  line-height: 1.27273;
}

h3 {
  font-weight:600;
  font-size: calc(0.610687vw + 32px);
  line-height: 1.27273;
}

h6 { font-weight:400;}
h6 p { margin-bottom:.5em; line-height: 1.27273;  }

a { color: white; }
a.anchor { display: block; position: relative; top: -50px; visibility: hidden; }

a.yellowBut { display:inline-block; padding: .5em 1em; border-radius: 2em; background-color:#fbc130; text-transform:uppercase; color:#000; font-size:.9em; transition: .2s ease-in-out; }
a.yellowBut:hover { text-decoration:none; background-color: #000; color:#FBC130; }

a.toYellow { text-decoration:none; transition: .2s ease-in-out; }
a.toYellow:hover { text-decoration:none; color:#FBC130; }


.navbar { background-color: #000; font-size: 14px; text-transform: uppercase; }
.navbar ul { display: flex; justify-content: space-around; width:66%; margin-left:auto; }
.navbar ul .nav-item a.nav-link { color: #fff; letter-spacing: .1em; transition: .4s ease-in-out; }
.navbar ul .nav-item a.nav-link:hover { color:#FBC130; }
.navbar-toggler { border:0px; }


@media (max-width: 768px){
  .navbar ul { display: flex; justify-content: flex-end; width:100%; margin-left:auto; align-items: start!important; }
  .navbar ul .nav-item a.nav-link { color: #fff; letter-spacing: .1em; transition: .4s ease-in-out; text-align:left; }
}

.modal { background-color: rgba(255,255,255,.3); }
.modal-content { background-color: #282a31; }
.modal-header, .modal-body, .modal-footer { border:none; }
.modal .close { color: #fff; text-shadow: none; opacity: .5; }

#destacat-wrapper {
  --reach-menu-button: 1;
  color: rgb(34, 34, 34);
  box-sizing: border-box;
  display: grid;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(240, 235, 229);
  }

#destacat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
#destacat img {
  --reach-menu-button: 1;
  color: rgb(34, 34, 34);
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#destacat-text{
  --reach-menu-button: 1;
  color: rgb(34, 34, 34);
  box-sizing: border-box;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-content: center;
  z-index: 1;
  color:#000;
}

.pic { position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; opacity: .5 }

.path { color: #000; background-color: #fff; }
.path.neg { color:#fff; background-color:#282a31; }

.path h6 { font-weight: 700; font-size: 14px; }
.path .col { font-size: 14px; line-height: 1.4; }
#path-md .row { padding: 1em 0; }
.path .graphic {background: black; position: absolute;}
.path.neg .graphic {background: white;}
#path-md .graphic {height: calc(100% + 2em); width: 3px; top: 1em; margin: -1em 0em;}
#path-lg .graphic {height: 3px; width: 100%; top: -1.5em;}    
.path .graphic:after {position: absolute; content: ''; width: 1em; height: 1em; border-radius: 1em; background-color: white; border: 3px solid black; transition: .4s ease-in-out; }
.path.neg .graphic:after { background-color: #282A31; border-color: white; }
#path-md .graphic:after { left: calc(-.5em + 1.5px); top: 0;}
#path-lg .graphic:after { left: 0px; top: calc(-.5em + 1.5px);}
#path-lg .col:last-child .graphic,
#path-md .row:last-child .graphic { background:transparent; }
.path .timeline-item:hover { cursor:pointer; }
.path .timeline-item:hover .graphic:after { border-color:#FBC130; background-color: #FBC130; }
.path .timeline-item.active:hover { cursor:default; }
.path .timeline-item.active:hover .graphic:after { border-color:inherit; background-color:inherit; }
.path.neg .active .graphic:after { background-color:white; }

section .half { background-repeat: no-repeat; background-size: cover; background-position: center; }
section .half-container { padding: 4em 33px; }
section .half-container.left { float: right; padding-right: 15%; }      
section .half-container.right { float: left; padding-left: 15%; }            
section.half h3, section.nothalf h3 { font-weight: 600; font-size: 28px;}

@media (max-width: 768px){
  section .half-container.left, section .half-container.right { float:none; padding:15%; }
  section .half-container.foot { padding-top:0%; }
}

@media (min-width: 992px){
  section .half-container { max-width: 480px; }
}

@media (min-width: 1200px){
  section .half-container { max-width: 570px; }
}

.overflow { position:relative; }
.to-static { position:absolute; }
/*.overflow-image { position:absolute; height: calc(100% + 4em); top:50%; }*/
.overflow-image { margin: -4em 0; }
.left .overflow-image { right: -50%; transform: translate(50%,-50%); }
.right .overflow-image { left: -50%; transform: translate(-50%,-50%); }

.mw-75 { max-width: 75%; }
.mw-25 { max-width: 25%; }
.mb-38 { margin-bottom: 38px; }

.bubble { padding: 3em; border-radius: .5em; }

.h-100 { min-height: calc(100vh - 246px); }

@media (max-width: 768px){
  .overflow-image { margin:0!important; position:static!important; padding:0!important;}
  .to-static { position:static; }
  .mw-75 { max-width: 100%; }
  .mw-25 { max-width: 100%; }        
  section .half-container.left, section .half-container.right{ padding: 4em;  }
  .h-100 { min-height: initial; }
  .mb-38 { margin-bottom:0px; }
} 

@media (max-width: 425px){
  section .half-container.left, section .half-container.right{ padding: 2.5em;  }
} 


.label { display: inline-block; padding: .1em .5em; background-color:#fff; color: #23252C; border-radius:5px; text-transform:uppercase; margin-bottom: 1em; }
.fs32 { font-size:32px; }
.fixed-ratio-image { position:relative; width:100%; padding-bottom: 66.6666667%; }
.fixed-ratio-image img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.index { position:absolute; z-index: 100; top: 1em; left: 1em ; border-radius: 1em; background-color: #FBC130; color:#23252C; text-align:center; line-height: 2em; width:2em; height:2em; font-weight:700; }


.card ul {list-style-type: none; padding:0;}
.card ul li { padding: .5em 0; }

.title { text-transform: uppercase; letter-spacing: .1em; }

.nk-cookie-banner {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    border-radius: 0px;
    display: none;
  }