html, body { 
    overflow-x:hidden;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;}


/*HEADER MENU*/
div#header-img,
div#header-azienda-img,
div#header-contatti-img,
div#header-just-in-time-img,
div#header-img-5-pezzi-avvolto-60,
div#header-img-5-pezzi-bordato-60,
div#header-img-5-pezzi-avvolto-90,
div#header-img-ante-melaminico,
div#header-img-ante-pet {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 200px 0 150px 0;}

div#header-sostenibilita-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 200px 0 310px 0;}

div#header-menu-smartphone {
    justify-content: end;}

div#header-img {
    background-image: url(../img/ante-pet-pp-melaminico.jpg);}

div#header-azienda-img {
    background-image: url(../img/azienda/antine-per-mobili.jpg);}

div#header-sostenibilita-img {
    background-image: url(../img/sostenibilita/sostenibilita-header.png);}

div#header-contatti-img {
    background-image: url(../img/contatti/techinform-fiume-monticano.jpg);}

div#header-just-in-time-img {
    background-image: url(../img/just-in-time/techinform-stand-sicam-ante-mobili-personalizzate-pet-just-in-time-vazzola-treviso.jpg);}    

div#header-prodotti-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 200px 0 150px 0;
    background-image: url(../img/prodotti/tipologie-ante-per-mobili.jpg);}

div#header-img-5-pezzi-avvolto-60 {
    background-image: url(../img/prodotti/5-pezzi/avvolto-60/header-5-pezzi-avvolto-60.jpg);}

div#header-img-5-pezzi-bordato-60 {
    background-image: url(../img/prodotti/5-pezzi/bordato-60/header-5-pezzi-bordato-60.jpg);}

div#header-img-5-pezzi-avvolto-90 {
    background-image: url(../img/prodotti/5-pezzi/avvolto-90/header-5-pezzi-avvolto-90.jpg);}

div#header-img-ante-melaminico {
    background-image: url(../img/prodotti/melaminico/header-melaminico.jpg);}

div#header-img-ante-pet {
    background-image: url(../img/prodotti/pet/header-pet-squadrate-bordate.jpg);}

.navbar-nav .nav-link.active, .nav-link:hover {
    color: #EB212E;}

.nav-lin,
.text-white {
    color: white;}


a#voce-menu-sostenibilita.active, a#voce-menu-sostenibilita:hover,
.icon-sostenibilita p {
    color: #0d9402;}


/*MENU*/
.navbar-toggler:focus {
    box-shadow: none!important;}

ul.dropdown-menu-prodotti {
    padding-top: 30px;
    padding-bottom: 15px;
    width: max-content}

/*NAV*/
header#menu nav {
    position: fixed;
    z-index: 900;
    width: 100%;}
   
header#menu nav,
div#sezione-footer,
ul.dropdown-menu-prodotti,
h3.h3-black::before,
#button-home-sostenibilita:hover,
.button-color-2:hover,
#button-form-sostenibilita,
#button-prodotti-just-in-time:hover,
ul.menu_dropdown {
    background-color: black!important;}

#logo_techinform{
    height: 78px;}

/*H1*/
h1#title-h1 {
    font-size: 4.4rem!important;
    line-height: 1.1em;
    text-shadow: 2px 2px 5px #0000008a;}

#header-img-ante-melaminico div div div div h1#title-h1 {
    text-shadow: 2px 3px 10px #000000;}

/*H3*/
h3.h3-font-size,
.icon-sostenibilita p {
    font-size: 1rem!important;}

h3.h3-black::before {
    content:'';
    position: relative;
    top: -5px;
    display: inline-block;
    width: 45px;
    height: 1px;
    margin-right: 12px;}
    
h3.h3-white::before {
    content:'';
    position: relative;
    top: -5px;
    background-color: white;
    display: inline-block;
    width: 45px;
    height: 1px;
    margin-right: 12px;}

/*H4*/
h4 {
    font-size: 18px!important;
    margin-bottom: 14px;}
    
/*SEZIONI*/
div#sezione-homepage-prodotti,
div#sezione-homepage-just-in-time,
div#sezione-homepage-sostenibilita,
div#sezione-homepage-sicam,
div.sezione-form,
div#sezione-footer,
div#sezione-privacy,
div#sezione-1-azienda,
div#sezione-homepage-azienda,
div#materie-prime-certificate,
div#sostenibilita-economica,
div#sostenibilita-e-sicurezza,
div#legame-al-territorio,
div#sezione-2-just-in-time,
div#sezione-3-just-in-time,
div#sezione-4-just-in-time,
div#sezione-1-just-in-time,
div#sezione-carosello-prodotti-generale,
div#sezione-3-prodotti,
div#sezione-1-melaminico,
div#sezione-2-melaminico,
div#sezione-1-pet,
div#sezione-2-pet,
div#sezione-3-pet,
div.sezione-1-5pz,
div.sezione-2-5pz,
div#sezione-contatti {
    padding: 150px 50px 150px 50px;}

div#sezione-1-prodotti {
    padding: 150px 50px 0 50px;}

div#sezione-just-in-time-button {
    padding: 0 50px 150px 50px;}

div.sezione-prodotti-singoli-bottone {
    padding: 50px 50px 100px 50px;}

div#sezione-azienda-punti-forza {
    padding: 75px 50px 150px 50px;}

div#sezione-sostenibilita-icone {
    padding: 0px 50px 0px 50px;}

div#sezione-1-just-in-time div div p {
    font-size: 16px;}

div#section-homepage-img-desktop,
div#section-sostenibilita-img,
div#section-contatti-img,
div#section-azienda-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 300px 0 300px 0;}

div#section-homepage-img-desktop {
    background-image: url(../img/img-1.jpg);}

div#section-sostenibilita-img {
    background-image: url(../img/sostenibilita/cucina-ante-pet.jpg);}

div#section-azienda-img {
    background-image: url(../img/azienda/img-azienda-techinform.jpg);}

div#section-contatti-img {
    background-image: url(../img/contatti/img-contatti-comune-vazzola.jpg);}


/*SECTION-SICAM*/
div#sezione-homepage-sicam {
    background-image: url(../img/sfondo-nero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

/*DISPLAY-NONE*/
/*SECTION IMG DESKTOP*/
div#section-homepage-img-smartphone {
    display: none;}

div#section-homepage-img-desktop,
div#section-sostenibilita-img {
    display:block;}

div#contenitore-azienda,
div#contenitore-sostenibilita-2,
div#contenitore-sostenibilita-4,
div#contenitore-just-in-time,
div#contenitore-3-just-in-time,
div#contenitore-1-melaminico,
div#contenitore-1-pet,
div#contenitore-3-pet,
div.contenitore-1-5pz {
    padding-left: 3rem;}

div#contenitore-homepage-azienda,
div#contenitore-2-just-in-time,
div#contenitore-2-melaminico,
div#contenitore-sostenibilita-sezione-1,
div#contenitore-sostenibilita-sezione-3,
div#contenitore-2-pet {
    padding-right: 3rem;}

.paragrafo-font-padding,
ul.elenco-padding
{padding-right: 3rem!important}


/*BUTTON*/
.button-home {
    background-color: #EB212E}

.button-invia:hover {
    background-color: #EB212E!important;}

.button-color {
    background-color: #EB212E}

.button-color-2 {
    background-color: #EB212E}

.button-home:hover,
.button-color:hover {
    background-color: #ffffff;
    color: black;} 

#button-home-sostenibilita {
    background-color:#0d9402;}

#button-prodotti-just-in-time {
    background-color: #EB212E!important;}

#button-form-sostenibilita:hover {
    background-color: #0d9402!important;}

/*FORM-CONTATTI*/
.form-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end}

.form-contatti div.compilazione-campi input,
.form-contatti div.compilazione-campi textarea {
    background-color: rgba(0, 0, 0, 0.06);
    border: none;
    border-radius: 0;
    padding: 0.6rem 1rem}

.form-contatti {
    padding-top: 50px;}

/*PRIVACY*/
div.privacy {
    width: auto;}

a.privacy-policy,
a.spring {
    text-decoration: none;
    color: #8B8B8B;}

a.privacy-policy:hover,
a#privacy-policy-footer:hover,
a.spring:hover {
    color: #EB212E!important;}

/*COPYRIGHT-FOOTER*/
p#copyright-footer {
    font-size: 1em;
    margin-bottom: 0!important;}

a.contatti-footer {
    text-decoration: none;
    color:white;}

a.contatti-footer2 {
    text-decoration: none;
    color:black;}

a.contatti-footer:hover,
a.contatti-footer2:hover {
    color: #EB212E;}

.icone-contatti {
    height:40px!important;}

.icone-azienda {
    height:80px!important;}

div#sezione-contatti-mappa div iframe {
    height: 500px;
    padding-left: 0;
    padding-right: 0;}

.float-right {
    float:right!important;}

.contenitore-colori {
    height: min-content;
    display:flex;
    flex-direction: row;}

.contenitore-colori div img {
    width:100%;}

ul.menu_dropdown {
    list-style: none;
    padding-left: 0;
    position: absolute;
    z-index: 500;
    padding-top: 40px;
    padding-bottom: 40px;
    display:none;}

li#menu-prodotti {
    position:relative;}

ul.menu_dropdown li {
    width: 290px;
    padding-left: 10px;
    padding-right: 10px;}

li#menu-prodotti:hover ul.menu_dropdown {
    display:block}

.blc-img-colori {
    margin-right: 12px;
    width: 12%;
    height:max-content}

.blc-img-colori a {
    display: block;}

/*CAROSELLO*/
#contenitore-homepage-prodotti {
    padding-bottom: 150px;}

  .content-prodotti-slider {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width:max-content;}

    .content-slider {
    position: relative;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding: 30px 0 0 0;}
  
  .button {
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
    z-index: 100;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: 100ms ease-in-out;}

  .button img:hover {
    transition: transform 0.2s ease-in-out;
    transform: scale(1.1);}

  .button#button-arrow-prodotti-right {
    right: 0;}

  .button#button-arrow-prodotti-left {
    left: 0;}

  /*.slider img*/
  .animation-img {
    display: none;
    height: auto;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    position: relative;
    max-width: calc(100% / 3);
    min-width: 30px;
    align-self: center;
    -webkit-align-self: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

  .animation-img h3 {
    font-size: 1.1em;}

  /*.slider img:nth-child(1)*/
  .animation-img:nth-child(1) {
    transform: perspective(900px) rotateY(0deg) scale(0.6);
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;}

  /*.slider img:nth-child(2)*/
  .animation-img:nth-child(2) {
    transform: perspective(900px) rotateY(0deg) scale(0.7);
    display: block;
    left: 70px;
    z-index: 20;}

  /*.slider img:nth-child(3)*/
  .animation-img:nth-child(3) {
    display: block;
    z-index: 30;}

  /*.slider img:nth-child(4)*/
  .animation-img:nth-child(4) {
    transform: perspective(900px) rotateY(0deg) scale(0.7);
    display: block;
    right: 70px;
    z-index: 20;}

  /*.slider img:nth-child(5)*/
  .animation-img:nth-child(5) {
    transform: perspective(900px) rotateY(0deg) scale(0.6);
    display: block;
    position: absolute;
    right: 0;
    z-index: 10;}

  /*.slider img.left:nth-child(1)*/
  .animation-img.left:nth-child(1) {
    transition: all 1s ease;}

  /*.slider img.left:nth-child(2)*/
  .animation-img.left:nth-child(2) {
    transition: all 1s ease;}

  /*.slider img.left:nth-child(3)*/
  .animation-img.left:nth-child(3) {
    transition: all 1s ease;}


  /*.slider img.right:nth-child(3)*/
  .animation-img.right:nth-child(3) {
    transition: all 1s ease;}

  /*.slider img.right:nth-child(4)*/
  .animation-img.right:nth-child(4) {
    transition: all 1s ease;}

  /*.slider img.right:nth-child(5)*/
  .animation-img.right:nth-child(5) {
    transition: all 1s ease;}

  /* Nascondi il testo su tutte le immagini tranne quella specificata */
  .animation-img:not(.animation-img:nth-child(3)) h3,
  .animation-img:not(.animation-img:nth-child(3)) .btn {
    visibility: hidden;}

.gallery{
    display: inline-block;
    margin-top: 20px;}

/*ICON*/
.icon-container {
    display: flex;
    flex-direction: row;
    justify-content:flex-start;}

.icon-text {
    padding-left: 1.5rem}

.icon-sostenibilita,
.icon-azienda,
.icon-just-in-time {
    display: flex;
    flex-direction: column;
    align-items: center;}

.icon-sostenibilita p,
.icon-azienda p,
.icon-just-in-time p {
    text-align: center;}

/*CAPTION*/
.fancybox-caption {
    font-size: 18px!important;}

/*ANIMAZIONI*/
.animation-img:nth-child(3):hover {
    transform: scale(1.1);}

.animation-img:nth-child(1),
.animation-img:nth-child(2),
.animation-img:nth-child(4),
.animation-img:nth-child(5) {
    pointer-events: none;}

.animation-img a {
    display: block;}

.icon-sostenibilita a.btn {
    width: 80px;
    height: 80px;
    background-color: transparent;
    border: 1px solid #0d9402;}


.icon-sostenibilita a.btn:hover {
    background-color: #0d9402;}


.icon-sostenibilita a img {
    height: 100%;}


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


/*POP-UP*/
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 999;}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: #fff;
    width: 30vw;
    max-width: 100%;
    padding: 1vw 1vw 15vw 1vw;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 1000;}

#popupbox{
    background-image: url(../img/sicam-tablet.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

.popup.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);}

/* Header */
.popup-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;}


.popup-content{
    display: flex;
    flex-direction: column;
    align-items: center;}


.popup-header h2,
.popup-content p {
    text-align: center;
    font-family: 'Poppins', sans-serif;}

.popup-header h2{
    font-size: 2.5vw;
    font-weight: 600!important;
    line-height: 1.2;}


.popup-content p {
    font-size: 1vw;}


.close-btn {
    background: none;
    border: none;
    font-size: 1.5vw;
    cursor: pointer;
    color: white;}


.popup-footer {
    margin-top: 15px;
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: center;}

.popup-footer a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 0.9vw;
    padding: 10px;}

.divisore{
    border-bottom: 1px solid white;
    width: 15vw;}

.logo-sicam{
    width: 2vw;}

.close-pop-up{
    width: 100%;
    flex-direction: row;
    justify-content: end;}


/*TABLET*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .popup {
        width: 70vw;
        padding: 1vw 1vw 30vw 1vw;}

    .logo-sicam {
        width: 6vw;}

    .popup-header h2{
        font-size: 5.8vw;}

    .popup-content p{
        font-size: 2.5vw;}

    .popup-footer a {
        font-size: 2.5vw;}

    .divisore{
        width: 20vw;}

    .close-btn{
        font-size: 5vw;}

}



/*SMARTPHONE*/
@media only screen and (max-width: 767px) {

    .popup {
        width: 90vw;
        padding: 1vw 1vw 30vw 1vw;}

    .logo-sicam {
        width: 10vw;}

    .popup-header h2{
        font-size: 4.6vw;}

    .popup-content p{
        font-size: 4.5vw;
        line-height: 1.6rem;}

    .popup-footer a {
        font-size: 4.6vw;}

    .divisore{
        width: 25vw;}

    .close-btn{
        font-size: 10vw;}

}

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




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

/*TABLET*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {


    /*H1*/
    h1#title-h1 {
        font-size: 2.5rem!important;
        padding-right: 30%;}

    /*--SEZIONI-DIV--*/
    div#sezione-footer div footer div {
        width: 100%!important;}

    div#header-img div div,
    div#header-azienda-img div div,
    div#header-sostenibilita-img div div,
    div#header-contatti-img div div {
        width: 100%;}

    /*MENU*/
    ul#voci-menu {
        padding-top: 40px;
        padding-bottom: 40px;}
    
    ul#voci-menu li a {
        text-align: center;
        padding-top: 18px;
        padding-bottom: 18px;}

    /*HEADER MENU*/
    div#header-img,
    div#header-prodotti-img,
    div#header-just-in-time-img,
    div#header-azienda-img,
    div#header-contatti-img,
    div#header-img-ante-pet,
    div#header-img-ante-melaminico,
    div#header-img-5-pezzi-bordato-60,
    div#header-img-5-pezzi-avvolto-90,
    div#header-img-5-pezzi-avvolto-60 {
    padding: 200px 0 50px 0;
    margin-top: 0px;}

    div#header-sostenibilita-img {
        padding: 200px 0 155px 0;
        margin-top: 0px;}


    /*--SEZIONI--*/
    div#sezione-homepage-prodotti,
    div#sezione-homepage-just-in-time,
    div#sezione-homepage-sostenibilita,
    div#sezione-homepage-sicam,
    div.sezione-form,
    div#sezione-footer,
    div#sezione-3-prodotti,
    div#sezione-1-melaminico,
    div#sezione-2-melaminico,
    div#sezione-1-pet,
    div#sezione-2-pet,
    div#sezione-3-pet,
    div.sezione-1-5pz,
    div.sezione-2-5pz,
    div#sezione-contatti,
    div#sezione-1-azienda,
    div#sezione-1-just-in-time {
    padding: 100px 30px 100px 30px;}

    div#sezione-carosello-prodotti-generale,
    div#legame-al-territorio {
        padding: 0px 30px 100px 30px;}

    div#sezione-azienda-punti-forza {
        padding: 0px 50px 100px 50px;}

    div#section-img-desktop {
        padding: 180px 0 180px 0;}

    div#sezione-homepage-azienda,
    div#sezione-2-just-in-time,
    div#materie-prime-certificate {
        padding: 100px 30px 20px 30px;}

    div#sezione-1-prodotti {
        padding: 100px 30px 50px 30px;}

    div#sezione-3-just-in-time,
    div#sezione-4-just-in-time,
    div#sostenibilita-economica,
    div#sostenibilita-e-sicurezza {
        padding: 0px 30px 20px 30px;}

    div#sezione-footer {
        text-align: center;}

    div#contenitore-azienda,
    div#contenitore-homepage-azienda,
    div#contenitore-sostenibilita,
    div#contenitore-sostenibilita-sezione-3,
    div#contenitore-just-in-time,
    div#contenitore-3-just-in-time,
    div#contenitore-1-melaminico,
    div#contenitore-2-melaminico,   
    div#contenitore-1-pet,
    div#contenitore-2-pet,
    div#contenitore-3-pet,
    div.contenitore-1-5pz {
        padding-left: 0rem;}

    /*P*/
    .paragrafo-font,
    #sezione-homepage-prodotti div p,
    #sezione-homepage-just-in-time div p,
    div#sezione-homepage-azienda div p,
    div#contenitore-2-just-in-time,
    div.img-container-just-in-time,
    #sezione-2-just-in-time div p,
    #sezione-3-just-in-time div p,
    div#contenitore-4-just-in-time,
    div#contenitore-sostenibilita-sezione-1,
    div#contenitore-sostenibilita-2,
    div#contenitore-sostenibilita-sezione-3,
    div#contenitore-sostenibilita-4,
    div.img-container-sostenibilita {
        padding-right: 0!important;
        padding-left: 0!important;}


    #sezione-4-just-in-time div p,
    #sezione-1-melaminico div p,
    #sezione-2-melaminico div p,
    #sezione-1-pet div p,
    #sezione-2-pet div p,
    #sezione-3-pet div p,
    .sezione-1-5pz div p,
    .sezione-2-5pz div p {
        padding-right: 5rem!important;
        padding-left: 0!important;}

    /*BUTTON*/
    div.button-home-margin {
        margin-bottom: 80px;
        width: max-content;}

    img.img-just-in-time,
    img.img-sostenibilita {
        margin-bottom: 80px;}

    /*H2*/
    div#sezione-homepage-sostenibilita div h2,
    div#sezione-1-prodotti div h2,
    div#sezione-3-prodotti div h2 {
        padding-left: 14%;
        padding-right: 14%;}

    /*LOGO*/
    a#logo-footer {
        margin-bottom: 50px;
        display: block;}

    /*PRIVACY*/
    #informativa-privacy {
        padding-top: 30px;}

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


    div#sezione-homepage-sicam div.row,
    div#sezione-homepage-sostenibilita div.row,
    div#sezione-homepage-azienda div.row,
    div#sezione-2-just-in-time div.row,
    div#materie-prime-certificate div.row,
    div#sostenibilita-economica div.row,
    div#sostenibilita-e-sicurezza div.row,
    div#legame-al-territorio div.row,
    div#sezione-1-azienda div.row,
    div#sezione-azienda-punti-forza div.row,
    div#sezione-homepage-just-in-time div.row,
    div#sezione-3-just-in-time div.row,
    div#sezione-4-just-in-time div.row,
    div#sezione-1-melaminico div.row,
    div#sezione-2-melaminico div.row,
    div#sezione-1-pet div.row,
    div#sezione-2-pet div.row,
    div#sezione-3-pet div.row,
    div.sezione-1-5pz div.row,
    div.sezione-2-5pz div.row,
    div#sezione-homepage-prodotti div.row {
        margin-left: 0;
        margin-right: 0;}

    div#materie-prime-certificate,
    div#sostenibilita-economica,
    div#sostenibilita-e-sicurezza,
    div#legame-al-territorio {
        margin-left: 12px;
        margin-right: 12px;}

    h3.h3-white::before,
    h3.h3-black::before {
        width: 35px;}

    .form-container {
        padding-top: 50px;}

    div#sezione-contatti-mappa div iframe {
        height: 350px; }

    .img-d-none-mobile {
        display: none;}

    .icon-sostenibilita {
        align-items: start;}

    .icon-sostenibilita p {
    text-align: start;}

    div#sezione-sostenibilita-icone {
        padding: 0 30px 0 30px;}

    div#section-sostenibilita-img {
        padding: 160px 0 160px 0;}

    div#carousel-homepage {
        display: none;}

    div#section-homepage-img-desktop {
        padding: 180px 0 180px 0;}

    .animation-img {
        max-width: min-content;
        min-width: min-content;}

    .content-slider {
        justify-content: center;}

    .icon-just-in-time {
        margin-bottom: 50px;}

    div#sezione-just-in-time-button {
        padding: 0 50px 50px 50px;}

    .icon-azienda {
        margin-bottom: 50px;}

    div#section-azienda-img {
        padding: 120px 0 120px 0;}

    div#sezione-sostenibilita-icone,
    div#legame-al-territorio div div.img-container-sostenibilita div img,
    img#img-d-none-mobile-azienda {
        display: none;}

    div#carousel-1,
    div#carousel-2,
    div#carousel-3 {
        margin-bottom: 50px;}

    .nav-link {text-align: center;}

    li#menu-nav-home {
        padding-top: 5%;}

    .voci-menu-principale {
        font-size: 18px;
        color: white;
        padding-top: 20px;
        padding-bottom: 20px;}

}

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



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

/*SMARTPHONE*/
@media only screen and (max-width: 767px) {

    li#menu-nav-home {
        padding-top: 20%;}

    li#menu-nav-contatti {
        padding-bottom: 20%;}

    ul.dropdown-menu-prodotti {
        padding-top: 0;
        padding-bottom: 0;
        background-color: black;}

    .navbar-toggler {
        border: none;}

    .nav-link {text-align: center;}

    button.button-prodotti, button.button-prodotti:active {
        color: white!important;
        font-size: 18px;
        width:100%;}

    .voci-menu-principale {
        font-size: 18px;
        color: white;
        padding-top: 14px;
        padding-bottom: 14px;}

    h1#title-h1 {
        font-size: 2.2rem!important;
        padding-right: 7%;
        padding-top: 10%;}

    .button#button-arrow-prodotti-left,
    .button#button-arrow-prodotti-right {
        display: none;}
    
    h2 {font-size: 32px!important;}

    h3.h3-font-size {
        font-size: 0.9rem!important;}

    h3.h3-white::before,
    h3.h3-black::before {
        width: 30px;}

    h4 {
        font-size: 18px!important;
        margin-bottom: 12px;}

    a#logo-footer {
        margin-bottom: 35px;
        display: block;}

    #logo_techinform, a#logo-footer img {
        height: 50px;}

    header#menu nav {
        padding: 20px 10px 20px 10px;}

    ul#voci-menu {
        padding-top: 60px;
        padding-bottom: 60px;}

    ul#voci-menu li a {
        text-align: center;
        padding-top: 18px;
        padding-bottom: 18px;}

    div#sezione-homepage-sostenibilita,
    div#sezione-homepage-prodotti,
    div#sezione-homepage-sicam,
    div.sezione-form,
    div#sezione-footer,
    div#sezione-2-melaminico,
    div#sezione-contatti,
    div#sostenibilita-economica,
    div#legame-al-territorio,
    div#sezione-3-prodotti,
    div#contenitore-just-in-time,
    div#contenitore-homepage-azienda {
        padding: 100px 30px 100px 30px;}

    div#sezione-2-just-in-time,
    div#sezione-3-just-in-time {
        padding: 100px 30px 0 30px;}
  
    div#sezione-1-azienda, 
    div#sezione-4-just-in-time,
    div#sezione-1-just-in-time, 
    div#sezione-1-melaminico,
    div#sezione-3-pet, 
    div#header-prodotti-img, 
    div#header-img-ante-melaminico, 
    div#header-img-ante-pet,
    div#header-img-5-pezzi-avvolto-60, 
    div#header-img-5-pezzi-bordato-60,
    div#header-img-5-pezzi-avvolto-90, 
    div#header-just-in-time-img, 
    div#header-azienda-img, 
    div#header-contatti-img,
    div#sezione-1-prodotti,
    div.sezione-2-5pz,
    div#sezione-2-melaminico {
        padding: 100px 30px 50px 30px;}

    div#sezione-1-pet,
    div#sezione-2-pet,
    div.sezione-1-5pz,
    div#sezione-1-melaminico {
        padding: 100px 30px 0 30px;}

    div#materie-prime-certificate {
        padding: 50px 30px 100px 30px;}

    div#sezione-sostenibilita-icone {
        padding: 0 30px 0 30px;}

    div#sezione-azienda-punti-forza,
    div#sezione-carosello-prodotti-generale {
        padding: 0 30px 50px 30px;}

    div#sezione-just-in-time-button,
    div#sostenibilita-economica,
    div#sostenibilita-e-sicurezza,
    div#legame-al-territorio {
        padding: 0 30px 100px 30px;}

    div#header-sostenibilita-img {
        padding: 100px 30px 130px 30px}

    div#section-sostenibilita-img,
    div#section-img-smartphone,
    div#section-contatti-img {
        padding: 100px 0 100px 0;}

    div#sezione-homepage-azienda,
    div#sezione-homepage-just-in-time {
        padding: 0;}

    div#header-img {
        padding: 180px 30px 80px 30px;}

    div#header-prodotti-img, div#header-img-ante-melaminico, div#header-img-ante-pet,
    div#header-img-5-pezzi-avvolto-60, div#header-img-5-pezzi-bordato-60,
    div#header-img-5-pezzi-avvolto-90, div#header-just-in-time-img, div#header-azienda-img,
    div#header-contatti-img {
        background-position: right;}

    div#header-prodotti-img div div div div h1#title-h1,
    div#header-img-ante-melaminico div div div div h1#title-h1,
    div#header-img-ante-pet div div div div h1#title-h1,
    div#header-img-5-pezzi-avvolto-60 div div div div h1#title-h1,
    div#header-img-5-pezzi-bordato-60 div div div div h1#title-h1,
    div#header-img-5-pezzi-avvolto-90 div div div div h1#title-h1,
    div#header-just-in-time-img div div div div h1#title-h1,
    div#header-azienda-img div div div div h1#title-h1,
    div#header-sostenibilita-img div div div div h1#title-h1,
    div#header-contatti-img div div div div h1#title-h1 {
        font-size: 1.8rem!important;}

    div#sezione-homepage-sicam div.row,
    div#sezione-homepage-sostenibilita div.row,
    div#sezione-homepage-azienda div.row,
    div#sezione-2-just-in-time div.row,
    div#materie-prime-certificate div.row,
    div#sostenibilita-economica div.row,
    div#sostenibilita-e-sicurezza div.row,
    div#legame-al-territorio div.row,
    div#sezione-1-azienda div.row,
    div#sezione-azienda-punti-forza div.row,
    div#sezione-homepage-just-in-time div.row,
    div#sezione-3-just-in-time div.row,
    div#sezione-4-just-in-time div.row,
    div#sezione-1-melaminico div.row,
    div#sezione-2-melaminico div.row,
    div#sezione-1-pet div.row,
    div#sezione-2-pet div.row,
    div#sezione-3-pet div.row,
    div.sezione-1-5pz div.row,
    div.sezione-2-5pz div.row,
    div#sezione-homepage-prodotti div.row {
        margin-left: 0;
        margin-right: 0;}

    div#section-homepage-img-smartphone div {
        padding-top: 0!important;}

    div#sezione-copyright {
        padding-left: 30px;
        padding-right: 30px;}

    div#sezione-footer {
        text-align: center;}

    #sezione-homepage-sostenibilita div h2,
    #sezione-1-prodotti div h2,
    #sezione-3-prodotti div h2 {
        padding-right: 15%;}
    
    #sezione-homepage-sicam div h2 {
        padding-right: 5%;}

    div.container-fluid,
    div#sezione-homepage-sostenibilita div div.row h3,
    div#sezione-homepage-sostenibilita div div.row h2,
    div#sezione-homepage-sostenibilita div div.row div,
    div#sezione-homepage-sicam div.row h3,
    div#sezione-homepage-sicam div.row h2,
    div#sezione-homepage-sicam div.row div {
        padding-left: 0;
        padding-right: 0;}

    div#section-img-smartphone {
        background-image: url(../img/ante-pet-pp-melaminico.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;}

    div#sezione-homepage-sostenibilita div,
    div#sezione-homepage-sicam div,
    div.sezione-form div,
    div#sezione-1-prodotti div,
    div#sezione-3-prodotti div {
        text-align: start!important;}

    div#contenitore-azienda,
    div#contenitore-sostenibilita,
    div#contenitore-sostenibilita-sezione-3,
    #contenitore-just-in-time-img,
    div#contenitore-2-just-in-time,
    div#contenitore-3-just-in-time,
    div#contenitore-4-just-in-time,
    div#contenitore-1-melaminico,
    div#contenitore-2-melaminico,
    div#contenitore-1-pet,
    div#contenitore-2-pet,
    div#contenitore-3-pet,
    div.contenitore-1-5pz,
    div.img-container-just-in-time,
    div.img-container-sostenibilita,
    div.contenitore-2-5pz{
        padding-left: 0rem;}

    div#contenitore-2-just-in-time,
    div#contenitore-3-just-in-time,
    div#contenitore-4-just-in-time,
    div#contenitore-sostenibilita,
    div#contenitore-sostenibilita-sezione-3,
    #contenitore-just-in-time-img,
    div.img-container-just-in-time,
    div.img-container-sostenibilita,
    .paragrafo-font-padding,
    ul.elenco-padding,
    div#contenitore-1-melaminico,
    div#contenitore-2-melaminico,
    div#contenitore-1-pet,
    div#contenitore-2-pet,
    div#contenitore-3-pet,
    div.contenitore-1-5pz,
    div.contenitore-2-5pz {
        padding-right: 0rem!important;}

    .flex-column-reverse-mobile {
        flex-direction: column-reverse;}

    .paragrafo-font {
        font-size: 18.4px!important;}
  
    div#sezione-copyright footer div p {
        font-size: 16px!important;}

    .dati-footer ul li p {
        margin-bottom: 12px!important;}

    #button-prodotti,
    .button-color, 
    .button-color-2,
    #button-prodotti-just-in-time {
        font-size: 18px!important}

    a#button-prodotti-just-in-time,
    a#button-prodotti {
        width: max-content;}

    .form-container {
        padding-top: 40px;}

    .form-contatti {
        padding-top: 20px;}

    #informativa-privacy,
    div#contenitore-1-melaminico,
    div#contenitore-2-melaminico,
    div#contenitore-1-pet,
    div#contenitore-2-pet,
    div#contenitore-3-pet,
    div.contenitore-1-5pz,
    div.contenitore-2-5pz {
        padding-top: 30px;}

    .img-d-none-mobile {
    display: none;}

    .icon-text {
        padding-left: 1rem;}

    div#sezione-contatti-mappa {
        padding-left: 10px;
        padding-right: 10px;}

    div#sezione-contatti-mappa div iframe {
        height: 250px;}

    .icon-sostenibilita,
    .icon-azienda,
    .icon-just-in-time {
        margin-bottom: 50px;}

    .icon-sostenibilita,
    .icon-azienda {
        align-items: start;}

    .icon-sostenibilita p,
    .icon-azienda p {
    text-align: start!important;}

    .icon-just-in-time {
        padding-left: 30px;
        padding-right: 30px;}

    .content-slider {
        justify-content: center;}

    .animation-img img.img-ante {
        width: 150px;}

    .animation-img {
        max-width: min-content;
        min-width: min-content;}

    .sezione-prodotti-singoli-bottone div div div {
        width: max-content;}

    .animation-img:nth-child(1) {
        left: -30px;}

    .animation-img:nth-child(5) {
        right: -30px;}

    #button-arrow-prodotti-right,
    #button-arrow-prodotti-left {
        top: 40%;}

    .animation-img h3 {
        font-size: 1.1em;}

    #sezione-carosello-prodotti {
        height: auto;}

    #copyright-footer {
        font-size: 15px!important;}

    ul.menu_dropdown {
        position: static;}
        
    ul.menu_dropdown,
    ul.menu_dropdown li {
        width: 100%!important;}

    .blc-img-colori {
        margin-right: 10px;
        width: 45px;}

    .blc-img-colori p {
        font-size: 14px;}

    .fancybox-caption {
        padding-left: 30px!important;
        padding-right: 30px!important;}

    div#section-azienda-img {
        background-position: right;
        padding: 70px 0 70px 0;}

    div#header-sostenibilita-img {
        background-position: center;}

    div#sezione-sostenibilita-icone {
        display: none;}

    div#contenitore-sostenibilita-sezione-1,
    div#contenitore-sostenibilita-2,
    div#contenitore-sostenibilita-4 {
        padding-left: 0;
        padding-right: 0;}

    div#carousel-homepage,
    img#img-d-none-mobile-azienda {
        display: none;}

    div#section-homepage-img-desktop {
        padding: 120px 0 120px 0;}

}


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