/*
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,700&display=swap');
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth@12..96,87.5;12..96,100&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth@12..96,87.5&family=Raleway&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&family=Ropa+Sans:ital@0;1&display=swap');
@import url("https://use.typekit.net/dfd3gxr.css");
:root { --yellow: #F8E16C; --red: #FF3366; --viola: #8B5FBF; --green: #2EC4B6; --black: #1C0F13; --white: #FBFFF1; --grey: #989898; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 10px; scroll-behavior: smooth; }
body { background-color: var(--white); background-image: url(../images/pattern_sfondo.png); background-size: auto; font-family: 'Bricolage Grotesque', sans-serif; }
a { cursor: pointer; }
.content { width: 100%; padding: 0 2%; max-width: 76.8rem; margin: 0 auto; position: relative; }
.container { width: 100%; padding: 0 2%; max-width: 76.8rem; margin: 0 auto; position: relative; }
.flex { display: flex; flex-wrap: wrap; justify-content: center; }
.font { font-family: "irregardless-variable", sans-serif; font-variation-settings: "ital" 0, "wght" 300; }
.hidden { display: none !important; }
.grad-yel-red { background: rgb(248, 225, 108); background: -moz-linear-gradient(90deg, rgba(248, 225, 108, 1) 0%, rgba(255, 51, 102, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(248, 225, 108, 1) 0%, rgba(255, 51, 102, 1) 100%); background: linear-gradient(90deg, rgba(248, 225, 108, 1) 0%, rgba(255, 51, 102, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8e16c", endColorstr="#ff3366", GradientType=1); }
.grad-green-yel { background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); }
header { position: relative; z-index: 10; }
.menu { width: 7rem; height: 9rem; padding: 2rem; display: inline-flex; align-items: center; }
.ico { width: 7rem; height: 9rem; padding: 2rem; }
.ico img { width: 100%; height: 100%; object-fit: contain; }
.logo { width: calc(100% - 14rem); text-align: center; }
.logo img { width: 100%; height: 100%; object-fit: contain; max-width: 30.5rem; position: relative; z-index: 101; }
.top { background-color: var(--green); color: var(--white); }
.top .container { text-align: center; }
.top p { font-size: 2rem; padding: 1rem 0; }
.top.oggetti p { font-size: 1.7rem; }
.top .arrow { position: absolute; bottom: -2rem; left: 0; right: 0; margin: 0 auto; }
.top .arrow img { width: 6rem; height: 2rem; object-fit: contain; }
.avatar_box { margin: 2rem auto 0; }
.avatar_live { position: relative; width: calc(45% - 1px); height: 35rem; padding: 0 8%; cursor: pointer; }
.avatar_live.separator { border-right: 1px solid var(--green); width: 1px; padding: 0; cursor: none; }
.avatar_colore_img { position: absolute; display: block; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; }
.avatar_colore_img img { height: 100%; width: 100%; object-fit: contain; }
#box_slider { position: relative; }
.block_slider.deactive.no_sex { opacity: 0; }
.block_slider.deactive { opacity: 0.5; }
#layer_block_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#layer_block_slider.active { z-index: 9; }
#label-categoria { text-align: center; padding: 5px 0 0; border-top: 1px solid rgb(255 255 255 / 70%); margin: 1rem 0 0; }
.bg_viola { background-color: var(--viola); width: 95%; margin: 2rem auto 0; max-width: 50rem; color: var(--white); padding: 1rem 2rem 1rem; border-radius: 1rem; }
.rowsesso { display: flex; align-items: center; flex-wrap: wrap; }
.circle { position: relative; width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid #fafff0; background-color: #fafff0; cursor: pointer; text-align: center; vertical-align: middle; margin: 0 1.5rem 0 0; transition: all 0.3s; }
.circle#sesso_F { margin: 0 1.5rem 0 0; }
.circle img { position: relative }
.circle img.slider-icon { width: 60%; height: 60%; left: 20%; top: 20%; object-fit: contain; }
.circle.active, .slick-center .circle { background: linear-gradient(#fafff0, #fafff0) padding-box, linear-gradient(270deg, rgba(248, 225, 108, 1) 0%, rgba(255, 51, 102, 1) 100%) border-box; border-radius: 50em; border: 2px solid transparent; }
.rowsesso input { width: calc(100% - 16rem); border-radius: 1rem; background: rgb(251 255 241 / 30%); color: var(--white); box-sizing: content-box; padding: 1.5rem 2rem; font-size: 1.6rem; border: none; }
.rowsesso input::placeholder { color: var(--viola); }
.rowsesso input.focus, .rowsesso input:focus { outline: 1px solid #fff; background-color: #fff; color: var(--viola); }

@media screen and (min-width:351px) {
.circle { width: 5.0rem; height: 5.0rem; margin: 0 1.5rem 0 0; }
.circle#sesso_F { margin: 0 2.5rem 0 0; }
.rowsesso input { width: calc(100% - 19rem); }
}
/*
#btn-salva{position: fixed; cursor: pointer; bottom: 1rem;width: 95%;border: none;font-size: 3rem;font-weight: 700; padding: 1rem 1rem 5px;max-width: 40rem;margin: 0 auto;left: 0;right: 0;border-radius: 10rem;font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);background: rgb(46,196,182);
background: -moz-linear-gradient(90deg, rgba(46,196,182,1) 0%, rgba(248,225,108,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(46,196,182,1) 0%, rgba(248,225,108,1) 100%);
background: linear-gradient(90deg, rgba(46,196,182,1) 0%, rgba(248,225,108,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6",endColorstr="#f8e16c",GradientType=1);color: var(--black);}
*/
#btn-salva { position: relative; cursor: pointer; bottom: 0; width: 95%; border: none; font-size: 3rem; font-weight: 700; padding: 1rem 1rem 5px; max-width: 40rem; margin: 1rem auto 2rem; display: block; left: 0; right: 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 20%); background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); color: var(--black); }
#btn-salva:disabled, #btn-salva.disabled { background: var(--grey); color: rgb(28 15 19 / 20%); cursor: auto; }
/*
@media screen and (max-height: 900px) {
#btn-salva{position: relative;bottom: 0;margin: 1rem auto 2rem; display: block;}
}
*/
.circle.mini { width: 3.6rem !important; height: 3.6rem !important; margin: 0; padding: 0; border: none; }
.circle .dot { position: absolute; width: 100%; height: 100%; border-radius: 50%; display: inline-block; top: 0; left: 0; }
.slick-current .circle.mini::before { content: ''; width: 4.0rem; height: 4.0rem; display: inline-block; position: absolute; top: -0.3rem; left: -0.3rem; border-radius: 10rem; border: 1px solid rgb(139 95 191 / 70%); background: transparent; }
.slider-nav .fake { display: none; width: 0; height: 0; }
/* slider - categorie */
#slider-categorie { width: 100%;     /* max-width: 27rem; */ margin: 0.4rem auto 1.8rem; position: relative; }
#slider-categorie .circle { margin: 0; width: 4.5rem; height: 4.5rem; }
/* margini slide */
#slider-categorie .slick-slide { margin: 0 1rem; }
#slider-categorie .slick-list { margin: 0 -1rem; }
/*  */
#slider-categorie .slick-slide.slick-current { transform: scale(1.2); }
.down_slider_center { width: 1.1rem; position: absolute; top: 6.5rem; height: 1.1rem; left: 0; right: 0; margin: 0 auto; }
/* slider - forme */
#slider-forme { width: 100%; margin: 0.8rem auto 1.8rem; position: relative; }
#slider-forme .circle { margin: 0; width: 4rem; height: 4rem; }
/* #slider-forme__ {margin: 0 0 8px;} */
/* #slider-forme__ .circle.mini img.slider-icon { width: 100%; height: 100%; object-fit: contain;} */
/* #slider-forme .slick-current .circle.mini::after  {content:'';width: 3.1rem;height: 3.1rem;display: inline-block;position: absolute;top: -0.25rem;left: -0.25rem;border-radius: 10rem;border: 1px solid rgb(139 95 191 / 70%);background: transparent;} */
#slider-forme .slick-list { border-radius: 10rem; }
#slider-forme .slick-slide { margin: 0 5px; }
#slider-forme .slick-list { margin: 0 -5px; }
#slider-forme .slick-next { right: 0.8rem; }
#slider-forme .slick-prev { left: 0.8rem; z-index: 9; }
#slider-forme .slick-prev::before { content: url(../images/prev.png); display: block; }
#slider-forme .slick-next::before { content: url(../images/next.png); display: block; }
#slider-forme .slick-prev, #slider-colori .slick-next { width: 1.6rem; }
/* slider - colori */
#slider-colori .slick-list { border-radius: 10rem; }
#slider-colori .slick-slide { margin: 0 5px; }
#slider-colori .slick-list { margin: 0 -5px; }
#slider-colori .slick-next { right: 0.8rem; }
#slider-colori .slick-prev { left: 0.8rem; z-index: 9; }
#slider-colori .slick-prev::before { content: url(../images/prev.png); display: block; }
#slider-colori .slick-next::before { content: url(../images/next.png); display: block; }
#slider-colori .slick-prev, #slider-colori .slick-next { width: 1.6rem; }
/* PAGINA OGGETTI */
.row_riepilogo { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; position: relative; height: 13rem; }
.nome_riepilogo { font-family: "irregardless-variable", sans-serif; font-size: 6rem; text-transform: uppercase; color: var(--green); }
#avatar_mini { position: absolute; display: block; width: 7rem; height: 11rem; top: 1rem; left: 0; right: 0; margin: 0 auto; }
#avatar_mini img { width: 100%; height: 100%; object-fit: contain; }
.btn_round { width: 5rem; height: 5rem; background: var(--viola); padding: 1rem; border-radius: 10rem; }
.btn_round img { width: 100%; height: 100%; object-fit: contain; }
a.box_btn_round { display: flex; align-items: center; text-decoration: none; font-size: 1rem; }
a.box_btn_round span { display: inline-block; max-width: 5rem; text-align: right; margin: 0 1rem 0 0; }
.content.obj { padding: 3rem 2%; }
.oggetto_categoria { display: inline-block; width: 4rem !important; text-align: center; margin: 0 2rem; border-bottom: 4px solid transparent; opacity: 0.3; transition: all .3s; }
.oggetto_categoria.active { border-bottom: 4px solid var(--green); opacity: 1; }
.oggetto_categoria img { width: 100%; }
.oggetto_categoria a { text-decoration: none; color: var(--black); }
#slider-oggetti { position: sticky; top: 0; background: var(--white); z-index: 8; padding-top: 1rem; }
#slider-oggetti .slick-next { right: 0; }
#slider-oggetti .slick-prev { left: 0; z-index: 9; }
#slider-oggetti .slick-prev::before { content: url(../images/prev.png); display: block; }
#slider-oggetti .slick-next::before { content: url(../images/next.png); display: block; }
#slider-oggetti .slick-prev, #slider-oggetti .slick-next { width: 1.6rem; }
#slider-oggetti #slider-search { width: 100%; height: auto; margin: 0 auto; max-width: 39rem; padding: 1rem 2rem; border: 1px solid var(--green); border-radius: 10rem; }
#slider-oggetti #slider-search .ico-search { display: inline-block; width: 21px; margin-right: 2rem; vertical-align: middle; }
#slider-oggetti #slider-search input { display: inline-block; border: none; background-color: transparent; width: calc(100% - 90px); font-size: 1.8rem; vertical-align: middle; }
#slider-oggetti #slider-search input::placeholder { color: #a29f99; }
#slider-oggetti #slider-search input:focus { outline: none; }
#slider-oggetti #slider-search .ico-clean { display: inline-block; width: 21px; margin-left: 2rem; vertical-align: middle; display: none; }
.flex_oggetti { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.oggetto_img { width: calc(33.3% - 4rem); margin: 2rem; position: relative; display: inline-block; cursor: pointer; }
.oggetto_img img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; }
@media screen and (min-width:581px) {
.oggetto_img { width: calc(25% - 4rem); }
}
#button-oggetti { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; }
#btn-modifica-oggetti { min-width: 16rem; border: none; height: 6rem; padding: 0; max-width: 40rem; margin: 0 0.5rem; left: 0; right: 0; border-radius: 1rem; background: var(--viola); color: var(--white); font-family: 'Bricolage Grotesque', sans-serif; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-around; align-items: center; }
#btn-modifica-oggetti .testo { height: 100%; width: 60%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; }
#btn-modifica-oggetti span { right: 0; top: 0; height: 100%; width: 40%; display: flex; align-items: center; justify-content: center; background: var(--green); border-radius: 1rem; }
#btn-modifica-oggetti span img { width: 2rem; height: 2rem; object-fit: contain; }
#btn-guarda-risultato { min-width: 25rem; border: none; height: 6rem; padding: 0; margin: 0 0.5rem; left: 0; right: 0; border-radius: 1rem; background: var(--viola); color: var(--white); font-family: 'Bricolage Grotesque', sans-serif; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-around; align-items: center; }
#btn-guarda-risultato span { width: 96%; border: none; font-size: 4.0rem; padding: 0.8rem 0.1rem 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); position: relative; font-weight: 700; cursor: pointer; }
#btn-guarda-risultato span img { width: 1.5rem; height: 2.0rem; position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%); }
#btn-guarda-risultato.deactive { cursor: auto; }
#btn-guarda-risultato.deactive span { background: var(--grey); color: rgb(28 15 19 / 20%); cursor: auto; }
#btn-guarda-risultato.deactive span img { opacity: 20%; }
#btn-guarda-risultato-- { min-width: 300px; border: none; font-size: 1.6rem; padding: 2rem; max-width: 40rem; margin: 0 auto; left: 0; right: 0; border-radius: 1rem; background: var(--viola); color: var(--white); font-family: 'Bricolage Grotesque', sans-serif; cursor: pointer; }
#btn-guarda-risultato-- span { position: absolute; right: 0; top: 0; height: 100%; width: 5.95rem; display: flex; align-items: center; justify-content: center; background: var(--green); border-radius: 1rem; }
/* modale */
.modal { display: flex; justify-content: center; align-items: center; position: fixed; z-index: 8887; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6); transition: all .3s ease-in-out; opacity: 0; pointer-events: none; visibility: hidden; }
.modal-content { position: relative; background: var(--viola); overflow-y: auto; padding: 0; margin: 0; color: var(--white); border-radius: 1rem; }
#modal-body { position: relative; width: 95%; max-width: 40rem; margin: 0; }
.modal.visible { opacity: 1; visibility: visible; pointer-events: all; }
.modal-top { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 1.5rem 0; font-size: 1.8rem; padding: 0 1.5rem; }
.modal-close { position: absolute; right: 2rem; top: 1rem; cursor: pointer; width: 1rem; height: 1rem; }
.modal-close img { width: 2rem; height: 2rem; }
.modal-container { width: 100%; padding: 0 1.2rem 1.2rem; display: flex; align-items: stretch; flex-wrap: wrap; }
.modal .titolo { text-transform: uppercase; font-size: 1.7rem; margin: 0 0 3px; }
.modal .sottotitolo { font-size: 1.6rem; margin: 0 0 2rem; }
.modal .testo { font-size: 1.4rem; margin: 0 0 2rem; }
.modal-toggle { cursor: pointer; }
#modal_oggetti_sx { width: 14rem; }
#modal_oggetti_dx { position: relative; width: calc(100% - 15rem); }
#modal_oggetti_sx .modal_oggetto { width: 5rem; height: 5rem; display: inline-flex; vertical-align: top; margin: 0 5px 5px; border: 1px solid rgb(251 255 241 / 65%); background-color: transparent; cursor: pointer; border-radius: 8px; align-items: center; justify-content: center; }
#modal_oggetti_sx .modal_oggetto img { width: 100%; height: 100%; object-fit: contain; background: var(--white); border-radius: 7px; padding: 4px; }
#modal_oggetti_dx #modal_oggetto_img { height: 16rem; background-color: var(--white); margin-bottom: 1.5rem; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
#modal_oggetti_dx #modal_oggetto_img img { width: 100%; max-width: 11rem; }
#modal_oggetti_dx input { width: 100%; height: 4rem; border: none; border-radius: 8px; background-color: var(--white); padding: 5px 1rem; text-align: center; font-size: 1.7rem; }
#modal_oggetti_dx input::placeholder { color: rgb(28 15 19 / 40%); }
#modal_oggetto_aggiungi { background-color: var(--green); color: var(--white); width: 100%; text-align: center; cursor: pointer; padding: 2rem 1rem; font-size: 1.7rem; position: relative; }
#modal_oggetto_aggiungi.deactive span { opacity: 0.5; }
#modal_oggetto_aggiungi span img { position: absolute; right: 2.5rem; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 1.8rem; }
#modal-btn-risultato { width: 100%; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); position: relative; font-weight: 700; cursor: pointer; }
#modal-btn-risultato.deactive { background: var(--grey); color: rgb(28 15 19 / 20%); cursor: auto; }
#modal-btn-risultato span img { width: 1.5rem; height: 2.5rem; position: absolute; right: 1.8rem; top: 50%; transform: translateY(-50%); }
#modal-btn-risultato.deactive span img { opacity: 20%; }
#modal-btn-altri { width: 100%; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem 0 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--green); background: var(--white); text-transform: uppercase; position: relative; font-weight: 700; cursor: pointer; }
#modal-btn-altri.deactive { background: var(--grey); color: rgb(28 15 19 / 20%); cursor: auto; }
#modal-btn-altri span img { width: 1.5rem; height: 2.5rem; position: absolute; right: 1.8rem; top: 50%; transform: translateY(-50%); }
#modal-btn-altri.deactive span img { opacity: 20%; }
#modal_oggetti_dx #modal_oggetto_elimina { position: absolute; top: 1rem; right: 1rem; background-color: var(--red); color: var(--white); width: 2rem; height: 2rem; border-radius: 2rem; text-align: center; cursor: pointer; padding: 5px; }
/* RISULTATO */
.container_bg { position: relative; width: 100%; height: calc(100vh - 16rem); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.top.risultato { box-shadow: 0 3px 5px rgb(0 0 0 / 10%); z-index: 2; position: relative; padding: 1.3rem 0; }
.box_checkbox { position: fixed; bottom: 0; background: var(--viola); width: 100%; padding: 1rem 3rem 1rem; }
.box_checkbox form { max-width: 60rem; margin: 0 auto; }
.opzione { margin: 0 0 1.5rem; }
/*.opzione:first-of-type {padding: 0 0 1.5rem;border-bottom: 1px solid var(--white);}*/
.row { display: flex; justify-content: space-between; align-items: flex-start; font-size: 1.8rem; color: var(--white); }
.opzione .text { display: none; margin-top: 1rem; }
.opzione .text p { font-size: 1.3rem; color: var(--white); }
/* custom checkbox */
.control { display: block; position: relative; padding-left: 3rem; margin-bottom: 0rem; cursor: pointer; font-size: 1.8rem; }
.control__indicator { position: absolute; top: 2px; left: 0; height: 2rem; width: 2rem; background: transparent; border: 1px solid rgb(255 255 255 / 50%); border-radius: 50%; }
.control--radio .control__indicator:after { content: ''; position: absolute; display: none; left: 0.125rem; top: 0.125rem; height: 1.5rem; width: 1.5rem; border-radius: 50%; background: var(--green); }
.control--radio .control__indicator.white:after { background: white; }
.control input:checked ~ .control__indicator:after { display: block; }
.control input { position: absolute; z-index: -1; opacity: 0; }
/*  */
.row_carrello { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 60rem; margin: 0 auto; }
.btns { width: 5.5rem; height: 5.5rem; }
.btns img { width: 100%; height: 100%; }
.btns.btn-info { padding: 0 !important; }
#add_cart { width: calc(100% - 14rem); border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); text-transform: uppercase; background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); position: relative; font-weight: 700; cursor: pointer; }
#add_cart.disactive { cursor: auto; }
#add_cart.disactive span { opacity: 0.5; }
#btn_acquista { width: 70%; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); text-transform: uppercase; background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); position: relative; font-weight: 700; cursor: pointer; }
#btn_acquista.disactive { cursor: auto; }
#btn_acquista.disactive span { opacity: 0.5; }
@media screen and (max-width:440px) {
#btn-modifica-oggetti { min-width: 14rem; }
#btn-guarda-risultato { min-width: 21rem; }
#btn-guarda-risultato span { font-size: 3.5rem; }
}
@media screen and (max-width:400px) {
.btns { width: 4rem; height: 4rem; }
#add_cart { width: calc(100% - 10rem); font-size: 3rem; }
.modal-top { font-size: 1.7rem; }
.top.oggetti p { font-size: 1.6rem; }
.change_preview { margin: 0 2px !important; }
}
.row_icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0 0 3rem; width: 100%; }
.row_icons .ico { height: 3.5rem; padding: 0; margin: 0 0 0 0; display: inline-block; width: 33%; text-align: center; }
.row_icons .ico:last-of-type { margin: 0; }
.modal.popup { display: block; position: fixed; z-index: 9; left: 0; top: 0; width: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6); transition: all .3s ease-in-out; opacity: 0; pointer-events: none; visibility: hidden; height: 0; }
.modal.popup.visible { opacity: 1; visibility: visible; pointer-events: all; height: 100%; }
.modal.popup .modal-content { position: relative; background: var(--green); overflow-y: auto; padding: 2.5rem 2rem; margin: 0; color: var(--white); top: 9rem; border-radius: 0; }
.modal.popup .modal-top { justify-content: space-between; padding: 0; font-size: 1.4rem; margin: 0 0 2.5rem; }
.modal.popup .modal-close { position: relative; top: 0; right: 0; width: 2rem; height: 2rem; }
.modal.popup .modal-container { padding: 0; }

#modalFormato{ z-index: 11;}
#modalFormato .modal-content{ top:0; height: 100vh;}

/*.square_risultato { width: 12rem; height: 12rem; object-fit: cover; border-radius: 1rem; margin: 0 2rem 0 0; }*/
.square_risultato { width: 10rem; height: 10rem; object-fit: cover; border-radius: 1rem; margin: 0 2rem 0 0; }
/*.modal.popup .txt { width: calc(100% - 14rem); }*/
.modal.popup .txt { width: calc(100% - 12.5rem); }
.modal.popup .txt .tit { text-transform: uppercase; font-size: 1.7rem; margin: 0 0 0; }
.modal.popup .txt .stit { font-size: 1.6rem; margin: 0 0 2rem; }
.modal.popup .txt .row { align-items: center; }
.modal.popup .modal-versione { padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 2rem; }
.modal.popup .modal-versione .txt .row { margin-bottom: 10px; }
.modal.popup .modal-versione .txt .stit { margin: 0px; }
.modal.popup .modal-versione .box-btn { margin: 0; }
@media screen and (max-width:360px) {
.square_risultato { width: 9rem; height: 9rem; margin: 0 1.5rem 0 0; }
.modal.popup .txt { width: calc(100% - 10.5rem); }
#btn-modifica-oggetti { min-width: 13rem; height: 5rem; }
#btn-guarda-risultato { min-width: 21rem; height: 5rem; }
#btn-guarda-risultato span { font-size: 3.5rem; }
}
@media screen and (max-width:340px) {
#btn-modifica-oggetti { min-width: 12rem; }
#btn-modifica-oggetti .testo { font-size: 1.2rem; }
#btn-guarda-risultato { min-width: 18rem; }
#btn-guarda-risultato span { font-size: 3.0rem; }
.top.oggetti p { font-size: 1.4rem; }
}
/* custom input */
input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none }
.number-input { display: flex; flex-direction: column; flex-wrap: wrap; position: relative; }
.number-input, .number-input * { box-sizing: border-box }
.number-input button { outline: 0; appearance: none; -webkit-appearance: none; background-color: transparent; border: none; width: 2.5rem; height: 2.5rem; cursor: pointer; margin: 0; position: absolute; display: block; top: 50%; transform: translateY(-50%); left: 0; }
.number-input button.plus { right: 0; left: inherit; }
.number-input input[type=number] { max-width: 9rem; padding: 1rem; border: none; font-size: 1.6rem; font-weight: 700; text-align: center; border-radius: 10rem; }
/*  */
.modal.popup .box-btn { margin: 2rem 0 0; width: 100%; text-align: center; }
#ok_cart { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); text-transform: uppercase; background: var(--white); position: relative; font-weight: 700; cursor: pointer; }
.btn_seleziona { width: 100%; max-width: 18rem; border: none; font-size: 1.8rem; padding: 0.8rem 0rem; margin: 1rem 0; border-radius: 10rem; color: var(--white); text-transform: uppercase; background: var(--viola); position: relative; font-weight: normal; cursor: pointer; }
/* CARRELLO */
.close_content { max-width: calc(80rem - 1.2%); margin: 0 auto; padding: 1rem 2% 0; text-align: right; }
.ico_close { width: 2rem; height: 2rem; }
.container_cart { background: var(--green); min-height: 100vh; }
.container_cart form { max-width: 80rem; margin: 0 auto; padding: 1rem 2%; }
.container_cart form .flex { align-items: flex-start; }
.container_cart .column { width: 100%; padding: 0; }
.column .box { background: var(--white); padding: 2rem; border-radius: 1rem; margin: 0 0 1rem; }
.column.sx { order: 2; }
.column.sidebar { position: relative; order: 1; }
.column.sidebar .box { background-color: transparent; padding: 0; }
.column .box .tit { font-size: 1.8rem; margin: 0 0 1rem; }
.column .box .small { font-size: 1.3rem; margin: 0 0 1rem; }
.column .box label { display: none; }
.column .box .checkbox label { display: block; flex-grow: 2; padding: 0 0 0 5px; font-size: 1.3rem; }
.input_cart { width: 100%; font-size: 1.6rem; padding: 1rem; border: none; background: rgb(46 195 181 / 20%); margin: 0 0 1rem; }
.input_cart::placeholder { color: var(--green); }
#convalida { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem auto 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--white); text-transform: uppercase; background: var(--green); position: relative; font-weight: 700; cursor: pointer; }
.center { text-align: center; }
.checkbox { display: flex; flex-direction: row-reverse; width: 100%; margin: 0 0 1rem; align-items: flex-start; }
.container_cart form .flex.interno { justify-content: space-between; flex-wrap: wrap; }
.flex.interno .mezzo { width: 48%; }
.flex.interno .intero { width: 100%; position: relative; }
select.input_cart { appearance: none; position: relative; color: var(--green); }
select.input_cart:focus { outline: none; }
.selimg { position: absolute; right: 1rem; top: 1.4rem; pointer-events: none; width: 1.5rem; height: 1rem; display: block; }
#continua { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem auto 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--black); text-transform: uppercase; position: relative; font-weight: 700; cursor: pointer; background: rgb(46, 196, 182); background: -moz-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); background: linear-gradient(90deg, rgba(46, 196, 182, 1) 0%, rgba(248, 225, 108, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ec4b6", endColorstr="#f8e16c", GradientType=1); }
.box_comemodale { display: flex; color: var(--green); }
.box_comemodale .txt { width: calc(100% - 14rem); }
.box_comemodale .txt .tit { text-transform: uppercase; font-size: 1.7rem; margin: 0 0 3px; }
.box_comemodale .txt .stit { font-size: 1.6rem; margin: 0 0 2rem; }
.box_comemodale .txt .row { align-items: center; color: var(--white); }
.box_comemodale .txt .row .number-input input[type=number] { background-color: var(--white); }
#moddati { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem auto 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; color: var(--white); border: 1px solid; text-transform: uppercase; position: relative; font-weight: 700; cursor: pointer; background: transparent; }
#acquista { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem auto 3rem; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; color: var(--black); text-transform: uppercase; position: relative; font-weight: 700; cursor: pointer; background: var(--white); box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); }
.column.sidebar .box .tit { color: var(--white); }
.column.sidebar .box .box_comemodale { color: var(--white); }
.riepilogo { margin: 3rem 0 0; }
.riepilogo .tit { text-transform: uppercase; font-size: 1.7rem; margin: 0 0 3px; color: var(--green); }
.riepilogo .stit { font-size: 1.6rem; margin: 0 0 2rem; }
.riepilogo .row { color: var(--white); }
.riepilogo .line { width: 100%; height: 1px; background: var(--white); margin: 0 0 2rem; }
#convalida_voucher { width: 100%; max-width: 25rem; border: none; font-size: 3.5rem; padding: 1rem 1rem 5px; margin: 1rem auto 0; border-radius: 10rem; font-family: "irregardless-variable", sans-serif; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); color: var(--green); text-transform: uppercase; background: var(--white); position: relative; font-weight: 700; cursor: pointer; }
.container_cart.voucher { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 9rem); }
.box_voucher { text-align: center; width: 96%; margin: 0 auto; }
.box_voucher span { font-size: 1.6rem; color: var(--white); margin: 0 0 1rem; display: block; }
.box_voucher .tit { font-size: 5rem; text-transform: uppercase; font-family: "irregardless-variable", sans-serif; color: var(--white); font-weight: 700; }
.box_voucher form { max-width: 40rem; margin: 4rem auto 0; }
.box_voucher form label { display: none; }
.box_voucher form .input_cart { background-color: rgb(251 255 241 / 70%); font-size: 2.1rem; margin: 0 0 6rem; }
.box_voucher form .input_cart::placeholder { color: var(--green); }
.container_bg_version { width: 100%; height: 100%; text-align: center; padding-top: 20px; background-repeat: no-repeat; background-position: top center; }
.container_bg_version img { box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); max-height: 800px; }
.container_bg_version .shadow { position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); text-align: center; margin-left: auto; margin-right: auto; width: 100%; height: 100%; max-width: 600px; max-height: 800px; background-color: white; box-shadow: 3px 3px 3px rgb(0 0 0 / 25%); }
#container_bg_desktop { display: none; }
#container_bg_mobile { display: block; }
#box_change_preview { position: absolute; bottom: 100px; left: 50%; transform: translate(-50%, 0); text-align: center; margin-left: auto; margin-right: auto; }
#box_change_preview p { font-size: 16px; margin-bottom: 5px; }
#bg_change_preview { background-color: white; border-radius: 10rem; padding: 10px 20px; white-space: nowrap; }
.change_preview { cursor: pointer; display: inline-block; position: relative; margin: 0 10px;     /*border-radius: 50%;*/ }
.change_preview img { height: 40px; }
/*.change_preview.active {
border: 3px solid #000;
}*/
.slider-nav-forme .slick-list, .slider-nav-colori .slick-list { background-color: white; }
.slider-categorie-item, .slider-forme-item, .slider-colori-item { margin: 0; text-align: center; }
.slick-slider .slick-track, .slick-slider .slick-list { margin: 8px auto; }
.slider-label { display: none; }
.slick-center .slider-label { display: inline-block; }
/* .slick-center .slider-icon {
transform: scale(1.20);
} */
.slider-forme-item.active .circle.mini { border: 1px solid black; }
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; overflow: hidden; }
#loader-wrapper.black { background-color: rgba(0, 0, 0, 0.8); }
#loader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; }
.loader { width: 8em; height: 8em; }

@media screen and (max-width:768px) {
header .menu { height: 7rem; order: 3; }
header .ico { height: 7rem; order: 1; }
header .logo { height: 7rem; padding: 1rem 0; order: 2; }
.avatar_box { margin: 2.5rem auto 0; }
.avatar_live { height: 23rem; }
.bg_viola { margin: 1rem auto 0; padding: 1rem 2rem 1rem; }
/*.modal.popup .modal-content { top: 7rem; }*/
.modal-container .row img.img_pag_cart { width: 100%; height: auto; margin: 0 0 4rem 0; }
.modal-container .box_1.prod { width: 100%; text-align: center; }
.modal-container .row .box_2, .modal-container .row form { text-align: center; }
.modal-container .quantita-input { max-width: inherit; }

.modal.popup .modal-content { top: 7rem; padding: 1.5rem 1rem; }
.modal.popup .modal-content .btn_seleziona{ font-size: 1.4rem;}
.modal.popup .modal-top{ margin: 0 0 2.0rem;}
.modal.popup .modal-container .txt .row, .modal.popup .modal-container .txt .tit{font-size: 1.6rem;}
.modal.popup .modal-container .txt .stit{font-size: 1.4rem; line-height: 1.4rem;}
.modal.popup .modal-container .txt .stit .row_icons .ico{height: 2.5rem;}
}
@media screen and (min-width:1025px) {
header .container { max-width: 148rem; }
header .logo { order: 1; width: 30.5rem; }
header .menu { order: 2; width: calc(100% - 30.5rem - 7rem); justify-content: center; }
header .ico { order: 3; }
.box_checkbox { max-width: 39rem; right: 2.5rem; bottom: 2.5rem; border-radius: 1rem; }
.btns { position: fixed; bottom: 2.5rem; background: var(--viola); box-sizing: content-box; width: 4rem; height: 4rem; }
.btns:first-of-type { left: 2.5rem; padding: 1.5rem 1rem 1.5rem 2rem; border-radius: 10rem 0 0 10rem; }
.btns:last-of-type { left: 9.5rem; padding: 1.5rem 2rem 1.5rem 1rem; border-radius: 0 10rem 10rem 0; }
.btns.btn-info { left: 2.5rem !important; padding: 1.5rem !important; border-radius: 10rem !important; }
.modal.popup { z-index: 11; height: 100%; width: 0; right: 0; left: inherit; }
.modal.popup.visible { width: 100%; }
.modal.popup .modal-content { top: 0; max-width: 48rem; right: 0; left: inherit; margin: 0 0 0 auto; height: 100%; }
.modal.popup .modal-top { margin: 0 0 5.5rem; }
.modal.popup .box-btn { margin: 4rem 0 0; }
.container_cart .column { width: 50%; padding: 0 1rem; }
.column.sx { order: 1; }
.column.sidebar { position: -webkit-sticky; position: sticky; top: 1rem; order: 2; }
.column.sidebar .box { padding: 2rem; background-color: var(--white); }
.column.sidebar .box .tit { color: var(--black); }
.column.sidebar .box .box_comemodale { color: var(--green); }
.column.sidebar .box .opzione.voucher .row, .column.sidebar .box .opzione.voucher .text p { color: var(--black); }
.opzione.voucher .control { font-size: 1.6rem; }
.opzione.voucher .control__indicator { border: 1px solid rgb(0 0 0 / 50%); }
.opzione.voucher .control--radio .control__indicator.white:after { background: var(--green); }
.box_comemodale .txt .row .number-input input[type=number] { background-color: var(--green); }
.box_comemodale .txt .row { color: var(--green); }
.riepilogo .row { color: var(--green); }
.riepilogo .line { background: var(--green); }
#container_bg_desktop { display: block; }
#container_bg_mobile { display: none; }
#add_cart { width: 100%; }
#box_change_preview { bottom: 120px; }
}