@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,300,700&subset=latin,latin-ext&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    height: 100%;
}
@font-face {
    font-family: 'addecorregular';
    src: url('font/addecor_230819-webfont.woff2') format('woff2'),
    url('font/addecor_230819-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
#frmError{
    position: relative;
    padding: 0.50rem 0.75rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


.bg-primary a:hover{
    color: #ffffff;
}
.color-hover p{
    min-height: 75px;
}
.gradient-shadow{
    width: 100%; height: 100%;
    box-shadow: inset 0px 0px 350px 0px rgb(0 0 0 / 15%);
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.25) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

}
.mw-home{
    min-width: 232px;
}
.row.position-relative table tr td:nth-child(1){
    padding-left: 0;
}
.row.position-relative table tr td:nth-child(2){
    padding-left: 0;
    padding-right: 0;
}
table td p{
    white-space: nowrap;
}
.tooltip{
    font-size: 16px!important;
}
/*
.tintometria #prodotti > div > div > div:nth-child(7) > div > div > div.col-12.col-sm-8.pl-sm-0 > div > div > div:nth-child(2){
    margin-top: -2rem;
}*/
/* SKIN */
#testata-contenuto{
    background: rgba(0,0,0,0.35);
}
#jarallax-container-0{
    opacity:0;
}
.icons{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    opacity: 0.55;
    transition: all 0.2s;
}
.icons:hover{
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: none;
}
a.color-hover .embed-responsive.embed-responsive-1by1:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%!important;
    transition: all 0.3s;
}
a.color-hover:hover .embed-responsive.embed-responsive-1by1:after{
    z-index: 10;
    -webkit-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.5);
    box-shadow:inset 0px 0px 0px 10px rgba(0,0,0,0.5);
}
.homepage .newsletter-subscribe{
    display: block!important;
}
#scheda-tecnica:hover, #cartella-colori:hover, #brochure:hover{
    cursor: pointer;
}
#blocco-prodotti h3{
    font-size: 1.3vw!important;
    margin-bottom: 0;
}
/* NUOVI FORMATI IMMAGINE */
.embed-responsive-32by9::before {
    padding-top: 519px;
}
.embed-responsive-32by9, #testata-contenuto .embed-responsive-16by9 {
    background-color: var(--primary-color)!important;
}

.embed-responsive-21by9.vertical::before {
    padding-top: 233.2%;
    background-color: var(--primary-color)!important;
}
.embed-responsive-16by9.vertical::before {
    padding-top: 178.67%;
    background-color: var(--primary-color)!important;
}
.embed-responsive-4by3.vertical::before {
    padding-top: 133.335%;
    background-color: var(--primary-color)!important;
}

.img-fluid {
    width: 100%;
}

.block-slider1 .embed-responsive-16by9::after {
    content: '';
    width: 50px;
    height: 50px;
    background: url("../images/icone/play.png") 14px center no-repeat;
    background-size: 50%;
    border: 2px solid #ffffff;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 2;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

:root {
    --primary-color: #333e48;
    --secondary-color: #a1a1a1;
    --third-color: #0a0f14;
    --four-color: #389b31;
    --white-color: #fff;
    --title-font: 'addecorregular', sans-serif;
    --primary-font: 'Ubuntu', sans-serif;
    --secondary-font: 'Jost', sans-serif;
    --font-html:36px;
    --font-body:16px;
}
.shadow{
    transition: all 0.25s;
}
a .card p{
    color: #111;
}
a:hover{
    text-decoration: none;
}
a:hover .shadow {
    box-shadow: 0 .5rem 0.75rem rgba(0,0,0,.25)!important;
}
.titolo-animato{
    height: 100%;
    width: 100%;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(17,17,17,0.95);
    position: absolute;
    right:0;
    transition: all 0.75s ease;
    transform-origin: bottom right;
    color: #fff;
    box-shadow: 0 .5rem 0.75rem rgba(0,0,0,.25)!important;
    z-index: 3;
}
a:hover .titolo-animato{
    transform: rotate(180deg);
}
.fascetta::before{
    content: '';
    height: 100%;
    width: 100%;
    line-height: 100%;
    display: flex;
    background: rgba(51,51,51,0.95);
    position: absolute;
    right:0;
    transform-origin: bottom right;
    transition: all 0.75s ease;
    z-index: 2;

}
.fascetta::after{
    content: '';
    height: 100%;
    width: 100%;
    line-height: 100%;
    display: flex;
    background: rgba(85,85,85,0.95);
    position: absolute;
    right:0;
    transform-origin: bottom right;
    transition: all 0.75s ease;
    z-index: 1;
}
a:hover .fascetta::before{
    transition: all 1.25s ease;
    transform: rotate(180deg);
}
a:hover .fascetta::after{
    transition: all 2s ease;
    transform: rotate(180deg);
}
.bg-primary.after-triangle:after {
    bottom: -20px;
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    z-index: 100;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    height: 40px;
    width: 40px;
    background-color: var(--primary-color);
    content: "";
    -webkit-transform: rotate(
            -45deg
    );
    -ms-transform: rotate(-45deg);
    transform: rotate(
            -45deg
    );
}
a {
    color: var(--secondary-color);
}
a:hover, a:focus, a:active {
    color: #01042c;
}
.btn-tel, .btn-mail{
    color:var(--four-color)!important;
    text-transform: uppercase;
    transition: all 0.1s;
    padding: 0.3rem 1rem;
}
.btn-mail{
    border: 3px solid var(--four-color);
    border-radius:5rem ;
}
.btn{
    border-radius:5rem ;
}
.btn-mail:hover{
    background-color: var(--four-color)!important;
    color:#fff!important;
    border-radius:5rem ;
}
.nav-link{
    color: var(--secondary-color);
    text-transform: uppercase;
}
.nav-link:hover{
    color: #000;
}
.btn:focus {
    box-shadow: none!important;
}
#navbarDropdown:hover{
    color: #ffffff;
}
.dropdown-menu .nav-link{
    color: rgba(255,255,255,0.75);
}
.dropdown-menu .nav-link:hover, .dropdown-menu .nav-link:active, .dropdown-menu .nav-link:focus{
    color: rgba(255,255,255,1);
    background: none!important;
}
.btn-primary.active, .btn-primary.active:link, .btn-primary.active:visited, a.btn-primary.active, a.btn-primary.active:link, a.btn-primary.active:visited{
    background: var(--third-color)!important ;
}
.swiper-pagination-bullet {
    width: 20px!important;
    height: 20px!important;
    margin: 10px!important;
    background:#fff!important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff!important;
}
.input-group-text .material-icons{
    font-size: 24px!important;
}
html{
     font-size:var(--font-html);
}
body{
    font-family: var(--primary-font);
    font-size:var(--font-body);
    color: #3C3C3B;
}
body div#tutto {
  /*background-image: url("../images/body.jpg");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bg-primary{
    background-color: var(--primary-color)!important;
}
.bg-secondary{
    background-color: var(--secondary-color)!important;
}
.bg-black{
    background: rgba(0,0,0,0.75);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.bg-third{
    background-color: var(--third-color)!important;
}
.primary-color{
    color: var(--primary-color)!important;
}
.secondary-color{
    color: var(--secondary-color)!important;
}
.third-color{
    color: var(--white-color)!important;
}
.four-color{
    color: var(--four-color)!important;
}
.navbar-nav{
    font-family: var(--secondary-font);
}
.lead{
    font-family: var(--secondary-font);
    font-size: 1.3em!important;
}
.form-control {
    border-radius: .25em;
}
.zoom-sfondo {
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-position: center center;
}
a:hover .zoom-sfondo, .zoom-sfondo:hover {
    background-size: 120% !important;
}
.zoom-sfondo .h-100 {
    transition: all .3s;
}
.zoom-sfondo:hover .h-100{
    box-shadow: inset 0px 0px 350px 0px rgb(0 0 0 / 0%)!important;
    background-color: 1!important;
}
.zoom-sfondo h3{
    transition: all .3s;
}
.zoom-sfondo:hover h3{
    opacity: 0.75;
}
.zoom-sfondo .d-none{
    transition: all 0.5s;
    opacity: 0;
}
.zoom-sfondo:hover .d-none{
    display: block!important;
    opacity: 1;
}
.rounded-left-circle{
    border-top-left-radius: 1.5rem;
}
.rounded-right-circle{
    border-top-right-radius: 1.5rem;
}
.rounded-bottom-left-circle{
    border-bottom-left-radius: 1.5rem;
}
.rounded-bottom-right-circle{
    border-bottom-right-radius: 1.5rem;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8em;
}

h1,h2,h3,h4,h5,h6{
    font-family: var(--secondary-font);
    font-weight: 400;
    color: #000;
}
.embed-responsive-2by35::before {
    padding-top: 25.94%;
}

.display-title {

    font-size: 4em!important;
    line-height: 1.1;
    font-weight: 700!important;

}
.display-title2 {

    font-size: 2.5em!important;

    font-weight: 400!important;

}
.h1, h1, .display-1 {
    font-family: var(--title-font);
    font-size: 5em!important;
    font-weight: 400;
    /*font-weight: 700!important;*/
}

.h2, .title-2, h2, .display-2 {
    font-size: 3.5em!important;
    text-transform: uppercase;
}
#prodotti .card-body h3.h2{
    font-size: 3em!important;
    text-transform: uppercase;
}

h3, .display-3{

    font-size: 1.6em!important;
    /*text-transform: uppercase;*/

}
.img-height-fixed .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: auto!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img-height-fixed .img-fluid{
    height: 550px!important;
    width: auto!important;
}
.img-height-fixed .embed-responsive{
    display: inline-block;
    height: 550px!important;
    width: auto!important;
}
.img-height-fixed .text-left{
    text-align: center!important;
}

.h3, .contentTitle3 {

    font-size: 2.5em!important;

}
.card {
    word-wrap: normal;
}
.card .contentTitle3{
    font-family: var(--title-font);
}

h4,.h4, .display-4 {

    font-size: 1.5em!important;

}

h5,.h5, .display-5 {

    font-size: 1em!important;

    font-weight: bolder;

}

hr{
    margin-top: .5rem;
    margin-bottom: .5rem;
    background-color: var(--primary-color)!important;
    height: 3px;
    width: 100px;

}
p {
    margin-top: 0;
    margin-bottom: .5rem;
}
/*
p:last-child {
  margin-bottom: 0!important;
}*/
.card-header .btn{
    border-radius: 0!important;
}
.btn-outline-dark {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn-outline-dark:hover, .btn-outline-dark.mixitup-control-active, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #343a40;
    background-color: transparent;
    border-color: #343a40;
}

.card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

.btn-outline-light {
    color: #ffffff!important;
    border-color: #ffffff!important;
}
.btn-outline-light:hover, .btn-outline-light.active {
    color: #111111!important;
    border-color: #ffffff!important;
}

a:hover .li{
    background-color:var(--primary-color);
}
ul.home-link-big > li:last-child > a > span.li{
    background-color:var(--primary-color);
}
ul.home-link-big > li:last-child > a:hover > span.li{
    background-color:#3C3C3B;
}
.li{
    display: inline-block;
    width: 50px;
    height: 40px;
    background: url("../images/logo/li.png") var(--secondary-color) center center no-repeat;
    background-size: cover;
    float: left;
    margin-right: 15px;
}
.card-header {
    padding: 0.75em 1.25em;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header .btn{
    padding: 0;
    font-size: 0.5em;
    color: #111111;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
/*HAMBURGER MENU*/
.nav-link {
    display: block;
    padding: .35rem 1rem;
}
.nav-link:hover {
    text-decoration: underline;
}
.home-link-big .nav-link:hover{
    color: #3C3C3B;
    text-decoration: none;
}
.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #B6B6B6;
    display: block;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler {
    border: none!important;
    background: transparent !important;
    margin-right: -0.55rem;
}
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/*BOTTONI*/

.btn {
    padding: 0.3rem 1rem;
    font-size: 1em;
}

.btn-abar{
    background: var(--primary-color);
    position: relative;
    border-radius: 0!important;
    border: none;
    color: #fff!important;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    font-weight: 700;
}
.btn-abar:hover, .btn-abar:active{
    background: #c80401!important;
    color: var(--secondary-color)!important;
}
.btn-abar.green{
    background: #2ba35f;
}
.btn-abar.green:hover, .btn-abar.green:active{
    background: #076823!important;
    color: #fff!important;
}
.btn-abar.blu{
    background: #13216a;
}
.btn-abar.blu:hover, .btn-abar.blu:active{
    background: #01042c!important;
    color: var(--primary-color)!important;
}
.btn-abar::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    height: calc(100% + 1px);
    width: 48px;
    background: url("../images/bt-l.png") no-repeat left;
    background-size: contain;
}
.btn-abar::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
    height: calc(100% + 1px);
    width: 48px;
    background: url("../images/bt-r.png") no-repeat right;
    background-size: contain;
}

.btn-rounded {

    font-size: 1.2em;

    line-height: 1.5;

    border-radius: 10rem;

}

.btn-rounded,.btn-rounded:link,.btn-rounded:visited, a.btn-rounded,a.btn-rounded:link,a.btn-rounded:visited{

    border-radius: 10rem;

}

.btn-outline-rounded,.btn-outline-rounded:link,.btn-outline-rounded:visited, a.btn-outline-rounded,a.btn-outline-rounded:link,a.btn-outline-rounded:visited{
    border-width: 2px;
    border-radius: 10rem;
    color: var(--white-color)!important;
    background-color: transparent!important;
    border-color: var(--white-color)!important;;
}

.btn-outline-rounded:hover,.btn-outline-rounded:focus,a.btn-outline-rounded:hover,a.btn-outline-rounded:focus{
    color: var(--third-color)!important;
    background-color: var(--white-color)!important;
    border-color: var(--white-color)!important;;
}

.btn-square,.btn-square:link,.btn-square:visited,a.btn-square, a.btn-square:link,a.btn-square:visited{
    border-radius: 0;
    color: var(--white-color)!important;
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
}

.btn-square:hover,.btn-square:focus,a.btn-square:hover, a.btn-square:focus{
    color: var(--white-color)!important;
    background-color: var(--third-color)!important;
    border-color: var(--third-color)!important;
}

.btn-outline-square,.btn-outline-square:link,.btn-outline-square:visited,a.btn-outline-square, a.btn-outline-square:link,a.btn-outline-square:visited{

    border-radius: 0;

    background-color: var(--white-color)!important;

    color: var(--primary-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-outline-square:hover,.btn-outline-square:focus,a.btn-outline-square:hover, a.btn-outline-square:focus {

    background-color: var(--third-color)!important;

    color: var(--white-color)!important;

    border-color: var(--third-color)!important;

}

.btn-primary,.btn-primary:link,.btn-primary:visited,a.btn-primary, a.btn-primary:link,a.btn-primary:visited{

    color: var(--white-color)!important;

    background-color: var(--primary-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-primary:hover,.btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus{

    color: var(--white-color)!important;

    background-color: var(--third-color)!important;

    border-color: var(--third-color)!important;

}

.btn-outline-primary,.btn-outline-primary:link,.btn-outline-primary:visited,a.btn-outline-primary,a.btn-outline-primary:link, a.btn-outline-primary:visited{

    color:var(--primary-color)!important;

    background-color:  var(--white-color)!important;

    border-color: var(--primary-color)!important;

}

.btn-outline-primary:hover,.btn-outline-primary:focus, a.btn-outline-primary:hover, a.btn-outline-primary:focus{

    color: var(--white-color)!important;

    background-color: var(--third-color)!important;

    border-color: var(--third-color)!important;

}

/*-----FINE BOTTONI-----*/

.btn .material-icons {
    vertical-align: middle;
    line-height: 0 !important;
    position: relative;
    top: -1px;
    /*margin-right: -19px;*/
}

/* ----------- */
/* VIDEO SOVRAPPOSTO */
.videoWrapper iframe {
    width: 100%;
    height: 100%;
}
.over{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index:1000000000000000;
    padding:7% 0;
    display:none;
}
.over.open{
    display:block;
}
.over .container{
    height:100%;
}
.btn-close span{
    position:absolute;
    top:15px;
    right:15px;
    width:36px;
    height:36px;
    font-size:36px;
    z-index:10000000000000;
}

/* FOOTER */
footer {
    background-color:var(--primary-color)!important;
}
footer .display-3.text-white{
    color: rgba(255,255,255,1)!important;
}
footer a.text-white{
    color: rgba(255,255,255,0.75)!important;
}
footer a.text-white:hover{
    color: rgba(255,255,255,1)!important;
}

footer li a{
    padding: .25rem 0 .25rem 0!important;
}

footer a,footer a:link,footer a:visited{
    color: rgba(255,255,255,0.75)!important;

}

footer a:hover,footer a:focus{
    color: rgba(255,255,255,1)!important;
    text-decoration: none!important;
}
footer .border-top{
    border-color: rgba(255,255,255,0.25)!important;
}

footer .list3{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

/*-----FOOTER-----*/

.footer-img{

    filter: brightness(0) invert(1);

}

.material-icons{

    font-size: 1rem!important;

}

p.number {
    font-size: 4.5em;
    font-weight: 900;
    background-color: var(--primary-color)!important;
    color:var(--white-color)!important;
}

.swiper-button-next, .swiper-button-prev {
    top: auto!important;
    bottom: -50px!important;
    background-color: none;
    border-radius: 500px;
    /*margin-top: -30px!important;*/
    padding: 25px 50px!important;
    background-size: 50px!important;
    box-shadow: none;
    transition: all 0.3s;
}
.swiper-button-prev:hover {
    margin-left: -15px;
}
.swiper-button-next:hover {
    margin-right: -15px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../images/icone/arrow-prev.svg')!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../images/icone/arrow-next.svg')!important;
}
.navbar-brand {
    font-size: 0;
}

.navbar-toggler {
    padding: .25rem .55rem;
    font-size: 1.5em;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}/*
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    left: -15%;
}*/
html.sr .load-hidden {
    visibility: hidden;
}
.dropdown-item, a.dropdown-item:not([href]):not([tabindex]) {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: 0;
    font-size: 1em;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
     background-color: #111!important;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--secondary-color)!important;
}
.dropdown-menu a:focus{
    background-color: var(--secondary-color)!important;
    color: #fff!important;
}
.dropdown-menu li{
    border-bottom: 1px solid rgba(0,0,0,0.55);
}
.dropdown.show #dropdownMenu1{
    border-bottom: 1px solid rgba(0,0,0,0.75);
    background-color: var(--secondary-color)!important;
    color: #fff!important;
}
.material-icons {
    font-size: 1.2em!important;
}
.form-group {
    margin-bottom: 0.5rem;
}
.form-control {
    font-size: 1em;
}
.bg-light-dark {
    background-color: rgba(0,0,0,0.45);
}
input[type=checkbox] {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    /*margin: 5px 0 0px -5px;*/
    float: left;
}
.form-check-input {
    position: absolute;
    margin-top: .5em;
    margin-left: -1rem;
}
.video-nero {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.25);
}
.map{
    display: block;
    border: 3px solid #1f2328!important;
    transition: all 0.75s;
}
.map:hover{
    border: 3px solid var(--primary-color)!important;
}/*
.all h3 {
    text-transform: uppercase;
}*/
.itembox a{
    display: block;
    transition: all 0.75s;
    border: none!important;
}
.itembox a .card p{
    color:#212529;
}
.cartelle-colori a, .brochure a{
    display: block;
    transition: all 0.3s;
}
.itembox a:hover, .cartelle-colori a:hover, .brochure a:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    /*border: 3px solid var(--primary-color)!important;*/
}
.itembox a .card, .itembox a:hover .card{
    border: none!important;
}
.itembox a:hover{
    text-decoration: none!important;
}
.tradizionali .mix h3:before{
    content: '';
    display: block;
    height: 30px;
    width: 300px;
    position: absolute;
    left: -300px;
    top: 0;
    background: #111;
}
.tradizionali .mix h3{
    text-transform: uppercase;
}
.tradizionali .mix.linea-dermocasa h3:before {
    background: #00b4a9;
}
.tradizionali .mix.prodotti-complementari h3:before {
    background: #6a5b2d;
}
.tradizionali .mix.idropitture-lavabili h3:before {
    background: #2783c5;
}
.tradizionali .mix.idropitture-traspiranti h3:before {
    background: #5d6cb3;
}
.tradizionali .mix.quarzi-per-esterno h3:before {
    background: #7c51a1;
}
.tradizionali .mix.trattamenti-contro-la-muffa h3:before {
    background: #a2238e;
}
.tradizionali .mix.fondi-per-metallo-e-legno h3:before {
    background: #f68b1f;
}
.tradizionali .mix.smalti h3:before {
    background: #ed1a3a;
}
.tradizionali .mix.protettivi-per-legno h3:before {
    background: #7c3427;
}
.tradizionali .mix.speciali-complementari h3:before {
    background: #6a5b2d;
}
/* INGLESE */

.en .mix h3:after{
    display: block;
    background: #ffffff;
    padding-left: 15px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.en .mix.linea-dermocasa h3:after {
    content: 'DERMOCASA LINE';
}
.en .mix.prodotti-complementari h3:after {
    content: 'COMPLEMENTARY PRODUCTS';
}
.en .mix.idropitture-lavabili h3:after {
    content: 'WASHABLE WATERBORNE PAINTS ';
}
.en .mix.idropitture-traspiranti h3:after {
    content: 'INTERIOR EMULSION PAINTS';
}
.en .mix.quarzi-per-esterno h3:after {
    content: 'QUARTZ PAINTS FOR EXTERIORS';
}
.en .mix.trattamenti-contro-la-muffa h3:after {
    content: 'ANTIMOULD TREATMENTS';
}
.en .mix.fondi-per-metallo-e-legno h3:after {
    content: 'PRIMERS FOR METALS AND WOOD';
}
.en .mix.smalti h3:after {
    content: 'ENAMEL PAINTS';
}
.en .mix.protettivi-per-legno h3:after {
    content: 'WOOD CARE RANGE';
}
.en .mix.speciali-complementari h3:after {
    content: 'COMPLEMENTARY PRODUCTS';
}



/*
.mix.stucchi h3:before {
    background: #2783c5;
}*/
ul {
    padding-inline-start: 20px;
}
.navbar-brand img {
    filter: brightness(0) invert(1);
}
.navbar {
    transition: all 0.25s ease;
    padding: 1rem;
}
.nav-link, .nav-link:link, .nav-link:active, .nav-link:focus {
    color: var(--white-color);
    transition: all 0.15s;
}
.navbar:hover {
    background-color: rgba(0,0,0,1);
}

.navbar:hover .nav-link,.navbar:hover .nav-link:link, .navbar:hover .nav-link:active, .navbar:hover .nav-link:focus {
    color: var(--secondary-color);
}

.navbar-hide {
    /*top: -88px;*/
    padding:.25rem 1rem;
    background-color: rgba(0,0,0,1);
}
.navbar .nav-link:hover, .navbar .contact-link a:hover{
    color: var(--white-color)!important;
    text-decoration: none;
}

.banner .swiper-slide:before {
    content: '';
    /*
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(30%,rgba(0,0,0,0.067)));
    background-image: -o-linear-gradient(top,#000,rgba(0,0,0,0.067) 30%);
    background-image: linear-gradient(to bottom,#000,rgba(0,0,0,0.067) 30%);*/
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    opacity: 0.8;
    top: 0;
    left: 0;
    pointer-events: none;
}

.bg-bottom{
    background-position: bottom center!important;
}
.banner .swiper-slide .embed-responsive.embed-responsive-16by9, #testata-contenuto .embed-responsive.embed-responsive-16by9{
    transition: all 1s 0.15s ease-out;
}

.banner .swiper-slide-duplicate-active .embed-responsive.embed-responsive-16by9, .banner .swiper-slide-active .embed-responsive.embed-responsive-16by9, #testata-contenuto.active .embed-responsive.embed-responsive-16by9{
    background-size: 100% auto!important;
}
#tutto{
    /*margin-top: 86px;*/
}

.esri-search.esri-widget{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.esri-input[type="text"], .esri-input[type="number"] {
    height: auto!important;
    padding: 0!important;
}
.esri-input:focus{
    outline: none;
}
.esri-search__submit-button.esri-widget--button{
    display:none!important;
}
.esri-search__clear-button.esri-widget--button{
    margin: -6px -10px 0 0;
}

a#scheda-tecnica {
    color: var(--secondary-color);
}
a#scheda-tecnica:hover {
    color: #212529;
}