@import url(reset.css);
.h0, .h1, .h2, .h4 {
  font-family: ivymode, sans-serif;
  font-weight: 600;
  font-style: normal; }

.h0 {
  font-size: 200px;
  line-height: 155px; }
  @media screen and (max-width: 1024px) {
    .h0 {
      font-size: 180px;
      line-height: 150px; } }
  @media screen and (max-width: 768px) {
    .h0 {
      font-size: 110px;
      line-height: 90px; } }

.h1 {
  font-size: 72px; }
  @media screen and (max-width: 768px) {
    .h1 {
      font-size: 50px;
      line-height: 75px; } }

.h2 {
  font-size: 16px; }
  @media screen and (max-width: 768px) {
    .h2 {
      font-size: 25px; } }

.h3 {
  font-family: poynter-gothic-text, sans-serif;
  line-height: 16px;
  font-weight: 300;
  font-style: normal;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
    .h3 {
      font-size: 14px; } }

.h4 {
  font-size: 36px; }

.h5 {
  font-family: poynter-gothic-text, sans-serif;
  line-height: 16px;
  font-weight: 300;
  font-style: normal;
  font-size: 12px; }
  @media screen and (max-width: 768px) {
    .h5 {
      font-size: 11px; } }

.bold {
  font-weight: 700; }

.light {
  color: #F8E9D1; }

.dark {
  color: #003C8B; }

.red {
  color: #ff5e5e; }

.uppercase {
  text-transform: uppercase; }

.menu {
  width: 20vw;
  height: 100%;
  position: fixed;
  right: 20px;
  top: 0;
  bottom: 0;
  z-index: 11;
  background-color: #F8E9D1;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .menu {
      width: 25vw; } }
  @media screen and (max-width: 768px) {
    .menu {
      width: 100vw;
      right: 0;
      top: 0;
      -webkit-transform: translateX(120%);
              transform: translateX(120%);
      text-align: center;
      display: flex;
      justify-content: center; } }
  .menu_grid {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 70px; }
    @media screen and (max-width: 768px) {
      .menu_grid {
        padding: 60px 100px 140px;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center; } }
    .menu_grid svg {
      fill: #F8E9D1;
      cursor: pointer; }
    .menu_grid p {
      padding: 8px 0; }
      .menu_grid p a {
        text-decoration: none;
        -webkit-transition: all ease .4s;
        transition: all ease .4s;
        position: relative; }
        .menu_grid p a:after {
          content: '';
          position: absolute;
          top: 100%;
          height: 1px;
          background-color: #BF3F3F;
          left: 50%;
          width: 0;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transition: all ease .4s;
          transition: all ease .4s; }
        .menu_grid p a:hover {
          color: #BF3F3F; }
          .menu_grid p a:hover:after {
            width: 100%; }
        .menu_grid p a.active {
          color: #BF3F3F;
          border-bottom: 1px solid #BF3F3F; }
    .menu_grid .social {
      position: absolute;
      bottom: 80px;
      right: 50px;
      display: flex; }
      @media screen and (max-width: 768px) {
        .menu_grid .social {
          bottom: 60px;
          right: 50%;
          left: 50%;
          justify-content: center; } }
      .menu_grid .social svg {
        margin: 0 5px;
        fill: #BF3F3F; }
        .menu_grid .social svg:hover {
          fill: #003C8B; }
        @media screen and (max-width: 768px) {
          .menu_grid .social svg {
            margin: 0 15px; } }

footer {
  width: 40vw;
  height: 40px;
  background-color: #6FA4E0;
  left: 0;
  bottom: 0;
  position: fixed;
  z-index: 15; }

.footer_cont {
  width: 100%;
  height: 100%;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .footer_cont {
      width: 70vw; } }
  @media screen and (max-width: 768px) {
    .footer_cont {
      width: 100vw; } }
  .footer_cont_grid {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 100px;
    background-color: #6FA4E0; }
    @media screen and (max-width: 768px) {
      .footer_cont_grid {
        padding: 0 30px;
        justify-content: space-between; } }
    .footer_cont_grid p:nth-of-type(2) {
      padding-left: 40px; }
      @media screen and (max-width: 1024px) {
        .footer_cont_grid p:nth-of-type(2) {
          padding-left: 60px; } }
      @media screen and (max-width: 768px) {
        .footer_cont_grid p:nth-of-type(2) {
          padding-left: 0; } }
    .footer_cont_grid p:last-of-type {
      padding-left: 40px; }
      @media screen and (max-width: 1024px) {
        .footer_cont_grid p:last-of-type {
          padding-left: 60px; } }
      @media screen and (max-width: 768px) {
        .footer_cont_grid p:last-of-type {
          padding-left: 0; } }
    .footer_cont_grid p a {
      text-decoration: none; }
      .footer_cont_grid p a:hover {
        color: #003C8B; }

.bar {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(98%);
          transform: translateX(98%);
  z-index: 8;
  background-color: #F8E9D1; }
  @media screen and (max-width: 768px) {
    .bar {
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      top: 70px;
      height: 40vh; } }
  .bar_slideshow {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .bar_slideshow_box {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0;
      -webkit-transition: all ease .4s;
      transition: all ease .4s;
      top: 0;
      left: 0; }
      .bar_slideshow_box.active {
        opacity: 1; }
      .bar_slideshow_box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .bar_slideshow_dots {
      width: 100%;
      position: absolute;
      left: 25px;
      bottom: 60px; }
      @media screen and (max-width: 768px) {
        .bar_slideshow_dots {
          left: 10px;
          bottom: 10px; } }
      .bar_slideshow_dots_grid {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex; }
        .bar_slideshow_dots_grid .js-dot {
          height: 12px;
          width: 12px;
          margin: 0 5px;
          border: 1px solid #6FA4E0;
          background-color: #F8E9D1;
          border-radius: 50%;
          cursor: pointer; }
          .bar_slideshow_dots_grid .js-dot.active {
            background-color: #6FA4E0; }
          @media screen and (max-width: 768px) {
            .bar_slideshow_dots_grid .js-dot {
              padding: 8px; } }

.bar_menu {
  width: 20vw;
  height: 100vh;
  right: calc(20vw + 20px);
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #BF3F3F;
  padding: 70px 30px 10px 30px;
  display: flex;
  flex-direction: column; }
  .bar_menu.stuck {
    overflow-y: hidden; }
  @media screen and (max-width: 1200px) {
    .bar_menu {
      width: 25vw;
      padding: 70px 50px 10px 30px; } }
  @media screen and (max-width: 1024px) {
    .bar_menu {
      width: 35vw;
      padding: 70px 70px 10px 30px; } }
  @media screen and (max-width: 768px) {
    .bar_menu {
      width: 100vw;
      top: calc(70px + 40vh);
      right: 0;
      padding: 70px 30px 10px 30px; } }
  .bar_menu_col_nav {
    display: flex;
    flex-direction: column;
    padding-top: 40px; }
    .bar_menu_col_nav p {
      padding: 5px 0;
      cursor: pointer; }
      .bar_menu_col_nav p span {
        padding: 0 5px; }
      .bar_menu_col_nav p:hover {
        color: #F8E9D1;
        -webkit-transition: all ease-in-out .4s;
        transition: all ease-in-out .4s; }
        .bar_menu_col_nav p:hover svg {
          fill: #F8E9D1;
          -webkit-transform: translateX(-3px);
                  transform: translateX(-3px);
          -webkit-transition: all ease-in-out .4s;
          transition: all ease-in-out .4s; }
      .bar_menu_col_nav p.active {
        color: #F8E9D1; }
        .bar_menu_col_nav p.active svg {
          fill: #F8E9D1; }
    .bar_menu_col_nav svg {
      fill: #003C8B; }
  .bar_menu_col:last-of-type {
    margin-top: 30px; }
  .bar_menu_col p:first-of-type {
    padding-bottom: 20px; }

.bar_pranzo {
  width: 20vw;
  height: 100%;
  right: calc(40vw + 20px);
  top: 0;
  padding: 70px 30px 10px 30px;
  position: fixed;
  pointer-events: all;
  z-index: 1;
  -webkit-transform: translateX(400%);
          transform: translateX(400%);
  background-color: #418B5D;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1024px) {
    .bar_pranzo {
      width: 23vw; } }
  @media screen and (max-width: 768px) {
    .bar_pranzo {
      position: fixed;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      width: 95vw;
      top: 0;
      right: 0;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      padding: 30px 20px 60px; } }
  .bar_pranzo::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120%;
    height: 200%;
    z-index: -1;
    background-color: #418B5D;
    -webkit-transform: skew(15deg);
            transform: skew(15deg); }
    @media screen and (max-width: 768px) {
      .bar_pranzo::before {
        width: 0;
        height: 0; } }
  .bar_pranzo_grid {
    width: 100%;
    height: 100%; }
    .bar_pranzo_grid .h1 {
      margin-left: -60px; }
      @media screen and (max-width: 768px) {
        .bar_pranzo_grid .h1 {
          margin-left: 0px; } }
    .bar_pranzo_grid_text {
      -webkit-transform: rotate(-15deg);
              transform: rotate(-15deg);
      margin-left: -150px;
      padding-top: 60px;
      padding-right: 50px; }
      @media screen and (max-width: 768px) {
        .bar_pranzo_grid_text {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          margin-left: 0px;
          padding: 20px 10px 60px 0px; } }
      .bar_pranzo_grid_text p {
        padding-bottom: 20px; }
    .bar_pranzo_grid_orari {
      position: absolute;
      bottom: 10%;
      left: 0; }
      @media screen and (max-width: 768px) {
        .bar_pranzo_grid_orari {
          position: relative; } }
    .bar_pranzo_grid p:first-of-type {
      padding-bottom: 20px; }

.bar_cena {
  width: 20vw;
  height: 100%;
  right: calc(40vw + 20px);
  top: 0;
  position: fixed;
  pointer-events: all;
  z-index: 1;
  -webkit-transform: translateX(400%);
          transform: translateX(400%);
  padding: 70px 30px 10px 30px;
  background-color: #224C42;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1024px) {
    .bar_cena {
      width: 23vw; } }
  @media screen and (max-width: 768px) {
    .bar_cena {
      position: fixed;
      width: 95vw;
      top: 0;
      right: 0;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      padding: 30px 20px;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  .bar_cena::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120%;
    height: 200%;
    z-index: -1;
    background-color: #224C42;
    -webkit-transform: skew(15deg);
            transform: skew(15deg); }
    @media screen and (max-width: 768px) {
      .bar_cena::before {
        width: 0;
        height: 0; } }
  .bar_cena_col {
    width: 100%;
    height: 100%; }
    .bar_cena_col .h1 {
      margin-left: -30px; }
      @media screen and (max-width: 768px) {
        .bar_cena_col .h1 {
          margin-left: 0px; } }
    .bar_cena_col .text {
      -webkit-transform: rotate(-15deg);
              transform: rotate(-15deg);
      margin-left: -150px;
      padding-top: 40px;
      padding-right: 50px; }
      @media screen and (max-width: 768px) {
        .bar_cena_col .text {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          margin-left: 0px;
          padding: 20px 10px 60px 0px; } }
      .bar_cena_col .text_block {
        display: flex; }
      .bar_cena_col .text .barra {
        padding: 0 10px; }
      .bar_cena_col .text p {
        padding-bottom: 20px; }

.close {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
  cursor: pointer; }
  .close:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.giardino {
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 40px;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 12;
  background-color: #F8E9D1; }
  .giardino_slideshow {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .giardino_slideshow_box {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0;
      -webkit-transition: all ease .4s;
      transition: all ease .4s;
      top: 0;
      left: 0; }
      .giardino_slideshow_box.active {
        opacity: 1; }
      .giardino_slideshow_box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .giardino_slideshow_dots {
      width: 100%;
      position: absolute;
      left: 25px;
      bottom: 25px; }
      @media screen and (max-width: 768px) {
        .giardino_slideshow_dots {
          left: 10px;
          bottom: 10px; } }
      .giardino_slideshow_dots_grid {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex; }
        .giardino_slideshow_dots_grid .js-dot {
          height: 12px;
          width: 12px;
          margin: 0 5px;
          border: 1px solid #6FA4E0;
          background-color: #F8E9D1;
          border-radius: 50%;
          cursor: pointer; }
          .giardino_slideshow_dots_grid .js-dot.active {
            background-color: #6FA4E0; }
          @media screen and (max-width: 768px) {
            .giardino_slideshow_dots_grid .js-dot {
              padding: 8px; } }
  @media screen and (max-width: 768px) {
    .giardino {
      top: 70px;
      height: 40vh;
      z-index: -1;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); } }

.giardino_menu {
  width: 20vw;
  height: 100%;
  right: calc(20vw + 20px);
  top: 0;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #003C8B;
  padding: 70px 30px 10px 30px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1200px) {
    .giardino_menu {
      width: 25vw;
      padding: 70px 50px 10px 30px; } }
  @media screen and (max-width: 1024px) {
    .giardino_menu {
      width: 35vw;
      padding: 70px 70px 10px 30px; } }
  @media screen and (max-width: 768px) {
    .giardino_menu {
      width: 100vw;
      top: calc(70px + 40vh);
      right: 0; } }
  .giardino_menu .h1:nth-of-type(2) {
    margin-top: -30px; }
  .giardino_menu .h3 {
    padding-top: 30px; }

.shop {
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 13; }
  .shop img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  @media screen and (max-width: 768px) {
    .shop {
      top: 70px;
      height: 40vh;
      z-index: -1; } }

.shop_menu {
  width: 20vw;
  height: 100%;
  right: calc(20vw + 20px);
  top: 0;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #E67F81;
  padding: 70px 30px 10px 30px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1200px) {
    .shop_menu {
      width: 25vw;
      padding: 70px 50px 10px 30px; } }
  @media screen and (max-width: 1024px) {
    .shop_menu {
      width: 35vw;
      padding: 70px 70px 10px 30px; } }
  @media screen and (max-width: 768px) {
    .shop_menu {
      width: 100vw;
      top: calc(70px + 40vh);
      right: 0; } }
  .shop_menu .h1:nth-of-type(2) {
    margin-top: -30px; }
  .shop_menu .h3 {
    padding-top: 30px; }
    .shop_menu .h3 a:hover {
      color: #003C8B; }

.sopra {
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 40px;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 1;
  background-color: #F8E9D1; }
  .sopra_slideshow {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .sopra_slideshow_box {
      width: 100%;
      height: 100%;
      position: absolute;
      opacity: 0;
      -webkit-transition: all ease .4s;
      transition: all ease .4s;
      top: 0;
      left: 0; }
      .sopra_slideshow_box.active {
        opacity: 1; }
      .sopra_slideshow_box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .sopra_slideshow_dots {
      width: 100%;
      position: absolute;
      left: 25px;
      bottom: 25px; }
      @media screen and (max-width: 768px) {
        .sopra_slideshow_dots {
          left: 10px;
          bottom: 10px; } }
      .sopra_slideshow_dots_grid {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex; }
        .sopra_slideshow_dots_grid .js-dot {
          height: 12px;
          width: 12px;
          margin: 0 5px;
          border: 1px solid #6FA4E0;
          background-color: #F8E9D1;
          border-radius: 50%;
          cursor: pointer; }
          .sopra_slideshow_dots_grid .js-dot.active {
            background-color: #6FA4E0; }
          @media screen and (max-width: 768px) {
            .sopra_slideshow_dots_grid .js-dot {
              padding: 8px; } }
  @media screen and (max-width: 768px) {
    .sopra {
      top: 70px;
      height: 40vh;
      z-index: -99;
      -webkit-transform: translateY(-150%);
              transform: translateY(-150%); } }

.sopra_menu {
  width: 20vw;
  height: 100%;
  right: calc(20vw + 20px);
  top: 0;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #4B4B4B;
  padding: 70px 30px 10px 30px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1200px) {
    .sopra_menu {
      width: 25vw;
      padding: 70px 50px 10px 30px; } }
  @media screen and (max-width: 1024px) {
    .sopra_menu {
      width: 35vw;
      padding: 70px 70px 10px 30px; } }
  @media screen and (max-width: 768px) {
    .sopra_menu {
      width: 100vw;
      top: calc(70px + 40vh);
      right: 0; } }
  .sopra_menu .h1:nth-of-type(2) {
    margin-top: -30px; }
  .sopra_menu .h3 {
    padding-top: 30px; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.cc-window {
  bottom: 0;
  right: 0; }

.cc-message {
  font-family: poynter-gothic-text, sans-serif;
  line-height: 16px;
  font-weight: 300;
  font-style: normal;
  font-size: 12px;
  color: white; }

.cc-link {
  color: white !important; }
  .cc-link:hover {
    color: #003C8B !important; }

.cc-btn, .cc-dismiss {
  font-family: ivymode, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 1px;
  color: white; }

.cc-color-override--702420154 .cc-btn:hover {
  background-color: #BF3F3F !important; }

body {
  background-color: #F8E9D1; }

.main_container {
  width: 100%;
  height: 100vh; }

.home {
  width: 100%;
  height: 100vh;
  background-color: #F8E9D1;
  position: relative;
  overflow: hidden; }
  .home.scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  @media screen and (max-width: 768px) {
    .home {
      /*height: 100%;
      margin-bottom: 40px;*/
      height: initial; } }
  .home_section {
    width: 80vw;
    height: 80vh;
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 1024px) {
      .home_section {
        width: 70vw; } }
    @media screen and (max-width: 768px) {
      .home_section {
        width: 100vw;
        height: auto;
        /*height: 75vh;*/ } }
    .home_section:last-of-type {
      width: 80vw;
      height: 20vh; }
    .home_section_title {
      position: absolute;
      left: 86px;
      bottom: 50px; }
      @media screen and (max-width: 768px) {
        .home_section_title {
          position: relative;
          left: 0;
          bottom: 0;
          padding: 120px 20px 0; } }
      .home_section_title img {
        position: absolute;
        top: -50px;
        left: 10px; }
        @media screen and (max-width: 768px) {
          .home_section_title img {
            top: 75px;
            left: 25px; } }
      .home_section_title .h0 {
        max-width: 300px; }
    .home_section_time {
      position: absolute;
      left: 70%;
      bottom: 50px; }
      .home_section_time .h2 {
        padding-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .home_section_time {
          position: relative;
          left: 0;
          bottom: 0;
          padding: 30px 20px 0; } }
    .home_section_info {
      width: 100%;
      height: 100%;
      padding: 50px 100px;
      display: flex;
      position: relative; }
      .home_section_info p:first-of-type {
        position: absolute;
        left: 100px; }
        @media screen and (max-width: 768px) {
          .home_section_info p:first-of-type {
            position: relative;
            left: 0;
            padding: 5px 0; } }
      .home_section_info p:nth-of-type(2) {
        position: absolute;
        left: 45%; }
        @media screen and (max-width: 1024px) {
          .home_section_info p:nth-of-type(2) {
            position: absolute;
            left: 55%; } }
        @media screen and (max-width: 768px) {
          .home_section_info p:nth-of-type(2) {
            position: relative;
            left: 0;
            padding: 5px 0; } }
      .home_section_info p:last-of-type {
        position: absolute;
        left: 70%; }
        @media screen and (max-width: 1024px) {
          .home_section_info p:last-of-type {
            left: 80%; } }
        @media screen and (max-width: 768px) {
          .home_section_info p:last-of-type {
            position: relative;
            left: 0;
            padding: 5px 0; } }
      .home_section_info p a {
        color: #003C8B; }
        .home_section_info p a:hover {
          color: #BF3F3F; }
      @media screen and (max-width: 768px) {
        .home_section_info {
          padding: 0px 20px;
          flex-direction: column;
          margin-top: 2em;
          margin-bottom: 5em; } }
  .home .frida_path {
    fill: #F8E9D1;
    display: none; }
    @media screen and (max-width: 768px) {
      .home .frida_path {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 150; } }

.menu_close {
  display: none; }
  @media screen and (max-width: 768px) {
    .menu_close {
      display: block;
      width: 35px;
      height: 35px;
      position: fixed;
      top: 20px;
      right: 20px;
      opacity: 0;
      z-index: 100; }
      .menu_close path {
        fill: #BF3F3F;
        stroke: #F8E9D1; } }

.frida_logo {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  left: 20px;
  opacity: 0;
  z-index: 15;
  cursor: pointer; }

.sfondo {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F8E9D1;
  opacity: 0;
  z-index: 1; }

.blue_stripe {
  width: 20px;
  height: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #6FA4E0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20; }
  @media screen and (max-width: 768px) {
    .blue_stripe {
      display: none; } }