.data-table td, .data-table th {

    min-width: 100px;
}


/* A bit of demo styles */;
.swiper-container {
  height: 100%;

}
.swiper-slide {
  background:#fff;
  
}

a {
    text-decoration: none;
    color: black;
}


.swiper-slide span {
  text-align:center;
  display:block;
  margin:20px;
  font-size:21px;
}

.swiper-3
{overflow: hidden;}


.swiper-3 {
  height:100%;
}


.swiper-4
{overflow: hidden;}


.swiper-4 {
  height:100%;
}


.swiper-5
{overflow: hidden;}


.swiper-5 {
  height:100%;
}

.swiper-6
{overflow: hidden;}


.swiper-6 {
  height:100%;

}


.swiper-9
{overflow: hidden;}


.swiper-9 {
  height:100%;
}



.slide_home {
    text-align: center;
}

.home_img
{
  
}



.logotogo
{
  text-align: center;
}

.logo_img
{
      max-width: 150px;
}

h4 
{

font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
/* identical to box height */

text-align: center;
text-transform: uppercase;

color: #000000;
}


.testoint
{
  font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
text-align: center;
max-width: 60%;
    padding-left: 20%;
    padding-right: 20%;
}

#chiudi{
    position: absolute;
    top: 10px;
    z-index: 1000;
    right: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -5px;
    left: 0;
    width: 100%;
    z-index: 10000000;
}

.button.button-fill.togo {
    color: #000;
    background: #fff;
    border-color: #0a0a0a;
    max-width: 200px;
    border-radius: 20px;
    font-weight: bold;
    width: 200px;
}


#bottonepop{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top: 13px;
}

#titolo_mob 
{display: none;}


@media all and (min-width: 630px) and (min-height:630px) {

  #bottonepop{
       width: 33%;
  }
}

.navbar
{
    background: white;

    height: 54px;
}

.homeico 
{
background-image: url('../img/togo/home/Home_ico.png');
background-repeat: no-repeat;
background-position: left;
    padding-left: 30px;
    padding-top: 3px;
}


.homeico_mobile 
{
background-image: url('../img/togo/home/Home_ico.png');
background-repeat: no-repeat;
min-width: 20%;
background-position: center;
font-size: 15px;
}

.homeico:hover
{
  
  
}


.persico
{
     background-image: url('../img/togo/home/Personaggi_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 30px;
}

.persico_mobile
{
     background-image: url('../img/togo/home/Personaggi_ico.png');
     background-repeat: no-repeat;
    min-width: 20%;
    background-position: center;
    font-size: 15px;
}



.storieico
{
     background-image: url('../img/togo/home/storie_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 30px;
}

.storieico_mobile
{
     background-image: url('../img/togo/home/storie_ico.png');
  background-repeat: no-repeat;
    min-width: 20%;
    background-position: center;
    font-size: 15px;
}

.profiloico
{
     background-image: url('../img/togo/home/profilo_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 30px;
}

.profiloico_mobile
{
     background-image: url('../img/togo/home/profilo_ico.png');
  background-repeat: no-repeat;
    min-width: 20%;
    background-position: center;
    font-size: 15px;
}

.storeico
{
     background-image: url('../img/togo/home/store_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 30px;
}

.storeico_mobile
{
     background-image: url('../img/togo/home/store_ico.png');
 background-repeat: no-repeat;
    min-width: 20%;
    background-position: center;
    font-size: 15px;
}

.infoico
{
     background-image: url('../img/togo/home/info_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 30px;
}

.cartico
{
     background-image: url('../img/togo/home/cart_ico.png');
  background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    padding-top: 3px;
        margin-left: 10px;
}


.homebanner {
    padding: 0px;
    margin: 0px;
}

.bannerstorie {
  
    min-height: 274px;
        margin-left: 15%;
    margin-right: 15%;

    background: #eaf4d6;
    padding-top: 5px;
    padding-bottom: 30px;
      
}

.page {
  background:   white;
}

#playhome {
position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.homelist
{
    background: #FFFFFF;
    border: 1px solid rgba(190, 196, 211, 0.2);
    box-shadow: 0px 4px 15px rgba(199, 210, 241, 0.3);
    border-radius: 35px;
   margin-top: -110px;
    z-index: 1000000000;
    position: relative;
    margin-left: 16%;
    margin-right: 16%;
    padding: 0px;

}


   .icobox {
    width: 140px;
    margin: 0;
    position: absolute;
   top: 33%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.boxstorie 
{
   
border-radius: 20px;
width: 140px;
height: 140px;
border:0px solid;
    margin: 0 auto;
}

.boxstorie.bg1 
{
background:#fef3db ;
}

.boxstorie.bg2 
{
background:#d4f1f6 ;
}

.boxstorie.bg3 
{
background:#fbdedc ;
}

.boxstorie.bg4 
{
background:#e5e1ee;
}

.titolo_storie
{
text-align: center;
    margin-top: 10px;
        text-transform: uppercase;
        min-height: 40px;
}


.prezzo_storie {
    font-weight: bold;
    background: rgba(190, 196, 211, 0.3);
    border-radius: 20px;
    margin-left: 30%;
    margin-right: 30%;
    text-align: center;
    padding: 3px;
}
.sin
{
    float:left;
}

.des 
{
    float:right;
        text-transform: capitalize;
        text-decoration: underline;

}


.cofanetto 
{
    background: rgba(187, 218, 119, 0.3);
    border-radius: 20px;
    min-height: 120px;

}

.itemstorie 
{
    background: rgba(187, 218, 119, 0.3);
    border-radius: 20px;
    min-height: 140px;
        margin-bottom: 15px;

}


#testocof{
    position: relative;
    padding-top: 15px;
    padding-left: 25px;
        max-width: 55%;
}

#fotocof{
    position: absolute;
   top: 20px;
    right: 30px;
}



.recensioni {
    background: #fdf0de;

    border-radius: 20px;
    min-height: 120px;
}



.avatar
{
    max-width: 40px;
    padding-left: 20px;
    padding-top: 10px;
}
.avatarnome {
    margin: 0px !important;
    font-size: 12px !important;
    position: absolute;
    top: 20px;
    left: 80px;
    font-weight: bold;
}

.testorec {
    position: absolute;
    left: 80px;
    top: 50px;
    font-size: 13px;
}

.stella
{
    max-width: 20px;
}

.stellerating
{

    position: absolute;
    top: 15px;
    right: 20px;

}

#navigatore_rec
{
    text-align: center;
    margin-top: 10px;
}

#navigatore_rec img
{
    max-width: 50px;
}

.newsmail
{
    margin-left: 15px;
    margin-top: 10px;
    width: 90%;
    border: 0;
    border-bottom: 1px solid gray;
    outline: 0;
    background: transparent;
    transition: border-color 0.2s;
}
#send 
{

}


.newsletter{
    background-image:  url('../img/togo/newsback.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 210px;
}

.footerdesk 
{
   text-align: center;
    min-height: 140px;
}

.colonna 
{
 text-align: left;   
}

.colonna1 
{
 text-align: left;
     padding-top: 40px;

}

.colonna4
{
 text-align: right;
  padding-top: 22px;


}

.linkfooter 
{
    text-decoration: none;
    color:black;
}

.linkfooter:hover
{
    text-decoration: underline;
    color:gray;
}

.linkfooter_mb 
{
    text-decoration: none;
    color:black;
    padding-left: 12px;
    padding-right: 12px;
}


.footer_desk
{
    text-align: center;
    font-size: 10px;
    margin: 0 auto;
}


.mobile_menu
{
    display: none;
}

.menu_mobile 
{
min-height: 62px;
background: #FFFFFF;
box-shadow: 0px 0px 14px #E0E2E8;
border-radius: 16px;

}

.btnstorie 
{
   background: rgba(187, 218, 119, 0.4) !important;
border-radius: 10px; 
color:black !important;
font-weight: bold;
}
@media only screen and (max-width: 768px) {


    #titolo_mob 
{display:block;}

.img_storie_testata 
{
    
  display: none;

}

.titolo_dettagli 
{

    padding-top: 20px;

}
    .colonna4 {
    text-align: left;
    padding-top: 22px;
}

.mobile_menu
{
    display: block;
    display: inherit;
    text-align: center;
    margin:0 auto;
    width: 100%;
    position: absolute;
    bottom: 1px;
}

.homelist
{
    background: #FFFFFF;
    border: 0px solid rgba(190, 196, 211, 0.2);
    box-shadow: 0px 0px 0px rgba(199, 210, 241, 0.3);
    border-radius: 0px;
    margin-top: 0px;
    z-index: 1000000000;
    position: relative;
    margin-left: 0%;
    margin-right: 0%;

}

.bannerstorie
{
   min-height: 140px;
    margin-left: 10px;
    margin-right: 10px;

}

#desk-menu
{
    display: none !important;
}

.footer_desk
{
    display: none !important;
}


.toolbar {
    left: 0;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px #E0E2E8;
    border-radius: 16px;
    width: 90%;
    margin-left: 5%;
    bottom: 10px;
        min-height: 50px;
}

.toolbar:before {
    content:none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;

}

.img_storie 
{
    max-width: 60px !important;
}

 

 .desc_pers {
    max-width: 100% !important;
    padding-top: 10vw;
}


.img_personaggi_testata {
    MAX-WIDTH: 220PX ;
    position: absolute;
    right: 0vw !important;
    /* padding-top: 10px; */
    top: 2vw !important;
}
}

/* pagina store*/
.price {
    font-weight: bold;
    background: rgba(190, 196, 211, 0.3);
    border-radius: 20px;
    /* margin-left: 30px; */
    /* margin-right: 30%; */
    text-align: center;
    padding: 3px;
    max-width: 60px;
    min-width: 60px;
}

#testostorie 
{
    
   font-size: 13px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.togo_white {
    font-weight: bold;
    background: none !important;
    color: black !important;
    text-decoration: underline;
    font-size: 13px;
    text-overflow: clip;
}
.img_storie 
{
    
    MAX-WIDTH: 100PX;
    position: absolute;
    right: 20px;
    padding-top: 10px;

}

.img_pers_play
{
    MAX-WIDTH: 35px;
    position: absolute;
    right: 30px;
    padding-top: 50px;
}

.lista_personaggi 
{
    MAX-WIDTH: 60PX;
        box-shadow: 0px 4px 15px rgba(199, 210, 241, 0.3);
    
}

.img_storie_testata 
{
    
  MAX-WIDTH: 120PX;
    position: absolute;
    right: 20vw;
    /* padding-top: 10px; */
  top: 5vw;

}

.img_personaggi_testata 
{
    
  MAX-WIDTH: 220PX;
    position: absolute;
    right: 20vw;
    /* padding-top: 10px; */
  top: 2vw;

}

.desc_pers 
{
    max-width: 70%;
}

.box_materiali 
{
    background: linear-gradient(180deg, #e6f7c1 13.33%, rgba(187, 218, 119, 0) 120.99%);

border-radius: 20px;
margin-left: 10%;
    margin-right: 10%;
    min-height: 160px

}

.materiali 
{
        text-align: center;
}

#contenitorecart
{
   padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
}