@charset "UTF-8";
/* layout */
.navbar {
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}

#navbarNavDropdown .nav-item a.dropdown-toggle.active {
	font-weight: bold !important;
}

#navbarNavDropdown .navbar-nav li.nav-item a.active {
	font-weight: bold !important;
}

#navbarNavDropdown .navbar-nav li.nav-item a.ar {
	font-weight: bold !important;
	color: #C7984D !important;
}

.dropdown-item.active {
	background: #C7984D;
}

.logo {
	margin-left: 0px;
	margin-right: 37px;
}

.voci-menu {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000 !important;
	font-size: 16px;
}

/* per eliminare icona di default su voci menu - aggiunta icon-font di BS */
.dropdown-toggle::after {
	display: none !important;
}

#icona-cerca {
	margin: 0 auto;
}

#icona-cerca input#cerca-alto {
	width: 30px;
}

#icona-cerca ul li.active {
	background: #C7984D !important;
}

#icona-cerca img {
	width: 40px;
	cursor: pointer;
}

.visualizza {
	display: block !important;
	width: 100%;
	margin-top: 15px;
    margin-bottom: 15px;
}

.bottone-geal-piccolo {
	font-family: "OpenSans-Regular", sans-serif !important;
	border-radius: 20px;
	/* border: 1px solid #C7984D; */
	background: #C7984D !important;
	color: #ffffff !important;
	text-decoration: none;
	padding: 8px 16px;
	/* width: 200px; */
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.bottone-geal-piccolo a {
	color: #ffffff !important;
	text-decoration: none;
}
.bottone-geal-piccolo a:hover {
	background: #F2F0ED !important;
	color: #C7984D !important;
/* 	border: 1px solid #C7984D !important; */
}

.bottone-geal-piccolo:hover {
	background: #F2F0ED !important;
	color: #C7984D !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #C7984D;
    -moz-box-shadow:inset 0px 0px 0px 1px #C7984D;
    box-shadow:inset 0px 0px 0px 1px #C7984D;
/* 	border: 1px solid #C7984D !important; */
}

.bottone-geal-grigio-piccolo {
	font-family: "OpenSans-Regular", sans-serif !important;
	border-radius: 20px;
	/* border: 1px solid #C7984D; */
	background: #f2f0ed !important;
	color: #C7984D !important;
	text-decoration: none;
	padding: 8px 16px;
	/* width: 200px; */
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.bottone-geal-grigio-piccolo:hover {
	background: #C7984D !important;
	color: #F2F0ED !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #C7984D;
    -moz-box-shadow:inset 0px 0px 0px 1px #C7984D;
    box-shadow:inset 0px 0px 0px 1px #C7984D;
/* 	border: 1px solid #C7984D !important; */
}

.bottone-geal-grigio-piccolo.active {
	background: #C7984D !important;
	color: #F2F0ED !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #C7984D;
    -moz-box-shadow:inset 0px 0px 0px 1px #C7984D;
    box-shadow:inset 0px 0px 0px 1px #C7984D;
/* 	border: 1px solid #C7984D !important; */
}

.titolo-sezione-oro {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #C7984D !important;
	font-size: 41px;
/* 	font-size: 2.5vw; */
	padding-right: 10px;
	line-height: 3vw;
}

.titolo-sezione-nero {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #343435 !important;
	font-size: 41px;
/* 	font-size: 2.5vw; */
	line-height: 3vw;
}

.titolo-sezione-nero-minore {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #343435 !important;
	/* font-size: 50px; */
	font-size: 1.8vw;
}

.contenitore-titolo-sezione {
	margin-left: 10px;
	width: 93%;
	margin-right: 10px;
}

.testo-titolo-sezione {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000 !important;
/* 	font-size: 0.9vw; */
	font-size: 17px;
	text-align: left;
}

.voce_menu_piccolo {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #ffffff !important;
	font-weight: normal;
	font-size: 14px;
}

.testo18_bianco {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #ffffff !important;
	font-size: 18px;
}

.voce_menu {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #ffffff !important;
	font-weight: normal;
	font-size: 16px;
}

.testo-oro-30 {
	font-family: "OpenSans-SemiBold", sans-serif !important;
	color: #C7984D !important;
	font-size: 30px;
}

.testo-oro-48px {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #C7984D !important;
	/* font-size: 20pt; */
	font-size: 48px;
}

.testo20_oro {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #C7984D !important;
	/* font-size: 20pt; */
	font-size: 18px;
}

.testo16_oro {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D !important;
	font-size: 16px;
}

.testo14_oro {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D !important;
	font-size: 14px;
}

.voce_menu_grande {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #ffffff !important;
	font-weight: normal;
	font-size: 18px;
}

/* */
.colore-oro {
	background: #C7984D;
}

.colore-grigio {
	background: #F2F0ED;
}

.colore-pulizia {
	background: #0E7BC0;
}

.colore-protezione {
	background: #B31917;
}

.colore-finitura {
	background: #8E4A2E;
}

.colore-flooring {
	background: #CCBE00;
}

.colore-sistema-gres {
	background: #0B1742;
}

.colore-indispensabili {
	background: #D5046B;
}

.colore-accessori {
	background: #bcbcbc;
}

.colore-igien20 {
	background-image: url('../img-layout/bg-igien20.jpg');
	background-repeat: repeat-y;
	background-size: contain;
}

.flag-novita {
	background: #C7984D;
	height: 48px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #F2F0ED !important;
	font-size: 20px;
	line-height: 48px;
	width: 43%;
	text-align: center;
	float: right;
}

.flag-novita::after {
	content: "Novità";
}

.flag-nuova-formula {
	background: transparent;
	height: 48px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 1px solid #C7984D;
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D !important;
	font-size: 20px;
	line-height: 48px;
	width: 43%;
	text-align: center;
	float: right;
}

.flag-nuova-formula::after {
	content: "Nuova formula";
}

.titolo-oro-34 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D;
	font-size: 34px;
	font-weight: bold;
}

.testo-oro-24 {
	font-family: "OpenSans-Semibold", sans-serif !important;
	color: #C7984D;
	font-size: 24px;
}

.testo-oro-20 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D;
	font-size: 20px;
	font-weight: bold;
}

.testo-oro-16 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D;
	font-size: 16px;
}

.testo-nero-14 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 14px;
}

.testo-nero-16 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 16px;
}

.testo-nero-16 a {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.testo-nero-18 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 18px;
}

.testo-nero-20 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 20px;
}

.testo-nero-bold-20 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

.testo-nero-24 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 24px;
}

.testo-nero-bold-24 {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #000000;
	font-size: 24px;
}

.testo-nero-30 {
	font-family: "OpenSans-Semibold", sans-serif !important;
	color: #000000;
	font-size: 30px;
}

.testo-nero-34 {
	font-family: "OpenSans-Semibold", sans-serif !important;
	color: #000000;
	font-size: 34px;
}

.testo-nero-47 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 47px;
}

.testo-nero-60 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 60px;
}

.testo18_oro {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #C7984D !important;
	font-size: 18px;
}

.testo-oro-60 {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #C7984D !important;
	font-size: 60px;
}

ul.bulletblack {
	list-style: none; /* Remove default bullets */
	padding-top : 20px;
}

ul.bulletblack li {
	padding-bottom: 20px;
}

ul.bulletblack li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #000000; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.bulletgold {
	list-style: none; /* Remove default bullets */
	padding-top : 20px;
}

ul.bulletgold li {
	padding-bottom: 20px;
}

ul.bulletgold li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #C7984D; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.bulletgold.doublecolumns {
	list-style: none; /* Remove default bullets */
	padding-top : 20px;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

ul.bulletgold.doublecolumns li {
	padding-bottom: 20px;
}

ul.bulletgold.doublecolumns li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #C7984D; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.bulletgold.fourcolumns {
	list-style: none; /* Remove default bullets */
	padding-top : 20px;
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}

ul.bulletgold.fourcolumns li {
	padding-bottom: 20px;
}

ul.bulletgold.fourcolumns li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #C7984D; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ol.numbergold {
	list-style: none; 
	counter-reset: li;
	padding-left: 1rem;
}

ol.numbergold li::before {
	content: counter(li) ". "; 
	color: #C7984D;
  	display: inline-block;
  	width: 2em;
  	margin-left: -1em
}

ol.numbergold li {
	counter-increment: li;
}

input.sfondo-bianco-riga-oro {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #000000;
	font-size: 16px;
	background: #ffffff;
/* 	border: none; */
	border: 1px solid #ffffff;
	border-bottom: 1px solid #C7984D;
}

input.sfondo-bianco-riga-oro::placeholder {
  color: #000000;
  opacity: 1; /* Firefox */
}

input.sfondo-bianco-riga-oro:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000000;
}

input.sfondo-bianco-riga-oro::-ms-input-placeholder { /* Microsoft Edge */
 color: #000000;
}

input.sfondo-bianco-riga-oro:focus {
	outline: none !important;
	border: 1px solid #C7984D;
}





/* */
#footer-iscriviti {
	margin-top: 55px;
	margin-bottom: 10px;
}

#footer-rimani {
	margin-bottom: 25px;
}

#titolo_lingua {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #ffffff !important;
	font-size: 16px;
	text-align: right;
}

#titolo_lingua a {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #ffffff !important;
	font-size: 16px;
	text-decoration: none;
	padding-left: 10px;
}
#titolo_lingua span {
	font-family: "OpenSans-Bold", sans-serif !important;
	color: #ffffff !important;
	font-size: 16px;
	text-decoration: none;
	padding-left: 10px;
}

#titolo_lingua a.active {
	color: #C7984D !important;
}

#titolo_lingua a:hover {
	color: #C7984D !important;
}

/*			CUSTOM SELECT			*/

div.contenitore-select-filtro {
	display: inline-block;
	position: relative;
}

select.select-filtro {
      width: 100%;
      height: 50px;
      font-size: 100%;
      /* font-weight: bold; */
      cursor: pointer;
      border-radius: 0;
      background-color: #ffffff;
      border: none;
      border-bottom: 2px solid #C7984D;
      color: white;
      appearance: none;
      padding: 10px;
      padding-right: 38px;
      -webkit-appearance: none;
      -moz-appearance: none;
      transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    }

    /* For IE <= 11 */
    select.select-filtro::-ms-expand {
      display: none; 
    }

    .select-filtro-icon {
      position: absolute;
      top: 14px;
      right: 4px;
      width: 30px;
      height: 27px;
      pointer-events: none;
      /* border: 2px solid #000000; */
      padding-left: 5px;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .select-filtro-icon i {
      transition: fill 0.3s ease;
      fill: white;
    }

    select.select-filtro:hover, select.select-filtro:focus {
      color: #DCDCDC;
      background-color: white;
      border-bottom-color: #DCDCDC;
    }
    
    select.select-filtro:focus-visible  {
    	outline: 2px solid #C7984D;
    }
    
    select.select-filtro option {
		background: #ffffff !important;
  		color: #000000 !important;
	}
	
    
    select.select-filtro:hover ~ .select-filtro-icon,
    select.select-filtro:focus ~ .select-filtro-icon {
      background-color: white;
      border-color: #DCDCDC;
    }
    select.select-filtro:hover ~ .select-filtro-icon i,
    select.select-filtro:focus ~ .select-filtro-icon i {
      fill: #DCDCDC;
    }

/*			CUSTOM SELECT FINE			*/

/* MEDIA QUERY OLD */

/* FOOTER */
footer {
	background: #343435;
	margin-top: 100px;
}

footer .col {
	padding-left: 0;
	padding-right: 0;
}

footer .bordo-alto {
	background: #c7984d;
	height: 21px;
}

footer input[type=text] {
	border: none;
	background: #343435;
	border-bottom: 1px solid #c7984d;
	color: #ffffff !important;
}

footer input[type=text].footer-nome {
/* 	width: 235px; */
	width: 218px;
	margin-bottom: 14px;
}

footer input[type=text].footer-cognome {
/* 	width: 235px; */
	width: 218px;
	margin-left: 0px;
}

footer input[type=text].footer-ragionesociale {
/* 	width: 235px; */
	width: 446px;
	margin-bottom: 14px;
}

footer input[type=text].footer-email {
/* 	width: 446px; */
	width: 69%;
}

footer [type=text]::placeholder {
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #ffffff !important;
	font-weight: normal;
	font-size: 14px;
	opacity: 1;
}

footer [type=text]:-ms-input-placeholder, footer input::-ms-input-placeholder
	{
	font-family: "OpenSans-Regular", sans-serif !important;
	color: #ffffff !important;
	font-weight: normal;
	font-size: 14px;
	opacity: 1;
}

footer [type=text]:focus {
	outline: none;
}

footer #footer-checkbox {
	margin-top: 25px;
}

footer #footer-checkbox div:nth-child(2) {
	margin-top: 25px;
}

footer #footer-checkbox label {
	margin-left: 10px;
	margin-right: 20px;
}

footer input[type=checkbox] {
	
}

#contenitore_terms {
	margin-top: 14px;
}

#link_terms {
	text-decoration: none;
	margin-left: 10px;
}

footer #footer-checkbox .testo16_oro {
	margin-left: 0px;
	position: relative;
}

#contenitore-footer-dx {
	display: flex;
	justify-content: right;
}

#contenitore-footer-social {
	width: 400px;
	margin-top: 55px;
}

#contenitore-footer-social div:first-child {
	margin-bottom: 8px;
}

#contenitore-footer-social div:nth-child(2) {
	margin-bottom: 29px;
}

#contenitore-footer-social ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* background-color: #333333; */
}

#contenitore-footer-social ul#ul-social li {
	float: left;
}

#contenitore-footer-social ul#ul-social li a {
	display: block;
	color: white;
	text-align: center;
	padding: 16px;
	text-decoration: none;
}

#contenitore-footer-social ul#ul-social li a:hover {
	
}

.youtube-oro, .facebook-oro, .instagram-oro, .linkedin-oro,
	.pinterest-oro {
	display: none;
}

#contenitore-footer-social ul#ul-social li a:hover img:first-child {
	display: none;
}

#contenitore-footer-social ul#ul-social li a:hover img:last-child {
	display: block;
}

#contenitore-footer-social .contenitore-social {
	display: flex;
	justify-content: center;
}

#contenitore-footer-social .contenitore-social ul li:not(:first-child) {
	padding-left: 1.3rem;
}

footer #contenitore-footer-menu {
	margin-top: 65px;
}

footer #contenitore-footer-menu .col-footer {
	text-align: center;
}

footer #contenitore-footer-menu .col-footer ul {
	margin-bottom: 25px;
}

footer #contenitore-footer-menu .col-footer li {
	padding-top: 10px;
}

#contenitore-footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
	/* background-color: #333333; */
}

#contenitore-footer-menu ul li {
	/* float: left; */
	list-style-type: none;
}

#contenitore-footer-menu ul li {
	padding-top: 15px;
}

#contenitore-footer-menu ul li:first-child {
	padding-top: 0;
}

#contenitore-footer-menu ul li:nth-child(2) {
	padding-top: 20px;
}

#contenitore-footer-menu .col:not(:first-child) {
	padding-left: 2px;
}

#contenitore-footer-menu ul li a {
	text-decoration: none;
}

#contenitore-lingue-footer {
	margin-top: 100px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;
}

#contenitore-lingue-footer a {
	text-decoration: none;
}

#contenitore-copyright-footer {
	margin-top: 40px;
	padding-bottom: 20px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* FINE FOOTER */

/* MENU TENDINA PER AZIENDA */
#menuselect {
	margin-top: 30px;
	margin-bottom: 30px;
}

#menuselectazienda {
	color: #C7984D !important;
	font-size: 22px;
    font-weight: bold;
}

#menuselectblog {
	color: #C7984D !important;
	font-size: 22px;
    font-weight: bold;
}

.select-filtro-icon {
	right: 14px;
}


/*	CAPTCHA	*/

.captcha-chat p.wrong.info, p.ok {
    color: #ffffff;
}

.captcha-chat p.wrong, p.ok {
    display: none;
}

.captcha-chat span.btn-common {
    background: #ffffff;
    margin-right: 10px;
    padding: 5px;
    cursor: pointer;
}

.captcha-chat span.btn-common:hover {
    background: #cccccc;
}

.captcha-chat input.btn-common {
    color: #000000;
}


    
.captcha-chat p.wrong.shake {
    display: block;
}
    
.captcha-chat p.wrong.shake {
        animation: shake .4s cubic-bezier(.36, .07, .19, .97) both;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }
    
    @keyframes shake {
        10%,
        90% {
            transform: translate3d(-1px, 0, 0);
        }
        20%,
        80% {
            transform: translate3d(1px, 0, 0);
        }
        30%,
        50%,
        70% {
            transform: translate3d(-2px, 0, 0);
        }
        40%,
        60% {
            transform: translate3d(2px, 0, 0);
        }
    }
    
.captcha-chat .controls img {
    height: 20px;
}

/*	CAPTCHA	*/


h1, h2, h3, h4, h5, h6 {
	line-height: inherit !important;
	font-weight: 400 !important;
}


/* MEDIA QUERY */
@media ( min-width : 365px) {
}

@media ( min-width : 768px) {
	#icona-cerca input#cerca-alto {
		width: 70px;;
	}
}

@media ( min-width : 992px) {
	
	
	
	#icona-cerca img {
		width: 18px;
		cursor: pointer;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
	.contenitore-titolo-sezione {
		margin-left: 4vw;
		width: 22vw;
		margin-right: 6vw;
	}
	
	
	
	.titolo-sezione-oro {
		font-family: "OpenSans-Bold", sans-serif !important;
		color: #C7984D !important;
		font-size: 50px;
	/* 	font-size: 2.5vw; */
		padding-right: 10px;
		line-height: 3vw;
	}
	
	.titolo-sezione-nero {
		font-family: "OpenSans-Bold", sans-serif !important;
		color: #343435 !important;
		font-size: 50px;
	/* 	font-size: 2.5vw; */
		line-height: 3vw;
	}
	
	footer #contenitore-footer-menu .col-footer {
		text-align: left;
	}
	
	footer input[type=text].footer-cognome {
	/* 	width: 235px; */
		width: 218px;
		margin-left: 5px;
	}
	
	footer #footer-checkbox .testo16_oro {
		margin-left: 215px;
		position: relative;
		top: 20px;
	}
	
}

@media ( min-width : 1200px) {
	#icona-cerca input#cerca-alto {
		width: inherit;
	}
}

@media ( min-width : 1300px) {
	.logo {
		margin-left: 68px;
		margin-right: 37px;
	}
	
	
	
}

@media ( min-width : 1920px) {
	#icona-cerca {
		margin-left: 30px;
		margin-right: 92px;
	}
}