@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {/* font-size: 62.5%*/ font-size: 9px; scroll-behavior: smooth;}
body { font-family: 'Work Sans', sans-serif; color: #201f1d; background-color: #201f1d; letter-spacing: -0.05rem; }
.body { background-color: #fcfcf5; max-width: 100%; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
a { text-decoration: none; color: #201f1d; outline: none }
a:focus {outline: none!important }
b { font-weight: 600; }
p { line-height: 1.4; font-size: 1.9rem; letter-spacing: -0.01rem; }
.container { max-width: 110rem; margin: 0 auto; padding: 0 2%; width: 90%; }
button { background-color: transparent; border: none; font-family: 'Work Sans', sans-serif;}
.center { text-align: center; }
.clear { clear: both; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fcfcf5}
.hide { overflow: hidden; }
.flex { display: flex; }
.flex.items-center{align-items: center !important;}
.red { color: red }
.white { color: #FFF }
.green { color: #44cf6c }
.green a { color: #44cf6c }
.viola { color: #643ed7 }
.viola a { color: #643ed7 }
.bgwhite { background-color: #fff; }
.bggreen { background-color: #44cf6c; }
.bgrose { background-color: #de4d86; }
.bgpalepink { background-color: #f5e8ef; }
.bgviola { background-color: #643ed7; }
.bgviola2 { background-color: #9277df; }
.bgcolor { background: rgb(70,197,115);
           background: -moz-linear-gradient(140deg, rgba(70,197,115,1) 0%, rgba(100,62,215,1) 70%, rgba(222,77,134,1) 100%);
           background: -webkit-linear-gradient(140deg, rgba(70,197,115,1) 0%, rgba(100,62,215,1) 70%, rgba(222,77,134,1) 100%);
           background: linear-gradient(140deg, rgba(70,197,115,1) 0%, rgba(100,62,215,1) 70%, rgba(222,77,134,1) 100%);
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46c573",endColorstr="#de4d86",GradientType=1); }
.title { font-size: 3rem; margin-bottom: 0.8rem 0; }
.inverted { -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);filter: invert(100%); }

.link{ text-decoration: underline; }

.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.w100{ width: 100% !important;}

.box_checkbox{ }
.box_checkbox .ui-checkbox{
    width: auto !important; margin: 0 !important; display: inline-block !important;
}
.input_checkbox{
    width: auto !important; margin: 0 !important; vertical-align: middle !important; display: inline-block !important;
}

/*TOP BUTTON*/
.back-to-top { text-align: center; position: fixed; z-index: 200; bottom: 0; right: 0; display: inline-block; border:0.2rem solid #fcfcf5; padding: 1.3rem 1rem 1.1rem; margin: 1em; background-color: #202020; border-radius: 10px; }
.back-to-top img { width: 2rem; }
.back-to-top:hover {cursor: pointer;}

.cta { font-size: 1.8rem; transition: all 0.3s ease 0s; border-radius: 5rem; border:0.2rem solid; display: inline-block; padding: 1.6rem 5rem; text-align:center;}

header { background-color: #201f1d; padding: 125.8px 0 0 0; }
header > .container { background: #201f1d; padding: 0 2%;}
header.risultati { background-color: #201f1d; /*padding: 2rem 0 11rem;*/ position: fixed; width: 100%; z-index: 9; }
header .logo { width: 18rem;position: relative;}
@media screen and (min-width:1025px) {
    header .logo {z-index: 99;}
}
header .logo img { height: 5rem;}
header .logo img.logo_kids { display: none;}
header .logo img.logo_kids_abs { display: none;}
header .social { width: 13rem; display: flex; justify-content: flex-end; }
header .social .img { height: 25px; margin-left: 1.5rem; width: 25px; }
header .social .img.fb { background-image: url(../img/enspire-idee-regalo-facebook.svg); background-size: cover; }
header .social .img.insta { background-image: url(../img/enspire-idee-regalo-instagram.svg); background-size: cover; }
header .social .img.pinterest { background-image: url(../img/enspire-idee-regalo-pinterest.svg); background-size: cover; }
header .social .img.linkedin { background-image: url(../img/enspire-idee-regalo-linkedin.svg); background-size: cover; }
header .social .img.tiktok { background-image: url(../img/enspire-idee-regalo-TikTok.svg); background-size: cover; }
header .social .img.fb:hover { background-image: url(../img/enspire-idee-regalo-facebook-green.svg); background-size: cover; }
header .social .img.insta:hover { background-image: url(../img/enspire-idee-regalo-instagram-green.svg); background-size: cover; }
header .social .img.pinterest:hover { background-image: url(../img/enspire-idee-regalo-pinterest-green.svg); background-size: cover; }
header .social .img.linkedin:hover { background-image: url(../img/enspire-idee-regalo-linkedin-green.svg); background-size: cover; }
header .social .img.tiktok:hover { background-image: url(../img/enspire-idee-regalo-TikTok-green.svg); background-size: cover; }
header .flex { justify-content: space-between; align-items: center; }
header #header_top{position: fixed; top: 0; width: 100%; z-index: 999;}
header .suxdiv { position: relative;
   /*  z-index: 8; */
    width: 100%;
    background: #201f1d;}
/* header ul { width: calc(100% - 32rem); padding: 0 2rem;display: flex;align-items: center;justify-content: flex-end; } */
header ul.menu {
    width: calc(100% - 32rem);
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
header ul.menu_icons {
    width: 16rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;}
/*header ul li { display: inline-block; margin: 0 2rem }*/
header ul li a { color: #fcfcf5; font-size: 2rem; display: inline-block; padding: 5rem 1.8rem;}
header ul li a .line { transition: all 1s ease 0s; height: 0.2rem; background-color: transparent; width: 2.5rem; margin: 5px auto 0; display: block; }
header ul li a.active .line { background-color: #fcfcf5 }
header ul li a:hover .line { background-color: #fcfcf5 }
header ul li a.active .line { background-color: #fcfcf5 }
.header_flat { /*padding: 0;*/ }
header article.content { position: relative;}

#header_top_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 84px;
  }

.box-abs-home {position: absolute; top: 10%; max-width: 110rem; margin: 0 auto; padding: 0 2%; width: 90%; left: 0; right: 0; z-index: 2;}
.box-abs-home h1 { font-weight: 200; font-size: 4.2rem; margin-bottom: 10px; line-height: 1; max-width: 50rem; }
.box-abs-home h2 { font-weight: 200; font-size: 1.9rem; max-width: 50rem; line-height: 1.4;}

.block-nero {display: none;}
.bghome { margin: 3rem 0 0; max-width: 50rem; width: 100%; z-index: 9; position: relative;}
.bghome p { font-size: 1.7rem;}
.bhc { -webkit-box-shadow: 0px 0rem 0.8rem 0.3rem rgba(0,0,0,0.39);
       -moz-box-shadow: 0px 0rem 0.8rem 0.3rem rgba(0,0,0,0.39);
       box-shadow: 0px 0rem 0.8rem 0.3rem rgba(0,0,0,0.39); border-radius: 4rem; padding: 5.5rem 3.5rem 5.5rem 2rem; z-index: 2; position: relative;}
/*.bghome .txt { width: 50%; border-right: 1px dotted; padding-right: 6% }*/
/*.bghome h1 { font-weight: 200; font-size: 3.5rem; margin-bottom: 10px; line-height: 1 }
.bghome p { font-weight: 200; font-size: 1.7rem; }*/
.bghome .steps { transition: all 0.3s ease 0s; align-items: center; width: 100%; justify-content: center; padding-left: 4%; }
.bghome .steps .step { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 100%; z-index: 20;}

.bghome .steps .step .img { transition: all 0.3s ease 0s; width: 5.0rem; border-radius: 50%; background-color: rgba(252,252,252,0.2); height: 5.0rem }
.bghome .steps .step .img1 { opacity: 1; z-index: 1; transition: all .2s; cursor: pointer;}
.bghome .steps .step .img2 { opacity: 0; z-index: 1; transition: all .2s; position: absolute; left: 0; top: 0; cursor: pointer;}
.bghome .steps .step .img3 { opacity: 0; z-index: 1; transition: all .2s; position: absolute; left: 0; top: 0; cursor: pointer;}
.bghome .steps .step:hover .img1 { opacity: 1; }
.bghome .steps .step:hover .img2 { opacity: 0;}
.bghome .steps .step:hover .img3 { opacity: 0; }
/*altri step:*/
.bghome .steps #step1:hover .img1, .bghome .steps #step2:hover .img1, .bghome .steps #step3:hover .img1 { opacity: 0; }
.bghome .steps #step1:hover .img2, .bghome .steps #step2:hover .img2, .bghome .steps #step3:hover .img2 { opacity: 0; }
.bghome .steps #step1:hover .img3, .bghome .steps #step2:hover .img3, .bghome .steps #step3:hover .img3 { opacity: 1; }
/*all'hover cambia background*/
.bghome .steps .step.activestep:hover .img { background-color: #fff }
.bghome .steps .step.activestep-nobg:hover .img { background-color: #fff }
/* e anche al click */
.bghome .steps .step.activestep.clicked#step2{ margin-left: -0.75rem;}
.bghome .steps .step.activestep.clicked .img1 { /*background-color: #44cf6c; */ opacity: 0; }
.bghome .steps .step.activestep.clicked .img2 { /*background-color: #44cf6c; */ opacity: 1; }
.bghome .steps .step.activestep-nobg.clicked .img2 { background-color: #44cf6c; opacity: 1; }
/* e quando passo allo step 2 */
.bghome .steps .step.activestep.nextstep .img3 { opacity: 1; }
.bghome .steps .step.activestep-nobg.nextstep .img3 { opacity: 1; }

/*il pulsante inizia subito allhover va via*/
.bghome .steps .step:hover p:first-child { opacity: 0; }
.bghome .steps .step p { font-size: 1.5rem; position: absolute; bottom: -3.4rem; text-align: center; /* left: 0; right: 0; */ }
.bghome .steps .step.activestep p { bottom: -2.8rem; }
.bghome .steps .line { border-top: 1px dotted #fcfcf5; width: 17%; margin: 0 0.2rem }
.bghome .steps .step.activestep p, .bghome .steps .step.activestep-nobg p { font-weight: 400; font-size: 1.9rem; line-height: 2.4rem; bottom: -2.8rem; z-index: 9; }
.bghome .steps .step.activestep.nextstep p, .bghome .steps .step.activestep-nobg.nextstep p{ font-size: 1.5rem; }

/*
.bghome .steps .step:nth-child(1) p { left: -1.5rem }
.bghome .steps .step.nextstep:nth-child(1) p { left: -0.3rem }
.bghome .steps .step:nth-child(3) p { left: -1.8rem }
.bghome .steps .step:nth-child(5) p { left: -0.7rem }
.bghome .steps .step:nth-child(7) p { left: -0.5rem }
*/

.bghome .steps .step.activestep .img { width: 6.5rem; height: 6.5rem; }
.bghome .steps .step.activestep-nobg .img { width: 6.5rem; height: 6.5rem; /*background: rgb(68 207 108 / 100%);*/ }
.bghome .steps .step.activestep .img2{ opacity: 1; }

.bghome .steps .step.activestep.nextstep .img { background: none !important; }
.bghome .steps .step.activestep.nextstep:hover .img { background: rgb(68 207 108 / 100%) !important; }

.bghome .steps .step.activestep-nobg.nextstep .img { background: none !important; }
.bghome .steps .step.activestep-nobg.nextstep:hover .img { background: rgb(68 207 108 / 100%) !important; }

/*content tab open close*/
.content-tab { position: relative; background-color: rgba(252,252,245,1); margin-top: -40px; z-index: 1; padding: 7.5rem 2rem 2rem; border-radius: 0 0 4rem 4rem; box-shadow: 0px 5px 2rem rgb(0 0 0 / 19%);}
.content-tab p { font-weight: 400; color: #201f1d; }
.content-tab li.button p {font-size: 1.6rem;}
.content-tab .flex { align-items: flex-start; margin: 1rem 0 0;}
#formRegalo2 .flex {width: 100%; justify-content: flex-start;}
.content-tab .choose { padding: 0; text-align: center; margin-right: 1rem;}
.content-tab .choose .button { margin: 0 6px }
.content-tab .choose .button .img { cursor: pointer; border-radius: 50%; background-color: rgba(32,31,29,0.1); height: 6.5rem; width: 6.5rem; }
.content-tab .choose .button .img.imgu:hover { background-image: url(../img/uomo_v.svg); background-size: cover; }
.content-tab .choose .button .img.imgd:hover { background-image: url(../img/donna_v.svg); background-size: cover; }
.content-tab .choose .button p { font-size: 1.8rem; margin-top: 0; }
.button.active .img.imgu { background-image: url(../img/uomo_v.svg); background-size: cover; }
.button.active .img.imgd { background-image: url(../img/donna_v.svg); background-size: cover; }
.button.active .img.imgu:hover { background-image: url(../img/uomo_v.svg); background-size: cover; }
.button.active .img.imgd:hover { background-image: url(../img/donna_v.svg); background-size: cover; }
.content-tab .go { cursor: pointer; width: 4.5rem; height: 4.5rem; opacity: 0.2; position: relative; display: block; margin: 1rem 0 0 auto;}
.content-tab .go.active { opacity: 1; }
.content-tab .go img { position: relative; width: 4.5rem; height: 4.5rem; right: 0;}
.chooserelazione.b-tab {padding: 1rem 0; -webkit-animation-duration: .3s;
                        -moz-animation-duration: .3s;
                        -ms-animation-duration: .3s;
                        -o-animation-duration: .3s;
                        animation-duration: .3s;}
.chooserelazione button { font-size: 12px; color: #000; padding: 7px 1rem; border: 1px solid rgb(0 0 0 / 36%); border-radius: 2rem; margin: 3px 1px; min-width: 9rem; cursor: pointer; transition: all .3s;}
.chooserelazione button:hover, .chooserelazione button.active {border: 1px solid rgb(32 31 29 / 100%); background: #201f1d; color: #fcfcf5;}
.chooseoccasione.flex { flex-wrap: wrap; justify-content: center;}
.button.occas {position: relative; width: calc(33.3% - 10px); text-align: center; padding: 1rem; margin: 5px; background: rgb(32 31 29 / 10%); border-radius: 2rem; transition: all .3s;}
.button.occas:hover, .button.occas.active {background: rgb(68 207 108 / 100%);}
.button.occas:hover p, .button.occas.active p {color: #fcfcf5;}
.button.occas .img { transition: all 0.3s ease 0s; width: 7rem; height: 7rem }
.button.occas .img.img1 { opacity: 1; z-index: 2; transition: all .2s; cursor: pointer;}
.button.occas .img.img2 { opacity: 0; z-index: 1; transition: all .2s; position: absolute; left: 0; right: 0; margin: 0 auto; top: 1rem; cursor: pointer;}
.button.occas:hover .img.img2 { opacity: 1;}
.button.occas:hover .img.img1 { opacity: 0; }
li.button.occas.active img {background: transparent;}

.button.occas.active .img.img1{opacity: 0;}
.button.occas.active .img.img2{opacity: 1; filter: invert(0%);}

/*img backgound icon*/
.bghome .imgd {background-image: url(../img/donna.svg);} 
.bghome .imgu {background-image: url(../img/uomo.svg);} 

/*.sticky { display: block; position: fixed; top: 0; left: 0; right: 0; margin-top: 2rem!important}
.sticky .txt { display: none;}
.sticky .content-tab .txt { display: block;}
.sticky .steps { margin: 0 auto; padding-bottom: 1rem; padding-left: 0 }
.sticky .content-tab .steps { padding-left: 4%}*/

.background { width: 100%; padding: 9rem 0 15rem; background-repeat: no-repeat;
              background-size: cover; background-position: top center;
              background-attachment: fixed; text-align: right; height: 66.6rem; }

.comefunziona { margin-top: -20rem; padding: 0; position: relative; box-shadow: 0px 5px 2rem rgb(0 0 0 / 19%);}
.comefunziona .flex { align-items: center;}
.comefunziona h2 { font-size: 3.6rem; margin-bottom: 2rem; position: absolute; z-index: 1; left: 0; right: 0; top: 6rem;}
.img-comefunz { width: 49%; margin-right: 2%;}
.splide__slide .txt {width: 49%;}
.tit36 {font-size: 3.6rem; line-height: 1.3;}
.comefunziona .tit36 {font-weight: 400; margin-bottom: 1rem;}
.tit24 {font-size: 1.9rem; line-height: 1.4;}
.comefunziona .tit24 {margin-bottom: 4rem;}
.btn-brd { padding: 1.4rem 2.4rem; color: #fcfcf5; border: 1px solid; font-size: 2.4rem; display: inline-block; border-radius: 4rem; transition: all .3s;}
.btn-brd:hover {color: #44cf6c; background: #fcfcf5;}
.comefunziona .splide__pagination {position: absolute; bottom: 2.5rem; left: 0;}
.comefunziona .splide__pagination__page { background: rgb(252 252 245 / 39%); border: 1px solid #fcfcf5;}
.comefunziona .splide__pagination__page.is-active {background: #fcfcf5; border: 1px solid #fcfcf5;}
.comefunziona .splide__slide {  padding: 12rem 0 10rem;}
.comefunziona .splide__track { margin: 0 auto!important;}
/*.comefunziona .txt:first-child { border-right: 1px dotted; padding-right: 2rem }
.comefunziona .txt:last-child { padding-left: 4rem; }
.comefunziona .txt:last-child p { margin: 6.3rem 0 2.6rem }
.comefunziona .txt { width: 50% }
.comefunziona .cta:hover { background-color: #fcfcf5; color: #44cf6c; border: 0.2rem solid #fcfcf5; }*/

section.home-chi-cosa {padding: 6rem 0; display: inline-flex; justify-content: center; width: 100%; flex-wrap: wrap; align-items: flex-start;}
.spalla {width: calc(50% - 55rem - 20px); /* background: #000; */ text-align: center; max-width: 300px; min-width: 120px;}
.spalla2 {width: 100%; /* background: #000; */ text-align: center; max-width: 300px; min-width: 120px;}
.spalla img, .spalla2 img {width: 100%; object-fit: contain;}
section.home-chi-cosa .container {margin: 0;}
section.home-chi-cosa .flex {justify-content: space-between;}
.pattern-bg {background: url("/assets/img/bg-pattern.svg") top left/35rem repeat;}
section.home-chi-cosa h2.tit36 {margin: 0 0 2rem;}
section.home-chi-cosa .box { width: 48%; margin: 5rem 0 0;}
section.home-chi-cosa .box .header-box { display: flex; justify-content: flex-start; align-items: center; padding: 1rem; border-radius: 2rem 2rem 0 0;}
section.home-chi-cosa .box .header-box img { width: 6rem;}
section.home-chi-cosa .box .buttons { background: #e6e6df; padding: 3rem; border-radius: 0 0 2rem 2rem;}
section.home-chi-cosa .box .buttons a {display: inline-block; padding: 7px 2rem; border-radius: 2rem; margin: 10px 5px; min-width: 9.3rem; cursor: pointer; transition: all .3s; background: #fcfcf5; font-size: 1.6rem;}
section.home-chi-cosa .box .buttons a:hover {background: #44cf6c; color: #fcfcf5;}
section.home-chi-cosa .tit24 { max-width: 80rem;}

.buttons.categorie_sottocategorie{
    border-radius: 2rem !important; padding: 2rem 1rem !important; background: linear-gradient(140deg, rgba(68,207,108,0.5) 0%, rgba(100,62,215,0.5) 50%, rgba(222,77,134,0.5) 100%) !important; justify-content: space-between !important; display: flex !important;
}
.buttons.categorie_sottocategorie a{
    padding: 7px 1.5rem !important;
}
.box_categoria_sottocategorie{
    display: inline-table; width: 33%; padding: 0 1% 0 1%; border-right: 1px solid rgba(255, 255, 255, .5);
}
.box_categoria_sottocategorie:last-of-type {
    border: none;
}

.line-solid {background: #201f1d; height: 1px; width: 100%; margin: 5rem auto;}

.timeline-interna { width: 100%; display: flex; justify-content: center; padding: 2rem 5rem; border-radius: 20rem; margin: 5rem auto; background: rgb(68 207 108 / 70%); box-shadow: 0px 5px 2rem rgb(0 0 0 / 19%);}
.timeline-interna .button {position: relative; margin: 0 2rem; text-align: center;}
.timeline-interna .button .img { transition: all 0.3s ease 0s; width: 8rem; height: 8rem; margin: 0 auto 8px; }
.timeline-interna .button .img.img1 { opacity: 1; z-index: 2; transition: all .2s; cursor: pointer; background: #fcfcf5; border-radius: 20rem; padding: 1rem;}
.timeline-interna .button .img.img2 { opacity: 0; z-index: 1; transition: all .2s; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); cursor: pointer; border-radius: 20rem; background: #201f1d; padding: 1rem;}
.timeline-interna .button:hover .img.img2 { opacity: 1; }
.timeline-interna .button:hover .img.img1 { opacity: 0; }
.timeline-interna .button.active img {background: transparent;}

.box-occasioni-index { width: 100%; justify-content: center; text-align: center; padding: 2rem 5rem; border-radius: 20rem; margin: 5rem auto; background: rgb(68 207 108 / 70%); box-shadow: 0px 5px 2rem rgb(0 0 0 / 19%);}
.box-occasioni-index .button {position: relative; margin: 1.5rem 1rem; text-align: center; width: 14%; vertical-align: top; display: inline-block;}
.box-occasioni-index .button .img { transition: all 0.3s ease 0s; width: 8rem; height: 8rem; margin: 0 auto 8px; }
.box-occasioni-index .button .img.img1 { opacity: 1; z-index: 2; transition: all .2s; cursor: pointer; background: #fcfcf5; border-radius: 20rem; padding: 1rem;}
.box-occasioni-index .button .img.img2 { opacity: 0; z-index: 1; transition: all .2s; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); cursor: pointer; border-radius: 20rem; background: #201f1d; padding: 1rem;}
.box-occasioni-index .button:hover .img.img2 { opacity: 1; }
.box-occasioni-index .button:hover .img.img1 { opacity: 0; }
.box-occasioni-index .button.active img {background: transparent;}

.tit39 {font-size: 3.9rem; font-weight: 300;}
.fascia-mail .tit39 {font-size: 2.5rem; margin-right: 5%;}
.fascia-mail {padding: 9rem 0;}
.fascia-mail .flex {align-items: flex-start;}
.fascia-mail .box {width: 50%;}
.fascia-mail .box form {display: inline-flex; padding: 0; align-items: flex-start; flex-wrap: wrap;}
.fascia-mail .box form .txt-small {width: 100%; font-size: 1.3rem; opacity: 0.6; margin: 1rem 0 0;}
.fascia-mail .box form label {display: none;}
.fascia-mail .box form input {padding: 2rem 3rem; font-size: 2.3rem; font-weight: 300; text-align: center; border-radius: 20rem; margin: 0 2% 1rem 0; width: 65%;}
.fascia-mail .box form button {padding: 1.8rem 4rem; font-size: 2.3rem; font-weight: 300; text-align: center; border-radius: 20rem; border: 1px solid; transition: all .3s; cursor: pointer;}
.fascia-mail .box form button:hover { background: #fcfcf5; color: #643ED7; border-color: #fcfcf5;}

#formNewsletter .ui-body-inherit{
    padding: 0; text-align: center; border-radius: 20rem; margin: 0 2% 1rem 0; width: 65%; background: transparent;
}
#formNewsletter .ui-body-inherit input{
    width: 100%;
}

.txt-privacy-small {font-size: 1.4rem !important; opacity: 0.6; color: #201f1d; margin: 20px 0 0 15% !important; width: 80%;}
.txt-privacy-small a {color: #201f1d; }

section.ultima-sezione {padding: 7rem 0;}
section.ultima-sezione .tit24 {font-size: 2rem;}
section.ultima-sezione .flex {justify-content: center; flex-wrap: wrap;}
section.ultima-sezione .box { width: 100%; margin: 0 0 5rem;}


/*parallax*/
.content { width: 100%; margin: 0; max-width: 100%; }
.parallax {height: 90rem; width: 100%; margin: 0; background-image: url(../img/enspire-idee-regalo-originali.jpg); background-size: cover; background-position: center;}

footer { background-color: #201f1d; padding: 4.0rem 0 16rem; position: relative; z-index: 10;}
footer .logo img { width: 13rem }
footer .logo p { font-size: 2rem; font-weight: 200 }
footer .social { margin-left: 4rem; display: flex; }
footer .social .img { width: 2rem; height: 2rem; margin: 0.5rem }
footer .social .img.fb { background-image: url(../img/enspire-idee-regalo-facebook.svg); background-size: cover; }
footer .social .img.insta { background-image: url(../img/enspire-idee-regalo-instagram.svg); background-size: cover; }
footer .social .img.pinte { background-image: url("../img/enspire-idee-regalo-pinterest.svg"); background-size: cover; }
footer .social .img.linke { background-image: url("../img/enspire-idee-regalo-linkedin.svg"); background-size: cover; }
footer .social .img.tiktok { background-image: url(../img/enspire-idee-regalo-TikTok.svg); background-size: cover; }
footer .social .img.fb:hover { background-image: url(../img/enspire-idee-regalo-facebook-green.svg); background-size: cover; }
footer .social .img.insta:hover { background-image: url(../img/enspire-idee-regalo-instagram-green.svg); background-size: cover; }
footer .social .img.pinte:hover { background-image: url("../img/enspire-idee-regalo-pinterest-green.svg"); background-size: cover; }
footer .social .img.linke:hover { background-image: url("../img/enspire-idee-regalo-linkedin-green.svg"); background-size: cover; }
footer .social .img.tiktok:hover { background-image: url(../img/enspire-idee-regalo-TikTok-green.svg); background-size: cover; }
footer .cl .flex { align-items: flex-end; }
footer .menu { padding: 3rem 0 1rem; border-bottom: 1px solid rgba(252,252,252,0.3); display: flex; justify-content: space-between; }
footer .menu a { transition: all 0.3s ease 0s; color: #fcfcf5; font-weight: 200; font-size: 1.5rem; white-space: nowrap;}
footer .menu a:hover { color: #44cf6c }
footer .menu_mobile{ display: none; }
footer .credits { margin-top: 1rem; opacity: 0.7; font-size: 1.5rem; letter-spacing: normal; }
footer .credits a { color: #fcfcf5; }
footer .cl { width: 50% }
footer .cl:first-child { padding-right: 8rem; width: 60%;}
footer .container.flex { justify-content: space-between; }
footer .cl:last-child { opacity: 0.6; width: 40%; }
footer .cl span { font-size: 1.8rem; font-weight: 600 }
footer .cl:last-child p { font-size: 1.5rem; margin-top: 1rem }
footer .socialresp { display: none; }
footer .cl a { transition: all 0.3s ease 0s; color: #fcfcf5; font-weight: 200; font-size: 1.5rem}
footer .cl a:hover { color: #44cf6c }

.ui-loader {display: none!important;}

.pulsate { pointer-events: none; transition: all 0.3s ease 0s; opacity: 1; letter-spacing: -1px; font-size: 1.7rem; border-radius: 3rem; padding: 0.3rem 0.5rem 0.6rem; position: absolute; top: -2.8rem; left: -3.5rem!important; width: 14.0rem; height: 3.0rem;
           -webkit-animation: pulsate 1s ease-out;
           -webkit-animation-iteration-count: infinite; 
           transform: scale(0.9);
           -webkit-box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19);
           -moz-box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19);
           box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19);}

/*PAGINA INTERESSI*/
.flexinteressi { justify-content: space-between; align-items: flex-end!important }
.icone-selected { -webkit-box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19); -moz-box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19); box-shadow: 0px 1rem 1rem -0.2rem rgba(0,0,0,0.19);
                  min-width: 44rem; margin: 1rem 0 1rem 2rem; border-radius: 5rem; padding: 1rem; justify-content: space-between; align-items: center; }
.icone-selected .icon { position: relative; height: 6rem; width: 6rem;  /*max-width: 7.5rem;*/ /*width: 7.5vw;*/ /*max-height: 7.5rem;*/ /*height: 7.5vw; */ margin: 0.5rem; }
.icone-selected .icon.empty { border: 1px dotted #fcfcf5; border-radius: 50%;}
.icone-selected .icon .img { width: 100%; background-color: #fcfcf5; border-radius: 50%; }
.icone-selected .icon button img { cursor: pointer; width: 2.2rem; position: absolute; top: 0.2rem; right: 0.2rem; }
.icone-selected .go { cursor: pointer; width: 4rem; opacity: 0.2; }
.icone-selected .go.active { opacity: 1; }
#interessi-scorri-destra{ display: none; width: 18rem; float: right; margin-bottom: 2rem;}
.ico-slide-sx {width: 2.6rem; margin: 0 0 0 1rem; display: none;}

#da-TBWrap .buttons { margin-top: 0rem; padding: 0rem 0; border-top: 0.1rem dotted #8c8c8c; border-bottom: 0.1rem dotted #8c8c8c; display: flex; justify-content: space-between; }
.boxcarousel h3 { font-size: 2.5rem; margin: 0rem 0 -2rem; display: none; }
.carousel {/*white-space: nowrap;*/ overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; position: relative; margin: 1rem 0;}
.carousel {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.carousel::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.carousel::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.carousel::-webkit-scrollbar-thumb {
    background: red;
}
.bg { height: 2rem; background-color: #fcfcf5; margin-left: -8%; width: 108%; margin-top: -2.5rem; position: relative; z-index: 10000; }
.carousel .slide { text-align: center; width: 9rem; display: inline-block; vertical-align: top; margin-right: 30px;}
.carousel .slide p { width: 100%; white-space: pre-wrap; font-size: 1.5rem; font-weight: 400; margin: 1rem 0 2rem 0; }
.carousel .slide img { cursor: pointer; width: 9rem; background-color: #e0dedc; border-radius: 50%; padding: 1rem; margin-top: 1rem; }
.carousel .slide img:hover { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);filter: invert(var(--value, 100%)); --value:100%; }
li.button.active img { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: invert(var(--value, 100%)); --value:100%; }
/*.carousel .slide img:hover { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);filter: invert(100%); }
*//*li.button.active img:hover { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);filter: invert(100%); }
*/

/*PARTE IN COMUNE NELLE PAGINE*/
.bgpag { position: fixed; top: 9rem; -webkit-box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39);
         -moz-box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39);
         box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39); z-index: 999; left: 0; right: 0; margin: 0 auto; max-width: 60rem; height: 112px; padding: 1.7rem 3rem; border-radius: 4rem; }
.bgpag.risultati { position: fixed; top: 9rem; -webkit-box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39);
                   -moz-box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39);
                   box-shadow: 0px 1rem 3.2rem -0.4rem rgba(0,0,0,0.39); z-index: 11; left: 0; right: 0; margin: 0 auto; max-width: 60rem; padding: 1.7rem 3rem; border-radius: 4rem; }
.bgpag .steps { transition: all 0.3s ease 0s; align-items: center; width: 100%; justify-content: center; }
.bgpag .steps .step { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-self: baseline; height: 100%; z-index: 2;}
.bgpag .steps .step img { width: 5rem; margin-bottom: 0.3rem; }
.bgpag .steps .step .img1 { opacity: 0; z-index: 2; transition: all .2s; cursor: pointer; width: 5rem; margin-bottom: 0.3rem; min-height: 6.5rem;}
.bgpag .steps .step .img2 { opacity: 1; z-index: 1; transition: all .2s; position: absolute; top: .6rem; cursor: pointer; width: 5.6rem;}
.bgpag .steps .step:hover .img2 { opacity: 1;}
.bgpag .steps .step:hover .img1 { opacity: 0; }
.bgpag .steps .step p { font-size: 1.5rem; font-weight: lighter; color: #fcfcf5; text-align: center; }
.bgpag .steps .step:nth-child(5) p { left: -11px }
.bgpag .steps .line { border-top: 1px dotted #fcfcf5; width: 20%; margin: 0 -5%; position: relative; top: -1rem;}
.bgpag .steps .step#personalita.active {margin: 0 -1.1rem;}
.bgpag .steps .step.active p { font-weight: 400; font-size: 2.0rem; }
.bgpag .steps .step.active img { width: 6.5rem; margin-bottom: 0; }
#interessi:not(.active) {margin: 0 -.5rem;}
#personalita:not(.active) {margin: 0;}
#trovato:not(.active) {margin: 0 0 0 -.3rem;}

section.box-top-selezione { padding: 13rem 0 0;}
section.box-top-selezione.risultati { /*padding: 6rem 0 1rem;*/ padding: 0rem 0 1rem; /*top: 18rem;*/ top: 11rem; position: relative; width: 100%; z-index: 8; }
section.box-top-selezione .line {border-top: 1px dotted #8c8c8c; width: 100%; margin: 3rem auto;}
section.selezione_content .line {border-top: 1px dotted #8c8c8c; width: 100%; margin: 3rem auto;}
.supercontainer section.box-top-selezione .line {margin: 1rem auto 0;}
section.box-top-selezione .flex { align-items: center;}
section.box-top-selezione h1 { font-size: 3.6rem;}
@media screen and (max-width:1023px) {
    section.box-top-selezione h1 { font-size: 2.6rem;}
}
section.box-top-selezione p { font-size: 1.7rem; font-weight: 300; margin: 1rem 0;}
.box-top-selezione_txt {width: 50%;}
.risultati .box-top-selezione_txt {width: 100%;}
.section_contatti .box-top-selezione_right {width: 50%; transition: all .2s;}
.box-top-selezione_right {display: flex; width: 50%;}
.risultati .box-top-selezione_right {display: none;}
.filtri-resp-btn { display: inline-block; position: fixed; left: auto; margin-left: 820px; width: 100px; padding: 1.0rem 0; background: #44cf6c; font-size: 2rem; color: #fcfcf5; border-radius: 4rem; box-shadow: 5px 4px 1.5rem rgb(32 31 29 / 65%); text-align: center; vertical-align: middle; cursor: pointer; z-index: 9999;}
.filtri-resp-btn img { width: 2rem; vertical-align: middle;}
/* filtri-resp-menu */
.overlay { height: 0%; width: 100%; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgb(32 31 29 / 95%); overflow: hidden; transition: 0.5s;}
.overlay-content { position: relative; width: 100%; text-align: center; padding: 3rem 2rem; margin: 0 auto; max-width: 60rem; height: 100%; transition: 0.5s; opacity: 0; overflow: hidden;}
.overlay-content .logo { margin: 0 auto 3rem; position: relative; border-bottom: 1px solid rgb(255 255 255 / 44%); padding: 0 0 2rem; height: 60px;}
.overlay-content .logo img.logo-img {width: 17rem; }
.overlay a { padding: .5rem;  text-decoration: none; font-size: 3rem; color: #fff; display: block;transition: 0.3s;}
.overlay a.btn {max-width: 42rem; margin: 1rem auto;}
.overlay .close-filtri {position: absolute; top: 0;}
.overlay .close-filtri img {width: 3rem;}
.menu-open { height: 100%!important; visibility: visible!important;}
.overlay.menu-open .overlay-content {opacity: 1;}
/**/
ul.dots { display: inline-flex; justify-content: space-between; width: 60%; align-items: center; margin: 0 0 0 37%; padding: 0;}
ul.dots li.dot {width: 1.2rem; height: 1.2rem; background: #DCF6E3; border-radius: 50%; border: 1px solid #44cf6c; list-style: none !important; }
ul.dots li.dot.active {width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #44cf6c; }
a.btn-next img { width: 4rem;}

/*PAGINA OCCASIONI*/
.box-occasioni { padding: 4rem 0;}
.box-occasioni .button.occas { height: auto;}
.box-occasioni .button.occas img { width: 60%; height: 10vw;}
.box-occasioni .button.occas .img.img2 { left: 6rem;}
.box-occasioni .button.occas p { font-size: 2.5rem; margin: -0.5rem 0 0;}

.img-ocs-png {width: 8rem; margin: 0 auto 1rem; height: 8rem; padding: 1.5rem; background: #fff; border-radius: 20rem; transition: all .3s;}
.img-ocs-png img {width: 100%; height: 100%; object-fit: contain; transition: all .3s;}
li.button a:hover .img-ocs-png {background: #201f1d;}
li.button a:hover .img-ocs-png img {filter: invert(1);}


/*PAGINA PERSONALITA*/
.selezione_content { padding: 0 0 8rem;}
.selezione_content.risultati { padding: 15rem 0 8rem;}
.selezione_content.magazine { padding: 4rem 0 4rem;}
.selezione_content.magazine.fascia_bg {
    background: rgb(252,252,245);
    background: -moz-linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 10%, rgba(243,224,236,1) 30%, rgba(243,224,236,1) 45%, rgba(252,252,245,1) 60%);
    background: -webkit-linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 10%, rgba(243,224,236,1) 30%, rgba(243,224,236,1) 45%, rgba(252,252,245,1) 60%);
    background: linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 10%, rgba(243,224,236,1) 30%, rgba(243,224,236,1) 45%, rgba(252,252,245,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcf5",endColorstr="#fcfcf5",GradientType=1);
    margin: 0 auto 1rem;
}

.supercontainer .selezione_content { padding: 3rem 0 8rem; overflow: hidden;}
.selezione_option {display: inline-block; width: 34rem; height: 34rem; margin: 2%; position: relative; background: #eae7e4; border-radius: 100%; cursor: pointer; font-family: 'Work Sans', sans-serif; z-index: 2;
                   -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
                   transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
                   transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
                   transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1),
                       opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);}
.selezione_option_txt {font-size: 3.3rem; font-weight: 400; text-align: center; width: 88%; left: 50%; right: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all .1s;}
.selezione_option label {position: absolute;
                         top: 0;
                         width: 100%;
                         left: 0;
                         content: '';
                         height: 100%;
                         cursor: pointer;}

input.selezione_checkbox {display: none;}
.selezione_option:after {
    content: '';
    width: 34rem;
    height: 34rem;
    background: #eae7e4;
    position: absolute;
    border-radius: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1),
        opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
.selezione_option:hover::after {background: #44cf6c; transition: all .3s;}
.selezione_option:hover .selezione_option_txt {color:#fcfcf5; font-weight: 400; }

.option-1.checked{
    -webkit-transform: scale(10); transform: scale(10); opacity: 0;
}

.opt-1-check.checked, .opt-2-check.checked {
    -webkit-transform: scale(10); transform: scale(10); opacity: 0;
}
.opt-1-check.not-checked, .opt-2-check.not-checked {
    -webkit-transform: scale(0); transform: scale(0); opacity: 0;
}
.opt-check-bg{ background-color: #eae7e4; }

#risposta_fine{ height: 35rem; margin: 2%; }


/*PAGINA RISULTATI*/
.box_90 {width: 90%; margin: 0 0 0 auto; text-align: center; position: relative;}
section.box-top-selezione .box_90 .line {margin: 0 auto 3rem;}
.tit-25 {font-size: 2.5rem; font-weight: 700;}
.left {text-align: left;}
#stickyBar {transition: all .2s;}

.container.stickyBar .line {display: none;}

.box-filtri-resp .container-btn-tabs {width: 100%; display: flex; justify-content: center; border-radius: 3rem; border: 1px solid #44cf6c;}
.box-filtri-resp .b-tab {display: none; padding: 1rem 0 5px;}
.box-filtri-resp .b-tab.active {  display: block;}
.box-filtri-resp .b-nav-tab {display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #44cf6c; padding: 1rem 5px; width: 50%; text-align: center; transition: all .3s; border-radius: 3rem;}
.box-filtri-resp .b-nav-tab.active {color: #fcfcf5; background: #44cf6c; border-radius: 3rem;}
#FiltriResp .linea {margin: 0 auto 2rem; width: 100%; height: 2px; background: #fcfcf5;}
.box-filtri-resp .ordinamento-box {padding: 0 0 1rem;}
.box-filtri-resp .ordinamento-box .flex { align-items: flex-start;}
.box-filtri-resp .box-btns {text-align: left; margin: 1rem 0 0;}
.box-filtri-resp .btn-ordinamento { background: transparent; padding: 1rem; border: 1px solid #fcfcf5; border-radius: 2rem; color: #fcfcf5; transition: all .3s; cursor: pointer; margin: 0 1px .5rem; font-size: 1.4rem;}
.box-filtri-resp .btn-ordinamento.active, .btn-ordinamento:hover {background: #fcfcf5; color: #201f1d;}
.box-filtri-resp .right-elimina { padding: 1.5rem 0 0; text-align: center; position: absolute; bottom: 2%; width: 100%; left: 0; height: 60px;}
.box-filtri-resp .right-elimina .btn-ordinamento.elimina { background: #df4d86; color: #fcfcf5; border: 1px solid #df4d86; /*min-width: 19rem;*/ font-size: 1.7rem; text-transform: uppercase; padding: 1.5rem 2rem; margin: 5px;}
.box-filtri-resp .right-elimina .btn-ordinamento.elimina:hover { background: #fcfcf5; color: #df4d86; }
.box-filtri-resp .right-elimina .btn-ordinamento.mostra { background: #44cf6c; color: #fcfcf5; border: 1px solid #44cf6c;/* min-width: 19rem*/; font-size: 1.7rem; text-transform: uppercase; padding: 1.5rem 2rem; margin: 5px;}
.box-filtri-resp .right-elimina .btn-ordinamento.mostra:hover { background: #fcfcf5; color: #44cf6c; }


.filtro-ordinamento.flex {justify-content: flex-end; align-items: center;}
.filtro-ordinamento.flex > h3 { margin: 0 2rem;}
.numero-partecipanti {width: 100%; align-items: center; margin: 2rem 0 0;}
.numero-partecipanti .tit-25 { font-weight: 400; font-size: 2rem; margin-right: 1rem;}
.numero-partecipanti, .numero-partecipanti .box {display: inline-flex; flex-wrap: wrap; justify-content: flex-start;}
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;}
.input-number {width: 4rem; background: transparent; text-align: center; color: #44cf6c; border-top: 1px solid; border-bottom: 1px solid; height: 100%;}
.input-number-btn { background: #dbf3db; border: 1px solid; color: #44cf6c; font-size: 2rem; cursor: pointer;}
.input-number-btn.left {padding: .3rem .9rem .3rem 1.4rem; border-radius: 2rem 0 0 2rem;}
.input-number-btn.right {padding: .3rem 1.4rem .3rem .9rem; border-radius: 0 2rem 2rem 0;}
.box-filtri-resp {max-height: calc(100% - 150px); overflow-x: hidden; padding: 0 2rem; overflow-y: scroll;}
.box-filtri-resp::-webkit-scrollbar {width: 0.5rem;}
.box-filtri-resp::-webkit-scrollbar-track { background-color: #201f1d; border-radius: 1rem;}
.box-filtri-resp::-webkit-scrollbar-thumb {  background-color: darkgrey; border-radius: 1rem;}
#gruppo-resp .numero-partecipanti {display: block; text-align: left;}
#gruppo-resp .numero-partecipanti .box { margin: 8px 0 1rem; position: relative;}
#gruppo-resp .numero-partecipanti .input-number-btn { background: rgb(252 252 245 / 50%); border: none; color: #201f1d; font-size: 2.3rem; cursor: pointer;}
.rounded { position: absolute; width: 8rem; height: 100%; background: #fff; left: 0; right: 0; margin: 0 auto; border-radius: 3rem;}
#gruppo-resp .numero-partecipanti .input-number-btn.left { padding: .8rem 4rem .8rem 2rem;}
#gruppo-resp .numero-partecipanti .input-number-btn.right { padding: .8rem 2rem .8rem 4rem;}
#gruppo-resp .numero-partecipanti .input-number { width: 4rem; text-align: center; color: #201f1d; height: 100%; font-size: 2.4rem; position: relative; border: none;}
#gruppo-resp .numero-partecipanti .tit-25 {font-size: 2.2rem; font-weight: 700; margin: 0 0 1rem; display: block;}
.formRangeMobile, .formRangeSpesaMobile {padding: 0 0 5rem;}


.lista-risultati { padding: 3rem 0;}
.lista-risultati .list {width: 100%;}
.lista-risultati .list.flex {justify-content: space-around; flex-wrap: wrap;}
.card-risultato {width: 31%; max-height: 31rem; height: 25vw; overflow: hidden; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; -khtml-border-radius: 4rem; position: relative; box-shadow: 1px 2px 1rem #2020207a; margin: 2rem auto; /*-webkit-mask-image: -webkit-radial-gradient(white, black);*/-webkit-backface-visibility: hidden;
                 -moz-backface-visibility: hidden;
                 -webkit-transform: translate3d(0, 0, 0);
                 -moz-transform: translate3d(0, 0, 0);}
.card-risultato img {object-fit: cover; object-position: center; width: 100%; transition: all .3s; position: absolute; left: 0; top: 0; height: 100%; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; -khtml-border-radius: 4rem;}
.card-risultato:hover img {transform: scale(1.1);}
.txt.flex {width: 100%; justify-content: space-between; align-items: center; margin: 0 0 .3rem;}
.card-txt { position: absolute; width: 100%; background: rgba(252,252,252,0.9); bottom: 0; padding: 1rem 2rem; text-align: left;}
.tit-card { font-size: 1.7rem; font-weight: 600;}
.desc-card { font-size: 1.7rem;}
/* @media screen and (max-width: 1023px) {
    .tit-card, .desc-card { font-size: 2.2rem;}
  } */
.btn-acquista {font-size: 1.5rem; color: #fcfcf5; background: #44cf6c; padding: .2rem 1.5rem; border-radius: 2rem; transition: all .3s; white-space: nowrap;}
.card-risultato:hover .btn-acquista {background-color: #643ED7;}
#loading {font-size: 1.6rem; color: #9a9a9a; margin: 6rem auto 0; border: 1px solid; padding: 1rem 4rem; border-radius: 2rem; transition: all .3s; display: inline-block; text-transform: uppercase; cursor: pointer; }
#loading.green{ background: #44cf6c; color: #fff; }

.testo_3righe { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.ripeti {padding: 8rem 0; position: relative; z-index: 10;}
.ripeti .flex {align-items: center;}
.ripeti .txt { width: 50%;}
.ripeti h2 {font-size: 3.9rem; font-weight: 300;}
.iniziaora .cta { min-width: 35rem;}
.ripeti .cta .img-freccia { width: 1.3rem; height: 1.3rem; top: .4rem; position: relative; margin: 0 0 0 2rem; content: url(../img/ripeti.svg); transition: all .3s; display: inline-block; vertical-align: top;}
.ripeti .cta:hover { background: #fcfcf5; color: #643ED7; border-color: #fcfcf5;}
.ripeti .cta:hover .img-freccia { content: url(../img/ripeti-v.svg);}
.ripeti .txt:last-child { text-align: center;}

/*ABOUT*/
.header_about {height: 80vh; background: url(../img/bg-about.jpg) center/cover no-repeat; position: relative;}
.about-tit {font-weight: 700; font-size: 3.5rem; margin-bottom: 1.5rem; line-height: 1.2;}
.header_about .about-tit { width: 40%; padding: 4rem 0; font-weight: 300; font-size: 5.5rem;}
.about-tit-2 {font-size: 3rem; font-weight: 700; margin: 0 auto 2rem;}
.p-big {font-size: 2.1rem;}
.box-txt-about { width: 40%; padding: 4rem; border-radius: 4rem;/* margin: -4rem 0 0 auto; */ position: absolute; bottom: -4rem; right: 15%; box-shadow: 3px 3px 1rem #00000040;}
.box-txt-about.bggreen { background-color: #44cf6cf2; z-index: 3;/* position: relative;*/}
section.nasce, section.come { padding: 8rem 0; background: #fcfcf5; position: relative; z-index: 2;}
section.nasce p, section.come p { width: 80%; margin: 0; line-height: 1.4;}
section.persone {padding: 10% 0; position: relative;}
.bg-people.parallax { background: url(../img/portraits.jpg) center center/cover no-repeat; position: absolute; height: 85rem;}
.box-txt-persone { padding: 4rem 20%; box-shadow: 0 0 1rem #00000040;}
.box-txt-persone.bggreen { background-color: #44cf6cf2;}
section.iniziaora { padding: 5.5rem 0;}
section.iniziaora h2 { font-size: 3.9rem; font-weight: 300; max-width: 100rem; margin: 0 auto 3rem;}
.iniziaora .cta { min-width: 35rem; margin: 2rem auto; font-size: 2.1rem;}
.iniziaora .cta .img-freccia { width: 1.3rem; height: 1.3rem; top: .8rem; position: relative; margin: 0 0 0 1rem; content: url(../img/ripeti.svg); transition: all .3s; display: inline-block; vertical-align: top;}
.iniziaora .cta:hover { background: #fcfcf5; color: #643ED7; border-color: #fcfcf5;}
.iniziaora .cta:hover .img-freccia { content: url(../img/ripeti-v.svg);}
section.achi-resp {display: none;}
.row.flex {width: 100%; margin: 3rem 0; align-items: center; flex-wrap: wrap;}
.row.flex:nth-of-type(2) {flex-direction: row-reverse;}
.row.flex .bl {width: 50%;}
.row.flex .bl:first-of-type {padding: 0 2rem 0 0;}
.row.flex .bl:last-of-type {padding: 0 0 0 2rem;}
.row.flex .bl img {width: 100%;}
.row.flex:nth-of-type(2) .bl:first-of-type {padding: 0 0 0 2rem;}
.row.flex:nth-of-type(2) .bl:last-of-type {padding: 0 2rem 0 0;}


/*----------------------------------------------------------------------------------------------*/
/*BLOG*/
section.header_blog { padding: 2.5rem 0 1rem;}
section.header_blog #blog_logo { width: 320px; }
.blog-tit {font-size: 4.5rem; font-weight: 300;}
.blog-tit-evid {font-size: 4.5rem; font-weight: 600; position: relative; display: inline-block; z-index: 2;}
.blog-tit-evid span {position: absolute; bottom: -1.4rem; left: -7.5%; width: 115%; z-index: -1;}
.tit-evidenza {font-size: 2.7rem; font-weight: 700; margin-bottom: 2rem; padding: 0 0 0 1rem;}
h3.tit-evidenza {
    font-size: 2.7rem !important; font-weight: 700 !important; margin-bottom: 2rem !important; padding: 0 0 0 1rem !important;
}

.lista-evidenza {padding: 0;}

.search{position: relative; margin: 3rem auto;}
.search form {display: inline-flex;}
.lente { width: 3rem; margin: 0 0 0 -3rem; cursor: pointer; }
.lente img {width: 100%;}
.search input{ width: 100%; border: none; font-size: 2.4rem; max-width: 24rem; font-weight: 300; padding: 0 3.5rem .7rem 0; font-family: inherit; background: transparent; transition: all .3s ease-in-out 0s; border-bottom: 1px solid rgb(32 31 29 / 50%); -webkit-appearance:textfield;}
.search input:focus{ outline:none;}
search input::-webkit-search-decoration,
.search input::-webkit-search-cancel-button {
    -webkit-appearance:none;}

/*.container-storie { width: 85%; margin: 0 0 0 auto; max-width: 202rem;}*/
.container-storie { width: 100%; margin: 0 0 0 auto;}
.card-blog {overflow: hidden; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; -khtml-border-radius: 4rem; position: relative; box-shadow: 3px 8px 1rem rgb(32 32 32 / 10%); margin: 2rem auto; padding: .3rem; background: #fcfcf5;}
.card-blog img {object-fit: cover; object-position: center; width: 100%; transition: all .3s; /*height: 23vw;*/ height: 100%; -webkit-border-radius: 3.8rem 3.8rem 0 0; -moz-border-radius: 3.8rem 3.8rem 0 0; border-radius: 3.8rem 3.8rem 0 0; -khtml-border-radius: 3.8rem 3.8rem 0 0;}
.card-blog .card-txt {/*position: relative; min-height: 5vw;*/ background: #fcfcf5;}
.card-blog .tit-card { font-size: 2.7rem; font-weight: 500; margin-bottom: .5rem;}

section.in-evidenza {background: rgb(252,252,245);
                     background: -moz-linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 20%, rgba(243,224,236,1) 20%, rgba(243,224,236,1) 80%, rgba(252,252,245,1) 80%);
                     background: -webkit-linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 20%, rgba(243,224,236,1) 20%, rgba(243,224,236,1) 80%, rgba(252,252,245,1) 80%);
                     background: linear-gradient(180deg, rgba(252,252,245,1) 0%, rgba(252,252,245,1) 20%, rgba(243,224,236,1) 20%, rgba(243,224,236,1) 80%, rgba(252,252,245,1) 80%);
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcf5",endColorstr="#fcfcf5",GradientType=1);
                     margin: 0 auto 1rem;}

.splide__track {margin: 0 auto 3rem!important;}
#evidenza .my-arrows {position: absolute; bottom: 0; width: 100%; z-index: 10; max-width: 125rem; margin: 0 auto; left: 0; right: 0;}
#evidenza .my-arrows button:focus {outline: none;}
#evidenza .my-prev {transform: rotate(180deg); cursor: pointer;}
#evidenza .my-next {position: absolute; right: 0; cursor: pointer;}
#evidenza .my-prev svg, #evidenza .my-next svg path {fill: #44cf6c;}
.splide__arrow[disabled] { opacity: 0;}
.splide__pagination {width: 100%!important;}
.splide__pagination__page {
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(68 207 108 / 50%);
    margin: 7px;
    cursor: pointer;
    display: block;
}
.splide__pagination__page:focus {outline: none;}
.splide__pagination__page.is-active {
    background: #44cf6c;
    border: 1px solid #44cf6c;
    width: 12px;
    height: 12px;
}

/*BLOG*/
.container-storie-ver-0 {width: 80%; margin: 0 0 0 auto; padding: 4rem 0 0;}
.container-storie-2-ver-0 {border-top: 2pt dotted rgb(32 31 29 / 40%); width: 75%; margin: 0 auto 0 0; padding: 4rem 0 0;}
.container-storie-2-ver-0#nobrd {border-top: none;}
.container-storie-2-ver-0 .flex {flex-wrap: wrap; justify-content: center;}
#evidenza .my-arrows-ver-0 {position: absolute; bottom: 0; width: 75%; z-index: 10; margin: 0 auto 0 0; left: 0; right: 0;}
#evidenza .my-arrows-ver-0 button:focus {outline: none;}
#ver0 .splide__pagination {width: 73%!important;}

/*BLOG 2*/
.container-storie-2-ver-1 {border-top: 2pt dotted rgb(32 31 29 / 40%); width: 100%; margin: 0 auto; padding: 4rem 0 0; max-width: 125rem;}
.container-storie-2-ver-1#nobrd {border-top: none;}
.container-storie-2-ver-1 .flex {flex-wrap: wrap; justify-content: center;}
#ver1 #evidenza .my-arrows {max-width: 125rem;}

/*BLOG 3*/
section.ultime-storie {padding: 3rem 0 10rem;}
.container-storie-2-ver-2 {border-top: 2pt dotted rgb(32 31 29 / 40%); width: 100%; margin: 0 auto; padding: 4rem 0 0; max-width: 125rem;}
.container-storie-2-ver-2#nobrd {border-top: none;}
.container-storie-2-ver-2 .flex {flex-wrap: wrap; justify-content: center;}
section.ultime-storie .card-blog {width: 31.3%; margin: 1%; height: 30vw; max-height: 50rem;}
/*section.ultime-storie .card-blog img { height: 13vw;}*/
section.ultime-storie .card-blog .card-txt {min-height: inherit;}
section.ultime-storie .card-blog .tit-card { font-size: 2.3rem;}

section.foto-dettaglio-blog {padding: 8rem 0;}
section.foto-dettaglio-blog img {width: 100%; height: 100%; /*height: 60rem;*/ object-fit: cover;}
section.dettaglio-blog {padding: 0 0 10rem;}
section.dettaglio-blog ul li{ list-style: disc;}
section.dettaglio-blog ol li{ list-style: inherit;}
section.dettaglio-blog ul, section.dettaglio-blog ol{ padding-left: 20px; }
.tit-dett-blog { font-size: 3.5rem; margin: 0 0 1.5rem;}
.tags { display: inline-flex; justify-content: flex-start;}
.tag {font-size: 1.3rem; color: rgb(32 31 29 / 60%); padding: .3rem 2rem; margin: .5rem; border: 1px solid rgb(32 31 29 / 20%); border-radius: 3rem;}
/* .desc-dett-blog {border-top: 2pt dotted rgb(32 31 29 / 40%); padding: 4rem 0; margin: 2rem auto; font-size: 1.9rem; letter-spacing: -0.01rem; line-height: 1.4; text-align: justify;}
.desc-dett-blog img { max-width: 100%; margin: 2rem auto;}
.desc-dett-blog.conclusione{ border-top: 0; } */
.desc-dett-blog{ clear: both; border: none; margin: 4rem auto; line-height: 1.4; font-size: 1.9rem; letter-spacing: -0.01rem;}
.desc-dett-blog img{ max-width: 100%; margin: auto;}
.desc-dett-blog img.note-float-left { margin-right: 2rem; margin-bottom: 2rem; }
.desc-dett-blog img.note-float-right { margin-left: 2rem; margin-bottom: 2rem; }
.desc-dett-blog h3{font-weight: 400; margin: 0 0 1rem; font-size: 3.6rem;}

.row-dett-blog {padding: 0 0 6rem; margin: 0 auto; font-size: 1.9rem; letter-spacing: -0.01rem; line-height: 1.4; /*display: inline-flex; flex-wrap: wrap;*/}
.row-img-box { width: 50%; padding: 0 5rem 5rem;}
.row-img-box .card-blog { margin: 0 auto;}
.row-img-box .card-blog img { -webkit-border-radius: 3.8rem; -moz-border-radius: 3.8rem; border-radius: 3.8rem; -khtml-border-radius: 3.8rem; margin-bottom: -1rem; padding: .4rem .1rem;}
.txt-row-dett-blog { text-align: justify;}
.txt-row-dett-blog h2{font-size: 2.5rem; font-weight: bold; margin: 0 0 1.5rem;}

.row-dett-blog.f-left .row-img-box {float: left;}
.row-dett-blog.f-right .row-img-box {float: right;}
.row-dett-blog.f-center .row-img-box {display: block; margin: 0 auto;}

/*----------------------------------------------------------------------------------------------*/

/*PAGINA CONTATTI*/
.bl_txt_contatti { border-top: 1px dotted #8c8c8c; padding-top: 2.5rem; margin: 2.5rem 0 3.5rem; }
.bl_txt_contatti h2 { font-size: 2.6rem }
.section_contatti .cta { cursor: pointer; transition: all .3s; margin-top: 2rem; padding: 1rem 3rem 1rem 4rem; }
.section_contatti .cta .img-freccia {
    width: 1.3rem;
    height: 1.3rem;
    top: .5rem;
    position: relative;
    margin: 0 0 0 1rem;
    background-image: url(../img/arrow.svg);
    transition: all .3s;
    display: inline-block;
    vertical-align: top; background-repeat: no-repeat;
}
.section_contatti .cta:hover .img-freccia { transition: all .3s; background-image: url(../img/arrow_fff.svg); }
.section_contatti .cta:hover, .bl_txt_contatti .cta.active { background-color: #44cf6c; border: 2px solid #44cf6c; color: #fcfcf5; }
.bl_txt_contatti .cta.active .img-freccia { transition: all .3s; background-image: url(../img/arrow_fff.svg); }
.flexcontatti { align-items: flex-start!important; }
.flexcontatti .box_form { width: 90%; margin-left: 10%; -webkit-box-shadow: 10px 10px 17px -12px rgba(0,0,0,0.36);
                     -moz-box-shadow: 10px 10px 17px -12px rgba(0,0,0,0.36);
                     box-shadow: 10px 10px 17px -12px rgba(0,0,0,0.36); border-radius: 3rem; overflow: hidden; }
.flexcontatti .box_form .bgcolor { padding: 3rem; border-radius: 3rem; position: relative; z-index: 1; }
.flexcontatti .box_form h3 { font-size: 3rem; margin-bottom: 1.5rem }
.flexcontatti .box_form h3 span { font-weight: 200; }
.flexcontatti .box_form .input { position: relative; width: 100%; background-color: #fcfcf5; border-radius: 3rem;  margin: 2rem 0 }
.flexcontatti .box_form .input img { width: 4rem; opacity: 0.6; position: absolute; top: 1rem; right: 1.8rem }
.flexcontatti .box_form input { background-color: #fcfcf5; border-radius: 3rem; padding: 1.2rem 2rem; width: 100%; }
.flexcontatti .box_form .textarea { text-align: right; margin-top: -5rem; width: 100%; border:1px solid #444; border-radius: 3rem; padding: 7rem 3rem 3rem; }
.flexcontatti .box_form textarea { background-color: #fcfcf5; text-align: left; width: 100%; min-height: 15rem }
.flexcontatti .box_form .txta { position: relative; } 
.flexcontatti .box_form .txta .cover { height: 2rem; width: 2rem; position: absolute; bottom: 0; right: 0; background-color: #fcfcf5 }
.flexcontatti .box_form .cta { font-size: 2rem; position: relative; width: 20rem; margin-top: 1rem }
.flexcontatti .box_form .cta img { width: 1rem; position: absolute; right: 2rem; top:2rem; }
input, textarea { font-size: 1.8rem; font-family: 'Work Sans', sans-serif; border:none; outline: none; color: #444 }
::-webkit-input-placeholder { /* Edge */
    color: #888;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #888;
}

::placeholder {
    color: #888;
}

.formoff { opacity: 0.4; }
.formoff h3, .formoff input, .formoff textarea { visibility: hidden; }
.flexcontatti .box_form .cta { padding: 1.8rem 0.5rem 1.8rem 2rem }
.flexcontatti .box_form .cta .img-freccia { top: 0.7rem!important }
section.box-top-selezione.section_contatti { padding: 6rem 0 0 }
section.box-top-selezione.section_contatti .box-top-selezione_txt { padding-top: 2rem; width: 50%; }
#attiva_form { padding-top: 2rem; display: inline-block !important;  }

#msg_invio{ text-align: right; font-size: 2rem; font-weight: bold; margin: 2rem 0; }

/*menu responsive*/
.menuresponsive { display: none; }
.cart_header { display: none; }
.img-menu-resp {width: 3rem; vertical-align: middle; margin-right: 0; height: 3rem; object-fit: cover;}
.img-menu-resp2 {width: 3rem; vertical-align: middle; margin-right: 0; height: 3rem; object-fit: cover; filter: invert(1);}
/*#mySidenav { display: none; }*/

.container-btn-tabs {width: 100%; display: flex; justify-content: center; background: rgb(68 207 108 / 20%); border-radius: 2rem;}
.b-tab {display: none; padding: 3rem 0;}
.b-tab#individuale { margin: 0 0 1rem;}
.b-tab.active {  display: block;}
.b-nav-tab {display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #44cf6c; padding: 5px; width: 50%; text-align: center; transition: all .3s;}
.b-nav-tab.active {color: #fcfcf5; background: #44cf6c; border-radius: 2rem;}
.fade-in-bottom {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

/*NUOVI MENU*/
/*DESKTOP*/
/*.dropbtn { transition: all 0.3s ease 0s; margin-left: -3px; padding: 3rem 2rem 2.4rem; font-size: 1.6rem; color: #fff}*/
.dropdown {display: inline-block; margin: 0;}
.dropdown button { position: relative; z-index: 2; }
.dropdown-content { margin-top:  -4.2rem;
                    position: absolute;
                    background-color: rgb(32 31 29 / 95%);
                    /*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
                    z-index: 11;
                    left: 0; width: 100%; margin-left: -10px;
                    height: 0; overflow: hidden;
                    transition: all 0.3s ease-in-out; opacity: 0;
                    top: 13rem;
}
.dropdown-content .container {width: 100%; display: flex; justify-content: flex-start; text-align: left; flex-wrap: wrap; padding: 4.2rem 2% 7rem;}
.dropdown-content .cl { margin: 0 1%; padding: 1rem 0 2rem 0; width: 23%; /* border-top: 5px solid #44cf6c; */}
.dropdown-content.kids .cl {border-top: 5px solid #F9C761;}
/* .dropdown-content .cl:first-child { margin: 0 1% 0 0; width: 24%;}
.dropdown-content .cl:last-child { margin: 0 0 0 1%; width: 24%;} */
.dropdown-content .cl a {     font-size: 1.8rem;padding: 5px 0;}
/*.dropdown-content#genere .cl .categoria img {width: 6rem; height: 6rem; margin: -1.8rem -0.5rem -1.5rem -1.4rem;}*/
.dropdown-content .cl .categoria img {width: 4.0rem; height: 4.0rem; margin: -1.0rem 0.5rem -1.5rem -0.6rem; }
.dropdown-content .cl .categoria { font-size: 2.2rem; padding: 1rem 0; text-transform: uppercase; font-weight: 900; margin: 0; color: #FFF;}
.dropdown-content .cl .categoria.occasioni img {filter: invert(1);}
.dropdown-content a { display: flex; transition: all 0.3s ease 0s; text-decoration: none; font-size: 1.4rem; color: #fff; margin-bottom: 0; }
.dropdown-content a:hover { color: #44cf6c;}
.dropdown-content p { font-size: 1.6rem; margin-bottom: 2rem; text-transform: uppercase; color: #ddd }
.dropdown:hover .dropdown-content, .dropdown-content:focus-within {height: 100vh;margin: -4.2rem 0 0;opacity: 1;overflow-y: scroll;padding: 0 0 10rem;}
.dropdown-content::-webkit-scrollbar {width: 10px;}
.dropdown-content::-webkit-scrollbar-track {background: transparent;}
/*header.nobg .dropdown:hover .dropdown-content {opacity: 0; display: none;}*/


:root {
    --mm-ocd-width: 97vw;
    --mm-ocd-min-width: none;
    --mm-ocd-max-width: none;
}
.mm-ocd__content {background-color: #201f1d; padding: 2rem; z-index: 3;}
.mm-spn.mm-spn--light {background-color: #201f1d; color: #fcfcf5;}
.mm-spn a, .mm-spn span { text-decoration: none; font-size: 2.5rem; padding: 2rem 0; font-weight: 300;}
.mm-spn.mm-spn--navbar ul {top: 8rem; max-height: 78vh; overflow-y: scroll;}
.mm-spn.mm-spn--navbar:before {right: -0.5rem;
                               left: 0;
                               opacity: 1;
                               content: url(../img/al.svg);
                               width: 3.4rem;
                               height: 3.4rem;
                               top: 1rem;
                               transform: rotate(180deg);
                               margin: 0;
                               border: none;}
.mm-spn.mm-spn--navbar:after{display: none;}
.mm-spn li:after {margin-left: 0;}
.mm-spn li:before { opacity: 1;content: url(../img/al.svg); width: 3.4rem; height: 3.4rem; margin: 0; border: none; transform: none; right: 0; top: 1.7rem;}
.mm-ocd__backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background-color: rgba(100,62,215,0.8);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    opacity: 0;
}
.mm-ocd--open .mm-ocd__backdrop  {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.mm-spn a:not(:last-child).closebtn { position: absolute; color: #fff; display: inline-block; font-size: 3rem; line-height: 1; z-index: -1; left: 0; top: 1rem; width: auto; padding: 0;}
.mm-spn a:not(:last-child).closebtn::after {border-right: none;}

.block-social { display: flex; flex-wrap: wrap; position: fixed; bottom: 0; z-index: 9; width: 100%; padding: 1rem 0; background: #201f1d;}
.block-social a { border: none; padding: 0;  margin: 0 1rem 0; display: inline; width: auto !important; height: auto !important; font-size: inherit;color: transparent;
}
.block-social a img{ width: 3.5rem!important; height: 3.5rem;}
.box_cart {text-align: center;width: 95%;margin: 0 0 0 auto;}
.box_cart .cart {width: 30px;height: 30px;position: absolute;right: 20px;top: 10px;padding: 0;}
.box_cart .cart a {padding: 0;width: 100%;}
.box_cart .cart img {width:100%;}
.box_cart .cart span.num {
  position: absolute;
        top: -8px;
        right: -16px;
        font-size: 14px;
        font-weight: 600;
        background: #45cf6d;
        color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
}

/*
.box_cart .cart span.num {font-size: 16px;font-weight: 600;color: #fff;position: absolute;top: -5px;background: #45cf6d;padding: 1px 2px;border-radius: 10px;left: 20px;pointer-events: none;}
*/

/*PAGINA CATEGORIA*/
/*#categoria .flex {flex-wrap: wrap;}*/
.pattern-bg#categoria {padding: 0 0 8rem;}
.content-sx { width: 75%;}
.content-dx { width: 23%; margin-left: 2%; padding: 4rem 0 0;}
.spalla.risultati .content-dx{ width: 100% !important; text-align: left; }
.breadcrumb { padding: 1.5rem 0 0.8rem; font-size: 1.8rem; border-bottom: 1px solid;}
.breadcrumb li {display: inline-block;}
.tit-50 {font-size: 5rem !important; font-weight: 400 !important;;}
#categoria .tit-50 {padding: 2rem 0 0.5rem;}
.tit-28 {font-size: 2.8rem !important;;}
h2.tit-28 { font-weight: 800; margin: 0 0 2rem;}
h2.tit-28.normal { font-weight: normal; word-wrap: break-word; }
h3.tit-28 { font-weight: 400; margin: 0 0 1rem;}
.tit-36 {font-size: 3.6rem !important;;}
h2.tit-36 { font-weight: 800; margin: 0 0 2rem;}
h2.tit-36.normal { font-weight: normal; word-wrap: break-word; }
h3.tit-36 { font-weight: 400; margin: 0 0 1rem;}
#categoria .content-sx .box, .risultati .container .box { margin: 4rem 0; text-align: left;}
#categoria .content-sx .box, .risultati .container .box p{ word-wrap: break-word; }
#categoria .content-sx h3, #categoria .content-sx h4, #categoria .content-sx h5, #categoria .content-sx h6 { font-weight: 400; margin: 0 0 1rem; font-size: 3.6rem;}
.risultati .container .box h3, .risultati .container .box h4, .risultati .container .box h5, .risultati .container .box h6 { font-weight: 400; margin: 0 0 1rem; font-size: 3.6rem;}
#categoria .content-sx h3.sottocategoria, #categoria .content-sx h4.sottocategoria, #categoria .content-sx h5.sottocategoria, #categoria .content-sx h6.sottocategoria { font-weight: bold; margin: 0 0 1rem; font-size: 1.9rem;}
#categoria .content-sx h3.tit-31{ font-size: 2.2rem; }
#categoria .content-sx ul{ padding-left: 20px; font-size: 1.9rem; margin-bottom: 2rem; }
#categoria .content-sx ul.breadcrumb{ padding-left: 0px; margin-bottom: 0; }
#categoria .content-sx ul li{ list-style: disc; }
.txt-24 { line-height: 1.3; font-size: 2.4rem; letter-spacing: 0; font-weight: 400;}
.btn-cat { padding: 1.5rem 1.5rem; font-size: 2rem; display: inline-block; width: 24rem; line-height: 1; border-radius: 20rem; height: 9rem; margin: 5px; transition: all .3s; cursor: pointer;}
.btn-cat:hover {background: #201f1d!important; color: #fcfcf5!important;}
#btns-cat .flex {flex-wrap: wrap;}
#categoria .content-dx .txt-24, .spalla.risultati .content-dx .txt-24{ padding: 0 0 0.5rem; border-bottom: 1px solid; margin: 0 0 1rem;}
.txt-18 {font-size: 1.8rem; font-weight: 300; line-height: 1.4;}
#categoria .txt-18 strong {font-weight: 500;}
#categoria ul.txt-18, .spalla.risultati .content-dx ul.txt-18 {font-size: 1.7rem;}
#categoria .content-dx .box, .spalla.risultati .content-dx .box { padding: 0 0 0.8rem; border-bottom: 1px solid #e6e6e6; margin: 0 0 0.8rem;}

.bullet{display: list-item; list-style-type: disc; list-style-position: inside;}

.bghome#sottocat .steps {justify-content: space-between; padding: 0 5%;}
.bghome#sottocat .steps .line {flex-grow: 2;}
.bghome#sottocat .steps .step:nth-child(3) p { left: -0.5rem;}
.bghome#sottocat .steps .step:nth-child(5) p { left: -1.5rem;}
.tit-31 { line-height: 1.3; font-size: 3.1rem;}
#categoria .tit-31 { padding: 0 0 0.5rem; border-bottom: 1px solid; margin: 0 0 1rem; font-weight: 400;}

#scopri_anche{ font-size: 2.2rem; font-weight: 400; margin: 0 0 1rem; padding: 0 0 0.5rem; border-bottom: 1px solid; }

.cornice_anchor{  border-radius: 2rem; padding: 2rem 2rem 2rem 2rem; width: 98%; background-color: rgb(237, 237, 230, 0.7); }
.cornice_anchor h3{color: #44cf6c;}
.el-sottocategoria { padding-left: 0px !important; }
.el-sottocategoria ul { padding-left: 20px; list-style: none; }
.el-sottocategoria li {  border-bottom: 1px solid #c4c4be; list-style: none !important; position: relative; }
.el-sottocategoria li:before { content:""; border-radius: 50%;  border-style: solid; border-width: 1px; background-color: #606060; width: 2px; height: 2px; position: absolute; top: 13px; }
.el-sottocategoria li a { font-size: 1.9rem; padding: 0.5rem 0 0.5rem 1.5rem; margin: 0; display: block;  color: #606060;}
/*
.el-sottocategoria li { border-bottom: 1px solid #c4c4be; list-style: initial !important; }
.el-sottocategoria li a { font-size: 2.2rem; padding: 0.5rem 0; margin: 0; display: block; color: #606060;}
*/
#slide-sottocategoria .card-risultato, #slide-paragrafi-home .card-risultato, #slide-magazine .card-risultato { width: auto;}
#slide-magazine{ margin-bottom: 4rem; }

#overlay_risultati {
    /*background-color: rgba(255, 255, 255, 1);*/
    z-index: 99999999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
}

.block-page {
    width: 100%;
    height: 100%;
    position: fixed;
}
.block-page {
    overflow: hidden;
}

.slide-paragrafi .my-arrows {position: absolute; bottom: 0; width: 100%; z-index: 10; max-width: 125rem; margin: 0 auto; left: 0; right: 0; margin-bottom: 7px;}
.slide-paragrafi .my-arrows button:focus {outline: none;}
.slide-paragrafi .my-prev {transform: rotate(180deg); cursor: pointer; visibility: hidden;}
.slide-paragrafi .my-next {position: absolute; right: 0; cursor: pointer;}
.slide-paragrafi .my-prev svg, .slide-paragrafi .my-next svg path {fill: #44cf6c;}

/* HOME */
#paragrafi-home { padding: 0; display: inline-flex; justify-content: center; width: 100%; flex-wrap: wrap; align-items: flex-start;}
.selezione_content.risultati, .selezione_content.magazine {display: inline-flex; justify-content: center; width: 100%; flex-wrap: wrap; align-items: flex-start;}
#paragrafi-home .container { margin: 0;}
#paragrafi-home h3 { font-weight: bold; margin: 0 0 1rem; font-size: 3.6rem;}
#paragrafi-home h4, #paragrafi-home h5{ font-weight: 400; margin: 0 0 1rem; font-size: 3.6rem;}
#paragrafi-home .box{margin: 4rem 0;}
.banner {width: 100%; text-align: center; margin: 0 auto; }
/*.banner img {width: 100%; max-height: 300px; object-fit: contain; max-width: 728px;}*/
.banner img {width: 100%; max-height: 300px; object-fit: contain; max-width: 100%;}
.banner-pf.resp {display: none;}
.mrg-btm-medium {margin-bottom: 4rem;}
.risultati .box_90 .spalla {width: 100%; margin: 30px auto; height: 17.86vw; overflow: hidden; max-height: 300px;}

.banner_kids {margin-bottom: 6rem;}
.selezione_content.risultati .container { margin: 0;}
.selezione_content.magazine .container { margin: 0;}

/* BANNER */
.banner.desktop{ display: block; }
.banner.mobile{ display: none; }

/* HOME PARTI KIDS */
.banner_kids img.img_1 {width: 100%; height: auto; aspect-ratio: 231 / 61;}
.banner_kids img.img_2 {display: none;}
img.banner_kids_menu { width: 100%; height: auto; aspect-ratio: 1 / 1;}

/* PAGINAZIONE */
#paginazione {
    padding: 1rem 0;
    border-top: 1px dotted #8c8c8c;
    border-bottom: 1px dotted #8c8c8c;
}

.pagination button {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2rem;
    cursor: pointer;
    padding: 1rem 0;
    color: #201f1d;
}

.pagination button.number {
    margin: 0 5px;
    width: 2rem;
    text-align: center;
}

.pagination button.number.active {
    background-color: #44cf6c;
    border-color: #44cf6c;
    color: #fff;
    border-radius: 0.7rem;
    width: 4rem;
}

button:disabled,
button[disabled] {
    cursor: auto;
    color: #ccc;
}

.pagination .back {
    float: left;
    width: 10rem;
    text-align: left;
}

.pagination .next {
    float: right;
    width: 10rem;
    text-align: right
}

.pagination .puntini{
    font-weight: 100;
    font-size: 2rem;
    line-height: 2rem;
}

/* Privacy */
.info_privacy {
    padding: 8rem 0;
    background: #fcfcf5;
    position: relative;
    z-index: 2;
}

.info_privacy p {
    width: 100%;
    margin: 0;
    line-height: 1.4;
}

.scroll-container {
    overflow: auto;
}

table.privacy {
    margin: 4rem 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-right: none;
}

table.privacy tr {
    border-top: 1px solid #ddd;
}

table.privacy tr td {
    font-size: 1.9rem;
    letter-spacing: -0.01rem;
    padding: 10px;
    border-right: 1px solid #ddd;
}

table.privacy tr td.center {
    text-align: center;
}

table.privacy tr td.w25 {
    width: 25%;
}
table.privacy tr td.w33 {
    width: 33%;
}

.info_privacy ul.list_disc li, table.privacy tr td ul li {
    list-style: disc !important;
    margin-left: 15px;
    font-size: 1.9rem;
    letter-spacing: -0.01rem;
}

table.privacy tr td .icona {
    max-width: 80px;
}

@media screen and (min-width: 1571px) {
    .risultati .box-top-selezione_right/*, .filtro-ordinamento.flex*/ { display: block; position: fixed; left: 0; width: 19.5%; }
    .risultati .box-top-selezione_right {/* top: 360px; */top: 225px; z-index: 8;}
    .risultati .box-top-selezione_right .box_90 { width: 97%; margin: 0 1% 0 auto; /*max-width: 275px;*/ padding: 2rem 0 0; border-top: 1px solid rgb(68 207 108 / 50%);}
    .btn-filtro-ordine {width: 98.5%; max-width: 395px;}
    .ui-content {padding: 1em 0 0!important;}
    .ui-rangeslider .ui-rangeslider-sliders {/*margin: 0 1.4rem!important;*/ margin: 0 auto!important; width: 93%;}
    /*#range_min {float: none; position: absolute; bottom: 0.6rem; left: 0;}
    #range_max {float: none; position: absolute; bottom: 0.6rem; right: 0;}*/
    #range_min {float: none; position: absolute; bottom: -2.4rem; left: 0;}
    #range_max {float: none; position: absolute; bottom: -2.4rem; right: 0;}
    #range_spesa_min {float: none; position: absolute; bottom: -2.4rem; left: 0;}
    #range_spesa_max {float: none; position: absolute; bottom: -2.4rem; right: 0;}
    .lista-risultati {padding: 0;}

    /*aggiunte enspire 2.0*/
    #formRange .tit-25 {font-weight: 400; font-size: 2rem;}
    #range_min, #range_max, #range_spesa_min, #range_spesa_max {color: #44cf6c; font-weight: 400; border-radius: 20rem; border: 1px solid; line-height: 1; padding: 2px;}
    html >body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child { height: 1px;}
    .ui-slider-track { height: 1px!important; background: #201f1d!important;}
    .ui-page-theme-a .ui-slider-track .ui-btn-active {background-color: #44cf6c!important; height: 4px; margin-top: -2px;}

    .ordinamento-box { padding: 3rem 0; border-top: 1px dotted #8c8c8c; border-bottom: 1px dotted #8c8c8c;}
    .ordinamento-box .tit-25 { font-weight: 400; font-size: 2rem; min-width: 22%;}
    .ordinamento-box .flex { align-items: flex-start;}
    .box-btns {text-align: left;}
    .btn-ordinamento { background: #fcfcf5; padding: .5rem 1rem; border: 1px solid #44cf6c; border-radius: 2rem; color: #44cf6c; transition: all .3s; cursor: pointer; margin: 0 1px .5rem;}
    .btn-ordinamento.active, .btn-ordinamento:hover {background: #44cf6c; color: #fcfcf5;}
    .right-elimina { padding: 1.5rem 0 0; text-align: right;}
    .right-elimina .btn-ordinamento { background: #201f1d; color: #fcfcf5; border: 1px solid #201f1d; min-width: 14.5rem;}
    .right-elimina .btn-ordinamento.bgrosa { background: #df4d86; color: #fcfcf5; border: 1px solid #df4d86;}
    .right-elimina .btn-ordinamento:hover { background: #fcfcf5; color: #201f1d; }
    .right-elimina .btn-ordinamento.bgrosa:hover { background: #fcfcf5; color: #df4d86; }
    .filtri-resp-btn {display: none;}
    /*fine*/
}


@media screen and (min-width: 1400px) {
    .selezione_content.risultati { padding: 13rem 0 25rem;}
    .selezione_content.magazine { padding: 4rem 0 4rem;}
    .risultati .box-top-selezione_txt {width: 100%;}
    .filtro-ordinamento.flex { top: 530px; z-index: 9;}
    .c-button {width: 100%!important;}
    .c-dropdown.is-open .c-dropdown__list {width: 100%!important;}


}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}



@media screen and (min-width: 2000px) {
    .container { max-width: 115rem;}
    .box-abs-home {max-width: 115rem;}
    .fascia-mail .box form input {width: 68%;}
    /*#evidenza .my-arrows { max-width: 125rem;}*/
    /*.container-storie-2 {max-width: 125rem;}*/
    /*.splide__pagination {max-width: 125rem!important;}*/

}

@media screen and (min-width: 1921px) {
    /*.risultati .box-top-selezione_right, .filtro-ordinamento.flex {width: 27.5%;}*/
    .risultati .box-top-selezione_right .box_90 { max-width: 395px; margin: 0 0 0 auto;}

    /*.card-blog img {height: 16vw;}
    .card-blog .card-txt {min-height: 6vw;}*/
    /*section.ultime-storie .card-blog .card-txt {min-height: 5vw;}*/

    /*BLOG 2*/
    .container-storie-2-ver-1 {max-width: 155rem;}
    #ver1 #evidenza .my-arrows {max-width: 155rem;}
    #ver2 #evidenza .my-arrows {max-width: 155rem;}

    /*BLOG 3*/
    .container-storie-2-ver-2 {max-width: 155rem;}
}

@media screen and (max-width: 1920px) {
    section.ultime-storie .card-blog { height: 30vw; max-height: 40rem;}
}

@media screen and (max-width: 1650px) {
    /*section.ultime-storie .card-blog img { height: 11vw;}*/
    section.ultime-storie .card-blog {  height: 30vw; max-height: 35rem;}
    section.ultime-storie .card-blog .card-txt {padding: 1rem 2rem;}
    .container-storie-2-ver-1 {max-width: 110rem;}
    .container-storie-2-ver-2 {max-width: 110rem;}
    #ver1 #evidenza .my-arrows {max-width: 110rem;}
    #ver2 #evidenza .my-arrows {max-width: 110rem;}
}

@media screen and (max-width: 1400px) {
    /*.parallax {background-position: center right -13rem;}*/
    .box-abs-home h1, .box-abs-home h2, .bghome {max-width: 50rem;}
    #categoria .bghome {max-width: 60rem;}
    .bhc { padding: 5.5rem 4rem 5.5rem 2rem;}


    /*BLOG*/
    .container-storie-ver-0 { width: 90%;}
    .container-storie-2-ver-0 {width: 87%;}
    #evidenza .my-arrows-ver-0 {width: 87%;}
    #ver0 .splide__pagination { width: 87%!important;}

}

@media screen and (max-width: 1270px) {
.spalla {display: none;}
.banner-pf.resp {display: block;}
.banner-pf.resp#special {display: none;}
.banner-pf.resp .container {margin: 0 auto;}
.banner img { max-height: 250px;}

.banner.home.footer.desktop{ display: none; }
.banner.home.footer.mobile{ display: block; }
.banner.risultati.interno.desktop, .banner.risultati.footer.desktop{ display: none; }
.banner.risultati.interno.mobile, .banner.risultati.footer.mobile{ display: block; padding: 0 20px; }

}

@media screen and (max-width: 1200px) {
    /*.parallax {background-position: center right -20rem;}*/
    /* header ul li a {font-size: 1.7rem;} */
    .comefunziona h2 {top: 5rem;}


    .selezione_option {width: 30rem; height: 30rem;}
    .selezione_option:after {width: 30rem; height: 30rem;}
    .selezione_option_txt { font-size: 2.8rem;}

}

@media screen and (max-width: 1023px) {
    header > .container {max-width: none;}
    header.risultati > .container {background: transparent; position: fixed;}
    header.nobg > .container {background: transparent; position: fixed;}
    header.nobg .suxdiv {background: transparent; position: fixed;}

    /* HOME PARTI KIDS */
    .banner_kids img.img_1 {display: none;}
    .banner_kids img.img_2 {display: block;width: 100%; height: auto; aspect-ratio: 883 / 612;}
    .banner_sidebar {width: 100%; height: auto; margin: 0;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgb(255 255 255 / 15%);}
        .banner_kids_menu_mobile {width: 100%!important; padding-bottom: 0!important;}
        .banner_kids_menu_mobile::after {display: none!important}

    .content-tab .choose .button .img.imgu:hover { background-image: url(../img/uomo.svg); }
    .content-tab .choose .button .img.imgd:hover { background-image: url(../img/donna.svg); }
    .content-tab .choose .button.active .img.imgu:hover { background-image: url(../img/uomo_v.svg); background-size: cover; }
    .content-tab .choose .button.active .img.imgd:hover { background-image: url(../img/donna_v.svg); background-size: cover; }

    .splide__slide .txt { width: 100%;}

    .carousel {margin: 3rem 0;}
    .carousel .slide {/* margin-left: 2.7rem; margin-right: -2.2rem */ margin: 0 .5rem 0 0;}
    .carousel .slide img{ width: 8rem; }
    .carousel .slide img:hover { background-color: #e0dedc; -webkit-filter: invert(0); -moz-filter: invert(0); -ms-filter: invert(0); -o-filter: invert(0);filter: invert(0);}
    li.button.active img { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: invert(var(--value, 100%)); --value:100%; }
    li.button.active img:hover { background-color: #bb2f93; -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: invert(var(--value, 100%)); --value:100%; }
    .chooseoccasione.flex li.button.active img:hover {background: transparent; }
    .ico-slide-sx {display: block;}

    .content-tab .go{ top: 0; }
    .content-tab .go img { top: -0.5rem }
    .container, .bghome { width: 100% }
    header, header.risultati { background: transparent!important }
    header.risultati {padding: 3rem 0 0;}
    .bghome { top: 0!important }
    .bghome .bhc .txt { transition: all 0.3s ease 0s; opacity: 1; }
    .sticky .bhc .txt { display: block; opacity: 0!important; visibility: hidden; margin-top: -10rem}
    .sticky { margin-top: 0!important }

    /*se va bene anche a dany!!!*/
    section.box-top-selezione { padding: 8rem 4% 0; }

    /*occasioni*/
    .box-occasioni .button.occas img {height: 15vw;}

    /*interessi*/
    .controls.filtro{ display: none; }
    .container-filter .mix{ display: inline !important; overflow-x: scroll; }
    #interessi_selezionati{ position: fixed; bottom: 0; z-index: 9999; width: 100%; left: 0; background-color: rgba(32,31,29,0.8); padding: 2rem 0; }
    #interessi_selezionati .icone-selected { width: 51rem; margin: 0 auto; }
    .icone-selected .icon{ height: 7.5rem; width: 7.5rem; }
    .icone-selected { border-radius: 2rem; }
    .flexinteressi .box-top-selezione_txt { width: 94%; margin-bottom: 1rem; }
    .boxcarousel h3 { border-top: 1px dotted #8c8c8c; display: flex; padding: 1.4rem 0; margin: 0; justify-content: space-between;}
    .faqanswer { display: none;}
    .plus { width: 3rem; transition: all .3s;}
    .minus {width: 3rem; transform: rotate(180deg); transition: all .3s;}
    .carousel { /*white-space: nowrap; margin-bottom: 1.5rem; margin-left: -3.5rem*/ white-space: normal; margin: 0; overflow: hidden;}
    section.box-top-selezione.section_interessi { padding: 0; }
    .section_interessi .container { padding: 0 2%; }
    #interessi-scorri-destra{ display: block; }

    .menuresponsive { display: block; position: absolute; top: 2rem; left: 4rem; z-index: 9;}
    .cart_header { display: block; position: absolute; top: 2.9rem; right: 4rem; z-index: 9;width: 3.6rem}
    .cart_header .cart {position: relative;width: 100%;height: 100%;display: block;}
    .cart_header .cart span.numxxx {font-size: 14px;font-weight: 600;color: #fff;position: absolute;top: 0;background: #45cf6d;padding: 1px 2px;border-radius: 10px;right: -8px;}
    .cart_header .cart span.num {
        position: absolute;top: -8px; right: -16px;
        font-size: 14px;font-weight: 600;background: #45cf6d;color: #fff;
        width: 24px; height: 24px; border-radius: 50%; 
        display: flex; align-items: center; justify-content: center; 
        text-align: center;
    }

    header.nobg .menuresponsive {position: fixed;}
    .menuresponsive img { width: 2.5rem }
    header ul.menu, header .social, header ul.menu_icons { display: none; }
    header .logo { width: 96%; margin: 0 auto; text-align: center; padding: 3rem 0 2rem; border-bottom: 2px solid rgba(252,252,252,0.2); }
    .header_flat .logo { border:none; padding: 2.3rem 0;}
    header, header.risultati { border-radius: 2rem 2rem 0 0; position: relative; top: 0; padding: 94px 0 0 0; left: 0; width: 100%;  background: rgb(68,207,108);
                               background: -moz-linear-gradient(90deg, rgba(68,207,108,1) 0%, rgba(100,62,215,1) 50%, rgba(222,77,134,1) 100%);
                               background: -webkit-linear-gradient(90deg, rgba(68,207,108,1) 0%, rgba(100,62,215,1) 50%, rgba(222,77,134,1) 100%);
                               background: linear-gradient(90deg, rgba(68,207,108,1) 0%, rgba(100,62,215,1) 50%, rgba(222,77,134,1) 100%);
                               filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#44cf6c",endColorstr="#de4d86",GradientType=1);  }
    header.kids{ padding: 103px 0 0 0;}
    header.header_flat { /*padding: 0;*/ /*background: #201f1d!important;*/ }
    header.header_flat > .container{padding: 3rem 2% 0;}
    .bhc { padding: 2rem 4rem 5rem; box-shadow: none; border-radius: 2rem; display: block; text-align: center; margin: 0; top: 3rem; position: absolute; width: 100%;}
    .bhc .txt { width: 100%; padding: 0; border:none; }
    #categoria .bhc,  #ricerca_interna .bhc {/*padding: 2rem 2rem 5rem;*/ box-shadow: 0px 0rem 0.8rem 0.3rem rgb(0 0 0 / 39%); border-radius: 2rem; display: block; margin: 0; top: 0; position: relative;}
    #categoria .bghome .steps .line {width: 11%;}
    /*.bghome { top: 8rem; }*/
    .bghome .steps { width: 100%; padding: 0; margin-top: 2rem; }
    /* .pulsate { width: 13rem; height: 2.9rem; top: -2.1rem; font-size: 1.8rem!important; left: -3rem !important; } */
    /*.sticky .steps { margin-top: 1rem }*/
    .box-abs-home { position: relative; top: 0; text-align: center; color: #fcfcf5; background: #201f1d; width: 100%; padding: 2rem 0 6rem; max-width: none;}
    .box-abs-home h2, .bghome {margin: 0 auto;}
    .box-abs-home h1 {margin: 0 auto 0.8rem;}

    .comefunziona {    -webkit-box-shadow: 10px 10px 17px -12px rgb(0 0 0 / 36%);
                       -moz-box-shadow: 10px 10px 17px -12px rgba(0,0,0,0.36);
                       box-shadow: 10px 10px 17px -12px rgb(0 0 0 / 36%);
                       margin: -24rem auto 2rem;
                       text-align: center;
                       padding: 0;
                       width: 100%; position: relative; z-index: 15;}
    .comefunziona .flex { flex-wrap: wrap; }
    .parallax { height: 88rem; }
    .content-tab .flex { flex-wrap: wrap; align-items: flex-start; }
    #formRegalo .flex {flex-wrap: nowrap; padding-bottom: 0;}
    .bghome .txt { width: 100%; border: 0; }
    .content-tab .choose { padding: 0; }
    .content-tab .choose .button { margin: 0 3rem 0 0 }
    .content-tab { background-color: rgb(252 252 245); position: absolute; top: 17rem; color: #201f1d; text-align: left; width: 100%;}
    #step-motore-ricerca-step0 .content-tab { position: relative !important; top: 0 !important; }

    /*sidenav*/
    #mySidenav { display: block; }
    .sidenav {height: 100%;width: 0;position: fixed;z-index: 99;top: 0;right: 0; overflow-x: hidden; transition: 0.5s; }
    .sidenav a {text-decoration: none;font-size: 2.5rem;color: #818181;display: block;transition: 0.3s;}
    .sidenav a:hover {color: #f1f1f1;}
    .sidenav .closebtn {position: absolute;top: 2.6rem; color: #fcfcf5; right: 4.2rem;font-size: 3.6rem;margin-left: 5rem;}
    .logonav { width: 18rem; padding-bottom: 2rem; margin-top: 1rem;margin-left: -10%;}
    .sidenav .flexnav { display: flex; }
    .sidenav .flexnav .bgpurple { background-color: rgba(100,62,215,0.8); width: 40%; height: 100vh; }
    .sidenav .flexnav .bgblack { background-color: #201f1d; width: 75%; height: 100vh; padding: 2rem; }
    .sidenav .flexnav .bgblack .divblock { color: #fcfcf5; display: block; padding: 2rem 0; font-weight: lighter; border-top: 1px solid rgba(252,252,252,0.5) }
    .sidenav .flexnav .bgblack .divblock.social { display: flex; justify-content: flex-start; width: 100%; position: absolute; bottom: 0; border-top: none;}
    .sidenav .flexnav .bgblack .divblock.social img { margin: 0 2rem 0 0; width: 25px}

    /*pages*/
    .bgpag, .bgpag.risultati { max-width: 100%; position: fixed; box-shadow: none; margin: 0; top: 0rem; border-radius: 2rem; padding: 13rem 1rem 2rem;z-index: 14; height: 190px; }
    .bgpag .steps { width: 40.5rem; margin: 0 auto }
    section.box-top-selezione/*, section.box-top-selezione.risultati */{ margin-top: 20rem; }
    section.box-top-selezione.risultati { margin-top: 20rem; top: 0; padding: 0; position: relative;}
    .selezione_content.risultati { padding: 0 0 18rem;}

    /*footer*/
    footer .container.flex{ display: block; }
    /*footer .cl:last-child { display: none; }*/
    footer .cl:last-child { margin-top: 2rem }
    footer .cl { width: 100% !important; padding: 0 2rem; }
    footer .social { display: none; }
    footer .menu { justify-content: flex-start; flex-wrap: wrap; border:none; padding-top: 3.3rem }
    footer .menu .noresp { display: none; }
    footer .menu a { font-size: 2.4rem; margin-right: 2rem }
    footer .menu_mobile{ display: block; padding-top: 0; }
    footer .menu_mobile a{ color: #fcfcf5; }
    footer .socialresp { display: block; padding: 5rem 0 2rem }
    footer .socialresp img { height: 3.8rem; margin-right: 2rem }

    /* personalita */
    .selezione_option {width: 26rem; height: 26rem;}
    .selezione_option:after {width: 26rem; height: 26rem;}
    .selezione_option_txt { font-size: 2.8rem;}

    /* risultati */
    .card-risultato { width: 48%; max-height: none; height: 42vw;}
    .card-txt { padding: 2rem;}
    .stickyBar {display: block;
                position: fixed;
                top: 190px;
                left: 0;
                right: 0;
                z-index: 8;
                background: rgba(252,252,245,.9);
                padding: 6.5rem 4% 2rem;
                width: 100%; max-width: none;}

    section.box-top-selezione .flex {width: 100%; max-width: 100rem; margin: 0 auto;}

    /* about */
    .header_about { height: 70vh;}
    .header_about .about-tit {
        width: 80%;
        margin: auto;
        text-align: center;
        text-shadow: 0 0 1rem black;
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .box-txt-about {display: none;}
    section.achi-resp .container, section.nasce .container, section.come .container {padding: 0 4rem;}
    section.achi-resp {display: block; padding: 8rem 0 0;}
    .img-achi {margin: 5rem auto 0;}
    .img-achi img {width: 100%;}
    .box-txt-persone {padding: 4rem 10%;}
    section.nasce p, section.come p {width: 100%;}
    section.persone {padding: 30% 0;}
    .bg-people.parallax {
        background: url(../img/portraits-mobile.jpg) center center/cover no-repeat;
        height: 115rem;
        margin-top: -18rem;
    }
    section.come { padding: 0 0 8rem; margin: -6rem 0 0;}

    /*contatti*/
    section.box-top-selezione.section_contatti { margin-top: 0; padding: 0; }
    section.box-top-selezione.section_contatti .container { padding: 0; }
    .flexcontatti .box-top-selezione_txt h1 { display: none; }
    section.box-top-selezione.section_contatti .box-top-selezione_txt { width: 100% }
    .flexcontatti { flex-wrap: wrap; }
    .bl_txt_contatti { padding: 1rem 6% 5rem; margin: 3rem 0; border: none; }
    .bl_txt_contatti:nth-child(3) { background-color: #44cf6c;  padding: 5rem 6%; }
    .bl_txt_contatti:nth-child(4) { padding-bottom: 0; margin-bottom: 0 }
    .section_contatti .box-top-selezione_right { width: 100%; }
    .flexcontatti .box_form { max-width: 50rem; margin: 0 auto }
    .bl_txt_contatti h2 { font-size: 3.4rem; }
    .bl_txt_contatti h2 span { display: block; }
    #attiva_form { padding-top: 9rem }
    .bl_txt_contatti .cta { transition: all .3s; margin-top: 2rem; padding: 1rem 5rem }
    
    .txt-privacy-small{text-align: left; margin: 20px auto !important; }

    .filtro-ordinamento.flex{ margin-right: 3%;}
    section.box-top-selezione .box_90 .line{ margin: 0 auto 1rem; }
    .lista-risultati{ padding: 2rem 0; }

    /*BLOG */
    section.header_blog { padding: 2rem 0 1rem;}

    /*BLOG 2*/
    .container-storie-ver-1#ver1 { width: 98%; margin: 0 0 0 auto;}
    #ver1 #evidenza .my-arrows {width: 95%!important; margin: 0 2.5%;}
    #ver1 .splide__pagination { width: 95%!important; margin: 0 2.5%;}
    section.ultime-storie .container-storie-ver-1 {width: 95%; margin: 0 auto;}
    /*section.ultime-storie .container-storie-2-ver-1 .card-blog img {height: 28vw;}*/


    /*BLOG 3*/
    .container-storie-ver-2 { width: 100%; margin: 0 auto;}
    .container-storie-2-ver-2 { width: 95%; margin: 0 auto;}
    #ver2 #evidenza .my-arrows { width: 95%; margin: 0 auto;}
    #ver2 .splide__pagination { width: 100%!important;}



    /*.card-blog img { height: 28vw;}*/
    section.ultime-storie .card-blog { width: 46%; margin: 2%;}
    section.ultime-storie .card-blog { height: 55vw; max-height: 40rem;}
    /*section.ultime-storie .card-blog img { height: 20vw;}*/

    section.foto-dettaglio-blog img {height: 35rem;}
    section.foto-dettaglio-blog { padding: 5rem 0;}
    section.dettaglio-blog {padding: 0;}

    .content-tab .choose {margin-right: 1rem}
    .content-tab .choose .button { margin: 0 1.2rem 0 0;}
    .chooserelazione.b-tab {width: auto;}
    .parallax {background-image: url("../img/enspire-idee-regalo-originali-mobile.jpg"); background-position: center;}

    .img-comefunz { width: 50%; margin: 0 25%;}
    section.home-chi-cosa {text-align: center;}
    .fascia-mail { padding: 7rem 0 3rem;}
    .fascia-mail .flex { flex-wrap: wrap;}
    .fascia-mail .box form { display: block;}
    .fascia-mail .tit39 {margin-right: 0;}
    .fascia-mail .box { width: 100%; text-align: center; max-width: 100rem; margin: 0 auto 3rem;}
    .fascia-mail .box form input {margin: 0 auto 2rem; max-width: 60rem; display: block; width: 100%;}
    .fascia-mail .box form button { margin: 0 auto 2rem;}

    #categoria .content-dx {display: none;}
    #categoria .content-sx {width: 100%;}
    #btns-cat .flex {justify-content: center;}
    .cat .txt.flex {flex-wrap: wrap; justify-content: center;}
    .cat .txt.flex h2 {width: 100%; text-align: center;}
    #slide-sottocategoria .card-risultato, #slide-paragrafi-home .card-risultato, #slide-magazine .card-risultato { height: 29vw;}

    .filtri-resp-btn { display: inline-block; position: fixed; left: 0; right: 0; margin: 0 auto; bottom: 5%; padding: 1.5rem 2.5rem; background: #44cf6c; font-size: 3rem; color: #fcfcf5; width: 18rem; border-radius: 4rem; box-shadow: 5px 4px 1.5rem rgb(32 31 29 / 65%); text-align: center; vertical-align: middle; cursor: pointer;}
    .filtri-resp-btn img { width: 3rem; vertical-align: middle;}

    .banner-pf.resp#special {display: block;}

    .banner.categoria.interno.desktop{ display: none; }
    .banner.categoria.interno.mobile{ display: block; }
    .banner.categoria.footer.desktop{ display: none; }
    .banner.categoria.footer.mobile{ display: block; }
    .banner.sottocategoria.footer.desktop{ display: none; }
    .banner.sottocategoria.footer.mobile{ display: block; }

    #formNewsletter .ui-body-inherit{
        width: 100%;
    }
} 

@media screen and (max-width: 860px) {
    .sticky .steps { margin-top: -1rem }
    .stickyBar .box-top-selezione_txt {display: none;}
    .stickyBar .box_90 { width: 100%; margin: 0 auto;}

    .overlay-content {max-width: inherit;}

    .comefunziona .splide__slide {padding: 8rem 0 10rem;}

    /*.card-blog img { height: 58vw;}*/
    section.ultime-storie .card-blog { width: 92%; margin: 0 auto 4rem; height: 80vw; max-width: 50rem; max-height: 50rem;}
    /*section.ultime-storie .card-blog img { height: 55vw;}*/

    /*section.ultime-storie .container-storie-2-ver-1 .card-blog { height: 82vw;}*/
    /*section.ultime-storie .container-storie-2-ver-1 .card-blog img { height: 58vw;}*/

    .row-dett-blog.f-center .row-img-box {width: 70%;}
    .row-dett-blog.f-left .row-img-box, .row-dett-blog.f-right .row-img-box {padding: 0 2rem 5rem;}

    .img-comefunz { width: 70%; margin: 3rem 15% 0;}
    section.home-chi-cosa .flex {flex-wrap: wrap; justify-content: center;}
    section.home-chi-cosa .flex.occasioni {flex-wrap: nowrap; justify-content: center;}
    section.home-chi-cosa .box { width: 100%; margin: 4rem auto 0;}
    .timeline-interna {padding: 1rem 3rem;}
    .timeline-interna .button {margin: 5px; width: 25%;}
    section.ultima-sezione .box {width: 100%; margin: 0 auto 4rem;}
    
    .box-occasioni-index .button{ width: 25%; }

    .box-occasioni .button.occas { width: calc(50% - 10px);}
    .box-occasioni .button.occas img { height: 25vw;}
    #slide-sottocategoria .card-risultato, #slide-paragrafi-home .card-risultato, #slide-magazine .card-risultato { height: 42vw;}

    section.come {margin: 0; padding: 3rem 0 8rem;}
    .row.flex .bl {width: 100%; margin: 0 auto 3rem;}
    .row.flex .bl:first-of-type, .row.flex .bl:last-of-type, .row.flex:nth-of-type(2) .bl:first-of-type, .row.flex:nth-of-type(2) .bl:last-of-type {padding: 0;}
    .row.flex .bl:first-of-type, .row.flex:nth-of-type(2) .bl:first-of-type {margin: 0 auto 1.5rem;}
    .row.flex .bl:last-of-type, .row.flex .bl:last-of-type {text-align: center;}
    .row.flex .bl img {max-width: 65rem; margin: 0 auto;}

    footer .cl:first-child{ padding-right: 2rem; }

}


@media screen and (max-width: 768px) {
    #paragrafi-home h3 { text-align:center }
}


@media screen and (max-width: 600px) {
    html { font-size: 8px; }
    header{padding: 84px 0 0 0;}
    header.header_home {  position: inherit;}
    header.header_home > .container {position: relative; z-index: 9;}
    header.header_home article.content {  position: inherit;}
    .header_home .box-abs-home h1 {
        font-size: 3rem;
        padding: 0 0 1rem;
        position: absolute;
        left: 0;
        right: 0;
        background: #201f1d;
        width: 100%;
        max-width: none;
        margin: -1rem auto;
        z-index: 3;
    }
    .header_home .box-abs-home h2 { font-size: 1.7rem; padding: 1rem 1rem; top: 15rem; min-height: 8rem; z-index: 2; position: absolute; width: 100%; max-width: none; background: #201f1d; }
    .header_home .box-abs-home { position: inherit; top: 9rem;}
    .header_home .block-nero {display: block; width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 97; top: 22rem!important; background: #201f1d; height: 4.8rem;}
    .header_home .bghome { position: absolute; left: 0; right: 0; margin: 0 auto; max-width: inherit; z-index: 99; top: 20rem!important;}
    header.kids{ padding: 92px 0 0 0;}
    .bghome .steps .line { width: 13%; }

    .img-comefunz { width: 100%; margin: 3rem auto 1rem;}

    /* personalita */
    .selezione_option {width: 24rem; height: 24rem;}
    .selezione_option:after {width: 24rem; height: 24rem;}
    .selezione_option_txt { font-size: 2.5rem;}

    /* risultati */
    .ripeti .flex {flex-wrap: wrap;}
    .ripeti .txt {width: 100%; text-align: center;}
    .ripeti .txt:last-child {text-align: center; margin: 4rem auto 0;}
    .stickyBar { top: 170px; padding: 5rem 4% 2rem;}

    /* about */
    .header_about { height: 50vh;}
    section.come {padding: 8rem 0;}
    section.nasce .container, section.come .container {padding: 0 4rem;}
    .box-txt-persone {width: 80%; margin: 0 auto; padding: 3rem; border-radius: 3rem;}
    section.persone h2.about-tit {color: #201f1d;}
    .bg-people.parallax { height: 140rem; margin-top: -18rem;}

    .parallax { height: 75rem; margin: 12rem 0 0;}

    #loader{ width: 75px; }
    #loader lottie-player { width: 75px!important; height: 75px!important }
    #loader lottie-player .animation{ width: 75px!important; }

    .sidenav .closebtn { top: 3.3rem }

    #msg_invio{ text-align: center; }  

    /*section.ultime-storie .card-blog img { height: 47vw;}*/
    section.ultime-storie .card-blog .card-txt { padding: 1rem 2rem;}
    .row-dett-blog.f-center .row-img-box {width: 100%;}
    .row-dett-blog.f-left .row-img-box, .row-dett-blog.f-right .row-img-box { width: 100%; padding: 5rem; float: none; display: block; margin: 0 auto;}

    .box-abs-home h2 {font-size: 1.7rem;}
    .timeline-interna .button p {font-size: 1.5rem;}   
    
    .box-occasioni-index{ padding: 2rem 1rem; border-radius: 5rem;}
    .box-occasioni-index .flex{ display: inline-block; }
    .box-occasioni-index .button{ margin: 1.5rem 1rem; width: 27%; }
    
    footer .menu {flex-wrap: wrap;}
    footer .menu a { min-width: auto; margin: 0 2rem 1rem 0;}

    #slide-sottocategoria .card-risultato, #slide-paragrafi-home .card-risultato, #slide-magazine .card-risultato { height: 83vw;}
    .chooserelazione.b-tab {max-width: 47rem;}
    
    .slide-paragrafi .my-arrows{ display: none; }

    .desc-dett-blog img.note-float-left, .desc-dett-blog img.note-float-right{ width: 100% !important; float: none; }
}

@media screen and (max-width: 450px) {
    .bghome {max-width: 95%;}
    /* pages */
    .supercontainer {position: relative; padding: 0 0 3rem;}
    section.box-top-selezione .flex {flex-wrap: wrap;}
    .box-top-selezione_txt {width: 100%;}
    .box-top-selezione_right {width: 100%; margin: 1rem auto 0;}
    .supercontainer .box-top-selezione_right {    width: 100%;
                                                  margin: 4rem auto 0;
                                                  position: absolute;
                                                  bottom: 4rem;
                                                  left: 0;
                                                  right: 0;}

    /* personalita */
    ul.dots { width: 35%; margin: 0 32.5%;}
    .selezione_option {width: 19rem; height: 19rem;}
    .selezione_option:after {width: 19rem; height: 19rem;}
    .selezione_option_txt { font-size: 2rem;}

    /* risultati */
    .box_90 { margin: 0 auto; width: 100%;}
    
    
    .card-risultato { width: 92%; height: 81vw;}
    .card-txt { padding: 1rem 2.0rem;}
    
    .card-risultato.col2 { width: 47%; height: 58vw; border-radius: 2rem; }
    .card-risultato.col2 img { border-radius: 2rem; }
    .card-risultato.col2 .card-txt { padding: 0.5rem 0.6rem; height: 18vw; }
    .card-risultato.col2 .tit-card{ font-size: 1.5rem; }
    .card-risultato.col2 .desc-card{ font-size: 1.5rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
    .card-risultato.col2 .btn-acquista{ position: absolute; right: 5px; margin-top: -25px; font-size: 1.3rem; }


    .box-top-selezione_right.stickyPrezzo  {
        width: 100%;
        margin: 1rem auto 0;
        background: rgba(255,255,255,.7);
        padding: 5rem 3rem 3rem;
    }

    /* about */
    .header_about { height: 40vh;}
    .header_about .about-tit { font-size: 4.3rem;}

    /*interessi*/
    .icone-selected .icon { width: 14vw; height: 14vw; margin: 0.2rem }
    #interessi_selezionati .icone-selected { min-width: 94%; width: 94% }
    .sidenav .flexnav .bgpurple { width: 25% }

    /*blog*/
    section.foto-dettaglio-blog img { height: 26rem;}
    .row-dett-blog.f-center .row-img-box, .row-dett-blog.f-left .row-img-box, .row-dett-blog.f-right .row-img-box {padding: 0 1rem 5rem;}

    .card-blog .tit-card{ font-size: 14px; }
    .card-blog .desc-card{ font-size: 12px; }

    .bhc { padding: 2rem 2.3rem 5rem;}
    #box-widget-ricerca .content-tab {padding: 7.5rem 1.0rem 2rem; max-width: 100%;}
    .content-tab {padding: 7.5rem 2rem 2rem; max-width: 100%;}
    .content-tab .choose {justify-content: flex-start;}
    .content-tab .choose .button { margin: 0 1rem;}
    .chooserelazione.b-tab { width: 100%; margin: 0 auto -3rem;}
    .timeline-interna { padding: 2rem; border-radius: 2rem;}
    
    .box-occasioni-index{ padding: 2rem 1rem; border-radius: 5rem; }
    .box-occasioni-index .flex{ display: inline-block; }
    .box-occasioni-index .button{ margin: 1.5rem 1rem; width: 27%; }

    .content-tab li.button p { font-size: 1.3rem;}
    .content-tab .button.occas .img.img2 { left: 0; right: 0; margin: 0 auto;}

    .tit-50 {font-size: 3.5rem !important; }
    .tit-36{ font-size: 2.6rem !important;; }
    #categoria .content-sx h3, #categoria .content-sx h4, #categoria .content-sx h5, #categoria .content-sx h6,
    #box-widget-ricerca h3, #box-widget-ricerca h4, #box-widget-ricerca h5, #box-widget-ricerca h6 { font-size: 2.6rem; font-weight: 500; }

    #box-widget-ricerca h1{ font-size: 3.6rem;}
    #box-widget-ricerca .bghome{ max-width: 100%; }

    .btn-cat { padding: 1.5rem 1.5rem; font-size: 2rem; width: 20rem; border-radius: 20rem; height: 9rem; }
    
    footer .menu a { min-width: auto; margin: 0 3.5rem 1rem 0;}
}


@media screen and (max-width: 360px) {
    /* personalita */
    .selezione_option {width: 15rem; height: 15rem;}
    .selezione_option:after {width: 15rem; height: 15rem;}
    .selezione_option_txt { font-size: 1.8rem;}
    .comefunziona { margin: -23rem auto 0;}

    .mm-spn a, .mm-spn span {font-size: 1.8rem; padding: 1rem 0;}

    .box-occasioni .button.occas { width: 100%; margin: 0 auto 1rem;}
    .box-occasioni .button.occas img { height: 25vw;}

    .block-social a { margin: 0 0.5rem 0;}
    
    footer .menu a { min-width: 12rem; margin: 0 2rem 1rem 0;}

    /*.card-blog img { height: 44vw;}*/
    /*section.ultime-storie .card-blog img { height: 39vw;}*/
    
    
    
    .card-risultato.col2 .desc-card{ font-size: 1.2rem; }
    .card-risultato.col2 .btn-acquista{  margin-top: -25px; font-size: 1.3rem;}
}


@media screen and (max-width: 330px) {
    .box-abs-home h1 { font-size: 2.8rem;}
}

@media screen and (max-height: 420px) {
    .box-filtri-resp .right-elimina {position: relative;}
}

@media screen and (max-height: 690px) {
    .box-txt-about.bggreen p {font-size: 1.6rem;}
}

@media screen and (max-width: 690px) {
    .buttons.categorie_sottocategorie{
        display: inline-block !important;
    }

    .buttons.categorie_sottocategorie a{
        padding: 7px 2rem !important;
    }

    .box_categoria_sottocategorie{
        width: 100%; padding: 2% 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .5); border-right: none;
    }

    .box_categoria_sottocategorie:last-of-type {

    }
}


@-webkit-keyframes pulsate {
    0% { 
        transform: scale(0.9);
    }
    50% { 
        transform: scale(1);
    }
    100% { 
        transform: scale(0.9);
    }
}