body{margin:0px;padding:0px;height:100vw;overflow:hidden;}

.item { margin-bottom: 20px; width: 96%;display: flex;flex-flow: column; margin-top: 0px; padding: 10px 2% 10px 2%;}
.item input[type="text"] {width: 40px; font-size: 25px; text-align: center; padding: 2px 0px; margin: 0px;}
.item-description h5,.importo h4 { margin: 0px;padding: 0px;}
.item-description p {margin: 0px;padding: 5px 0px;}
.item .button {border-radius: 40px;width: 40px;height: 40px;display: flex;flex-flow: row-wrap;justify-content: center;align-items: center;font-weight: bold;font-size: 30px;border: 0.5px solid rgb(203, 207, 209);}

a.more-about {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: right;
    background-color: transparent;
}
.bag-items a.more-about {
    display:none;
}


.quenta {min-width: 126px;}
.next-step-field {padding-bottom: 40px;}
.header {left: 0px;position: fixed;top: 0px;z-index: 10;display: flex;justify-content: center;align-items: center;flex-flow:row wrap;padding: 0px;}
.shell {width: 100vw;height: 100vh;overflow-x: hidden;overflow-y: scroll;left: 0px; background-color:#fbfbfb;}
.wrapper {position: fixed;left: 0vw; overflow:hidden; padding: 0px 0px; margin: 0px auto 0px auto;transition: all 0.2s linear 0s;}
.next-step-field {
    width: 100vw;
    position: fixed;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: center;
    bottom: 0px;
    background-color: #fff;
    z-index:10;
}

.buttonStd {cursor: pointer;display: flex;justify-content: center;align-items: center; max-width: 350px;width: 100%;padding: 0px;text-decoration: none;overflow: hidden;}
.step {align-items: center;margin: 0px; position: fixed;display: flex; justify-content: center;transition: all 0.2s linear 0s;overflow-y: scroll;}
.step-wrapper {display: flex;flex-flow: column;justify-content: center;align-items: center;width:100%;}
.accordion{padding: 0px;margin: 0px 0px;}
.shrink {padding: 0px;margin: 0px 0px;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.accordion-toggle {cursor: pointer;}
.accordion-toggle .icon {float: right;margin-left: 10px;order: 2;margin-left: auto;}
.accordion-toggle .icon:before,.accordion-toggle .checko:before {display: inline-block;content: "+";font-size: 25px;line-height: 12px;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: .2s ease;}
.accordion-toggle.open .icon:before,.accordion-toggle.open .checko:before {-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.accordion-content {display: none;}
.shrink-content {display: flex; flex-flow: column; justify-content: center; text-align: center;}
.accordion-content.default {display: block;}
.accordion-toggle h3 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;position: relative;}
input[type="text"],input[type="password"],select{background-color:rgb(249, 251, 253);box-shadow:rgba(0, 0, 0, 0.05) 0px 2px 0px 0px;color:rgb(48, 62, 71);font-family:futura-pt, Arial, Helvetica;font-size:16px;height:40px;line-height:1.21;width:calc(100% - 25px);border-radius:2px;border-width:0.5px;border-style:solid;border-image:initial;border-color:rgb(203, 207, 209);padding:0px 12px;-webkit-appearance:none;}
select{width:100%;}
div.alert > input {border: 1px solid rgb(208, 2, 27);}
.alert p {color: rgb(208, 2, 27);font-size: 12px;position: absolute;left: 12px;bottom: 0px;margin: 0px;padding: 0px;}

/*PopUpper*/
.popUpper {display: flex;flex-flow: row wrap; justify-content: center; align-items: center; left: 0px; height: 100%; position: fixed; top: 0px; width: 100%; z-index: 13;
visibility: hidden; opacity: 0; transition: all 0.2s linear 0s;background-color: transparent;}
.popUpper.loading{visibility:visible;opacity:1;}
.popUpper.content{visibility:visible;opacity:1;}
.popUpper.loading .popUpwrapper{display:none;}
.popUpper .popUpwrapper {position: relative;display: flex; justify-content: center; align-items: center;}

/* Carrello */
.overlayBag{left:0px;height:100%;position:fixed;top:0px;width:100%;z-index:13;visibility:visible;opacity:1;transition:all 0.2s linear 0s;}
.overlayBag.hide{left:0px;height:100%;position:fixed;top:0px;width:100%;z-index:13;visibility:hidden;opacity:0;transition:all 0.2s linear 0s;}
.overlayBag .bag{right:0px;height:100%;max-width:400px;position:relative;top:0px;width:100%;z-index:13;transform:translateX(0px);background:#fff;overflow:hidden;transition:all 0.2s linear 0s;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;margin-left:auto;}
.overlayBag .bag > div{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;}
.overlayBag.hide .bag{right:0px;height:100%;max-width:400px;position:fixed;top:0px;width:100%;z-index:13;transform:translateX(450px);background:white;overflow:hidden;transition:all 0.2s linear 0s;}
.chiudiBag{cursor:pointer;position:absolute;right:0px;top:0px;z-index:1;height:60px;background:none;border-width:initial;border-style:none;border-color:initial;border-image:initial;padding:0px 20px;width:60px;}
.chiudiBag > img{width:100%;}
.overlayBag .bag.full > div.full-header > h1{width:100%;flex-flow:row wrap;justify-content:center;align-items:center;display:flex;margin:12px 0px 20px 0px;height:33px;line-height:33px;}
.overlayBag .bag.full > div.full-header{display:flex;}
.overlayBag .bag > div.full-header{display:none;}
.overlayBag .bag > div.empty{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;}
.overlayBag .bag > .empty >div > button{margin-top:20px;}
.overlayBag .bag.full > div.empty{display:none;}
.overlayBag .bag.full > .full-chart{display:flex;padding:20px 0px;bottom:0px;background-color:#fff;}
.overlayBag .bag > .full-chart{display:none;}
.overlayBag .bag > div.bag-items{flex-flow:column;justify-content:flex-start;align-items:flex-start;display:none;margin:0px auto;overflow-y:scroll;}
.overlayBag .bag.full > div.bag-items{display:flex;}
.full-chart{width:100%;display:flex;flex-flow:column;text-align:center;}
.full-chart > h3 span{margin-left:auto;}
.full-chart > h3{width:90%;display:flex;margin:0 5%;margin-bottom:10px;justify-content:flex-start;}

/* Stati */
.shell.zero .zero-step{transform:translateX(0vw)!important;z-index:10; }
/*.shell.zero .home-step{transform:translateX(100vw);}
.shell.zero .first-step{transform:translateX(200vw);}
.shell.zero .second-step{transform:translateX(300vw);}
.shell.zero .third-step{transform:translateX(400vw);}*/
.shell.zero .button-home{display:none!important;}
.shell.zero .button-1{display:none!important;}
.shell.zero .button-2{display:none!important;}
.shell.zero .button-3{display:none!important;}

.shell.home .zero-step{transform:translateX(-100vw);}
.shell.home .home-step{transform:translateX(0vw);}
.shell.home .first-step{transform:translateX(100vw);}
.shell.home .second-step{transform:translateX(200vw);}
.shell.home .third-step{transform:translateX(300vw);}
.shell.home .button-home{display:block;}
.shell.home .button-1{display:none;}
.shell.home .button-2{display:none;}
.shell.home .button-3{display:none;}


.shell.uno .zero-step{transform:translateX(-200vw);}
.shell.uno .home-step{transform:translateX(-100vw);}
.shell.uno .first-step{transform:translateX(0px);}
.shell.uno .second-step{transform:translateX(100vw);}
.shell.uno .third-step{transform:translateX(200vw);}
.shell.uno .button-home{display:none;}
.shell.uno .button-1{display:inline-block;}
.shell.uno .button-2{display:none;}
.shell.uno .button-3{display:none;}

.shell.due .zero-step{transform:translateX(-300vw);}
.shell.due .home-step{transform:translateX(-200vw);}
.shell.due .first-step{transform:translateX(-100vw);}
.shell.due .second-step{transform:translateX(0px);}
.shell.due .third-step{transform:translateX(100vw);}
.shell.due .button-home{display:none;}
.shell.due .button-1{display:none;}
.shell.due .button-2{display:inline-block;}
.shell.due .button-3{display:none;}

.shell.tre .zero-step{transform:translateX(-400vw);}
.shell.tre .home-step{transform:translateX(-300vw);}
.shell.tre .first-step{transform:translateX(-200vw);}
.shell.tre .second-step{transform:translateX(-100vw);}
.shell.tre .third-step{transform:translateX(0vw);}
.shell.tre .button-home{display:none;}
.shell.tre .button-1{display:none;}
.shell.tre .button-2{display:none;}
.shell.tre .button-3{display:none;}

.shell.puls-nasc .next-step-field button{opacity:0; background-color: #34B36E;}
.shell .next-step-field button{opacity:1;transition: all 0.2s linear 0s;}

.shell.puls-nasc a.b-arrow{opacity:0;transition: all 0.2s linear 0s;}
.shell a.b-arrow{opacity:1;transition: all 0.2s linear 0s;}


/* Altezze e larghezze */
.next-step-field {
    width: 100vw;}
.header,.wrapper,.step,.step-wrapper,.next-step-field,body{width: 100vw; max-width:990px;}
.accordion,.shrink{ width: 95vw;max-width:940px;}
.accordion-content,.shrink-content {width: 91vw;padding: 0px 2vw;max-width:900px;}
.overlayBag .bag > div.bag-items{width:90vw; max-width:90%;;}
.popUpper .popUpwrapper {  padding: 20px; width: calc(90% - 40px); height: calc(90% - 40px);max-width: 400px;}
.step-wrapper{ padding-bottom:200px;}
.overlayBag .bag > div.bag-items{height:calc(100vh - 65px - 114px);}
.wrapper,.step,.shell.home .wrapper {height: calc(100vh - 50px - 60px);top:50px;}
.shell.home .home-step {height: calc(100vh - 50px - 60px);}
.shell.zero .wrapper {height: calc(100vh - 50px - 60px);}
.shell.zero .zero-step{height: calc(100vh - 50px - 60px);}
.header{height:49px;}
.buttonStd {height: 40px;line-height: 40px;}
.item{min-height: 113px;}