@charset "UTF-8";

/*
Theme Name: arbi
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

@font-face {
  font-family: 'helvetica-ru';
  src: url('../arbi/font/helvetiica-russo.woff2') format('woff2');
  src: url('../arbi/font/helvetiica-russo.woff') format('woff');
}

@font-face {
  font-family: 'ARBI-sans-serif';
  src: url('../arbi/font/FTAktual-Regular.eot');
  src: url('../arbi/font/FTAktual-Regular.eot?#iefix') format('embedded-opentype'),
       url('../arbi/font/FTAktual-Regular.woff2') format('woff2'), 
       url('../arbi/font/FTAktual-Regular.woff') format('woff');
}
/*.home .video:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: initial;
}
*/
* {
	margin:0;
	padding:0;
	font-family: 'ARBI-sans-serif','helvetica-ru';
	color:#1A1A1A;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration:none;
	box-shadow:none;
	outline:0;
	list-style: none;
	letter-spacing:0.1px;
}
.serif, .serif * {font-family: 'Libre Caslon Text','Libre Caslon Text';}
.font12,.font12 * {font-size:12px;line-height: 13px;}
.font18,.font18 * {font-size:18px; line-height:21px;}
.font21,.font21 * {font-size:21px; line-height:24px;}
.font15,.font15 * {font-size:15px; line-height:18px;}
.font28,.font28 * {font-size:28px; line-height:30px;}
.font32,.font32 * {font-size:32px; line-height:33px;}
.font64,.font64 * {font-size:64px;line-height: 64px;}
div#top-header {
    background: #1A1A1A;
    padding: 12.5px 0;
}

div#top-header * {
    color: white;
}

.center {
    text-align: center;
}

.right-absolute {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}

#menu {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    padding: 18px 0;
    z-index: 15;
    background: white;
    min-height: 24px;
}

.margin {
    margin: 0 30px;
}
.marginb30 {
    margin-bottom: 30px;
}
.prodotto {
    z-index: 1;
}

.prodotto:hover {
    z-index: 2;
}
.menuout .menu-s {
    white-space: nowrap;
    width: 190px;
    overflow: hidden;
    height: 23px;
}
span.composizioni {
    display: inline-block;
    vertical-align: top;
}
.gallery-composizione .img-gallery img,.product-menu-p img,.lancio img {
    transition: opacity 0.6s ease;
}
.gallery-composizione .img-gallery {
    cursor: pointer;
}

.gallery-composizione .img-gallery:hover img,.product-menu-p:hover img,.lancio:hover img {
    opacity: 0.7;
}
.lancio:hover .button {
	background:black;
	color:white;
}
.right-absolute a,.product-menu-p .font18 {
    transition: color 0.6s ease;
}

.product-menu-p:hover .font18 {
    color: white;
}
.menuout .menu-s * {
    white-space: nowrap;
}
.prev-p img {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    transform: rotate(180deg);
}
body .gallery-composizione .flickity-prev-next-button {
    bottom: 0;
}
.prev-p {
    position: absolute;
    pointer-events: none;
    z-index: 5;
    color:white;
    white-space: nowrap;
    display:none;
    mix-blend-mode: difference;
}
.gallery-cc {
    position: relative;
}
.next-p img {
    width: 30px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.next-p {
    position: absolute;
    pointer-events: none;
    color:white;
    z-index: 5;
    white-space: nowrap;
    display:none;
    mix-blend-mode: difference;
}
.xsmall .immagine-lancio {
    height: 10vw;
}

.xsmall.sizorizz {
    grid-column: auto / span 2;
}
.piccolo {
    grid-column: auto / span 2;
}
.input-field.obbligatorio input {
    background: rgb(255 0 0 / 30%) !important;
}
.select-fake {
    position: relative;
    z-index: 2;
}
.open.input-field {
    background: #C6C6C5;
}
.open .select-body {
    opacity: 1;
    pointer-events: all;
}

.select-value {
    cursor: pointer;
    margin-bottom: 6px;
    transition: color .5s ease;
}

.select-value:hover {
    color: #C6C6C5;
}
.overlay {
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    z-index: 1000000;
    background: white;
    max-width: 660px;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    transition: opacity 0.5s ease;
    opacity: 0;
    pointer-events: none;
}

.overlay .newsletter-container input[type="submit"] {
    margin-top: 23px;
    margin-right: 20px;
}

.overlay .input-field input[name="campo1"],.overlay .input-field input[name="email"] {
    text-indent: 20px;
}
.radio.red * {
    color: red;
}
.padding-newsletter {
    padding: 20px;
    padding-bottom: 15px;
}

.close-newsletter {
    position: absolute;
    right: 15px;
    top: 10px;
}

.overlay .i-dati-c {
    padding-left: 20px;
    padding-bottom: 20px;
}

.overlay.show {
    opacity: 1;
    pointer-events: all;
}
.newsletter-out {
    cursor: pointer;
}
.grid-products-p.hidden {
    opacity: 0;
}
	div#menu-mobile {display:none;}
	
	
	div#ricerca {
	    position: absolute;
	    top: 60px;
	    background: white;
	    left: 0;
	    right: 0;
	    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    pointer-events: none;
	    transition: all 0.5s ease;
	    transform: translate(0,-100%);
	    opacity: 0;
	}

	.inner-ricerca {
	    position: relative;
	    padding: 20.5px 30px;
	    background: white;
	    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    z-index: 2;
	}

	.close-cerca {
	    position: absolute;
	    right: 30px;
	    top: 12px;
	    width: 30px;
	    height: 30px;
	}
	img.search {
	    transition: opacity 0.5s ease;
	    cursor: pointer;
	}

	.searchout img.search, img.search:hover {
	    opacity: 0.5;
	}
	input#ricerca-i {
	    margin-left: 10px;
	    border: 0;
	    background: none;
	    width: calc(100% - 300px);
	}

	.searchout div#ricerca {
	    transform: translate(0,0);
	    opacity: 1;
	    pointer-events: all;
	}
	.inner-ricerca-container {
	    background: #ECECEC;
	    left: 0;
	    right: 0;
	    transition: all 0.5s ease;
	    opacity: 0;
	    min-height: calc(100vh - 120px);
	    pointer-events: none;
	    position: absolute;
	    top: 60px;
	    overflow: auto;
	    max-height: calc(100vh - 120px);
	}

	.searchout .inner-ricerca-container.show {
	    opacity: 1;
	    pointer-events: all;
	}
	.inner-risultati-ricerca {
	    position: relative;
	    padding: 20.5px 30px;
	    background: white;
	    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	}

	.block-ricerca {
	    padding: 13px 30px;
	    border-bottom: 1px solid white;
	}

	.title-ricerca {
	    margin-bottom: 10px;
	}
	.label-cerca,.title-cerca {
	    display: inline-block;
	}

	.label-cerca {
	    width: 150px;
	}

	.journal-cerca .prodotto {
	    border-top: 1px solid white;
	    padding-top: 8px;
	    padding-bottom: 8px;
	}
	div#language-selector {
	    position: absolute;
	    top: 60px;
	    right: 0;
	    min-width: 183px;
	    background: #DADAD9;
	    transition: transform 0.5s ease, opacity 0.4s ease;
	    opacity: 0;
	    pointer-events: none;
	}

	a.block-link {
	    display: block;
	    border-bottom: 1px solid white;
	    padding: 5px 0 5px 30px;
	    color: white;
	    transition: color 0.5s ease;
	}

	a.block-link:hover {
	    color: black;
	}
	.language-button {cursor:pointer;}
	.showlanguage .mini-button.language-button {background:black; color:white;}
	.showlanguage div#language-selector {
	    opacity: 1;
	    pointer-events: all;
	}
	div#cookie * {
	    font-size: 15px;
	    line-height: 18px;
	    color: black;
	}

	#cookie .margin {
	    width: 60%;
	}

	#cookie .close {
	    top: 12px;
	    right: 25px;
	}
	div#cookie.remove {
	    transform: translate(0,-100%);
	    opacity: 0;
	    pointer-events: none;
	}
	.filtri.no-filtri {
	    position: relative;
	    top: 0;
	    padding-top: 1px;
	    padding-bottom: 10px;
	}
	.contatti-form .input-field.obbligatorio input {
	    background: none !important;
	}

	.contatti-form .input-field.obbligatorio {
	    background: rgb(255 0 0 / 30%) !important;
	}
	.radio.obbligatorio * {
	    color: red;
	}
	.contatti-form textarea {
	    background: none;
	}
	.form-message {
	    margin: 15px;
	    margin-top: 0;
	    color: green;
	    display: none;
	}
	.green-r {
		color: green;
	}

	.showMessage .form-message {
	    display: block;
	}
	.language-button {
	    text-transform: uppercase;
	}
	.catalogo img,.grid-width-s img {
	    transition: opacity 0.5s ease;
	}

	.catalogo:hover img,.grid-width-s:hover img {
	    opacity: 0.7;
	}

	.catalogo-nome {
	    transition: color 0.5s ease;
	}

	.catalogo:hover .catalogo-nome,.grid-width-s:hover .catalogo-nome {
	    color: #C6C6C5;
	}

	.removeBar .vjs-control-bar {
    display: none !important;
	}
	.home .vjs-control-bar {
    display: none !important;
	}
	.b-video_lancio .vjs-control-bar {
    display: none !important;
	}
	.error-404 {
	    max-width: 700px;
	    min-height: calc(100vh - 490px);
	}
	.nosend input[type="submit"] {
	    opacity: 0.4;
	    cursor: not-allowed;
	    pointer-events: none;
	}
	.onlymobile {
	    display: none;
	}
	
	html:not(.safari) .animateview {
	    opacity: 0;
	    -webkit-transition: transform 1s, opacity 1s;
	    transition: transform 1s, opacity 1s;
	    -o-transition: transform 1s, opacity 1s;
	    -ms-transition: transform 1s, opacity 1s;
	    -moz-transition: transform 1s, opacity 1s;
	    transition-delay: 0.1s;
	    -webkit-transition-delay: 0.1s;
	    transform: matrix3d(1, 0, 0, 0, 0, 1, 0.208378, 0, 0, -0.173648, 0.984808, 0, 0, 20, 0, 1);
	}
	html:not(.safari) .visibile.animateview {
	    opacity: 1;
	    transform: matrix(1, 0, 0, 1, 0, 0);
	    transform-origin: 50% 50% 0px;
	}
	
	
	.safari .animateview {
	    opacity: 0;
	    -webkit-transition: transform 1s, opacity 1s;
	    transition: transform 1s, opacity 1s;
	    -o-transition: transform 1s, opacity 1s;
	    -ms-transition: transform 1s, opacity 1s;
	    -moz-transition: transform 1s, opacity 1s;
	    transition-delay: 0.1s;
	    -webkit-transition-delay: 0.1s;
	}
	.safari .visibile.animateview {
	    opacity: 1;
	}
	
	.page-template-registrazione-area-riservata div#content {
	    padding-top: 60px;
	}


	.page-template-registrazione-area-riservata .contact-left {
	    padding-top: 30px;
	}

	.page-template-registrazione-area-riservata {
	    background: #333333;
	}

	.page-template-registrazione-area-riservata footer#colophon {
	    background: white;
	    margin-top: 0;
	    padding-top: 60px;
	}

	.page-template-registrazione-area-riservata div#content * {
	    color: white;
	}

	.page-template-registrazione-area-riservata #content .modulo .input-field input {
	    background: #333;
	    color: white;
			padding-bottom:30px;
	}

	.page-template-registrazione-area-riservata #content .input-field {
	    border-color: white;
	}
	.page-template-registrazione-area-riservata #content ::placeholder {
	  color: white;
	  opacity: 1; 
	}
	.inner-select-change {
		padding: 10px 15px;
	}
	.select-change {
	    display: inline-block;
	    padding: 15px 70px;
	    border-radius: 30px;
	    background: none;
	    transition: all 0.6s ease;
	    cursor: pointer;
	    margin-top: 20px;
	    margin-bottom: 40px;
	    cursor: pointer;
	    margin-right: 10px;
	    background: #4D4D4D;
	}

	.page-template-registrazione-area-riservata #content :-ms-input-placeholder { 
	  color: white;
	}

	.page-template-registrazione-area-riservata #content ::-ms-input-placeholder {
	  color: white;
	}
	.select-change:hover,.select-change.active {
	    background: white;
	    color: #333 !important;
	}

	input.hidden {
	    display: none !important;
	}

	.page-template-registrazione-area-riservata #content input[type="submit"]:hover {
	    background: white;
	    color: #333 !important;
	}
	.type-zip .extension {
	    top: 6px;
	}
	.page-template-registrazione-area-riservata .form-message {
	    display: block;
	    border-top: 1px solid white;
	    margin-left: 0;
	    padding-left: 15px;
	    padding-top: 15px;
	    padding-bottom: 100px;
	    margin-right: 0;
	    padding-right: 15px;
	    pointer-events: none;
	}

	.page-template-registrazione-area-riservata #content .button:hover {
	    background: white;
	    color: black;
	}

	.page-template-registrazione-area-riservata .form-message * {
	    transition: all 0.5s ease;
	    opacity: 0;
	}
	.page-template-registrazione-area-riservata .showMessage .form-message {
		pointer-events:all;
	}
	.page-template-registrazione-area-riservata .showMessage .form-message * {
	    opacity: 1;
	}
	p.login-username label {
	    display: none;
	}

	p.login-password label {
	    display: none;
	}
	.area-download-riservata {
	    margin-top: -15px;
	}

	.area-download-riservata .contact-left {
	    padding-top: 20px;
	}

	input#user_login {
	    padding-left: 10px;
	    padding-bottom: 30px;
	}

	input#user_pass {
	    border-top: 1px solid black;
	    padding-left: 10px;
	    padding-bottom: 30px;
	    border-bottom: 1px solid black;
	}

	input#wp-submit {
	    display: inline-block;
	    padding: 15px 50px;
	    border: 1px solid;
	    border-radius: 30px;
	    background: none;
	    transition: all 0.6s ease;
	    cursor: pointer;
	    margin-left: 10px;
	    margin-top: 10px;
	    background: black;
	    color: white;
	    height: auto;
	}
	.red {
	    color: red;
	}
	.form-lr.input-field {
	    position: relative;
	}
	.red.error-login {
	    position: absolute;
	    bottom: 40px;
	    right: 10px;
	}
	.reset-password {
	    padding: 10px;
	    border-top: 1px solid black;
	    margin-top: 40px;
	}

	a.button.modifica-pw {
	    min-width: 180px;
	    text-align: center;
	    background: #EDEDED;
	    border-color: #EDEDED;
	}

	a.button.modifica-pw:hover {
	    background: black;
	}
	
	.modulo-step2 .input-field {
	    border-left: 0;
	}
	.modulo.modulo-step2 {
	    display: none;
	}
	.modulo-step2 .input-field {
	    border-left: 0;
	}

	.modulo.modulo-step2 {
	    display: n;
	}

	.modulo.modulo-step2 {
	    display: none;
	}

	.page-template-reset-password .form-message {
	    display: block;
	}

	.form-message .hidden {
	    display: none;
	}
	
	.page-template-reset-password .input-field.obbligatorio {
	    background: rgb(255 0 0 / 30%) !important;
	}

	.page-template-reset-password .input-field.obbligatorio input {
	    background: none !important;
	}
	.page-template-reset-password .modulo input[type="submit"]{
		margin-top:20px;
	}
	.step2-reset .modulo.modulo-step1 {
	    display: none;
	}

	.step2-reset .modulo.modulo-step2 {
	    display: block;
	    border-top: 0;
	}

	.page-template-reset-password .moduli-contatto {
	    margin-top: -15px;
	}
	.page-template-registrazione-area-riservata .select-body {
	    height: 48px;
	    left: -16px;
	}

	.page-template-registrazione-area-riservata .search-select {top: -132px;left: -16px;}
	.registrazione-form .search-select {
	    background: #333;
	}
	.iubenda-cs-container * {
	    color: white;
	}

	button.iubenda-cs-customize-btn {
	    color: black;
	}
@media all and (max-width:1920px) {
	.margin {
	    margin: 0 30px;
	}
	
	.menuoutMobile .burger.burger1 {
	    transform: rotate(45deg);
	    top: 10px;
	}

	.menuoutMobile .burger.burger3 {
	    top: 10px;
	    transform: rotate(-45deg);
	}

	.menuoutMobile .burger.burger2 {
	    width: 0;
	    opacity: 0;
	}
	.menuout .menu-s {
	    height: 19px;
	}
	.font21, .font21 * {
	    font-size: 17px;
	    line-height: 19px;
	}
	.font28, .font28 * {
	    font-size: 25px;
	    line-height: 27px;
	}
	.menu-s {
	    margin-top: 3px;
	}
	.font32, .font32 * {
	    font-size: 28px;
	    line-height: 29px;
	}
	.font64, .font64 * {
	    font-size: 54px;
	    line-height: 54px;
	}
	.font15, .font15 * {
	    font-size: 12px;
	    line-height: 13px;
	}
	.font18, .font18 * {
	    font-size: 16px;
	    line-height: 17px;
	}
}

.clear {
    clear: both;
}

.left {
    float: left;
}

ul li {
    float: left;
    margin-right: 10px;
}

.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.right {
    float: right;
}

.mini-button {
    display: inline-block;
    background: #ECECEC;
    padding: 2px 10px;
    border-radius: 20px;
    transition: all 0.6s ease;
    padding-bottom: 3px;
}

ul.right li {
    margin-right: 0;
    margin-left: 10px;
}

.relative {
    position: relative;
}

div#cookie {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #ECECEC;
    padding: 12px 0;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 35%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 35%);
    z-index: -1;
    transition: all 0.5s ease;
}
img {
    display: block;
    width: 100%;
    height: auto;
}

div#logo img {
    width: 62px;
    height: auto;
}

div#cookie a {
}

.col60 {
    width: 60%;
}

.grid6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-row-gap: 50px;
    grid-column-gap: 15px;
}

.col-footer p {
    margin-bottom: 18px;
}

.col-footer p:last-of-type {
    margin-bottom: 0;
}

input[type="submit"],.button {
    display: inline-block;
    padding: 15px 50px;
    border: 1px solid;
    border-radius: 30px;
    background:none;
    transition: all 0.6s ease;
		cursor:pointer;
}
a.social {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}
.span4 {
    grid-column: auto / 4 span;
}

.span2 {
    grid-column: auto / 2 span;
}

.margintm5 {
    margin-top: -13px;
}
footer#colophon {
    margin-top: 60px;
    padding-bottom: 30px;
}
.close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.close:before {content: '';width: 30px;height: 1px;background: #1A1A1A;position: absolute;top: 14px;left: 0;transform: rotate(45deg);}

.close:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #1A1A1A;
    position: absolute;
    top: 14px;
    left: 0;
    transform: rotate(
-45deg
);
}
.marginb18 {
    margin-bottom: 18px;
}

.col40 {
    width: 40%;
}

.col5-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.input-field input {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: 30px;
    padding-bottom: 30px;
}
.leftb {
    border-left: 1px solid;
    padding-left: 15px;
}

span.arrow-select {
    margin-left: 10px;
}
.input-field {
    border-top: 1px solid #1A1A1A;
    transition: background 0.5s ease;
}
.grid2 {grid-column: auto / 2 span;}
.grid3 {grid-column: auto / 3 span;}

.title-select {
    cursor: pointer;
    transition: all 0.5s ease;
    height: 20px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.search-select {position: absolute;top: -146px;height: 50px;left: -11px;right: 0;height: 50px;background: #EBEBE8;border: 1px solid black;transition: opacity 0.5s ease;opacity: 0;pointer-events: none;}
.search-select input {height: 50px;text-indent: 10px;}
.open .search-select {opacity: 1;pointer-events: all;}
.brown-title span.text-select-f {}
.open span.arrow-select {transform: rotate(180deg);}
.select-body {
    position: absolute;
    bottom: 60px;
    left: -11px;
    right: 0;
    background: white;
    padding: 15px 10px;
    height: 62px;
    overflow: auto;
    border: 1px solid;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
}
.border {
    border-top: 1px solid;
    padding-top: 60px;
}
.single-image {
    width: 100%;
    height: auto;
}
input[type="submit"] {
    width: 40%;
}

.i-dati-c {
    width: 50%;
}

.newsletter-container input[type="submit"] {
    margin-top: 30px;
}
.radio-span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    margin-right: 10px;
}

.radio-span input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}
.gallery-container {
    position: relative;
}
.right-absolute a {
    margin-left: 10px;
}

.img-gallery {
    padding: 15px;
    /*    height: calc(100vh - 120px);*/
    height:auto;
    /*    max-height: 900px;*/
    padding-top: 0;
}
.img-gallery img {
    height: auto;
    width: 100%;
}

.fade.is-selected {
    opacity: 1;
    z-index: 0;
}

.fade {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.9s ease-in-out;
    z-index: -1;
    width: 100%;
}

.fade-slider .flickity-slider {
    transform: none !important;
}

.flickity-prev-next-button {
    width: 30%;
    bottom: 55px;
}
body .flickity-prev-next-button {
    position: absolute;
    top: 10px;
    bottom: 50px;
    width: 30%;
    border-radius: 0;
    transform: none;
    width: 30%;
    height: auto;
    outline: 0 !important;
    -webkit-appearance: none;
    background: none !important;
    /* cursor: url(../arbi/img/next.svg) 4 12,pointer !important; */
    cursor: none !important;
}
body button.flickity-button.flickity-prev-next-button.previous {
    top: 0px;
    /* cursor: url(../arbi/img/prev.svg) 4 12,pointer !important; */
}
.scroll-down {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%,0);
}

.scroll-down img {
    width: 40px;
    cursor: pointer;
}
button.flickity-button {
    opacity: 0 !important;
}
body .flickity-prev-next-button {
    width: 50%;
    bottom: 55px;
}

::placeholder {
  color: #1A1A1A;
  opacity: 1; 
}

:-ms-input-placeholder { 
  color: #1A1A1A;
}

::-ms-input-placeholder {
  color: #1A1A1A;
}
.numbers {
    margin-top: 10px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.marginb60 {
    padding-bottom: 60px;
}
.marginb90 {
    padding-bottom: 90px;
}

.margint30 {
	margin-top:30px;
}

.grid-2col {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 15px;
}
input[type="submit"]:hover, .button:hover {
    background: #1A1A1A;
    color: white;
    border-color: #1A1A1A;
}
.grid6-col {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 15px;
}
.play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 0.6s ease;
    pointer-events: none;
}

.play-video img {
    width: 90px;
    height: auto;
    display: block;
}
a.full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
		z-index:1;
}
.video video {
    width: 100%;
    height: auto;
}

.block.b-video {
    padding: 0 15px;
}
.grande {
    grid-column: auto / 6 span;
}

.marginb5 {
    margin-bottom: 5px;
}
.video {cursor:pointer;}
.borderb {
    border-top: 1px solid;
    padding-top: 4px;
    padding-bottom: 6px;
}

.medio {
    grid-column: auto / 4 span;
}
.video-play .play-video {
    opacity: 0;
}
div#menu-container {
    position: absolute;
    top: 0;
    background: white;
    height: 100vh;
    width: 25%;
    z-index: 17;
    transition: all 0.6s ease;
    transform: translate(-105%,0);
    pointer-events: none;
}

.menu1 {
    padding-left: 30px;
}

.menu1 li {
    float: none;
    margin: 0;
}

.menu1 {
    padding-top: 80px;
    transition: all 0.4s 0.2s ease;
    transform: translate(-100%,0);
    opacity: 0;
}
li.cat-open {
    cursor: pointer;
}
.close-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    z-index: 10;
}
.menu-prodotti,.menu-categorie {
    visibility: hidden;
    height: 0;
    transition: opacity 0.6s ease;
    opacity: 0;
    overflow: hidden;
}

.categorie-out .menu-categorie,.prodotti-out .menu-prodotti {
    visibility: visible;
    height: auto;
    opacity: 1;
}
.col-comp a:hover,.menu1 li.cat-open.active, .menu1 li.cat-open:hover, .menu1 li a:hover, .menu-s li:hover, .menu-s a:hover,.menu-s a.attivo, .menu-s li.attivo {
    color: #C6C6C5;
}

.col-comp a,li.cat-open-2-prod a,.menu1 li.cat-open, .menu1 li a,.menu-s li,.menu-s li a {
    transition: color 0.6s ease;
}
.close-menu .close {
    top: 16px;
    right: 30px;
}
.menu1 ul li.cat-open.nomargin-top {
    margin-top: 0;
}
.menu1 ul li:last-of-type {
    margin-top: 27px;
}
.background-close {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 16;opacity: 0;transition: opacity 0.6s ease;pointer-events: none;cursor: pointer;}
.marginb50 {margin-bottom:50px;}
.menuout .background-close {
    opacity: 1;
    pointer-events: all;
}

.menuout div#menu-container {
    transform: translate(0,0);
    pointer-events: all;
}

.menuout .menu1 {
    opacity: 1;
    transform: translate(0,0);
}
.menu-s {
    z-index: 20;
    position: relative;
}
li.hide-out {
    transition: color 0.6s ease,opacity 0.4s 0.3s ease;
    cursor: pointer;
}

.menuout li.hide-out {
    transition: opacity 0s ease;
    opacity: 0;
    pointer-events:none;
}
header#menu.second-menu #menu-container {
    width: 50%;
}
li.cat-open-2,li.cat-open-2-prod {
    float: none;
    cursor: pointer;
    transition: all 0.6s ease;
    transform: translate(25px,0);
    opacity: 0;
}
.menu2 li a:hover,li.last-li a:hover, li.cat-open-2:hover,li.cat-open-2-prod:hover, li.cat-open-2.active {
    color: white;
}
.menu2 {
    position: absolute;
    top: 60px;
    left: 25vw;
    padding-top: 20px;
    bottom: 0;
    width: calc(25vw - 15px);
    background: #ECECEC;
    padding-left: 15px;
    pointer-events: none;
    opacity: 0;
}
.second-menu .menu2 {
    opacity: 1;
    pointer-events: all;
}

.menu2 ul {
    position: absolute;
    top: 38px;
    left: 15px;
    pointer-events: none;
    opacity: 0;
}

.menu2 ul.active {
    opacity: 1;
    transform: translate(0,0);
    pointer-events: all;
}
li.cat-open-2-prod.show,li.cat-open-2.show,.last-li.show {
    opacity: 1;
    transform: translate(0,0);
}
header#menu.third-menu #menu-container {
    width: 100%;
}
.piccolo .immagine-lancio,.medio .immagine-lancio {
    height: 20vw;
}

.immagine-lancio img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.third-menu .menu3 {opacity: 1;pointer-events: all;}

.menu3 {
    width: calc(50vw - 30px);
    left: calc(50vw + 1px);
    position: absolute;
    top: 60px;
    bottom: 0;
    background: #ECECEC;
    opacity: 0;
    padding: 20px 15px 0 15px;
    pointer-events: none;
		overflow:auto;
}
.product-show {
}

.product-show.colonne2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.product-show.colonne3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.product-show {
    padding: 10px 0;
}

.product-menu-p {
    transition: all 0.6s ease;
    transform: translate(0,30px);
    opacity: 0;
}
.download-row {
    border-top: 1px solid;
    padding-top: 12px;
    padding-bottom: 13px;
}
html[lang="ru-RU"] .info-tecniche-inn span.left-label {
    width: 250px;
}
span.left-label {
    display: inline-block;
    width: 100px;
    position: relative;
}
.product-menu-p.show {
    opacity: 1;
    transform: translate(0,0);
}
.menuout .menu2 {transition: opacity 0.6s 0.5s ease;}

.menuout .menu3 {
    transition: opacity 0.6s 0.5s ease;
}
.galleria_2_colonne {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.galleria_2_colonne .img-gallery {
    padding: 0;
    height: auto;
    max-height: initial;
}

.galleria_2_colonne .carousel {
    width: 100%;
}

.galleria_2_colonne .img-gallery img {
    height: auto;
    display: block;
    object-fit: initial;
}

.sub-menu-line {
    position: absolute;
    top: 60px;
    background: white;
    z-index: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    transition: all 0.6s ease;
    transform: translate(0,-110%);
    opacity: 0;
		pointer-events:none;
}

.sub-menu-line a {
    padding: 19.5px 0;
    display: block;
    text-align: center;
}

.sub-menu-line ul {
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.sub-menu-line li {
    float: none;
    display: table-cell;
    margin-right: 0;
    vertical-align: middle;
    border-right: 1px solid #C6C6C5;
}

.sub-menu-line li:last-of-type {
    border-right: 0;
}
.sub-menu-line a {
    transition: all 0.6s ease;
}

.sub-menu-line a:hover {
    background: #1A1A1A;
    color: white;
}
#menu:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);pointer-events: none;z-index: 1;background: white;}
.bottoni {
    text-align: right;
}

.bottoni a.button {
    margin-left: 5px;
}
#menu ul.right {
    position: relative;
    z-index: 2;
    margin-top: 3px;
}
.sub-menu-line.attivo {
    opacity: 1;
		pointer-events:all;
    transform: translate(0,0);
}
a.mini-button:hover,.mini-button:hover {
    background: #1A1A1A;
    color: white;
}
.grid2-col {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    transition: opacity 0.3s ease;
}
.grid5-col {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.span3 {
    grid-column: auto / span 3;
}

.end {
    align-self: end;
}
.grid3-col {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 15px;
}

.s-showroom {
    border-top: 1px solid #C6C6C5;
    padding-top: 30px;
    margin-bottom: 60px;
}
.col-cont h3 {
    font-family: 'ARBI-sans-serif';
    font-weight: normal;
    margin-bottom: 24px;
}

.col-cont pre {
    font-size: 15px;
    margin-bottom: 24px;
    margin-top: 10px;
}
.contacts .img-gallery img {
    height: 100%;
}

.contacts .img-gallery {
    padding-bottom: 0;
}

.contact-col2 .grid3-col {
    padding-top: 30px;
}

.moduli-contatto {
    border-left: 1px solid;
    width: calc(50% - 1px);
    float: right;
}

.contact-left {
    width: 50%;
    position: sticky;
    top: 60px;
}
.contact-col2 {
    border-bottom: 1px solid;
}

.modulo .grid3-col {
    grid-column-gap: 0;
}

.modulo .input-field input{
    height: 30px;
    padding-bottom: 90px;
}

textarea {
    border: 0;
    resize: none;
    padding: 10px 15px;
    height: 210px;
    width: calc(100% - 30px);
}

.modulo .border {
    padding-top: 15px;
}

.modulo .i-dati-c {
    width: auto;
    padding: 0 15px;
    margin-bottom: 60px;
}

.modulo input[type="submit"] {
    margin-left: 15px;
    margin-bottom: 25px;
}
.titolo-modulo {
    padding: 30px 15px 20px 15px;
}
h1,h2,h3 {
    font-weight: normal;
}
.contact-col2 .modulo .grid3-col {
    padding-top: 0;
}

.modulo:first-of-type {
    border-top: 0;
}

.modulo {
    border-top: 1px solid;
}
div#top-header .right-absolute a:hover,.prodotto-correlato:hover .font18,.visualizza-come div:hover,.lancio:hover .hover-text *,.lancio:hover .hover-text,.prodotto:hover .hover-text {
    color: #C6C6C5;
}
.prodotto:hover .mouse-follow {
    opacity: 1;
}

.socials a,.prodotto img,.prodotto-correlato img {
    transition: opacity 0.6s ease;
}
.hover-text,.hover-text p,.visualizza-come div,.prodotto-correlato .font18 {
    transition: color 0.6s ease;
}
.socials a:hover, .prodotto:hover img,.prodotto-correlato:hover img {
    opacity: 0.7;
}
.carousel ol.flickity-page-dots {
    display: none;
}
.modulo .input-field:nth-child(3n + 1) {
    border-left: 0;
}
.mouse-follow {
    position: absolute;
    color: white;
    background: #1A1A1A;
    padding: 8px 20px 20px 10px;
    border-radius: 8px;
		white-space:nowrap;
    min-width: 100px;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
}



div#iubenda-cs-banner {background: #1d1d1b;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000000;padding: 25px;border-radius: 20px;-webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);}
.iubenda-cs-container a {text-decoration: underline;}
.iubenda-cs-opt-group {margin-top: 20px;display: flex;justify-content: space-between;}
button.iubenda-cs-customize-btn {background: white;border: 0 !important;padding: 8px 20px 9px 20px;border-radius: 20px;appearance: none;outline: 0;box-shadow: none;transition: all 0.5s ease;cursor: pointer;}
button.iubenda-cs-reject-btn.iubenda-cs-btn-primary {background: none;border: 1px solid !important;padding: 8px 20px 9px 20px;border-radius: 20px;appearance: none;outline: 0;box-shadow: none;color: white;transition: all 0.5s ease;cursor: pointer;height: auto;display: inline-block;appearance: none;}
button.iubenda-cs-accept-btn.iubenda-cs-btn-primary {background: none;border: 1px solid !important;padding: 8px 20px 9px 20px;border-radius: 20px;appearance: none;outline: 0;box-shadow: none;color: white;margin-left: 10px;cursor: pointer;transition: all 0.5s ease;}
button.iubenda-cs-reject-btn.iubenda-cs-btn-primary:hover {background: white;color: #1A1A1A;}
button.iubenda-cs-accept-btn.iubenda-cs-btn-primary:hover {background: white;color: #1A1A1A;}
span.gray {
    color: #C6C6C5;
}

span.left-title {
    display: block;
    border-bottom: 1px solid;
    padding-bottom: 6px;
    margin-bottom: 9px;
}

.filtro-link {
    padding: 8px 40px 21px 10px;
    border-radius: 8px;
    min-width: 100px;
    top: 0;
    left: 0;
    display: inline-block;
    border: 1px solid #1A1A1A;
    margin-right: 5px;
    cursor: pointer;
    transition: all 0.6s ease;
		margin-bottom:8px;
}
.filtri {
    padding-top: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: sticky;
    top: 60px;
    z-index: 10;
    background: white;
}
.gallery-composizione .img-gallery {
    /*height: calc(100vh - 150px);*/
    padding: 0;
}

.gallery-composizione .img-gallery img {
    object-fit: initial;
    width: auto;
	  height: calc(100vh - 175px);
	     max-height: 900px;
		 max-width:initial;
}
.gallery-composizione .single-image {
    width: auto;
    margin: 0 45px;
}
.filtri-title {
    position: relative;
}
.vai-alla-collezione {
    background: #ECECEC;
    padding: 20.5px 0;
    z-index: 12;
    position: sticky;
    top: 60px;
}
.marginr5 {margin-right:10px;}
span.right-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: color 0.6s ease;
}

span.right-icon:hover {
    color: #C6C6C5;
}
.filtri:before {content: '';position: absolute;top: -10px;left: 0;right: 0;height: 10px;background: white;}
.filtro-link:hover {
    background: #C6C6C5;
}
.marginb120 {margin-bottom:120px;}
span.composizione {
    cursor: pointer;
    transition: color 0.6s ease;
}
.dati-composizione {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-column-gap: 15px;
}
span.composizione:hover {
    color: white;
}
.filtro-link.attivo {
    background: #1A1A1A;
    color: white;
}
.prodotto.hide {
    display: none;
}
.full-container-cat.hide {
    display: none;
}
.grid-products-p-full {
    transition: opacity 0.3s ease;
}
.as-miniature .gallery-composizione .single-image:first-of-type {
    margin-left: 30px;
}
.grid-products-p-full.hidden {
    opacity: 0;
}

li.last-li {
    margin-top: 27px;
    transition: all 0.6s ease;
    transform: translate(25px,0);
    opacity: 0;
}

li.last-li a,.menu2 li a {
    transition: color 0.6s ease;
}
#content {
    padding-top: 76px;
}
.gallery-title {
    position: sticky;
    top: 120px;
    background: white;
    z-index: 10;
    padding: 20.5px 0;
}

.visualizza-come {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    text-align: right;
    cursor: pointer;
}
.grid4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 20px;
}

.catalogo img {
    display: block;
}
.come-gallery {
    display: none;
}

.as-miniature .come-miniature {
    display: none;
}
.as-miniature .gallery-composizione .img-gallery img {
    height: 100%;
    max-height: initial;
}
.accordion {
    border-top: 1px solid;
}
span.accordion-plus {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -22px;
}

span.accordion-plus:before {content: '';width: 25px;height: 1px;background: #1A1A1A;display: block;position: absolute;top: 15px;transition: all 0.5s ease;}

span.accordion-plus:after {
    content: '';
    height: 25px;
    width: 1px;
    background: #1A1A1A;
    display: block;
    position: absolute;
    top: 3px;
    left: 12px;
    transition: all 0.5s ease;
}
.accordion-inner-body {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 40px;
}
.block.b-lancio_grande {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

li.cat-open-2-prod a:hover {
    color: white;
}
.accordion-body {
    transition: max-height 0.6s ease;
    max-height: 0;
    overflow: hidden;
}
.gallery-title.stikytop {
    top: 60px;
}
.marginb10 {
    margin-bottom: 10px;
}
.as-miniature .come-gallery {
    display: block;
}
html .gallery-container .margin-miniature {
    margin: 0;
		margin-bottom:10px;
}
.as-miniature .gallery-composizione .img-gallery {
    transition: height 1s ease;
    height: 9vw;
}
.menu2 li {
    float: none;
}
.as-miniature .gallery-composizione .single-image {
    margin-right: 15px;
    margin-left: 0;
    display: inline-block;
}
.piccolo-sticky {
    width: 40%;
    margin-left: 0;
    margin-right: auto;
}
.hideFast .menu2 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hideFast div#menu-container {transition: all 0.3s 0.3s ease;}
.hideFast .menu3 {
    transition: opacity 0.3s ease;
    opacity: 0;
}
.third-menu-out .menu3 {
    transition: opacity 0.3s ease;
    opacity: 0;
}

.third-menu-out header#menu #menu-container {
    width: 50%;
    transition: all 0.3s 0.3s ease;
}
.title-accordion {
    padding-top: 12px;
    padding-bottom: 13px;
    cursor: pointer;
}

.open .accordion-body {
    max-height: 1900px;
}
/*.menuout,.menuout body {
    overflow: hidden;
}
*/.open span.accordion-plus:before {
    transform: rotate(45deg);
}

.open span.accordion-plus:after {
    transform: rotate(45deg);
}
.download-row:hover * {
    color: #C6C6C5;
}
.menu3 .product-show {
    padding-bottom: 60px;
}
.grid4s {
    grid-template-columns: repeat(4,1fr);
}
.video-page {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.download-row * {
    transition: color 0.6s ease;
}
.img-news img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.gallery-rassegna .flickity-slider {
    transform: translate(0) !important;
}
.mobile-gallery {
    display: none;
}
.gallery-rassegna .img-gallery {
    padding: 0 !important;
}
.grid3-col a,.col-footer a {
    transition: color 0.6s ease;
}
.menu1 .font28 a {
    transition: color 0.6s ease;
}
.overlay-gallery-mobile {display:none;}
.menu1 .font28 a:hover {
    color: #C6C6C5;
}
.block.b-bottoni .bottoni {
    text-align: left;
}

.block.b-bottoni {
    margin-left: 25px;
}
.menu-prodotti {
    padding-bottom: 10px;
}
.grid3-col a:hover,.col-footer a:hover {
    color: #C6C6C5;
}
.gallery-rassegna {
    margin-bottom: 20px;
}
.img-news {
    height: 31vw;
}
span.right-label {
    transition: color 0.5s ease;
}
.accordion-inner-body.grid-rassegna-2 {
    grid-template-columns: repeat(2,1fr);
}
.margint15 {
    margin-top: 15px;
}
.title-accordion:hover * {
    color: #C6C6C5;
}
.marginb45 {margin-bottom:45px;}
.title-accordion:hover span.accordion-plus:before,.title-accordion:hover span.accordion-plus:after {
    background: #C6C6C5;
}
.prodotti-correlati {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    grid-column-gap: 15px;
		grid-row-gap:15px;
}
.title-prod {
    padding-top: 0px;
    padding-bottom: 15px;
}
.b-in_evidenza .borderb {
    border-top: 0;
}
ul.font28.marginb50 {
    margin-bottom: 27px;
}
.fixedmenu header#menu {
    position: fixed;
    top: 0;
}

.menuout,.menuout body {
    overflow: hidden;
}
.margint120 {
    margin-top: 110px;
}
.download-row.no-hover:hover * {
    color: #1A1A1A;
}
.grid12 {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 20px;
}
.margin.reserved-block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    padding-bottom: 40px;
    margin-top: 30px;
}

.reserved-block:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
    pointer-events: none;
    z-index: 1;
    height: 7px;
    background: white;
}
.reserved-block:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
    height: 11px;
    background: white;
}
.type-mp4,.type-quicktime {
    grid-column: auto / span 2;
}
.extension {
    font-size: 12px;
    line-height: 13px;
    background: black;
    color: white;
    display: inline-block;
    padding: 3px 8px 4px 8px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    min-width: 30px;
    text-align: center;
}
div#burger  {display:none;}
.page-template-registrazione-area-riservata #content .select-body {
    background: #333;
}

.page-template-registrazione-area-riservata div#content .search-select {
    border-color: white;
}
.page-template-registrazione-area-riservata .input-field.obbligatorio input {
    background: none !important;
}

.page-template-registrazione-area-riservata .input-field.obbligatorio {
    background: rgb(255 0 0 / 30%) !important;
}

.obbligatorio-login {
	background: rgb(255 0 0 / 30%) !important;
}
.font15.margint30 .button + .button {
    margin-left: 10px;
}
@media all and (max-width:767px) {
	.menu-s {
	    display: none;
	}
	.gallery-container.gallery-composizione.animateview {
	    transform: none !important;
	}
	.no-sub span.label-mobile a {
	    display: block;
	    padding: 12px 15px;
	    font-size: 22px;
	    line-height: 22px;
	}

	.no-sub span.label-mobile {
	    padding: 0;
	}

	.no-sub span.label-mobile:before {
	    display: none;
	}

	.no-sub span.label-mobile:after {
	    display: none;
	}
	
	.bottoni .button {
	    margin-bottom: 10px;
	}
	.margin.reserved-block {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.font15.margint30 .button + .button {
	    margin-left: 0;
	    margin-top: 10px;
	}
	.grid12 {
	    grid-template-columns: repeat(3,1fr);
	}
	.select-change {
	    padding-top: 10px;
	    padding-bottom: 11px;
	    min-width: 80px;
	    text-align: center;
	    margin-bottom: 0px;
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	}

	.select-change:last-of-type {
	    margin-bottom: 10px;
	}

	.inner-select-change {
	    padding-left: 0;
	    padding-right: 0;
	}
	.video-page {
	    width: 100%;
	}
	.onlymobile {
	    display: inline-block;
	}
	html[lang="ru-RU"] .info-tecniche-inn span.left-label {
	    width: 100%;
	}
	body .schede-tecniche-cs span.left-label {
	    width: 100px;
	}

	body .schede-tecniche-cs span.right-label {
	    width: calc(100% - 120px);
	    display: inline-block;
	    vertical-align: top;
	}
	.overlay .newsletter-container {
	    padding: 15px;
	}
	input[type="submit"], .button {
	    display: block;
	    max-width: 100%;
	}

	form input[type="submit"] {
	    width: 100%;
	}
	.page-template-rassegna-stampa span.left-label {
	    width: 40px;
	}
	.galleria-img-scroll img {
	    display: block;
	    width: 100%;
	    margin-bottom: 15px;
	}

	.galleria-img-scroll {
	    padding: 15px;
	    position: absolute;
	    top: 60px;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	}
	.filtri-body {
	    white-space: nowrap;
	    overflow-x: auto;
	    margin-right: -15px;
	}

	.filtri {
	    padding-bottom: 15px;
	}
	.newsletter-out {
	    opacity: 0;
	    pointer-events: none;
	}
	.borderb {
	    border-top: 0;
	}
	div#top-header {
	}

	.margin {
	    margin: 0 15px;
	}

	.font32, .font32 * {
	    font-size: 24px;
	    line-height: 25px;
	}
	input[type="submit"], .button,.button * {
		font-size:12px;
		line-height:13px;
	}
	.font21, .font21 * {
	    font-size: 16px;
	    line-height: 16px;
	}

	.grid-2col div {
	    grid-column: auto / span 2;
	}

	.grid-2col {
	    grid-row-gap: 20px;
	}

	input[type="submit"], .button {
	    padding-top: 10px;
	    padding-bottom: 11px;
	    min-width: 80px;
	    text-align: center;
	}

	.grid6-col {grid-row-gap: 30px;}

	.grande {
	    grid-column: auto / 12 span;
	}

	.font64, .font64 * {
	    font-size: 35px;
	    line-height: 35px;
	}

	.block.b-lancio_grande {
	    width: auto;
	    margin-left: 15px;
	    margin-right: 15px;
	}

	.medio {
	    grid-column: auto / 12 span;
	}

	.lancio.piccolo {grid-column: auto / span 12;}

	.piccolo .immagine-lancio, .medio .immagine-lancio {
	    height: auto;
	}

	.immagine-lancio img {
	    height: auto;
	    object-fit: initial;
	}

	.grid5-col {
	    display: block;
	}

	.col-footer {
	    grid-column: auto / span 5;
	}

	.span3.grid6.font15 {
	    grid-row-gap: 25px;
	}
	.font15, .font15 * {
	    font-size: 12px;
	    line-height: 13px;
	}
	.font18, .font18 * {
    font-size: 16px;
    line-height: 16px;
	}
	.center.newsletter-out {
	    display: none;
	}

	div#top-header {
	padding-top: 13px;
	padding-bottom: 24px;
	}
	.accordion-inner-body {
	    grid-template-columns: repeat(2,1fr);
			
			grid-column-gap:15px;
	}
	.open .accordion-body {
	    max-height: 2900px;
	}
	.right-absolute {
	    left: 0;
	    right: 0;
	    top: 0;
	    transform: translate(0,0);
	    position: relative;
	}

	.right-absolute a {
	    display: block;
	    margin: 0;
	    width: 50%;
	    float: left;
	    text-align: center;
	}

	.input-field {
	    grid-column: auto / 5 span;
	}

	.leftb {
	    border-left: 0;
	    padding-left: 0;
	}

	.i-dati-c {
	    width: 100%;
	    float: none;
	}

	.border {
	    padding-top: 30px;
	}

	input[type="submit"] {
	    width: auto;
	    float: none;
			    min-width: 183px;
	}

	footer .span3.grid6.font15 {
	    margin-bottom: 30px;
	}

	.col-footer.span4.end {
	    padding-top: 20px;
	}
	.margint30 {
	    margin-top: 20px;
	}

	.marginb90 {
	    padding-bottom: 60px;
	}
	.accordion-inner-body {
	    grid-template-columns: repeat(2,1fr);
	}


	.bottoni-left .button {
	    display: block;
	    margin-bottom: 10px;
	    margin-left: 0;
	    margin-right: 0;
			padding-left:10px;
			padding-right:10px;
	}

	.dati-composizione {
	    grid-row-gap: 20px;
	    grid-template-columns: repeat(2,1fr);
	}

	.info-tecniche.marginb60 {
	    margin-top: 50px;
	}

	.prodotti-correlati {
	}

	.margin.bottoni-left.marginb120.font18 {
	    margin-bottom: 60px;
	}

	.prodotti-correlati {
	    grid-template-columns: repeat(2,1fr);
	}
	.dati-composizione * {
	    font-size: 14px;
	    line-height: 15px;
	}
	.gallery-composizione .img-gallery img {
	    height: auto;
	    width: 100%;
	    max-height: initial;
	}

	.gallery-composizione .single-image {
	    margin: 0;
	}
	html .gallery-container .margin-miniature {
	    margin-left: 15px;
	    margin-right: 15px;
	}
	.col-comp {
	    grid-column: auto / span 2;
	}

	.gallery-title .font21 {
	    font-size: 18px;
	    line-height: 21px;
	}

	.vai-alla-collezione {
	    display: none;
	}

	.gallery-title {
	    position: relative;
	    top: 0;
	    width: 100%;
	    margin-top: 30px;
	}

	.visualizza-come {
	    display: none;
	}
	.nomobile {
	    display: none;
	}

	div#burger {
	    position: absolute;
	    left: 15px;
	    top: 19px;
	    width: 26px;
	    height: 26px;
			display:block;
	    z-index: 10;
	}

	.burger {
	    width: 26px;
	    height: 1px;
	    background: #1A1A1A;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	.burger.burger2 {
	    top: 10px;
	}

	.burger.burger3 {
	    top: 20px;
	}
	.input-field input {
	    padding-bottom: 20px;
	}

	.title-select {
	    padding-bottom: 20px;
	}
	.newsletter-out {
	    display: none;
	}
	div#menu-mobile {
	    position: absolute;
	    display:block;
	    top: 60px;
	    background: white;
	    left: 0;
	    right: 0;
	    transition: opacity 0.4s ease;
	    opacity: 0;
	    pointer-events: none;
	    max-height: calc(100vh - 130px);
	    overflow: auto;
	    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
	    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
			 -webkit-overflow-scrolling: touch;
	}

	div#menu-mobile li {
	    margin: 0;
	    display: block;
	    float: none;
	}

	ul.sub-menu-mobile li a {
	    display: block;
	    border-bottom: 1px solid #C6C6C5;
	    padding: 7px 15px;
	    font-size: 16px;
	}

	ul.sub-menu-mobile {
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 0.5s ease;
	}

	.menuoutMobile div#menu-mobile {
	    opacity: 1;
	    pointer-events: all;
	}
	.breadcrumbs {
	    display: none;
	}
	span.label-mobile {
	    display: block;
	    position: relative;
	    padding: 12px 15px;
	    border-bottom: 1px solid;
	    font-size: 22px;
	    line-height: 22px;
	    padding-bottom: 14px;
	}

	.open ul.sub-menu-mobile {
	    max-height: 660px;
	}


	.voce-mobile:last-of-type span {
	    border-bottom: 0;
	}

	ul.sub-menu-mobile li:last-of-type a {
	    border-bottom: 1px solid black;
	}
	span.label-mobile:before {content: '';position: absolute;top: 50%;right: 15px;transform: rotate(45deg);height: 1px;width: 30px;background: black;transition: all 0.5s ease;}
	span.label-mobile:after {content: '';position: absolute;top: 50%;right: 15px;transform: rotate(-45deg);height: 1px;width: 30px;background: black;transition: all 0.5s ease;}

	.open span.label-mobile:before {transform: rotate(0deg);}
	.open span.label-mobile:after {transform: rotate(-90deg);}
	.gallery-composizione .carousel {
	    display: none;
	}

	.mobile-gallery {
	    display: block;
	}

	.overlay-gallery-mobile {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: white;
	    z-index: 1000;
	    display:block;
	    transition: all 0.5s ease;
	    transform: translate(100%,0);
	    pointer-events:none;
	    opacity:0;
	}
.overlay-gallery-mobile.show {
	opacity:1;
	pointer-events: all;
	transform: translate(0,0);
}
	.close-overlay-gallery {
	    position: absolute;
	    top: 10px;
	    right: 15px;
	}

	/*span.left-label {
	    width: 50px;
	}*/

	.gallery-title {
	    padding-bottom: 10px;
	}
	html.hidden,html.hidden body {
	    overflow: hidden;
	}

	.inner-ricerca {
	    padding: 20.5px 15px;
	}

	.close-cerca {
	    right: 15px;
	}
	a.nomobile {
	    display: none;
	}
	div#cookie * {
	    font-size: 12px;
	    line-height: 16px;
	}

	#cookie .margin {
	    width: calc(100% - 70px);
	}

	#cookie .close {
	    right: 14px;
	}
	.grid2-col {
	    grid-template-columns: repeat(1,1fr);
	}
	.mouse-follow {
	    display: none !important;
	}
	.grid4s .span2 {
	    grid-column: auto / 1 span;
	}

	.img-news {
	    height: auto;
	}
	.galleria_2_colonne {
	    grid-template-columns: repeat(1,1fr);
	    grid-row-gap: 15px;
	}

	.grid6-col {
	    grid-template-columns: repeat(2,1fr);
	    grid-row-gap: 15px;
	}

	.xsmall .immagine-lancio {
	    height: auto;
	}
	#content {
	    padding-top: 76px;
	}
	.img-gallery {
	    padding-top: 0;
	}
	.info-tecniche span.left-label {
	    width: 40px;
	}

	.info-tecniche .download-row span.left-label {
	    width: 100px;
	}
	.bottoni a.button {
	    margin-left: 0;
	}

	.block.b-bottoni {
	    margin-left: 15px;
	    margin-right: 15px;
	}
	.info-tecniche .download-row span.right-label {
	    width: calc(100% - 110px);
	    display: inline-block;
	    vertical-align: top;
	}
	.grid3-col {
	    grid-template-columns: repeat(1,1fr);
	    grid-row-gap: 15px;
	}

	.bottoni {
	    text-align: left;
	}
	.accordion-inner-body.grid-rassegna-2 {
	    grid-template-columns: repeat(1,1fr);
	}
	.grid4 {
	    grid-template-columns: repeat(2,1fr);
	}
	.grid6 {
	    grid-template-columns: repeat(2,1fr);
	    grid-row-gap: 30px;
	}

	.block-ricerca {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.inner-risultati-ricerca {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.label-cerca {
	    width: 100%;
	    margin-bottom: 3px;
	}
	.contact-left {
	    width: 100%;
	    top: 0;
	    position: relative;
	    float: none;
	}

	.moduli-contatto {
	    border-left: 0;
	    width: calc(100% - 30px);
	    float: none;
	    margin: 0 auto;
	    margin-top: 50px;
	}
	.single-con-margin {
	    margin: 0 15px;
	}
	.modulo .input-field input,.modulo .input-field select {
	    padding-bottom: 0px;
	}

	.modulo .title-select {
	    padding-bottom: 0px;
	}
	.page-template-area-download span.left-label {
	    width: 40px;
	}
	textarea {
    height: 110px;
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
	}

	.modulo .i-dati-c {
	    padding-left: 0;
	    padding-right: 0;
	}

	.modulo input[type="submit"] {
	    margin-left: 0;
	}
	.right-absolute a {
	    display: inline-block;
	    width: auto;
	    margin-right: 10px;
	}
}
@media all and (max-width:350px) {
	div#top-header.font12,div#top-header.font12 * {
	    font-size: 12px;
	}
}
@media all and (max-width:767px) {
	div#iubenda-cs-banner {
	    left: 10px;
	    right: 10px;
	    transform: translate(0,-50%);
	}

	.iubenda-cs-opt-group {
	    display: block;
	}

	button.iubenda-cs-customize-btn {
	    width: 100%;
	    margin-bottom: 10px;
	}

	button.iubenda-cs-reject-btn.iubenda-cs-btn-primary {
	    display: block;
	    width: 100%;
	    margin-bottom: 10px;
	}

	button.iubenda-cs-accept-btn.iubenda-cs-btn-primary {
	    display: block;
	    width: 100%;
	    margin-left: 0;
	}
}
div#iubenda-cs-paragraph br {display: none;}