#block-primopianodinamico {
  margin-bottom: 2.5rem;
}
.align-middle {
  align-items: center;
}
.align-right {
  justify-content: flex-end;
}

.highlight--hero {
  min-height: 47vh;
  margin: 0 auto;
  position: relative;
  width: 100%;
  background: #001623;
}
@media screen and (min-width: 48rem) {
 .highlight--hero {
  min-height:32.5rem
 }
}
@media screen and (min-width: 64rem) {
 .highlight--hero {
  min-height:40.5rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight--hero {
  min-height:40.5rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight--hero {
  min-height:47rem
 }
}
@media screen and (min-width: 0) {
 .highlight--hero .highlight__info__padding {
  padding:0 1.125rem
 }
}
@media screen and (min-width: 48rem) {
 .highlight--hero .highlight__info__padding {
  padding:0 1.75rem
 }
}
@media screen and (min-width: 64rem) {
 .highlight--hero .highlight__info__padding {
  padding:0 2.625rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight--hero .highlight__info__padding {
  padding:0 3.375rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight--hero .highlight__info__padding {
  padding:0 5.125rem
 }
}
@media screen and (min-width: 0) {
 .highlight--hero .highlight__info__label {
  font-size:1rem
 }
}
@media screen and (min-width: 48rem) {
 .highlight--hero .highlight__info__label {
  font-size:1.125rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight--hero .highlight__info__label {
  font-size:1.25rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight--hero .highlight__info__label {
  font-size:1.875rem
 }
}

.highlight--hero .highlight__info__title {
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:4;
 -webkit-box-orient:vertical;
 text-overflow:ellipsis;
 margin-bottom:.75rem
}
@media(min-width: 23.4375rem) {
 .highlight--hero .highlight__info__title {
  margin-bottom:.75rem
 }
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__info__title {
  margin-bottom:.5rem
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__info__title {
  margin-bottom:.875rem
 }
}
@media screen and (min-width: 0) {
 .highlight--hero .highlight__info__title {
  font-size:2rem
 }
}
@media screen and (min-width: 48rem) {
 .highlight--hero .highlight__info__title {
  font-size:2.5rem
 }
}
@media screen and (min-width: 64rem) {
 .highlight--hero .highlight__info__title {
  font-size:3rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight--hero .highlight__info__title {
  font-size:3.5rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight--hero .highlight__info__title {
  font-size:5rem
 }
}

.highlight__info__label {
  font-weight: 600;
}
.highlight__info__label, .highlight__info__subtitle, .highlight__info__title {
  color: #fff;
}

.highlight__info__title {
 font-weight:700;
 line-height:1.25em
}
@media screen and (min-width: 64em) {
 .highlight__info__title {
  line-height:1.15em
 }
}

.highlight__info__features {
 font-weight:600;
 color: #B1B7BB;
}
@media screen and (min-width: 0) {
 .highlight--hero .highlight__info__features {
  font-size:1rem
 }
}
@media screen and (min-width: 48rem) {
 .highlight--hero .highlight__info__features {
  font-size:1.125rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight--hero .highlight__info__features {
  font-size:1.25rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight--hero .highlight__info__features {
  font-size:1.875rem
 }
}


.highlight__info__subtitle {
 margin:1.5rem 1.125rem 1.125rem 0
}
@media(min-width: 48rem) {
 .highlight__info__subtitle {
  margin:1.125rem 1.125rem 1.125rem 0
 }
}
@media screen and (min-width: 0) {
 .highlight__info__subtitle {
  font-size:.875rem
 }
}
@media screen and (min-width: 48rem) {
 .highlight__info__subtitle {
  font-size:1rem
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight__info__subtitle {
  font-size:1.125rem
 }
}
@media screen and (min-width: 120rem) {
 .highlight__info__subtitle {
  font-size:1.5rem
 }
}
@media screen and (min-width: 0) {
 .highlight__info__subtitle {
  line-height:1.4
 }
}
@media screen and (min-width: 48rem) {
 .highlight__info__subtitle {
  line-height:1.5
 }
}
@media screen and (min-width: 90.0625rem) {
 .highlight__info__subtitle {
  line-height:1.4
 }
}
@media screen and (min-width: 120rem) {
 .highlight__info__subtitle {
  line-height:1.3
 }
}
.highlight--hero .highlight__info__subtitle {
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:4;
 -webkit-box-orient:vertical;
 text-overflow:ellipsis
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__info__subtitle {
  margin-top:.75rem
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__info__subtitle {
  margin-top:1.375rem
 }
}
.highlight--bullet .highlight__info__subtitle {
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 text-overflow:ellipsis;
 margin-top:.625rem
}
@media(min-width: 90.0625rem) {
 .highlight--bullet .highlight__info__subtitle {
  margin-top:.875rem
 }
}

.highlight__info__label__type {
 text-transform:uppercase
}
a.highlight__info__label__type {
 text-decoration: none !important;
}
a.highlight__info__label__type:hover, a.highlight__info__label__type:active {
 text-decoration: none !important;
 border-bottom: 2px solid #FFFFFF;
 color: #FFFFFF !important;
}
.highlight__info__label__text {
 display:block
}
@media(min-width: 48rem) {
 .highlight__info__label__text {
  display:inline
 }
}
.highlight__info__label__text::before {
 content:none
}
@media(min-width: 48rem) {
 .highlight__info__label__text::before {
  content:"\2022";
  display:inline;
  position:relative;
  font-size:.875rem;
  top:-.125rem;
  right:0;
  left:.375rem;
  margin-right:1rem
 }
}
@media(min-width: 64rem) {
 .highlight__info__label__text::before {
  font-size:1rem;
  top:0
 }
}
@media(min-width: 90.0625rem) {
 .highlight__info__label__text::before {
  font-size:1.25rem;
  top:-.25rem
 }
}


.highlight__info__buttons {
 margin-top:1.25rem
}
.highlight--hero .highlight__info__buttons {
 margin-top:1.875rem;
 justify-content:center
}
.highlight--hero .highlight__info__buttons {
 margin-top:1.875rem;
 justify-content:center
}
.highlight--hero .highlight__info__buttons .highlight__play {
 flex:0 0 100%
}
.highlight--hero .highlight__info__buttons .highlight__play~* {
 margin-top:1rem
}
.highlight--hero .highlight__info__buttons .highlight__play+* {
 margin-left:0
}
@media(min-width: 23.4375rem) {
 .highlight--hero .highlight__info__buttons {
  margin-top:1.75rem
 }
}
@media(min-width: 40rem) {
 .highlight--hero .highlight__info__buttons {
  justify-content:flex-start
 }
 .highlight--hero .highlight__info__buttons .highlight__play {
  flex:0 0 auto
 }
 .highlight--hero .highlight__info__buttons .highlight__play~* {
  margin-top:0;
  margin-left:1rem
 }
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__info__buttons {
  margin-top:.625rem;
  justify-content:flex-start
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__info__buttons {
  margin-top:1.375rem
 }
}
.highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple {
 display:block
}
.highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple .highlight__play,
.highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple .highlight__go {
 margin-bottom:.5rem
}
.highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple .highlight__more-info {
 display:none;
 margin-bottom:.5rem
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple .highlight__more-info {
  display:flex
 }
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__info__buttons.highlight__info__buttons--multiple {
  display:flex
 }
}


.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
 flex:0 0 auto;
 min-height:0;
 min-width:0;
 width:100%
}

@media (min-width: 90.0625rem) 
  .highlight--hero .highlight__image {
    max-width: 80%;
  }
@media (min-width: 64rem)
  .highlight--hero .highlight__image {
    max-width: 84%;
    margin-top: -38px;
  }
@media (min-width: 48rem)
  .highlight--hero .highlight__image {
    max-width: 68%;
  }
.highlight--hero .highlight__image {
  max-width: 100%;
  position: relative;
  font-size: 0;
}
.grid-x > .shrink {
  width: auto;
}
.cell.shrink {
  flex: 0 0 auto;
}
.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
@media (min-width: 64rem)
  .highlight--hero .highlight__image picture {
    padding-left: 0;
  }
@media (min-width: 48rem)
  .highlight--hero .highlight__image picture {
    padding-left: 0;
  }
.highlight__image img {
 vertical-align:initial
}
.highlight__image {
 position:relative;
 width:auto;
 height:auto;
 float:right;
 overflow:hidden
}
.highlight--hero .highlight__image {
 max-width:100%;
 position:relative;
 font-size:0
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__image {
  max-width:68%
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__image {
  max-width:84%;
  margin-top:-38px
 }
}
@media(min-width: 90.0625rem) {
 .highlight--hero .highlight__image {
  max-width:80%
 }
}
@media(min-width: 120rem) {
 .highlight--hero .highlight__image {
  max-width:74%
 }
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__image::after {
  content:"";
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  background-image:linear-gradient(to right, #001623, rgba(0, 22, 35, 0.5) 25%, rgba(0, 22, 35, 0) 40%)
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__image::after {
  background-image:linear-gradient(to left, rgba(0, 22, 35, 0), rgba(0, 22, 35, 0.2) 50%, #001623)
 }
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__image picture {
  padding-left:0
 }
}
@media(min-width: 64rem) {
 .highlight--hero .highlight__image picture {
  padding-left:0
 }
}
.highlight--hero .highlight__image picture::after {
 content:"";
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 background-image:linear-gradient(to bottom, rgba(0, 22, 35, 0) 50%, rgba(0, 22, 35, 0.6) 75%, #001623 95%)
}
@media screen and (min-width: 80em) 
  .highlight--parallax {
    animation-name: parallaxRight;
    animation-duration: 1.3s;
    position: relative;
    animation-timing-function: ease-out;
    animation-delay: 0.50s;
    opacity: 0;
    transition: opacity 1.3s;
    animation-fill-mode: forwards;
  }
img.highlight--parallax {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  border-style: none;
}
.highlight--hero .highlight__image picture::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 22, 35, 0) 50%, rgba(0, 22, 35, 0.6) 75%, #001623 95%);
}
.highlight--hero .highlight__image::after {
  background-image: linear-gradient(to left, rgba(0, 22, 35, 0), rgba(0, 22, 35, 0.2) 50%, #001623);
}
@media (min-width: 48rem) {
  .highlight--hero .highlight__image::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #001623, rgba(0, 22, 35, 0.5) 25%, rgba(0, 22, 35, 0) 40%);
  }
}
.highlight--hero .highlight__info {
  position: static;
  order: 1;
  margin-bottom: 3.125rem;
  margin-top: -8.75rem;
  z-index: 1;
}
@media(min-width: 48rem) {
 .highlight--hero .highlight__info {
  position:absolute;
  float:left;
  margin-top:0
 }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
 .highlight--hero .highlight__info {
  position:absolute;
  left:0;
  transform:translateY(-50%)
 }
}
@media(min-width: 64rem) {
 .highlight__info {
  position:absolute;
  float:left;
  z-index:1
 }
}
.highlight__info {
  position: absolute;
  z-index: 1;
  width: 100%;
}
@media (min-width: 64rem) {
  .highlight__info {
    position: absolute;
    float: left;
    z-index: 1;
  }
}
.highlight__info {
  order: 1;
  margin-bottom: 3.125rem;
}
.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
@media screen and (min-width: 61.25em) {
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 61.25em) {
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 61.25em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 90.0625rem) {
  .highlight--hero .highlight__info__padding {
    padding: 0 3.375rem;
  }
}
@media screen and (min-width: 64rem) {
  .highlight--hero .highlight__info__padding {
    padding: 0 2.625rem;
  }
}
@media screen and (min-width: 48rem) {
  .highlight--hero .highlight__info__padding {
    padding: 0 1.75rem;
  }
}
@media screen and (min-width: 0px) {
  .highlight--hero .highlight__info__padding {
    padding: 0 1.125rem;
  }
}
@media screen and (min-width: 40em) {
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 40em) {
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}

.highlight--hero .btn-view, .highlight--hero .btn-view:active {
    margin-left: 0;
    color: #0F171E;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.highlight__play > a {
    padding: 0.3rem 0.6rem 0.3rem 0.3rem;
    font-weight: 500;
}
.highlight--hero .btn-view:hover {
    margin-left: 0;
    color: #000000;
    background-color: #CDCDCD;
    border-color: #CDCDCD;
}