@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Oswald&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {/* font-size: 62.5%*/ font-size: 10px }
body { font-family: 'Arimo', sans-serif; color: #2B2D2D; font-weight: 300; background-color: #ddd; letter-spacing: 0.4px }
.body { background-color: #fff; max-width: 300rem; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
h1, h2, h3, h4, h5 { letter-spacing: 1px }
a { font-size: 1.6rem; text-decoration: none; color: #333; outline: none }
a:focus, input:focus, textarea:focus, select:focus {outline: none!important }
b { font-weight: 600!important; }
p { line-height: 1.4; font-size: 1.6rem;  }
.container { max-width: 164rem; margin: 0 auto; padding: 0 2%; width: 100%; }
button { letter-spacing: 0.4px; cursor: pointer; background-color: transparent; border: none; font-family: 'Arimo', sans-serif; }
input, textarea, select { letter-spacing: 0.4px ; font-family: 'Arimo', sans-serif; }
.font { font-family: 'Oswald', sans-serif; }
.center { text-align: center; }
.clear { clear: both; }
.flex { display: flex; flex-wrap: wrap; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.fff {color: #fff}
.bggray { background-color: #2B2D2D }
.bgfff { background-color: #fff; }
.bgred { background-color: #D9000D }
.red { color: #D9000D }
.gray { color: #999999 }
.bgeee { background-color: #eee }
.pr { position: relative; z-index: 1 }
.light { font-weight: 400 }

/*TOP BUTTON*/
.div-back-to-top { max-width: 300rem; width: 100%; left: 0; right: 0; bottom: 0; margin: 0 auto; position: fixed;  }
.back-to-top { text-align: center; position: absolute; z-index: 200; bottom: 0.8rem; right: 0.5rem; display: inline-block; border:1px solid #444; padding: 1.5rem 1.2rem 1.4rem; margin: 1em; background-color: #2b2d2d; border-radius: 50%; }
.back-to-top img { width: 2.1rem; }
.back-to-top:hover {cursor: pointer; background-color: #111; }

.cta { letter-spacing: 0.6px; font-size: 1.5rem; transition: 0.5s; text-align: center; padding: 0.6rem 1.5rem}
.ctaa { letter-spacing: 0.6px; font-size: 1.4rem; transition: 0.5s; display: inline-flex; align-items: center;}
.ctaa:hover { padding-left: 1rem }
.cta:hover { box-shadow: 0 3px 20px rgba(0,0,0,0.17) }
.shadow { box-shadow: 0 3px 20px rgba(0,0,0,0.17)}
.shadow2 {box-shadow: 0 5px 15px rgba(0,0,0,0.4);}
.t1 { font-size: 4rem; line-height: 1 }
.t2 { font-size: 2rem; line-height: 1 }

header { position: relative; z-index: 1000 }
header .menu_responsive { position: relative;}
header .bggray .flex { align-items: center; justify-content: space-between; }
header .lang { font-size: 1.5rem }
header .lang span { width: 1px; background-color: #888; margin: 0 2px; height: 1.5rem; vertical-align: middle; display: inline-block; }
header .bggray a { color: #fff }
header .altro a { margin-left: 0.5rem; padding: 0.8rem; display: flex;align-items: center; }
header .altro a img { width: 1.2rem; margin-left: 5px }
header .altro a.bgred { margin-left: 1.5rem; padding: 0.8rem 2rem }
header .header li, header .header a { font-size: 1.6rem }
header .header .flex { justify-content: space-between; align-items: center; }
header .header .menu { display: flex; align-items: center; }
header .header .menu li { margin: 0 1.5rem }
header .header .menu li img { margin-left: 5px }
.search { margin-left: 1.5rem; border-radius: 8rem; justify-content: space-between; border: 1px solid #888; display: flex; align-items: center; padding: 0.7rem 1rem 0.4rem 1.5rem; width: 25rem }
.search form { display: flex; width: 100%; }
.search input { margin-top: -3px; color: #888; font-style: italic; border:none; background-color: transparent; font-size: 1.5rem; width: 100% }
::-webkit-input-placeholder { /* Edge */color: #aaa; font-style: italic; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #aaa; font-style: italic; opacity: 1;}
::placeholder {color: #aaa; font-style: italic; opacity: 1;}
header .header .logo { width: 30rem }
header .header { padding: 2rem 0 }

.sticky { position: fixed; top: 0; width: 100%; max-width: 300rem; margin: 0 auto; right: 0; left: 0; z-index: 1000; background-color: #fff; border-bottom: 2px solid #eee; box-shadow: 0 0 30px rgba(0,0,0,0.4)}
.hidden-sticky { height: 148px; width: 100% }

.redline { width: 100%; height: 2.5rem }

.boxes { padding: 3rem 0; justify-content: space-between; }
.boxes .box { min-height: 40vh; padding: 3rem; margin-bottom: 3rem; position: relative; width: 55%; overflow: hidden; }
.boxes .box .img { width: 50%; position: absolute; bottom: -5%; right: -13%; transform: scale(1.2); }
.boxes .box.bx1 .txt p { width: 60%; max-width: 40rem; margin: 3rem 0 }
.boxes .box .cta, .boxes .box .ctaa { position: absolute; bottom: 3rem; left: 3rem }
.boxes .box.bx2 { width: 43%; padding: 0 }
.boxes .box.bx2 img, .boxes .box.bx3 img { width: 100%; object-fit: cover; height: 100% }
.boxes .box.bx3 { width: 38%; padding: 0 }
.boxes .box.bx4 { width: 15%; padding: 3rem; text-align: center; display: flex; justify-content: center; justify-content: space-between; flex-direction: column; }
.boxes .box.bx4 img { width: 100% }
.boxes .box.bx5 { width: 43%; display: flex; flex-direction: column; justify-content: space-between; }
.boxes .box.bx5 .row { justify-content: space-between; align-items: flex-start; margin-top: 2.5rem }
.boxes .box.bx5 .row .txt { width: calc(100% - 3rem) }
.boxes .box.bx5 .row .txt .font { font-size: 1.7rem; margin: -7px 0 5px }

.quadrado {animation: crescendo 10s;}
@keyframes crescendo {0%   {transform: scale(0.9);}100% {transform: scale(1.2);}}

.evidenza { border-top: 2.5rem solid #D9000D }
.evidenza .font.bgred { display: inline-block; font-size: 2rem; padding: 0.8rem 2rem; margin-top: -1.8rem }
.prodotti .txt { min-height: 14rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; position: relative; z-index: 1; text-align: left; border-bottom: 2px solid #bbb; padding: 1.5rem 0 1rem; background-color: #eee; }
.prodotti .txt .flex { justify-content: space-between; }
.prodotti .txt .flex .price { width: 30%; text-align: right; }
.prodotti .txt .category { font-size: 1.4rem }
.prodotti .txt .flex .title { font-size: 1.6rem; width: 68%; line-height: 1.2;margin-bottom: .6rem; }
.prodotti .splide__slide { overflow: hidden; }
.prodotti .splide__slide img { transition: 1s }
.prodotti .splide__slide:hover img { transform: scale(1.1); opacity: 0.9 }

footer { padding: 5rem 0; }
footer p { line-height: 1.8;}
footer .container.flex { justify-content: space-between; }
footer .social { margin-bottom: 3rem }
footer .social img { margin-right: 1rem }
footer .cl1 { width: 50% }
footer .cls { width: 50% }
footer .cls .cl { width: 27.33%; margin-right: 5% }
footer .cls .cl a { display: block; font-size: 1.5rem; margin-top: 6px }
footer .cls .cl .title { font-size: 1.6rem; margin-bottom: 1.5rem }
.credits .flex { justify-content: space-between; }
.credits p { font-size: 1.4rem; padding: 2rem 0 }

.menuresponsive, .searchimg2, #mySidenav { display: none; }

.prodotti { padding: 6rem 0; width: 100% }
#prodotti { width: 100% }
.prodotti .tito { margin-bottom: 5rem }
#prodotti .splide__arrow[disabled] { opacity: 1;}
#prodotti .splide__pagination { display: block!important; width: 100%!important }
#prodotti .splide__pagination__page { display: none; padding: 0;width: 8px;height: 8px;border-radius: 50%;background: #ddd;margin: 3rem 4px 0;cursor: pointer;display: block;}
#prodotti .splide__pagination__page:focus {outline: none;}
#prodotti .splide__pagination__page.is-active {background: #666;border: 1px solid #666;width: 9px;height: 9px;}
#prodotti .my-arrows {position: absolute; top: 30%; width: 100%; z-index: 10; margin: 0 auto; left: 0; right: 0;}
#prodotti .my-arrows button:focus {outline: none;}
#prodotti .my-prev { display: none; }
#prodotti .my-next { margin-top: 0; padding: 1.2rem 0px 0 2.1rem; border-radius: 3rem 0 0 3rem; background-color: rgba(255,255,255,0.8); box-shadow: 0 3px 6px rgba(0,0,0,0.2); vertical-align: top; position: absolute; right: 0; }
#prodotti .my-next svg { width: 100%}
#prodotti .my-next svg path {fill:#2b2d2d; cursor: pointer; width: 100%}
#prodotti img { width: 100% }

.news { margin: 6rem 0; width: 100% }
#news { width: 100% }
#news .splide__arrow[disabled] { opacity: 1;}
#news .splide__pagination { display: block!important; width: 100%!important }
#news .splide__pagination__page { display: none; padding: 0;width: 8px;height: 8px;border-radius: 50%;background: #ddd;margin: 3rem 4px 0;cursor: pointer;display: block;}
#news .splide__pagination__page:focus {outline: none;}
#news .splide__pagination__page.is-active {background: #666;border: 1px solid #666;width: 9px;height: 9px;}
#news .my-arrows {position: absolute; top: 45%; width: 100%; z-index: 10; margin: 0 auto; left: 0; right: 0;}
#news .my-arrows button:focus {outline: none;}
#news .my-prev { display: none; }
#news .my-next { margin-top: 0; padding: 1.2rem 0px 0 2.1rem; border-radius: 3rem 0 0 3rem; background-color: rgba(255,255,255,0.8); box-shadow: 0 3px 6px rgba(0,0,0,0.2); vertical-align: top; position: absolute; right: 0; }
#news .my-next svg { width: 100%}
#news .my-next svg path {fill:#2b2d2d; cursor: pointer; width: 100%}
#news .img { width: 100% }
#news .txt { position: absolute; bottom: 0; left: 0; padding: 3rem 3.5rem 4rem; width: 55%; min-width: 35rem }
#news .txt .ared { position: absolute; right: 2rem; bottom: 2rem; width: 1.5rem }
#news .txt .title { font-size: 1.6rem; margin-bottom: 1rem }
#news .txt p { font-size: 1.5rem }
#news .splide__slide { display: inline-block; overflow: hidden; background-color: #ddd }

.marchi { border-top: 2px solid #ccc; padding: 6rem 0 2.5rem; }
#marchi { max-width: 90rem; width: 90%; margin: 4rem auto }
#marchi .splide__arrow[disabled] { opacity: 1;}
#marchi .splide__pagination { display: block!important; width: 100%!important }
#marchi .splide__pagination__page { display: none; padding: 0; width: 6rem; height: 5px; border-radius: 0;background: #fff; margin: 4rem 0 0; cursor: pointer;display: block;}
#marchi .splide__pagination__page:focus {outline: none;}
#marchi .splide__pagination__page.is-active {background: #d9000d; width: 6rem; height: 5px; }
#marchi .txt .desc { border-left: 2rem solid #ccc; margin-top: 2rem }
#marchi .txt .desc p, #say .txt .desc li { padding-left: 2rem }
#marchi .txt .font { font-size: 3rem }
#marchi img { width: 100% }

.marchi.static .img { width:19rem; margin:3rem 3rem 0 }
.marchi.static { padding:6rem 0 }

/*pages*/
#dettcate .maintxt { margin-bottom: -3rem; padding-top: 4rem; }
#dettcate .prodotti .box { width: 18%; margin: 1%; overflow: hidden; }
#dettcate .prodotti .box img { width: 100%; transition: 1s; }
#dettcate .prodotti .box:hover img { transform: scale(1.1); opacity: 0.9 }
#dettcate .prodotti .box .title { font-size: 1.6rem }
#dettcate .prodotti .txt { background-color: #eee; position: relative; margin-top: -5px }
.txtpage { margin: 1%; padding: 3rem; border-radius: 2rem; background-color: #fff }
.txtpage .desc { margin-top: 2rem }
.maintxt .t2 { margin-top: 0.6rem }
#dettcate { padding-bottom: 8rem }
#dettcate .open-close-box { position: relative; margin: 0 1%; border-bottom: 1rem solid #ddd; padding: 3rem 0}
#dettcate .open-close-box .btnmore { right: 0; top: 3rem; width: 100%; position: absolute; height: 5rem; cursor: pointer; }
#dettcate .open-close-box img { transition: 1s; width: 3rem; position: absolute; right: 5px; top: 0rem}
#dettcate .open-close-box .text_openred { text-align: left; margin-top: 3rem }
#dettcate .open-close-box .t1 { font-size: 2.2rem; width: calc(100% - 4rem) }
.ared { color: #D9000D; font-style: italic; text-decoration: underline; }
.pagination { justify-content: center; align-self: center; width: 100%; margin: -2rem 0 6rem }
.pagination .number { height: 4rem; width: 4rem; background-color: #fff; margin:5px; display: flex; align-items: center; justify-content: center; }
.pagination .next { background-color: transparent; }
.pagination .next img { width: 1.5rem; margin: 5px; vertical-align: top; margin-top: 1.4rem }
.pagination .number.active { background-color: #D9000D; color: #fff }
.pagination .number.active:hover { background-color: #D9000D; }
.pagination .number:hover { background-color: #ddd }

#dettcate .desc a, #dettcate .text_openred a { color: #D9000D; font-style: italic; text-decoration: underline; }

#slide { width: 50% }
#slide .splide__arrow[disabled] { opacity: 1;}
#slide .splide__pagination { display: block!important; width: 100%!important }
#slide .splide__pagination__page { display: none; padding: 0;width: 8px;height: 8px;border-radius: 50%;background: #ddd;margin: 3rem 4px 0;cursor: pointer;display: block;}
#slide .splide__pagination__page:focus {outline: none;}
#slide .splide__pagination__page.is-active {background: #666;border: 1px solid #666;width: 9px;height: 9px;}
#slide .my-arrows {position: absolute; top: 45%; width: 100%; z-index: 1; margin: 0 auto; left: 0; right: 0;}
#slide .my-arrows button:focus {outline: none;}
#slide .my-prev { display: none; }
#slide .my-next { margin-top: 0; padding: 1.4rem 0px 0.2rem 2.6rem; border-radius: 3rem 0 0 3rem; background-color: #eee; vertical-align: top; position: absolute; right: 0; }
#slide .my-next svg { width: 100%}
#slide .my-next svg path {fill:#2b2d2d; cursor: pointer; width: 100%}
#slide .img { width: 60%; margin-top:10% }
#slide .splide__slide { text-align:center; }
.theproduct .infoprod.resp { display: none; }
.theproduct .infoprod { width: 50%; padding: 5rem }
.theproduct .category { font-size: 1.4rem; margin-bottom: 1.5rem }
.theproduct .t1 { margin-bottom: 1rem }
.theproduct .price { font-size: 3rem; margin-bottom: 2rem }
.theproduct .desc1 { margin-bottom: 2rem }
.theproduct .voce { font-size: 1.4rem; margin-bottom: 2rem }
.theproduct .types { margin-bottom: 2rem }
.theproduct .types img { transition: 0.2s; border: 2px solid transparent; width: 11rem; margin: 0 2rem 2rem 0 }
.theproduct .types img:hover { border: 2px solid #Ddd; }
.theproduct .types .active img { border: 2px solid #D9000D; }
.theproduct .download img { width: 1.2rem }
.theproduct .download { justify-content: space-between; }
.ctab { text-align: center; margin-top: 4rem; padding: 1.6rem; display: inline-block; min-width: 22rem }
.brfff { border: 2px solid #fff; }

.altri { padding: 6.5rem 0 }

.formprodotto { justify-content: space-between; padding: 8rem 20% }
.formprodotto form input, .formprodotto form textarea { border-radius: 0; font-size: 1.4rem; width: 100%; background-color: transparent; padding: 0 0 2rem; margin-bottom: 2rem; border:0; border-bottom: 2px solid #999; color: #eee }
.formprodotto .txt { width: 49%; text-align: right; padding: 0 10% 0 0% }
.formprodotto .txt .title { font-size: 3rem; margin-bottom: 2rem }
.formprodotto form { width: 49% }
.formprodotto ::-webkit-input-placeholder { /* Edge */color: #aaa; font-style: normal; opacity: 1;}
.formprodotto :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #aaa; font-style: normal; opacity: 1;}
.formprodotto ::placeholder {color: #aaa; font-style: normal; opacity: 1;}
.formprodotto .ctab { font-size: 1.5rem }

.breadcrumb { position: absolute; padding: 2px 1rem 3.2px; top: 3rem; left: 3rem; z-index: 1; background-color: #fff; color: #aaa }
.breadcrumb a { font-size: 1.4rem; color: #aaa }
.breadcrumb a:last-child { color: #D9000D }

#page { padding: 5rem 0; }
#page .p2 { margin-top: 1rem }
#page .pdf { justify-content: center; padding: 3rem 0; align-items: flex-end;}
#page .pdf .box { margin: 1.5%; width: 25rem; border-bottom: 1px solid #ccc; padding-bottom: 1.3rem }
#page .pdf .box .img { box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: 0.5s; width: 100%; margin: 0 auto 1rem }
#page .pdf .box .flex { justify-content: space-between; }
#page .pdf .box .flex .title { font-size: 1.6rem; font-weight: lighter; width: calc(100% - 2rem) }
#page .pdf .box .flex img { width: 1rem }
#page .pdf .box:hover .img { box-shadow: 0 0 20px rgba(0,0,0,0.3) }

.newsevidenza { justify-content: space-between; margin: 4rem 0 }
.newsevidenza .box { transition: 2s; width: 49%; overflow: hidden; position: relative; display:flex; justify-content:flex-end; }
.newsevidenza .box .img { width: 60%; transition: 2s; height: 100%; position: absolute; left: 0; object-fit: cover; }
.newsevidenza .box:hover .img { transform: scale(1.1); }
.newsevidenza .box:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2) }
.newsevidenza .box .txt { position: relative; padding: 8rem 4rem; justify-content: center; display: flex; flex-direction: column; height: 100%; width: 40% }
.newsevidenza .box .txt .evid { letter-spacing: 3.5px;}
.newsevidenza .box .txt .title { margin: 2rem 0; font-size:2rem }
.newsevidenza .box .txt img { width: 2rem; position: absolute; right: 2rem; bottom: 2rem }

.allnews .t2 { font-size: 1.8rem; letter-spacing: 3.5px }
.allnews .pagination { margin: 3rem 0 0 }
.allnews .boxnews .box { width: 18%; margin: 4rem 2% 0 0; overflow: hidden; }
.allnews .boxnews .box .img { transition: 2s; width: 100%; }
.allnews .boxnews .box:hover .img { transform: scale(1.1); }
.allnews .boxnews .box .txt { position: relative; padding: 1rem 0; margin-top: -1rem }
.allnews .boxnews .box .txt .title { font-size: 1.8rem; line-height: 1.2; margin: 0.55rem 0 0.4rem }
.allnews .boxnews .box .txt p { font-size: 1.4rem }

.torna { border-radius: 2rem; position: absolute; z-index: 1; transition: 0.4s; border: 2px solid #fff; background-color: #fff; padding: 2px 1rem 3px; text-align: center; display: inline-block;}
.torna:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2) }
.torna img { width: 1.5rem; margin-right: 4px }
.torna a { display: flex; align-items: center; color: #888 }

.bgimg { position: absolute; top: 0; opacity: 0.8; filter: blur(4px); width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hide { overflow: hidden; position: relative; }
.descnews { padding: 4rem; text-align: center; max-width: 80rem; margin: 5rem auto;}
.descnews img { width: 100%; margin: 0 auto }
.descnews .video iframe { width: 100%; height: 25vw }
.descnews, .descnews p, .descnews ol, .descnews ul, .descnews li { font-size:1.6rem; line-height:1.4; color:#888 }
.t1news { max-width: 80rem; line-height: 1.2; margin: 0 auto }
.descnews .txt { margin-top: 3rem }
.descnews .txt p { color: #888 }
.descnews .txt a {color: #D9000D;
font-style: italic;
text-decoration: underline;}
.descnews .txt h1, .descnews .txt h2, .descnews .txt h3, .descnews .txt h4 { font-size: 2rem; color: #888; margin-bottom: 1rem; font-family: 'Oswald', sans-serif; font-weight: lighter; }


.contatti { max-width: 100rem; width: 100%; margin: 0 auto }
.contatti#dettcate a { color: #ddd; display: flex; align-items: center; padding: 5px 0 }
.contatti#dettcate a img { position: relative; width: 1.5rem; margin: 0 5px }
.contatti#dettcate .open-close-box { border-bottom: 2px solid #999; }
.contatti#dettcate .t1 { font-size: 1.6rem  }
.contatti#dettcate .open-close-box .btnmore { top: 2rem }

.maps { margin-bottom: -5.5rem; width: 100%; height: 30vw; filter: saturate(0); }

.maintrabo { position: relative; min-height: 90vh; flex-direction: column; align-items: center; justify-content: center;}
.maintrabo .img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; object-fit: cover; object-position: center; }
.maintrabo .txt { width: 50%; margin-left: 50%; padding: 4rem 5% }
.maintrabo .txt .slogan { letter-spacing: 3.5px }
.maintrabo .txt .t1 { margin: 4rem 0 }
.maintrabo .txt a { margin-top: 3.5rem; display: inline-block; }
.maintrabo .txt a img { width: 3rem }

.maintrabo.reverse .img { left: inherit;right: 0 }
.maintrabo.reverse .txt { width: 50%; margin-left: 0; margin-right: 50%;}

.gallery .img { width: 20% }
.gallery .loghi { width: 20%; justify-content: center; align-items: center; }
.gallery .loghi img { width: 60%; object-fit: contain; }

#marchico .titolo { padding: 4rem 0 }
#marchico .titolo .t1 { letter-spacing: 5px }
#marchico .maintrabo { height: auto; min-height: auto; border-top: 1rem solid #ddd; }
#marchico .maintrabo .t1 { margin: 0 0 2rem }
#marchico .maintrabo .txt { padding: 10rem 5% }
#marchico .maintrabo .img { filter: saturate(0); transition: 2s }
#marchico .maintrabo:hover .img { filter: saturate(1); }
#marchico .maintrabo .brand { position: absolute; left: 1rem; bottom: 2rem; width: 20rem }

.errorpage .big { font-size: 14vw; margin: 3rem 0 4rem }

.ricerca .p2 { font-size: 2rem; }
.ricerca .search { margin-left: 0; border-radius: 0; border: none; border-bottom: 1px solid #888; width: 90%; max-width: 50rem; margin: 5rem auto 2rem; padding: 1rem 0; }
.ricerca .risultati { border-top: 1px solid #ccc; padding: 2rem 0; margin-top: 2rem }
.ricerca .risultati .flex { margin: 2rem 0; }
.ricerca .risultati .flex .box { transition: 0.5s; padding: 3rem; background-color: #fff; width: 23%; margin: 0 2% 3rem 0; border-bottom: 4px solid #D9000D }
.ricerca .risultati .flex .box img { width: 60%; margin: 0 20% 2rem }
.ricerca .risultati .flex .box .titpag { margin-bottom: 1.2rem; font-size: 2rem; }
.ricerca .risultati .flex .box .desc p { font-size: 1.4rem }
.ricerca .risultati .flex .box:hover { box-shadow: 0 0 2rem rgba(0,0,0,0.1) }

/*newcarrello*/
.lishop a { display: flex; align-items: center; }
.lishop img { width: 3.5rem; margin: 0 .5rem 0 0 }

/*login*/
.boxlogin { min-height: 80vh; position: relative; padding: 6rem 0}
.boxlogin .formlogin { transition: all 0.3s ease 0s; max-width: 90rem; width: 100%; background-color: #fff; padding: 3rem; margin: 0 auto; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
.boxlogin h3 { text-align: center; font-size: 1.8rem; font-weight: 600; }
.boxlogin .cta { width: 100% }
.boxlogin .cta:hover { background-color: #d9000d}
.boxlogin input, .modal-modifica-dati input { border-style: solid; border-radius: 0; box-shadow: 0; font-size: 1.4rem; padding: 1rem; border-radius: none; border:1px solid #ccc; width: 100%; margin: 3px 0 1rem }
.tab-group .tab img { width: 2.2rem; vertical-align: top; margin-right: 0.1rem; margin-top: -0.1rem }
.tab-group:after {content: "";display: table;clear: both;}
.tab-group { display: flex; }
.tab-group li { width: 50%; background-color: ; border:1px solid #fff; text-align: center;}
.tab-group li a { width: 100%; display: block; padding: 2rem; font-size: 1.6rem; line-height: 1.2; background-color: #ccc; }
.tab-group li a:hover {background: #d9000d;opacity: 1; color: #fff; }
.tab-group .active a {background: #d9000d; opacity: 1; color: #fff; }
.tab-content > div {display: none;}
.tab-content > div:first-child {display: block;}
.tab-content { margin-top: 3rem }
.tab-content .cta { margin: 3rem auto 0; background-color: #111; display: block; width: 22rem; font-size: 1.8rem; padding: 1.8rem 3rem }

.ecommerce header .bggray .altro { display: none; }
.ecommerce header .bggray { min-height: 3.5rem }
.ecommerce header .header .menu { display: none; }
.ecommerce header .header .flex { justify-content: center; }

footer .clshop img { width: 100%; max-width: 20rem; margin-top: 1rem }

#profilo .title, #storico .title { font-weight: 600; font-size: 3rem }
#profilo { padding: 0rem 0 6rem }
#profilo .box { background-color: #fff; margin-top: 3rem; padding: 2rem; }
#profilo .canc { font-size: 1.1rem; margin-top: 1rem; display: inline-block; border-radius: 0.3rem }
#profilo p { line-height: 1.8 }
#profilo p span { color: #aaa; }
#profilo .titlesmall { padding: 30px 0 10px; }
#profilo .titlesmall:first-child { padding-top: 0 }
#storico { padding-top: 4rem; border-top: 5px dotted #ccc; margin: 0 1% }
.btn-chiudi { padding: 10px 20px; border-radius: 5px; border:none; background-color: #333; color: #fff; margin-top: 20px }
.fancybox-content { border-radius: 5px; background-color: #fff!important;}
.fancybox-navigation .fancybox-button { display: none; }
.modal-modifica-dati .title { font-size: 3rem; margin-bottom: 3rem; font-weight: 600 }
.modal-modifica-dati .cta { margin-top: 1rem; padding: 1rem 2rem }
.storico { margin: 2rem 0 0; }
.storicoordini .ordine { margin-top: 1rem; }
.storicoordini .boxcart { margin: 2rem 2% 0 0; width: 31.33% }
.storicoordini .txtordine { font-size: 1.5rem; border-top: 1px solid #ccc; padding-top: 2rem }
.storicoordini .flexb { display: flex; flex-wrap: wrap; margin-bottom: 4rem }

#step { min-height: 90vh; padding: 8rem 0;  }
#step .container { max-width: 100rem }
#step .steps { align-items: center; justify-content: center; }
#step .steps .circle { position: relative; font-size: 1.2rem; text-align: center; width: 5rem; height: 5rem; border-radius: 50%; border:1px solid #ccc; text-align: center;display: flex; align-items: center; justify-content: center; }
#step .steps .circle.active { background-color: #ff5800; border-color: #ff5800; color: #fff!important }
#step .steps .circle span { position: absolute; color: #444; top: 5.8rem; font-size: 1rem }
#step .steps .span { height: 1px; background-color: #ccc; min-width: 10rem; margin: 0 1rem; }
#step .boxlogin { position: inherit; padding-top: 10rem; min-height: auto }
#step .page { background-color: #fff; justify-content: space-between; align-items: flex-start; padding: 4rem; margin-top: 8rem }
#step .page .boxprice { box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 40% }
#step .page .datisx { width: 53% }
#step .page .datisx .nuovidati .input input { border-radius: 0; margin-bottom: 1rem; width: 100%; font-size: 1.3rem; padding: 0.5rem 0.8rem;border: 1px solid #ccc; border-radius: none; }
#step .page .datisx .nuovidati .input p {font-size: 1.3rem; margin-bottom: 4px }
.save { font-size: 1.3rem; padding: 1rem 2rem; margin-top: 1rem }

#step .modalita { border-top: 1px solid #ccc; margin-top: 1.5rem; padding-top: 1rem; }
#step .modalita img { width: 16rem; margin: 1.5rem 0 }
#step .modalita form { margin-bottom: 2rem }
#step .modalita .p { font-size: 1.4rem; line-height: 1.6; margin-top: 1rem }
#step .modalita .canc { margin-bottom: 1rem }
#step .done img { width: 4rem }
#step .done p { margin: 3rem 0 }

.quantita { text-align: center; background-color: #ddd; padding: 2rem; position: relative; font-size: 2rem }
.quantita img { width: 1rem; position: absolute; background-color: #eee; height: 1rem }

.cartheader { background-color: #eee; justify-content: center; }
.cartheader img { position: relative; }

#profilo .fboxp { justify-content: center; }
#profilo .box { margin: 4rem 1% 0; width: 31.33% }
#profilo .box .containercheck { margin-top: 2rem!important }

.carrellocta { transition: 0.3s; position: absolute; z-index: 1; right: 5rem; background-color: #fff; padding: 1rem; border-radius: 5px; border: 2px solid #d9000d; }
.carrellocta .vai { margin-right: 5px }
.carrellocta a { display: flex; align-items: center; justify-content: center; }
.carrellocta img { width: 3.5rem }
.carrellocta:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3) }

.quantity { width: 7rem; display: flex; min-height: 4rem; border: 1px solid #ccc; margin-right: 1rem;}
.quantity input { border: 1px solid #ccc; background-color: #fff; border-radius: 0; width: 2rem; }
.quantity input.minus, .quantity input.plus { cursor: pointer; color: #2B2D2D }
.quantity .input-text { font-size: 1.6rem; text-align: center; width: 3rem;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; }
.cta_aggiungi { font-size: 1.8rem; padding: 1.4rem 2rem; box-shadow: 1px 2px 2px #bc000b }

.prodotti .cta_aggiungi { z-index: 1; position: relative; font-size: 1.5rem; padding: .8rem 1rem; margin-top: 1rem }

.breadc { padding: 3rem 0; }
.breadc .wd-checkout-steps { justify-content: center; }
.breadc a { color: #fff; }
.breadc img { opacity: 0.7; margin: 0 1rem; height: 2rem }
.breadc li.active { opacity: 1 }
.breadc li { opacity: 0.7; font-size: 1.6rem }
.breadc .steps { justify-content: center; }

.containersmall { max-width: 110rem }

.ordinicar { justify-content: space-between; align-items: flex-start; margin: 6rem 0 }
.ordinicar .tutti { width: calc(100% - 40rem); border-bottom: 1px solid #ccc;}
.ordinicar .riepilogo { padding: 2rem; box-shadow: 0 10px 5px rgba(0,0,0,0.1); width: 35rem; background-color: #eee; position: relative; }
.ordinicar .riepilogo .img { width: 35rem; position: absolute; top: -1.5rem; left: 0; height: 1.8rem; object-position: cover; }
.ordinicar .boxcart { border-top: 1px solid #ccc; justify-content: space-between; }
.ordinicar .boxcart .img { width: 20rem }
.ordinicar .desc { margin: 2rem 0; width: calc(100% - 22rem); position: relative; }
.ordinicar .desc .quantity { position: absolute; top: 0; right: 0; margin: 0 }
.ordinicar .desc .b1 { flex-direction: column; justify-content: space-between; }
.ordinicar .desc .t { margin-bottom: .6rem; font-weight: 400 }
.ordinicar .desc .mc, .ordinicar .desc .price { margin-bottom: .6rem; }
.ordinicar .desc .carat { margin-bottom: .6rem; font-size: 1.4rem }
.ordinicar .desc .carat p { font-size: 1.4rem }

.ordinicar .riepilogo .title { font-size: 2rem; }
.ordinicar .riepilogo .prod { margin: 2rem 0; padding-bottom: 2rem; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items: flex-end; }
.ordinicar .riepilogo .prod .qty { font-size: 1.3rem }
.ordinicar .riepilogo .tot { margin-bottom: 2rem; display: flex; justify-content: space-between; }
.ordinicar .riepilogo .cta_aggiungi { width: 100% }

.ordinicar .riepilogo .payment { padding: 2rem; margin-bottom: 2rem; }
.ordinicar .riepilogo .rd { margin: 1.5rem 0 .5rem }
.ordinicar .riepilogo .rd .minidesc { font-size: 1.4rem; line-height: 1.3; margin-top: .5rem; color: #888 }
.ordinicar .riepilogo .containercheck { margin: 0!important }
.datishop .inputs { justify-content: space-between; }
.datishop input, .datishop textarea { padding: 1rem; font-size: 1.6rem; width: 100%; border-radius: 5px; border: 1px solid #ccc; margin-top: 5px }
.datishop textarea { min-height: 14rem; }
.datishop .input.i50 { width: 49%; margin-bottom: 1rem; }
.datishop .input.i100, .datishop .textarea { width: 100%; margin-bottom: 1rem; }
.newadress { margin: 2rem 0!important }
.dato {
  font-size: 1.4rem;
  margin-top: 5px;
}
.dato span { margin-left: 5px }
.ordinicar.last { justify-content: center; }
.fine .title { font-size: 4rem; line-height: 1.1; margin: 1rem 0; }
.fine img { width: 20rem; margin-bottom: 2rem }

.menushop { border-top: 2px solid #ccc; margin-top: 1rem; padding-top: 1rem;}
.menushop img { height: 2.2rem; margin-right: 1rem }
.menushop a { display: flex!important; align-items: center; }

#storico .ordinicar { margin: 2rem 0; border-bottom: 1px solid #ccc; }
#storico .ordinicar .boxcart { width: 100%; background-color: #fff; }

header .carrellocta { right: 1.5rem; padding: .8rem; top: 6.3rem }
header .carrellocta img { width: 3rem }
header .carrellocta { display: none; }

.login-popup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1099;
	background-color:rgba(0,0,0,0.6);
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease;
}
.login-popup.show{
	visibility:visible;
	opacity: 1;
}
.login-popup .box{
	background-color:#ffffff;
	text-align: center;
	max-width: 750px; width: 90%;
	position: absolute;
	left: 50%;
	top:50%;
	transform:translate(-50%,-50%);
	display: flex;
	flex-wrap: wrap;
	opacity: 0;
	margin-left: 50px;
	transition: all 1s ease;
	min-height: 16rem; justify-content: center; align-items: center;
}
.login-popup.show .box{
	opacity: 1;
	margin-left: 0; border-radius: 1rem;
}

.login-popup .box .logo { width: 14rem; margin-bottom: 2rem; }
.login-popup .box .tit { font-size: 3rem; line-height: 1.3; max-width: 50rem; width: 100%; margin-bottom: 4rem;}
.login-popup .box .href { background-color: #d3010d; border-radius: 2rem; padding: 1rem 2rem; color: #fff; text-decoration: none;}

@keyframes zoomInOut{
	0%,100%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.1);
	}
}
.login-popup .box .form{
	
	padding:40px 30px;
}

.login-popup .box .form .btn{
	width: 100%;
	background-color: #E91E63;
	margin-top:40px;
	height: 45px;
	border:none;
	border-radius: 25px;
	font-size: 15px;
	text-transform: uppercase;
	color:#ffffff;
	cursor: pointer;
}
.login-popup .box .form .btn:focus{
	outline: none;
}

.login-popup .box .form .close{
	position: absolute;
	right: 10px;
	top:0px;
	font-size: 30px;
	cursor: pointer;
}

.truncate {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp, 4);
  -webkit-box-orient: vertical;
  word-break: var(--word-break, "none");
  overflow: hidden;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: var(--align, left);
  --is-single-line: 4 - Clamp(0, Calc(var(--line-clamp) - 4), var(--line-clamp));
}

/*style check box*/
.containercheck { text-align: left;
  margin-top: 3rem; font-size: 1.4rem;
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #eee;
  border-radius: 0rem;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #1d1d1b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.6rem;
  top: 0.2rem;
  width: 0.5rem;
  height: 1rem;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1400px) {
header .header .logo { width: 22rem }
header .header .menu li { margin: 0 1rem }
}

@media (max-width: 1300px) {
.boxes .box.bx1 .txt p { width: 56% }
#dettcate .prodotti .box { width: 23%;}
}

@media (max-width: 1200px) {
header .header .logo { width: 24rem }
html { font-size: 9px }
.menuresponsive { display: block; z-index:999; position: fixed; top: 0; right: 0; padding: 1.15rem 2rem; font-size: 1.4rem }
.menuresponsive p { font-size: 1.4rem }
header .altro, header .header .menu li, .searchimg1, .redline { display: none; }
header .bggray { padding: 1.2rem 0 }
.container { padding: 0 2% }
header .header .flex { justify-content: center; flex-direction: column; }
header .header .menu, .search { width: 100% }
.search { margin: 4rem 0 1rem; border:none; border-bottom: 2px solid #ccc; border-radius: 0; padding: 0 0 1rem }
::-webkit-input-placeholder { /* Edge */color: #aaa; font-style: normal; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #aaa; font-style: normal; opacity: 1;}
::placeholder {color: #aaa; font-style: normal; opacity: 1;}
.search input { font-style: normal; }
.searchimg2 { display: block; }
header.shadow { box-shadow: none }
.boxes .box { width: 100% }
.sticky { position: relative; z-index: 1; box-shadow: none; border-bottom: 0 }
.hidden-sticky { height: 0 }
.boxes .box .img { bottom: -25% }
.boxes .box.bx2, .boxes .box.bx3 { width: 48.5% }
.boxes .box.bx5 { width: 70% }
.boxes .box.bx4 { width: 27% }
.breadcrumb { top: 0 }
.newsevidenza .box .txt, .newsevidenza .box .img { width: 50% }
.allnews .boxnews .box { width: 23% }

/*sidenav*/
.menuresponsive img { width: 3rem }
#mySidenav { display: block; z-index: 1000;}
.sidenav { height: 100%; width: 0; position: fixed; z-index:1; top: 0; right: 0; overflow-x: hidden; transition: 0.5s; }
.sidenav a {text-decoration: none;font-size: 1.6rem; display: block;transition: 0.3s; padding-left: 1.5rem}
.sidenav .closebtn {position: absolute; top: 2rem; right: 0; left: 0; margin: 0 auto; text-align: center;}
.sidenav .logonav { width: 20rem; padding-bottom: 2rem }
.sidenav .flexnav { background-color: rgba(234,234,234,0.95); width: 100%; }
.sidenav .flexnav .bg { margin: 0 auto; padding: 10rem 0; width: 90%; min-height: 100vh; height: 100%; }
.sidenav .flexnav .bg .divblock { color: #fcfcf5; display: block; padding: 2rem 0; font-weight: lighter; }
.sidenav li { width: 100%; text-align: left; padding: 1rem 0 }
.sidenav .log { width: 20rem; margin: 2rem 0 4rem }
.sidenav .cta { top: 4rem!important; left: 4rem!important; right: inherit!important; font-size: 1.4rem  }
.open-close-box { position: relative; margin: 1rem 0 }
.open-close-box li { width: 100%; border-radius: 5rem; }
.open-close-box li a { display: inline-block; color: #fff }
.open-close-box .btnmore { right: 0; top: 0; width: 100%; position: absolute; height: 5rem; cursor: pointer; }
.sidenav .open-close-box img { position: absolute; right: 5px; top: 0.55rem}
.open-close-box .text_open { text-align: left;}
.open-close-box .text_open img { position: relative; width: 1.2rem; margin-right: 5px; right: inherit;top: inherit; }
.open-close-box .text_open a { display: flex; align-items: center; padding-top: 1rem}
.open-close-box .text_open .category { padding-bottom: 2rem; }
.open-close-box .text_open .category .title { font-weight: 600; text-transform: uppercase; }
.open-close-box .text_open .category a { margin-bottom: 5px }
.container.pr { text-align: center; }
.torna { position: relative; margin: 0 auto 4rem }

header .carrellocta { display: block; }
.ecommerce header .carrellocta { display: none; }

.ecommerce header .bggray { height: 2.4rem }
}

@media (max-width: 1024px) {
footer .cls { width: 50% }
footer .cl1 { width: 50% }
#dettprod { background-color: #eee }
#dettcate .prodotti .box { width: 31.33%; margin-bottom: 2rem}
.theproduct .infoprod.resp { display: block; text-align: center; width: 100% }
.category.none, .t1.none, .price.none { display: none; }
#slide { max-width: 60rem; width: 100%; margin: 0 auto; }
.theproduct { display: block; }
.theproduct .infoprod { width: 100%; text-align: center; padding: 5rem 10% }
.theproduct .infoprod.resp { padding: 3rem 0 0 }
.pcolor { justify-content: center; }
.theproduct .download { padding-bottom: 1rem; border-bottom: 2px solid #ccc }
.formprodotto { padding: 8rem 8% }
.breadcrumb { position: relative; text-align: center; background-color: transparent; left: inherit; top: inherit; padding-top: 3rem }
.maintxt { text-align: center; }
.newsevidenza { flex-direction: column; justify-content: center; align-items: center; }
.newsevidenza .box { width: 100%; max-width: 70rem; margin-bottom: 3rem }
.newsevidenza .box .txt { width: 50% }
.allnews { text-align: center; }
.allnews .boxnews .box { width: 31.33%; text-align: left; margin: 4rem 1% 0 }
.descnews .video iframe { height: 35vw }
#marchico .maintrabo .img { filter: saturate(1); }
.ricerca .risultati .flex .box { width: 31.33%; }
.ricerca .risultati .flex .box img { width: 100%; margin: 0 0 2rem}

.ordinicar .tutti { width: 100%; margin-bottom: 5rem }
.ordinicar { justify-content: center; }
.ordinicar .riepilogo { width: 100%; max-width: 35rem }
.ordinicar .riepilogo .img { width: 100%; max-width: 35rem }
}

@media (max-width: 768px) {
main.bgeeem { background-color: #fff; }
.boxes { padding: 0 }
.boxes .box { text-align: center; margin: 0; min-height: auto }
.boxes .box.bx1 .txt p { width: 90%; margin: 3rem auto; max-width: 90% }
.boxes .box .ctaa { position: relative; left: inherit; }
.boxes .box .img { position: relative; bottom: inherit; right: inherit; display: block; margin: 2rem auto 6rem; transform: scale(1); }
.quadrado {animation: crescendo 6s;}
@keyframes crescendo {0%   {transform: scale(0.7);}100% {transform: scale(1);}}
.container { padding: 0 4% }
.boxes .box.bx2 { width: 100% }
.container.cnone { padding: 0 }
.boxes .box .cta { left: inherit; right: 10%; bottom: 43%; box-shadow: 0 0 20px rgba(0,0,0,0.3) }
.boxes .box.bx3 { display: none;}
.boxes .box.bx5 { order: 3; width: 100% }
.boxes .box.bx4 { order: 4; width: 100%; flex-direction: row; }
.boxes .box.bx5 .row img { display: none; }
.boxes .box.bx5 .row .txt { width: 100% }
.boxes .box.bx5 .row { margin-top: 3rem }
.boxes .box.bx4 img { width: 33.33%; object-fit: contain; }
footer .clmob { display: none;}
footer .cl1, footer .cls .cl { width: 100% }
.credits .flex { display: block; }
.credits p { padding: 0; }
.credits{ padding-bottom: 4rem }
.t1 { font-size: 3rem }
#dettcate .open-close-box .t1 { font-size: 2rem }
.formprodotto .txt { text-align: left; width: 100% }
.formprodotto form { width: 100%; margin-top: 6rem }
.descnews .video iframe { height: 48vw }
.contactpage .formprodotto { padding: 8rem 1% }
.contactpage .maintxt { text-align: left; }
.contatti#dettcate .open-close-box .t1 { font-size: 1.6rem }
.maps { height: 40rem }
.maintrabo .img { position: relative; width: 100% }
.maintrabo .txt { width: 100%!important; margin: 0!important; padding: 6rem 2% }
.gallery .img { width: 50% }
.gallery .loghi { width: 100%; padding: 4rem 2rem; justify-content: space-between; }
.gallery .loghi img { width: 30.33% }
#marchico .maintrabo { flex-direction: column-reverse; }
#marchico .maintrabo .img { width: 100%; }
.errorpage.contactpage .maintxt { text-align: center; }
.errorpage .big { font-size: 30vw }

.boxlogin h3 { margin-bottom: 2rem }
#profilo .box { width: 100%; margin: 2rem 0 0 }
#page .carrellocta { right: inherit; position: relative; width: 100%; margin-bottom: 2rem; }

}

@media (max-width: 600px) {
.boxes .box .img { width: 70% }
#news .txt { position: relative; width: 100% }
header .header .logo { width: 22rem; }
.evidenza { border-top: 0; }
.evidenza .font.bgred { display: none; }
.boxes .box.bx1 .txt p { width: 100%; max-width: 100% }
#dettcate .prodotti { justify-content: space-between; }
#dettcate .prodotti .box { width: 48%; margin: 0 0 3rem }
#dettprod { background-color: #fff }
.theproduct .infoprod { text-align: left; padding: 5rem 6% }
.theproduct .infoprod.resp { padding: 2rem 5% 0 }
.pcolor { justify-content: flex-start; }
.theproduct .types img { margin: 0 1rem 1rem 0 }
#slide .my-arrows { top: 76% }
.formprodotto { padding: 5rem 7% }
.altri .t1 { text-align: left; font-size: 2.5rem }
.theproduct .t1 { font-size: 3.5rem }
.theproduct .download { padding-bottom: 0; border-bottom: 0 }
.breadcrumb { padding-top: 0 }
#page .pdf { justify-content: space-between; }
#page .pdf .box { width: 48%; margin: 1% 0 2.5rem }
.allnews .boxnews { justify-content: space-between; }
.allnews .boxnews .box { width: 48%; margin: 4rem 0 0 }
.newsevidenza .box .txt { position: relative; width: 100%; padding: 3rem }
.newsevidenza .box .img { height: auto; }
.newsevidenza .box .txt img { top: 3rem; bottom: inherit; width: 1.5rem }
.ricerca .risultati .flex { justify-content: space-between; }
.ricerca .risultati .flex .box { width: 48%; margin: 0 0 2rem; padding: 2rem }

.newsevidenza .box { flex-wrap: wrap; }
.newsevidenza .box .txt { width:100% }
.newsevidenza .box .img { width:100%; position:relative; }

#storico .ordinicar .desc { padding-left: 1rem }

.ordinicar .boxcart .img { object-fit: contain; width: 20% }
.ordinicar .desc { width: 100%}
.ordinicar .desc .quantity { position: relative; margin-bottom: 1rem }
.ordinicar .boxcart { position: relative; }
.ordinicar .boxcart .img {width: 7rem;
object-fit: contain;
position: absolute;
right: 1rem;
bottom: 9px;}
}

@media (max-width: 380px) {
header .carrellocta {
  right: inherit; left: 0; border-radius: 0;
  padding: .6rem 1rem;
  top: 0;
}
}
.bounce { -webkit-animation: bounce 2s; animation: bounce 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@-webkit-keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
}

@keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }