pre.debug{
    background-color:#000;
    color:#FAA00C;
    width:960px;
    font-family:monospace;
    font-size:12px;
    margin:auto;
    text-align:left;
    padding:20px;
    margin-bottom:20px;
}

pre.debug strong{
    font-family:monospace;
    font-size:12px;
    color:#FAA00C;
}

.txt2{
    text-indent:-9999px;
    height:1px;
}

.modal{
    z-index:15000;
}

.modal-dialog{
    z-index:15001;
}

#preventivoSpese{
    position:relative;
    left:0;
}

.areaRiservata .boxPreventivo{
    padding-bottom:3em;
}

/*
.corrieriDisponibili{
    background-color:#fff;
    padding:2em;
    display:none;
}*/

/* nel profilo utente se non metto queste regole è tutto un po' scombinato, da rivedere */

/* Questo mancava, serve per metteere il bottone del cestino di fianco all'indirizzo nel processo di checkout */
.box2 .lineaIndirizzo span.delAddr{
    display:block;
    height:2.5em;
    width:3em;
    float:left;
    margin:0.5em 0 0.5em 1%;
}

.box2 .lineaIndirizzo span.content{
    display:block;
    float:left;
    height:2.5em;
    width:50%;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0.5em 0 0.5em 25%;
}

/** se non metto questo le condizioni di vendita non sono a finaco al checkbox (ho aggiunto anche classe checkbox-inline al check) **/
label.condizioni_vendita{
    display:inline-block !important;
}

/* tecnica honepot */
.hp{
    height:1px;
    text-indent:-9000px;
}

.coupon #note{
    width:95%;
    margin:auto;
    height:120px;
}

.banner{
    cursor:pointer;
}

/**{display:none !important;}*/

#topMnu,#footer,#socials,#categorie,#contHeader,#ricercaHome{display:none;}
#introShop:after{background-image:none !important;}
#introShop:before{border-top:none !important;}

#frmQuestionario input[type="text"],
#frmQuestionario input[type="email"],
#frmQuestionario input[type="tel"],
#frmQuestionario textarea,
#frmQuestionario select{width:50%;
                      padding:10px;
                      margin-bottom:20px;
                      color:#424242;}

/*#recensioniSk{margin-top:80px;}*/

#recensioniSk h1{color:#3c52a7;}

#upy-questionario-form{display:block;
                       }

.upy-questionario-form{width:50%;
                       background-color:#3c52a7;
                       color:white;
                       padding:10px;
                       border:1px #3c52a7 solid;}

.upy-questionario-form:hover{background-color:#20327a;
                             /*border:1px #3c52a7 solid;
                             color:#3c52a7;*/}

#introShop p{margin-bottom:5px !important;
             width:50%;
             padding:0 !important;
             text-align:left !important;
             color:white;}

#frmQuestionario label{color:white;}

#frmQuestionario .foot{width:50%;
                       text-align:left !important;}

#recensioniSk{border-top:none !important;}

/*body{background-color:#ffffff !important;
     background-image:none !important;}*/
body.bodyHome{
    background-color: black !important;
    background-image:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family: "Raleway",sans-serif;
}
body.bodyBase{/*background-color:#262626 !important;*/
     background-color: white !important;
     background-image:none !important;
     margin:0 !important;
     padding:0 !important;
     font-family: "Raleway",sans-serif;
}

body.iframeBody{
    background-color: transparent !important;
}

#wrapper{height:900px !important;
         background-repeat: no-repeat;
         background-origin: content-box;
         background-size: 100%;
         border-top:none !important;
         background-color:#afafaf !important;
         }

.main{width:100% !important;}

.row-sk,#headerSk,#introShop{width:1100px;
        margin:0 auto;
        }



#headerSk{text-align:left !important;
          padding-top:10px;
          background-color: white}

.col-sk-4{float:left;
          width:25%;}

.clear-sk{clear:left;}

.black{padding:30px 0px;
       width:100%;
       background-color:black;
       }

.whiteSk{color: #ffffff !important;
    font-size: 45px;
    line-height: 60px;
    margin-top:20px;
    margin-bottom:20px;}
h1{
    font-size: 40px;
    line-height: 50px;
}
h2{
    font-size: 35px;
    line-height: 40px;
}
.darkSk{color: #262626 !important;
    line-height: 60px;
}

.black p{color:gray !important;}

.upy{width:100px;}

.footer{
    color:white;
}
.footer{padding-top:60px;
        padding-bottom:60px;
        background-color:#262626;}
.footer .col-sk-4{text-align:left !important;}
.footer .col-sk-4 h4{color:white !important;
                     text-transform: uppercase;
                     font-size:15px;
                     font-weight: 600;
                    letter-spacing: 1px;}
.footer .col-sk-4 div{color:#818181 !important;
                      font-size: 16px;
                      line-height: 26px;
                      font-weight: 400;}
.footer a{color:#818181 !important;}
.footer a:hover{color:white !important;}

.social{
    display: inline-block;
    height: 29px;
    width: 31px;
    background-position: 0 0;
    background-repeat: none;
    padding: 0;
    margin-top: 0;
    line-height: 29px;
    margin-left: 0em;
}


.iframeDiv{
    max-width:1024px;
    margin: 0 auto;
}

.iframeForm{
    padding-top:40px;
}

.iframeForm .btn{
    margin-top:20px;
}

.iframeForm select,
.iframeForm input[type="text"],
.iframeForm select,
.iframeForm textarea{
    width:100%;
    padding:5px;
    background-color: transparent;
    border: 1px #ebebeb solid;
    padding: 5px;
}

.iframeForm textarea{
    height:140px;
}

.iframeDiv .row{
    padding-bottom:20px;
}

.imgHome{
    width:100%;
}

#introShop{
    padding:0 !important;
}

#headerSk img{
    max-height:60px;
    margin-bottom:10px;
    margin-left:5px;
}

.hideSk{
    display:none !important;
}

.bg-ariete{
    background-color: #e0edf8 !important;
}
.bg-finestre{
    background-color: #f8e6c8 !important;
}
.bg-tigullio{
    background-color: white !important;
}

/*header.bg-ariete a{*/
/*    color: #2e90ce;*/
/*}*/
/*header.bg-finestre a{*/
/*    color: #f9ae3b;*/
/*}*/
/*header.bg-tigullio a{*/
/*    color: black;*/
/*}*/

header a{
    color:black !important;
    font-weight: 600;
}

.bg-white{
    background-color: white !important;
}

.sectionHome{
    margin-top:-5px;
}
.containerHome{
    margin: 0 auto;
    text-align: center;
}
.containerHome h1{
    margin:0;
    line-height: 35px;
    padding:40px 20px;
    font-size: 30px;
}

@media (max-width: 1100px) {
    .row-sk,#headerSk,#introShop{width:100% !important;}

    .col-sk-4{clear:left;
              width:100%;
              padding:20px 10px;
              }

    #recensioniSk{padding:10px;}
}



@media (max-width: 767px) {

    #introShop p,.upy-questionario-form,
    #frmQuestionario input[type="text"],
    #frmQuestionario input[type="email"],
    #frmQuestionario input[type="tel"],
    #frmQuestionario textarea,
    #frmQuestionario select,
    #frmQuestionario .foot{width:100%;}

    h1.whiteSk{font-size:28px;
               line-height:30px;
               margin-top:20px;
               margin-bottom:20px;}

    #wrapper{height:1200px !important;}

    #headerSk img {
        max-width: 80%;
    }

    .imgHome {
        height: 55vh; /* Mezzo schermo in altezza */
        object-fit: cover; /* Mantiene il riempimento e ritaglia l'immagine */
        width: 100%; /* Assicura che occupi tutta la larghezza */
    }
}

@media (max-width: 500px) {
    #wrapper{height:1000px !important;}
}