@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";:root{-webkit-transition:all .3s;transition:all .3s}:root.bg--big{background-color:#00bcd4}:root.bg--medium{background-color:#e53935}:root.bg--small{background-color:#4527a0}body{font-family:Roboto,sans-serif;-webkit-transform:translateZ(0);transform:translateZ(0);font-weight:400}button{border:none;background:transparent}.controller-container{margin-bottom:5%;text-align:center}.controller{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:0 20px;font-size:22px;padding:10px 0;color:#fff;position:relative;-webkit-transition:all .1s cubic-bezier(.165,.84,.44,1);transition:all .1s cubic-bezier(.165,.84,.44,1)}.controller:after{content:"";height:3px;display:block;position:absolute;bottom:0;width:0;-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1);background-color:#fff}.controller.is_current:after{width:100%}.controller:hover,.controller.is_current{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);cursor:pointer}.card{will-change:transform;margin:8px;position:relative;overflow:hidden;background-color:#fafafa;height:35%;max-width:344px;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 4px #0000005e}.card:hover{cursor:pointer}.card-large{will-change:transform;margin:8px;position:relative;overflow:hidden;background-color:#fafafa;height:350px;max-width:900px;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 4px #0000005e}.card-header{will-change:transform;position:relative;overflow:hidden;background-color:#fafafa;height:100%;max-width:900px;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 4px #0000005e;background-color:#fff}@media only screen and (min-width:1200px){.card-header{margin:0;height:323px;border-left:2px solid #999;left:-8px}.card-left-part{padding-right:8px}}@media only screen and (min-width:992px)and (max-width:1200px){.card-header{margin:0;height:100%;border-left:2px solid #999;left:-2px}.card-left-part{padding-right:8px}}@media only screen and (max-width:990px){.card-header{margin:0 20px 0 22px;height:100%}.card-image-large,.card-image-small{margin:0 8px!important}.card-bg-white{top:-2px!important}.card-left-part{margin-right:14px!important}}@media only screen and (min-width:408px){.card--big{width:370px;max-width:370px}}.card-bg-white{background-color:#fff;top:8px;box-shadow:0 1px 4px #0000005e}.card-bg-blue{background-color:#00b5b933;top:8px;padding-bottom:34px;box-shadow:0 1px 4px #0000005e}.card-image-large{will-change:transform;margin:8px;position:relative;overflow:hidden;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 4px #0000005e}.card-image-small{height:27px;width:31px;will-change:transform;margin:8px;position:relative;overflow:hidden;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 4px #0000005e}.card__image{position:absolute;background-size:cover;background-position:center bottom;background-repeat:no-repat;width:100%;height:100%;overflow:hidden;display:block;opacity:0;-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.card__image:after{content:"";display:block;position:absolute;background-color:#0000001a;inset:0;-webkit-transition:all .5s;transition:all .5s}.card__title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:24px;color:#fff;margin:0;position:absolute;left:0;right:0;padding:0 16px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.card__subtitle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#000;left:88px;right:0;top:45px;position:absolute;padding:0 16px;opacity:0;-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.card__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;display:block;left:0;right:0;top:100px;padding:16px;margin:0;line-height:1.6;position:absolute;color:#000;overflow:hidden;-webkit-transition:width .2s cubic-bezier(.075,.82,.165,1);transition:width .2s cubic-bezier(.075,.82,.165,1);-webkit-transition:delay .1s;transition:delay .1s}.card__action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;inset:auto 0 0;padding:0 8px;border-top:1px solid #e0e0e0;box-sizing:border-box;height:52px;-webkit-transition:left .2s cubic-bezier(.075,.82,.165,1);transition:left .2s cubic-bezier(.075,.82,.165,1)}.card__button{outline:none;position:relative;display:inline-block;line-height:52px;padding:0 16px;color:#ff1744}.card--big{height:304px;min-height:304px}.card--big:hover{box-shadow:0 27px 55px #0000004d,0 17px 17px #00000026;height:304px;min-height:304px}.card--big .card__image{left:0;right:0;top:0;opacity:1;max-height:176px}.card--big .card__title{top:135px}.card--big .card__text{top:176px}.card--big .card__action-bar{left:0}.card--medium{box-shadow:0 13px 25px #0000004d,0 11px 7px #00000030;height:208px;min-height:208px}.card--medium .card__image{left:-100%;right:0;top:0;max-height:0;opacity:0}.card--medium .card__title{color:#ff1744;top:16px}.card--medium .card__text{font-size:16px;top:50px}.card--medium .card__action-bar{left:0}.card--small{box-shadow:0 6px 10px #0000004d,0 2px 2px #0003;height:136px;min-height:136px}.card--small .card__image{left:0;top:0;width:88px;opacity:1;max-height:136px}.card--small .card__image:after{opacity:0}.card--small .card__title{color:#000;left:88px;top:8px}.card--small .card__subtitle{opacity:1;left:88px}.card--small .card__text{top:30px;opacity:0}.card--small .card__action-bar{left:88px}.lazy_calzolaio{background-image:url(../img/calzoleria.jpg)}.lazy_sartoria{background-image:url(../img/sartoria.jpg)}.lazy_duplicazione-chiavi{background-image:url(../img/duplicazione-chiavi.jpg)}.lazy_negozio-fuori-fronte{background-image:url(../img/negozio-fuori-fronte.jpg)}