.header .side-header{
  width: 100%;
}

.header .side-header::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--black);
  opacity: .7;
  height: 100%;
  width: 100%;
}

.header .resizer{
  width: 80%;
  margin: 0 auto;
}

.header .resizer .imgContainer{
  padding-top: 60%;
}

#lookingfor .applicationChooser{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .5rem;
}

#lookingfor .applicationChooser .customBtn.active{
  background-color: var(--red);
  color: var(--white);
}

#stores .placeList{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

#stores .placeList .labelStore{
  font-size: .81rem;
  border: 2px solid var(--blue);
  color: var(--blue);
  text-transform: uppercase;
  font-family: 'BefterSans';
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1em;
  display: inline-block;
  padding: .5em;
  cursor: pointer;
  -webkit-transition: background .3s, border .3s, color .3s;
  -moz-transition: background .3s, border .3s, color .3s;
  -ms-transition: background .3s, border .3s, color .3s;
  -o-transition: background .3s, border .3s, color .3s;
  transition: background .3s, border .3s, color .3s;
}
#stores .placeList .labelStore.active,
#stores .placeList .labelStore:hover{
  background: var(--red);
  border: 2px solid var(--red);
  color: var(--white);
}

.lavoraItem ul{
  margin-top: .5rem;
  padding-left: 1.3rem;
  margin-bottom: 1rem;
}
.lavoraItem ul li{
  margin-bottom: .3em;
  list-style: disc;
}
.lavoraItem ul li::marker{
  color: var(--lightblue);
}

.lavoraItem {
  border: 2px solid var(--red);
}
.lavoraItem .domanda {
  padding: .8rem 1rem;
}
.lavoraItem .domandaWrapper {
  padding: .8rem 1rem;
}

.fileChooser{
  position: relative;
  padding-right: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#attachmentStatus{
  position: absolute;
  right: 0;
  height: 100%;
  width: 1.5rem;
  display: block;
}

#attachmentStatus polyline{
  stroke: var(--lightblue);
  stroke-dasharray: 573.8178100585938;
  stroke-dashoffset: 573.8178100585938;
  -webkit-transition: stroke-dashoffset .3s ease-out;
  -moz-transition: stroke-dashoffset .3s ease-out;
  -o-transition: stroke-dashoffset .3s ease-out;
  transition: stroke-dashoffset .3s ease-out;
}

#attachmentStatus.loaded polyline{
  stroke: var(--lightblue);
  stroke-dashoffset: 0;
}


.domanda{
  cursor: pointer;
}
.domanda .befterSans{
  color: var(--blue);
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  font-weight: 900;
  text-transform: uppercase;
}
.domanda[aria-expanded=true] .befterSans,
.domanda:hover .befterSans {
  color: var(--lightblue);
}
.read-more{
  flex-shrink: 0;
}
.read-more::before {
  content: "+";
}
.domanda[aria-expanded=true] .read-more::before {
  content: "-";
}
.labelsContainer .titleLev5{
  font-family: 'BefterSans';
}
#allegaBtn{
  color: var(--white);
}
#allegaBtn:hover{
  color: var(--blue);
}
#curriculumText, .colorParagraph{
  font-size: .81rem;
}
#candidatureForm.myForm textarea.form-control {
  padding: .5em 0;
}
/* =============== STORIA SLIDER =============== */

#sostenibilita .sostenibilitaTextContainer{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

#sostenibilitaSlider{
  position: relative;
  height: 100%;
}

#sostenibilitaSlider .splide__arrow{
  width: 100%;
  height: 5rem;
  border-radius: 0;
  opacity: 0;
  left: 0;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}

#sostenibilitaSlider .splide__arrow--prev {
  top: 0;
}

#sostenibilitaSlider .splide__arrow--next {
  bottom: 0;
}

#sostenibilitaSlider .swiper-slide {
  position: relative;
}

#sostenibilitaSlider.splide .splide__slide{
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

#sostenibilitaSlider.splide .splide__slide .imgContainer{
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
}

#sostenibilitaSlider.splide .splide__slide img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* =============== MARQUEE =============== */

#deliveryMarquee{
  background-color: #00A082;
}

#deliveryMarquee .marquee {
  overflow: hidden;
  display: flex;
  color: var(--white);
}

#deliveryMarquee .marquee > span{
  display: block;
  flex: 0 0 auto;
  letter-spacing: 2.25px;
  font-weight: 400;
  padding: .3em;
}

#deliveryMarquee .marquee > span.withTransition:first-child{
  -webkit-transition: margin 1s linear;
  -moz-transition: margin 1s linear;
  -o-transition: margin 1s linear;
  transition: margin 1s linear;
}

#deliveryMarquee .marquee > span > img{
  height: .9em;
  position: relative;
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
}


/* =============== ASPORTO =============== */

#asporto .resizer{
  position: relative;
  width: 80%;
  margin: 0 auto;
}

#asporto .resizer .videoContainer{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

#asporto .resizer .videoContainer video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1199px){
}
@media (max-width: 991px){

  #sostenibilitaSlider{
    margin: 0 -15px;
  }

  #sostenibilitaSlider .splide__arrow{
    top: 0;
    bottom: initial;
    height: 100%;
  }

  #sostenibilitaSlider .splide__arrow--prev{
    right: initial;
    left: 0;
  }

  #sostenibilitaSlider .splide__arrow--next{
    right: 0;
    left: initial;
  }

  #sostenibilitaSlider.splide .splide__slide .resizer{
    width: calc(100% - 1rem);
    margin: 0 auto;
  }
}
@media (max-width: 767px){
  #lookingfor .applicationChooser .customBtn{
    flex: 0 0 100%
  }

  #asporto .resizer{
    width: 100%;
  }
}
@media (max-width: 575px){
  
  #sostenibilitaSlider .splide__arrow {
    width: 3rem;
  }
}

@media (min-width: 576px){
}
@media (min-width: 768px){

  #sostenibilitaSlider .splide__arrow {
    width: 7rem;
  }
}
@media (min-width: 992px){
  
  #sostenibilitaSlider.splide .splide__slide{
    margin-bottom: 1.5rem;
  }

  #sostenibilitaSlider .splide__arrow{
    width: 100%;
  }
}
@media (min-width: 1200px){
}
@media (min-width: 1800px){
}
@media (min-width: 2600px){
}