/* MENU MOBILE */
#menu-display {
    position: absolute;
    top: 25px;
    right: 15px;
    margin: 0px;
    width: 53px;
    height: auto;
    display: none;
}

#menu-display div span {
    color: #ffffff;
    margin-top: 2px;
    display: block;
    font-weight: bold;
}

.circle-text {width:55px;min-width: 30px;min-height: 30px;float: right;margin-top: 2px;margin-right: 15px;cursor: pointer;}
.circle-text:after {content: "";display: block;width: 100%;height:0;padding-bottom: 100%;background: #c62127;-moz-border-radius: 10%;-webkit-border-radius: 10%;border-radius: 10%;}
.circle-text div {float:left;width:100%;padding-top:39%;line-height:1em;margin-top:-1.4em;text-align:center;color:white;}
.circle-text div hr{border: 0;height: 2px;background: white;width: 60%;margin:7px auto;}
.circle-text div a{display: block;width: 100%;height: 100%;cursor: pointer;}

ul.mobile-menu {
    width: 100%;
    list-style: outside none none;
}

ul.mobile-menu .selected {
    color: #C7AB83;
    padding: 10px 0px;
}

ul.mobile-menu li {
    display: block;
    border-bottom: 1px dotted #FFF;
    padding: 8px 0px 10px;
}

ul.mobile-menu li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100%;
    padding: 0px 0px 0px 10px;
    box-sizing: border-box;
}


.showmobile { display: none; }
.hidemobile { margin-right: 0 !important; }
.logodesktop { display: block; }
.logomobile { display: none; }
.logodesktop2 { display: block; }
.logomobile2 { display: none; } 

@media only screen and (max-width: 1500px) {

}

@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 1200px) {
    .clearb65 { height: 15px; }
    .blocco1 { width: 40%; padding-bottom: 30px; }
    .blocco2 { width: 60%; }
    .blocco3 { width: 40%; padding-bottom: 30px; }
    .blocco3.fix2 { padding-top: 20px; }
    .bgvideo { padding-left: 30px; margin-top: 30px; }
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1000px) {
    .header_right { display: none; }
    .header_left { width: 100%; background-size: cover; background-position: bottom center; }
    .header_payoff { width: 100%; position: absolute; z-index: 100; }
    .header_msg { position: absolute; bottom: 5%; left: 0px; right: 0px; margin: 0px auto; }
    #logo { margin-top: 0px; position: absolute; right: 0; z-index: 999; }
    .frecce_mobile { display: block; margin: 0 auto; margin-bottom: 15px; margin-top: -12px; }
    .gg2 { width: 33%; }
    .gg3.fixmobile { float: left; margin-top: -58px; }
    .inp1, .citta, .indirizzo { width: 100% !important; margin-right: 0px; }
    .cap { width: 48%; margin-right: 1%; }
    .gg2.bggrey { padding: 2% !important; }
    .logointerno { }
    .header_payoff.interno { width: 60%; }
    #barra_login.interno { min-height: 73px; }
}

@media only screen and (max-width: 950px) {

}

@media only screen and (max-width: 900px) {
    ul.mobile-menu { display: none !important; }
    
    .blocco1 { width: 41%; }
    .blocco2 { width: 59%; }
    .blocco3 { width: 41%; padding-right: 30px; }
    .blocco2 img { margin-top: 7%; }
    .titoloBig1 span { font-size: 2.2rem; }
    .puntii { margin-left: 0px; }

    ::-moz-selection {
    background: #ffffff;
    text-shadow: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    }
    
    ::selection {
        background: #ffffff;
        text-shadow: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
        -webkit-tap-highlight-color: transparent;
    }
    
    *{
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
        -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
        outline: none !important;
    }
    
    #formContatti2 input, #formLavoraConNoi input { width: 95%; }
    #formContatti2 textarea, #formLavoraConNoi textarea { width: 98%; }
}

@media only screen and (max-width: 800px) {

    #barra_login { height: auto; min-height: 59px; float: left; padding: 5px 20px;  }
    .loggg { display: block; float: left; width: 33%; }
    .loggg span { float: left; }
    #formLogin { float: left; }
    #formLogin input { margin: 5px 0 0 0; width: 95%; }
    #formLogin input[type="submit"] { margin-top: 5px !important; }
    #logo { max-width: 30%; background-color: #7B7D7C; }
    .fixmobile1, .fixmobile3 { display: none; }
    .fixmobile2, .fixmobile4 { display: block; width: 100%; }
    .blocco2.fixmobile2 img, .blocco2.fixmobile4 img { margin-top: 0px; margin-left: 3%; float: none; }
    .blocco2.fixmobile5 { width:  100%; }
    .blocco2.fixmobile5 img { float: none; margin: 0 auto; display: block; margin-top: -24px; }
    .blocco3 { width: 98%; }
    .blocco_txt { font-size: 1.6rem; line-height: 2.4rem; }
    .blocco1 .s1 { font-size: 1.7rem; }
    .puntii ul li { font-size: 1.4rem; }
    .box_payoff_footer { width: 95%; margin-top: 79px; }
    .maglietta2 { right: 0; left: 0; margin: 0 auto; top: -145px; }
    .box_payoff_footer span.s1 { font-size: 4.5rem; line-height: 4rem; }
    .box_payoff_footer span.s2 { font-size: 2.6rem; line-height: 3.5rem; }
    .box_payoff_footer span.s3 { font-size: 2.4rem; }
    .header_left_full { height: 310px; }
    .menu_top ul { margin-top: 0px; }
    .menu_top ul li { border-right: 0; border-bottom: 1px solid white; margin-bottom: -1px; }
    .four, .fourperfect  { float: right; }
    .interno { display: flex; 
    display: -webkit-box; 
    display: -ms-flexbox;
    display: -webkit-flex; 
    flex-direction: column;
    -webkit-flex-direction: column; }
    .interno .four, .interno .fourperfect { order: 2; width: 100% !important; }
    .interno .eight { order: 1; width: 95% !important;  margin-left: 3%; }
    .interno .eightperfect { order: 1; width: 95% !important; margin-left: 1%; }
    .menu_left.puntii { width: 95%; margin-top: 0px; margin-left: 3%; }
    .clearb30 { height: 15px; }
    .logocontatti { display: none !important; }
    .contactxt, .contactxt2 { width: 46% !important; margin-left: 0px; padding-left: 0px; }
    .mobile-menu{ box-sizing: border-box; padding:20px; background: rgb(219, 68, 81); background: rgba(210, 38, 53, .85); display: block; height: 100%; left: -250px; overflow: auto; position: fixed; top: 0; width: 250px !important; z-index: 999999; }
	.mobile-menu-bg{ background-color: #000000; display: none; height: 100%; left: 0; opacity: 0.4; position: fixed; top: 0; width: 100%; z-index: 999998; }
    #menu-display{ display: block; top: 0; margin-top: 1%; z-index: 999; }
    ul.mobile-menu  { display: block !important; }
    .menu_top { display: none; }
    .puntii.desktop { display: none !important; }
    

}

@media only screen and (max-width: 700px) {
    .header_payoff span.s1 { font-size: 3.3rem; line-height: 3.3rem; }
    .header_payoff span.s2 { font-size: 2.8rem; line-height: 2.8rem; }
    .header_payoff span.s3 { font-size: 2rem; line-height: 2.2rem; }
    .header_payoff span.s4 { font-size: 1.8rem; line-height: 1.8rem; }
    .blocco1.fixmobile7 { width: 100%; padding-left: 20%; padding-top: 7%; }
    .fixmobile8 { width: 100%; }
    .fixmobile8 img { margin-top: 0px; }
    .bgvideo { padding-left: 0px; }
    .header_left_full #logo { left: 0; max-width: 30%;  }
    .header_left_full #logo.kkk { left: auto; max-width: 30%;  }
    .header_payoff.interno { right: 0; }
    #formContatti2 input, #formLavoraConNoi input { width: 95%; }

}

@media only screen and (max-width: 640px) {
    .loggg { width: 50%; }
    .loggg.v2 { width: 100%; padding-bottom: 5px; }
    .loggg span { float: right; display: block; margin-top: 5px;}
}

@media only screen and (max-width: 549px) {
    #barra_login { padding: 5px 10px; }
    #formLogin { width: 50%; float: left; }
    .loggg { width: 100%; text-align: left; margin-bottom: 5px; }
    .loggg span { }
    .header_left { height: 545px;  }
    #logo { top: 0; margin-top: 0px; max-width: 39%; }
    .header_payoff { width: 100%; position: absolute; z-index: 100; margin-top: 0px; }
    .header_msg { width: 87%; bottom: 11%; }
    .eight img, .eightperfect img { max-width: 100%; float: none !important; display: block ; margin: 0 auto; margin-bottom: 20px; }
    ul.lirojo.fix2 { width: 100%; }
}


@media only screen and (max-width: 450px) {

}

@media only screen and (max-width: 400px) {
    .container { width: 100%; }
    .header_left { height: 505px;  }
    #logo { right: 10px; top: 102px; max-width: 18%; }
    .header_msg { font-size: 1.4rem; line-height: 1.8rem; bottom: 11%; }
    .header_msg span { font-size: 1.6rem; }
    #formLogin { width: 100%; }
    #formLogin input[type="submit"] { width: 48%; margin-left: 0px !important; }
    .loggg { width: 50%; }
    .loggg.v2 { width: 100%; }
    .header_payoff span.s1 { font-size: 3rem; line-height: 3.3rem; }
    .header_payoff span.s2 { font-size: 2.6rem; line-height: 2.8rem; }
    .header_payoff span.s3 { font-size: 2rem; line-height: 2.2rem; }
    .header_payoff span.s4 { font-size: 1.8rem; line-height: 1.8rem; }
    .blocco1.fixmobile7 { width: 100%; padding-left: 15%; padding-top: 6%; }
    .blocco2.fixmobile2 img, .blocco2.fixmobile4 img { margin-left: 0px; }
    .blocco2.fixmobile5 img { margin-top: 0px; margin-bottom: 20px; }
    .blocco_txt { padding-right: 0px; }
    .box_payoff_footer span.s1 { font-size: 4rem; line-height: 3.8rem; }
    .box_payoff_footer span.s2 { font-size: 2rem; line-height: 2.4rem; }
    .box_payoff_footer span.s3 { font-size: 2rem; line-height: 2.4rem; }
    .gg2 { width: 100%; padding-left: 20px; padding-right: 20px; }
    .gg2.bggrey { margin-top: 20px; padding: 20px !important; }
    .gg3.fixmobile { margin-top: 10px; float: right; margin-right: 25px; }
    .fixxxxx { display: none; }
    .fixxxxx2 { display: block; float: left; width: 100%; padding-left: 16px; }
    .lll { margin-left: 20px; }
    .fixxxxx2 strong { float: right; margin-right: 20px; }
    .header_left_full { height: 220px; }
    .header_payoff.interno { width: 100%; padding-right: 27%; padding-bottom: 20px; }
    .header_payoff.interno span { font-size: 1.6rem !important; line-height: 2.3rem !important;  }
    .header_payoff.interno span.s4 { font-size: 1.4rem !important; }
    .header_left_full #logo { right: 0; left: auto; top: 78px; max-width: 25%; }
    .consigli { flex-direction: column; -webkit-flex-direction: column; }
    .consigli p { max-width: 100%; order: 2; }
    .consigli img { order: 0; }
    .header_left_full #logo.kkk { max-width: 19%; top: 102px; }
    .box_video { width: 100%; margin-right: 0px; }
    .box_imgg { width: 50%; margin-right: 0px; }
    .play_button { top: 32%; left: 44%; }
    .contactxt, .contactxt2 { margin-left: 0px; padding-left: 0px; font-size: 1.2rem; }
    .contactxt2  { margin-right: 5%; } 
    .colContatti, .colContatti2 { width: 100%; }
    #formContatti2 input { width: 98%; }
    #formContatti2 textarea, #formLavoraConNoi textarea { width: 98%; }
    .box_video span { min-height: 0; margin-bottom: 20px; padding-left: 8px; }
}

@media only screen and (max-width: 350px) {
    .header_left { height: 565px;  }
    .header_msg { bottom: 12%; }
    #logo { top: 102px; max-width: 16%;  }
    #formLogin input[type="submit"] { margin-right: 0px !important; }
    .header_payoff span.s1 { font-size: 2.6rem; line-height: 2.8rem; }
    .header_payoff span.s2 { font-size: 2.4rem; line-height: 2.6rem; }
    .headd { margin-right: 80px; }
}


/* TESTATE */