@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700');

:root{--color-1: #FFF;--color-2: #1f3c5c;--color-3:#c3a068}

@font-face {
  font-family: 'GoudyOlStBTWXX-Bold';
  src: url(/cdn/shop/t/2/assets/GoudyOlStBTWXX-Bold.woff2?v=147609474657160654901589304252) format('woff2');
}
@font-face {
  font-family: 'GoudyOlStBTWXX-Roman';
  src: url(/cdn/shop/t/2/assets/GoudyOlStBTWXX-Roman.woff2?v=68775247507956149641589304269) format('woff2');
}

*{box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;outline: none;}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,ul,li,form,label,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}
html,body{
  height:100%;
  width:100%;
  font-family: "GoudyOlStBTWXX-Roman";
  -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    color: var(--color-2)
}
#prodotti{
  width:100%;
}
.pre-col{
  font-size:0;
}
.pre-col > *{
  display:inline-block;
  vertical-align:middle;
}
.col-2{
  width:50%;
}
.col-3{
  width:33.3333%;
}
.col-4{
  width:25%;
}
.col-30{
  width:30%;
}
.col-70{
  width:70%;
}
.container{
  width:1170px;
  margin:0 auto;
}
nav{
  width:100%;
  padding:0 50px;
  position:fixed;
  top:0;
  z-index:3;
  transition:all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo{
  width:130px;
  height:auto;
  padding:20px 0;
}
.bag{
  width:25px;
  height:auto;
}
.nav-white{
  background-color:var(--color-1);
}
.nav-cart{
  background-color:var(--color-1);
}
.ly-custom-0{
	margin-right: 3rem;
}
.ly-custom-0 li, .ly-custom-0 span{
	transition: all .3s ease-in-out;
  	margin: 0!important;
}
.ly-custom-0 ul{
	border: 1px solid #c7c9c5!important;
  	transition: background-color .3s ease-in-out;
}
.nav-white li{
	background-color: var(--color-1)!important;
}
.nav-white span,
.nav-white li{
	color: var(--color-2);
}
.nav-cart span,
.nav-cart li{
	color: var(--color-2);
  	background-color: var(--color-1);
}
.ly-custom-dropdown-current-inner,
.ly-custom-0 li{
  padding: 1rem .5rem!important;
}

.nav-cart .ly-custom-0 path,
.nav-white .ly-custom-0 path{
	stroke: var(--color-2);
}
.l-cart{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
header{
  width:100%;
  height:80vh;
  overflow:hidden;
  position: relative
}
.center{
  display:table-cell;
  vertical-align:middle;
}
.home-logo{
  width:400px;
  height:auto;
  opacity:1;
  margin: 0 auto
}

#about{
  width:100%;
  padding:150px 0;
  background-color:var(--color-2);
  background-image:url(/cdn/shop/t/2/assets/about.jpg?v=93860054386567747351532081169);
  background-size:cover;
  background-position:bottom;
  background-attachment: fixed;
}
.about{
  width:70%;
  margin:0 auto;
}
.about > div{
  width:100%;
  height:120px;
}
.about-point{
  width:50%;
}
.about div:nth-child(even) .about-point{
  float:right;
  padding-left:20px;
}
.about div:nth-child(odd) .about-point{
  padding-right:20px;
}
.about > div .about-title{
  font-size:18px;
  color:var(--color-1);
  font-family:"GoudyOlStBTWXX-Bold";
  text-transform:uppercase;
  padding-bottom:25px;
  position:relative;
  display:inline-block;
}
.about-title:after {
    content:"";
    background: var(--color-3);
    position: absolute;
    height: 3px;
    width: 150px;
    display: block;
    margin-top: 10px;
}
.about-title:before{
  content: "";
  background-size: cover;
  position: absolute;
  height: 50px;
  width: 50px;
  display:inline-block;
  left:-70px;
  top:-15px;
}
.intuizione:before{
  background-image:url("/cdn/shop/t/2/assets/idea.png?v=82806011007946147861531958942");
}
.about div:nth-child(2) .about-title:before{
  background-image:url("/cdn/shop/t/2/assets/coliseum.png?v=50276629854178421331531958941");
}
.about div:nth-child(3) .about-title:before{
  background-image:url("/cdn/shop/t/2/assets/vip.png?v=136514213306754257831585670246");
}
.about div:nth-child(4) .about-title:before{
  background-image:url("/cdn/shop/t/2/assets/ball-of-wool.png?v=91827880980762781351531958941");
}
.about div:nth-child(5) .about-title:before{
  background-image:url("/cdn/shop/t/2/assets/logo-w.png?v=5623479771885665401531961282");
}
.about-description{
  font-size:16px;
  color:var(--color-1);
  padding-right:50px;
  line-height:20px;
}
.about > div:last-child{
  height:auto;
}
.about > div:last-child > *{
  vertical-align:bottom;
}
.misure{
  width:70%;
  height:auto;
}

.prodotto{
  width:100%;
  padding:150px 0;
}

.prodotto:nth-of-type(even) {
  	background-color:var(--color-1);
}

.prodotto:nth-of-type(odd) {
  background-color:var(--color-2);
  color:var(--color-1);  	
}


.info-prodotto{
  width:70%;
  position:relative;
}
.prodotto.tipo1 .info-prodotto{
  float:right;
  padding-right:50px;
}
.prodotto.tipo2 .info-prodotto{
  float:left;
  margin-left:80px;
}
.descrizione h2{
  font-size:34px;
  font-family:"GoudyOlStBTWXX-Bold"
}
.prezzo p{
  color:var(--color-3);
  font-size:28px;
  margin-bottom:40px;
  position:relative;
  overflow:hidden;
}
.descrizione p:nth-child(3){
  margin:30px 0 40px;
}
.descrizione p{
  font-size:1rem;
  line-height:20px;
  padding-right:20px;

}
.prezzo p::after{
  display:inline-block;
  content:"";
  height:1px;
  background:var(--color-3);
  position:absolute;
  width:100%;
  top:50%;
  margin-left:20px;
}
.tipo2 .prezzo p::after{
  display:inline-block;
  content:"";
  height:1px;
  background:var(--color-3);
  position:absolute;
  width:100%;
  top:50%;
  margin-left:20px;
}
.addToCart{
  font-size:24px;
  text-decoration: underline;
  font-style:italic;
  color:var(--color-3);
  background:none;
  border:none;
  outline:none;
  cursor:pointer;
  margin-top:30px;
}
.tipo2 .addToCart{
  color:var(--color-3);
}
.slide-photo{
  width:100%;
  height:auto;
}
.tipo1 .slide-photo{
  padding-right:30px;
}
.tipo2 .slide-photo{
  padding-left:30px;
}
.slider{
  height:100%;
}
.tipo2 .slider div{
  float:right;
}
.product_img-1{
  width:calc(100% - 150px);
}
.product_img-2{
  width:calc(50% - 150px);
}
.product_img-3{
  width:calc(33.33333% - 150px);
}
.product_img-4{
  width:calc(25% - 150px);
}
.product_img-5{
  width:calc(20% - 150px);
}
.prodotto .col-2:last-child{
  overflow:hidden;
  position:relative;
}
.prodotto .col-2:first-child{
  overflow:hidden;
  position:relative;
}
.cont i{
  display:none;
}
.arrow{
  position:absolute;
  top:calc(50% - 40px);
  width:80px;
  height:80px;
  background-color:var(--color-1);
  cursor:pointer;
}
.tipo2 .arrow{
  right:0;
}
.arrow img{
  position:absolute;
  top:calc(50% - 15px);
  left:calc(50% - 15px);
  margin:0 auto;
  width:30px;
  height:auto;
}
.disabled{
  display:none!important;
}
.slider{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.soldOut{
	cursor:default;
  font-family: "GoudyOlStBTWXX-Roman";
}


#instagram{
  width:100%;
  padding:100px 0;
}
#instagram a{
  text-decoration: none;
  color:var(--color-2);
}
#instagram p{
  font-size:22px;
  text-align: center;
  margin-bottom:20px;
}
#instagram .col-4 div{
  height:50%;
}
#instagram .col-2 div,#instagram .col-4 div{
  padding:10px;
}
#instagram img{
  width:100%;
  height:auto;
}
footer{
  width:100%;
  background-color:var(--color-2);
  color: var(--color-1)
}
footer p{
  font-size:14px;
  padding:20px 0;
}
.spedizione{
  padding-top:20px;
  line-height:20px;
  font-size:14px;
  width:100%;
}
.social,.info{
	display:inline-block;
}
.info{
  width:80%;
}
.social{
  width:20%;
  text-align:right;
}
.social a{
  font-size:12px;
  padding:0 5px;
  color:var(--color-1);
}
.social p{
  display:inline-block;
  padding-right:7px;
}
.info a{
  color:var(--color-1);
}


#cart{
  width:100%;
  min-height:90vh;
  padding:150px 100px;
}
#cart h2{
  font-size:42px;
  letter-spacing:5px;
  text-align:center;
  text-transform:uppercase;
  margin-bottom:100px;
  font-family:"GoudyOlStBTWXX-Bold"
}
#cart-menu{
  width:100%;
  border-bottom:1px solid var(--color-3);
  padding-left:20px;
}
#cart-menu > *{
  font-size:16px;
}
.menu{
  display:inline-block;
  padding-bottom:10px;
  font-size:14px;
  text-transform:uppercase;
  font-family:"GoudyOlStBTWXX-Bold"
  opacity:0.5;
}
span.menu-sx:nth-child(1){
  width:30%;
}
span.menu-sx:nth-child(2){
  padding-left:20px;
}
span.menu-dx{
  width:20%;
  float:right;
  display:inline-block;
  text-align:center;
}
.product-cart{
  margin-top:25px;
  padding-bottom:25px;
  padding-left:20px;
  border-bottom:1px solid var(--color-3);
}
.product-cart > *{
  display:inline-block;
  vertical-align:middle;
}
.product-cart-img{
  width:30%;
}
.product-cart-img img{
  width:100%;
}
.cart-remove{
  display:inline-block;
  font-size:20px;
  vertical-align:middle;
}
.product-cart-title{
  padding-left:25px;
  width:50%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.product-cart-title span:first-child{
  text-transform:uppercase;
  font-family:"GoudyOlStBTWXX-Bold"
  display:block;
}
.cart-description{
  display:block;
  padding-top:5px;
  font-size:14px !important;
  line-height:18px;
}
.product-cart-price,.product-cart-quantity,.product-cart-variant{
  width:20%;
  float:right;
}
.product-cart-remove{
  position:absolute;
  display:inline-block;
  right:0;
  top:calc(50% - 10px);
}
.product-cart-remove a{
  color:var(--color-2);
}
.product-cart .col-2:last-child{
  position:relative;
  display:inline-block;
  text-align:center;
}
.product-cart span{
  font-size:16px;
}
.taglia-mobile{
	width: 80%;
}
.subtotal{
  width:100%;
  background-color:var(--color-1);
  text-align:right;
  font-size:16px;
  padding:20px 0;
  margin-top:10px;
  color:var(--color-3);
  font-family:"GoudyOlStBTWXX-Bold"
  padding-right:30px;
}
.subtotal b{
  color:var(--color-2);
  padding-right:20px;
}
.continue-shopping{
  margin-top:50px;
  padding-top:10px;
  float:left;
  font-size:16px;
  color:var(--color-2);
  letter-spacing:0.5px;
}
.btn-checkout{
  float:right;
  margin-top:40px;
  padding:18px 70px;
  text-align:center;
  letter-spacing:0.5px;
  font-size:16px;
  color:var(--color-1);
  text-transform:uppercase;
  background-color:var(--color-2);
  border:none;
  outline:none;
  cursor:pointer;
}
.cart-empty{
  padding:80px 0;
  text-align:center;
  font-size:20px;
}
.remove-mobile,.taglia-mobile,.prezzo-mobile{
  display:none;
}

#error_404{
  width:100%;
  height:100%;
  text-align:center;
  color:var(--color-1);
  background-color:var(--color-2);
}
.center{
  display: table-cell;
  vertical-align:middle;
}
#error_404 h1{
  font-size:34px;
  padding:30px 0 20px;
}
#error_404 p{
  font-size:20px;
}
#error_404 a{
  color: inherit;
}
.logo-404{
  width:280px;
  height:auto;
}

#payment-methods {
  display: flex;
  justify-content: center;
  align-items: center
}

.pay-method {
	width: 40px;
    border-radius: 3px;
  	margin-left: 2px
}

.spedizione {
  	display: flex;
  	justify-content: space-between
}
.banner-alert{
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--color-2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.banner-alert.hidden{
  display: none;
}
.l-banner-alert{
  max-width: 768px;
  min-height: 50vh;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
  text-align: center;
  margin: 0 20px;
}
.banner-alert .title{
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.banner-alert .desc{
  font-size: 1.2rem;
  margin-bottom: 40px;
}
.banner-alert .btn{
  padding:18px 70px;
  text-align:center;
  letter-spacing:0.5px;
  font-size:16px;
  color:var(--color-1);
  text-transform:uppercase;
  background-color:var(--color-2);
  border:none;
  outline:none;
  cursor:pointer;
}
@media screen and (max-width: 1200px) {
  .container{
    width:90%;
  }
  .prezzo p{
    font-size:24px;
    margin-bottom:30px;
  }
  .descrizione h2{
    font-size:30px;
    margin-bottom:30px;
  }
  .descrizione p{
    font-size:1rem;
  }
  .addToCart{
    font-size:22px;
  }
  .arrow{
    width:60px;
    height:60px;
    top:calc(50% - 30px);
  }
  .product_img-1{
    width:calc(100% - 100px);
  }
  .product_img-2{
    width:calc(50% - 100px);
  }
  .product_img-3{
    width:calc(33.33333% - 100px);
  }
  .product_img-4{
    width:calc(25% - 100px);
  }
  .product_img-5{
    width:calc(20% - 100px);
  }
  .about{
    width:80%;
  }
  .about-title{
    font-size:16px;
  }
  .about-description{
    font-size:14px;
  }
  #cart{
    padding:100px 50px 150px;
  }
  span.menu-dx{
    width:25%;
  }
  .product-cart-price, .product-cart-quantity, .product-cart-variant{
    width:25%;
  }
  .product-cart-title{
    width:70%;
  }

}


@media screen and (max-width:1024px) {
  .misure{
    width:80%;
  }
  .prodotto{
    padding:120px 0;
  }
  .prodotto.tipo1{
    padding-left:30px;
  }
  .prodotto.tipo1 .info-prodotto{
    float:left;
    padding-right:30px;
  }
  .info-prodotto{
    width:100%;
  }
  .prezzo p{
    font-size:22px;
    margin-bottom:20px;
  }
  .descrizione h2{
    font-size:22px;
    margin-bottom:20px;
  }
  .descrizione p{
    line-height:20px;
  }
  .product_img-1{
    width:100%;
  }
  .product_img-2{
    width:50%;
  }
  .product_img-3{
    width:33.33333%;
  }
  .product_img-4{
    width:25%;
  }
  .product_img-5{
    width:20%;
  }
  .addToCart{
    font-size:18px;
  }
  .arrow {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
  }
  .prodotto.tipo2 .info-prodotto {
    float: left;
    margin-left:0;
    padding-left: 40px;
    padding-right:30px;
  }
  footer p{
    font-size:12px;
    padding:20px 0;
  }
  .spedizione{
    font-size:12px;
  }

  #cart h2{
    font-size:34px;
  }
  span.menu-dx{
    width:30%;
  }
  .product-cart-price, .product-cart-quantity, .product-cart-variant{
    width:30%;
  }
}
@media screen and (max-width:768px) {
  .home-logo{
    width:50%;
    margin:0 auto;
    display:block;
  }
  #about{
    padding:100px 0;
    background-attachment: scroll;
  }
  .about > div{
    height:170px;
  }
  .about div:nth-child(even) .about-point p{
    padding-right:0;
  }
  .about{
    width:70%;
  }
  .about-point{
    width:100%;
  }
  .about div:nth-child(even) .about-point {
    float:none;
    padding-left: 0;
}
  .logo{
    width:100px;
  }
  .bag{
    width:20px;
  }
  #instagram{
    padding:70px 0;
  }
  #instagram p{
    font-size:16px;
  }
  .product-cart-remove{
    right:-5px;
  }
  .descrizione p{
    font-size:1rem;
  }
  .addToCart{
    font-size:16px;
  }
}
@media screen and (max-width: 767px) {
  nav{
    padding:0 20px;
  }
  .logo{
    width:90px;
    padding:10px 0;
  }
  .bag{
    width:20px;
  }
  .prodotto{
    padding:50px 10%;
    width:100%;
    margin:0 auto;
  }
  .prodotto.tipo2{
    display: flex; flex-direction: column-reverse;
  }
  .tipo1 .slide-photo{
    padding-right:0;
  }
  .tipo2 .slide-photo{
    padding-left:0;
  }
  .prodotto.tipo1 .info-prodotto{
    padding-right:0;
  }
  .cont{
    text-align: center;
  }
  #prodotti .col-2{
    width:100%;
  }
  #prodotti .col-2.cont{
    padding-top:20px;
  }
  .descrizione p{
    padding-right:20px;
  }
  .prodotto.tipo2 .info-prodotto {
    padding-right: 0px;
    padding-left:0px;
  }
  .arrow{
    display:none;
    opacity:0.5;
  }
  .tipo2 .slider div{
    float:none;
  }
  .circle i {
    display:inline-block;
    font-size: 10px;
    padding: 2px;
    padding-top: 10px;
  }
  footer{
    padding:10px 0;
  }
  .social,.info{
    width:100%;
    text-align:center;
  }
  footer p{
    padding:10px 0 5px;
    font-size:12px;
    line-height:20px;
  }
  .spedizione{
    font-size:12px;
    text-align:center;
  }
  #instagram{
    padding:50px 0;
  }
  #instagram .col-4 div{
    height:100%;
    width:50%;
  }
  #instagram .col-4{
    width:100%;
    font-size:0;
  }
  #instagram .col-2{
    width:100%;
  }
  #instagram .col-4 > *{
    display:inline-block;
    vertical-align:middle;
  }

  #cart{
    padding:100px 10px 50px;
  }
  #cart-menu{
    display:none;
  }
  #cart h2{
    font-size:20px;
    margin-bottom:50px;
  }
  .product-cart-img{
    width:30%;
  }
  .product-cart-title{
    width:70%;
    position:relative;
  }
  .cart-description{
    display:none;
  }
  .product-cart .col-2:first-child{
    width:100%;
  }
  .product-cart .col-2:last-child{
    display:none;
  }
  .taglia-mobile{
    display:inline-block;
  }
  .product-cart-title span:first-child{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px;
    padding-bottom:20px;
  }
  .product-cart span{
    font-size:14px;
    line-height:30px;
  }
  .prezzo-mobile{
    display:block;
    float:right;
    font-family:"GoudyOlStBTWXX-Bold"
  }
  .remove-mobile{
    display:block;
    position:absolute;
    right:0;
    top:0;
  }
  .remove-mobile a{
    color:var(--color-2);
    font-size:14px;
  }
  .subtotal{
    text-align:center;
    font-size:14px;
  }
  .continue-shopping{
    display: none;
  }
  .btn-checkout{
    float:none;
    margin:0 auto;
    display:block;
    width:90%;
    margin-top:30px;
    font-size:14px;
  }
  .logo-404{
    width:220px;
  }
  #error_404 h1{
    font-size:28px;
  }
  #error_404 p{
    font-size:16px;
  }
  .about div:nth-child(even) .about-point{
    float:none;
    padding-left:0;
  }
  .about-point{
    width:100%;
  }
  .about{
    width:90%;
  }
  .about > div{
    height:auto;
    margin-bottom:20px;
  }
  .about-description{
    padding-right:0px;
  }
  .about-title:before{
    position:unset;
    display:block;
    margin-bottom:20px;
  }
  .spedizione {
      display: inline-block;
  }
  .pay-method {
    margin-top: 8px
  }
}
@media screen and (max-width: 480px) {
  .home-logo{
    width:70%;
  }
  #about{
    padding: 50px 0;
  }
  .misure{
    width:100%;
  }
  .about-description{
    padding-bottom:30px;
    line-height:20px;
  }
  .about-title{
    padding-bottom:15px;
  }
  .about-title:before{
    width:40px;
    height:40px;
  }
}

.measuresInfo {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-3);
    font-size: 16px;
    color: var(--color-1);
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
}

.measures {
	display: inline-block;
}

#measuresLightbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-2);
    z-index: 3;
    padding: 20px;
  	color: var(--color-1);
  	border-radius: 1em;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(195, 160, 104, .675);
	-moz-box-shadow: 0px 0px 10px 5px rgba(195, 160, 104, .675);
	box-shadow: 0px 0px 10px 5px rgba(195, 160, 104, .675);
}



#measuresLightbox .c {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#measuresLightbox img {
	width: 280px;
  	margin: 0 auto;
  	display: block;
}

#closeMeasuresLightbox {
	text-align: right;
  	cursor: pointer;
}

.measure {
 	font-family: 'Arial';
    font-weight: 900;
    font-size: 16px;
  	position: absolute;
  	color: var(--color-3)
}

#measuresLightbox-a {
    top: 1.75vh;
    left: 50%;
    transform: translate(-50%, 0);
}

#measuresLightbox-b {
	left: 62.5%;
    top: calc(50% - 30px);
}

#measuresLightbox-c {
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
    left: 10%;
}

#measuresLightbox-d {
    top: 51%;
    transform: translate(0, -50%) rotate(-90deg);
  	left: calc(50% + 5px);
}

@media screen and (max-width: 768px) {
  .measure {
      font-size: 14px;
  }
}

  .slide20-text {
    width: 480px;
    max-width:90%;
    margin:16px auto 0;
    background:rgba(255,255,255,0.8);
    padding:12px;
    text-align:center;
    border-radius:5px;
    line-height:20px
  }

  .home-logo, .slide20-text {
    z-index: 3;
  }
  
  .slides20 {
    height: 100%;
    transition: transform 1s cubic-bezier(.25,.46,.45,.94);
    
  }
  
  .slide20 {
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    position: relative;
  }
  
 .slide20::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
  }
  
  .slide20-button {
    width: 40px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom:0;
    margin: auto;
    transition: transform 1s cubic-bezier(.25,.46,.45,.94);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
  }
  
  #slide20-bl {
    left: 16px;
    
  }

  #slide20-br {
    right: 16px;
  }
.l-slide-1{
	z-index: 3;
}
.l-slide-1 p{
	color: var(--color-1);
  	text-align: center;
 	text-transform: uppercase;
  	font-size: 1.4rem;
  	margin-top: .5rem;
}
  
  .b-attention{animation:wobble-hor-bottom 1s .5s 2 both}
  @keyframes wobble-hor-bottom{0%,100%{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}