.buttonBlack {
    margin: 20px 0 0;
    padding: 10px 13px;
    border: solid 2px #000;
    display: block;
    color: #fff;
    background-color: #000;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box
}

    .buttonBlack:focus, .buttonBlack:hover {
        color: #f50f10;
    }

.buttonBlack--Arrow {
    color: #fff;
    display: inline-block;
    padding-right: 60px;
    background: #000 url(../img/icon/ArrowNext-W.svg) no-repeat right 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .buttonBlack--Arrow:focus, .buttonBlack--Arrow:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowNext-R.svg) no-repeat right 7.5px center #000;
        border: solid 2px #000;
        background-size: 36px auto;
    }

.buttonBlack--ArrowLeft {
    color: #fff;
    display: inline-block;
    padding-left: 60px;
    background: #000 url(../img/icon/ArrowBack-W.svg) no-repeat left 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .buttonBlack--ArrowLeft:focus, .buttonBlack--ArrowLeft:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowBack-R.svg) no-repeat left 7.5px center #000;
        border: solid 2px #000;
        background-size: 36px auto;
    }

.buttonWhite {
    border-radius: 10px;
    margin: 20px 0 0;
    padding: 10px 13px;
    border: solid 2px #fff;
    display: block;
    color: #e20613;
    background-color: #fff;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box
}

    .buttonWhite:focus, .buttonWhite:hover {
        color: #e20613;
    }

.buttonWhite--Arrow {
    color: #e20613;
    display: inline-block;
    padding-right: 60px;
    background: #fff url(../img/icon/ArrowNext-R.svg) no-repeat right 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .buttonWhite--Arrow:focus, .buttonWhite--Arrow:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowNext-R.svg) no-repeat right 7.5px center #fff;
        border: solid 2px #fff;
        background-size: 36px auto;
    }

.buttonRed {
    border-radius: 10px;
    margin: 20px 0 0;
    padding: 10px 13px;
    border: solid 2px #e20613;
    display: block;
    color: #000;
    background-color: #e20613;
    font-weight: 900;
    text-decoration: none;
    box-sizing: border-box
}

    .buttonRed:focus, .buttonRed:hover {
        color: #fff;
    }

.buttonRed--Arrow {
    color: #fff;
    display: inline-block;
    padding-right: 60px;
    background: #e20613 url(../img/icon/ArrowNext-W.svg) no-repeat right 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .buttonRed--Arrow:focus, .buttonRed--Arrow:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowNext-W.svg) no-repeat right 7.5px center #e20613;
        border: solid 2px #e20613;
        background-size: 36px auto;
    }

.buttonRed--ArrowLeft {
    color: #fff;
    display: inline-block;
    padding-left: 60px;
    background: #e20613 url(../img/icon/ArrowBack-W.svg) no-repeat left 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .buttonRed--ArrowLeft:focus, .buttonRed--ArrowLeft:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowBack-W.svg) no-repeat left 7.5px center #e20613;
        border: solid 2px #e20613;
        background-size: 36px auto;
    }

.bgWhite {
    background-color: #fff !important
}

.borderRightGrey {
    border-right: 1px solid #d2d2d2
}

.noMar {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.noRadius {
    border-radius: 0px !important;
}

.h1Home {
    font-size: 40px;
    font-weight: 900;
    margin: 20px 0px;
}

.h2Home {
    font-size: 23px;
    font-weight: 400
}

.h2HomeBold {
    font-size: 23px;
    font-weight: 800;
    margin-top: 10px;
}

.bigButton {
    font-size: 23px;
    font-weight: 900;
    margin-bottom: 20px;
}

.largeButton {
    font-weight: 100;
    letter-spacing: 6px;
}

.bigIcona {
    font-size: 65px;
    color: #e20613;
}

.bigIconaImg {
    width: 80px;
    padding-bottom: 10px;
}

.prenotaHeader {
    background-color: #000;
    color: #fff;
    padding: 10px 30px
}

    .prenotaHeader:hover {
        color: #d50000;
    }

.sfondoRosso {
    width: 100%;
    background-image: url(/images/sfondoHome.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.sfondoNero {
    width: 100%;
    background-color: #333333;
}

.sfondoBianco {
    width: 100%;
    background-color: #fff;
}

.sfondoGrigioChiaro {
    width: 100%;
    background-color: #e6e6e6;
}

.sfondoGrigioScuro {
    width: 100%;
    background-color: #cccccc;
}

.testoLight {
    font-weight: 300
}

.testoLinkato {
    color: #333333;
    text-decoration: underline;
}

    .testoLinkato:hover {
        color: #d50000;
        text-decoration: underline;
    }

.flexBoxCenter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexBoxAround {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.divTable {
    display: table;
    width: 100%;
}

.divTableCell {
    display: table-cell;
}

.lineaRossa {
}

/*Slide*/
.divSlideDesktop {
    display: block !important;
}

.divSlideMobile {
    display: none !important;
}

.slideHome {
    width: 100% !important;
    margin: 0 !important;
    cursor: default !important;
}

.imgPromoDesktop {
    display: block !important;
    width: 100%;
}

.imgPromoMobile {
    display: none !important;
}

#sliderPromoDesktop {
    display: flex;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}

#sliderPromoMobile {
    display: none;
}

/*Accedi Slide*/
.accediSlider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    min-width: 450px;
    background-color: #e20612;
    color: #fff;
    overflow: hidden;
}

.parte1AccediSlider {
    width: 60%;
    height: 55%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25%;
}

.titoloAccediSlider {
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}

.campiAccediSlider {
    width: 100%;
    margin: 10% 0px;
}

.campoAccediSlider {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 91%;
    font-size: 18px;
    padding: 5% 4%;
    margin: 5px 0px;
    color: #fff;
    text-align: center;
}

.bottoneAccediSlider {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.parte2AccediSlider {
    width: 100%;
    height: 18%;
    background-color: #b01817;
    padding-top: 10%;
}

.testo2AccediSlider {
    font-size: 18px;
    color: #fff;
    width: 85%;
    margin-left: 15%;
}

.linkAccediSlider {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
}

.campoAccediSlider::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.campoAccediSlider:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.campoAccediSlider::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.prenotaMobile {
    width: 100%;
    background-color: #e20612;
    color: #fff;
    text-align: center;
    display: none;
}

.parte1PrenotaMobile {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.lineaBiancaPrenotaMobile {
    width: 70px;
    border-bottom: 6px solid #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.titoloPrenotaMobile {
    font-size: 35px;
    font-weight: 900;
}

.sottotitoloPrenotaMobile {
    font-size: 18px;
    font-weight: 400;
}

.parte2PrenotaMobile {
    width: 100%;
    background-color: #b01817;
}

.contenitorePrenotaMobile {
    width: 70%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.titolo2PrenotaMobile {
    font-size: 18px;
    font-weight: 400;
}

.dimensioneTitoloPrenotaMobile {
    font-size: 35px;
    font-weight: 900;
}

/*Homepage*/
.titoloHome {
    width: 100%;
    text-align: center;
    margin: 90px 0px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.bandaLogo {
    background-color: #fafafa;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.sfondoTestiHome {
    background-image: url(/images/sfondoHome.jpg);
    background-color: #fff;
    background-position: center 70px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 70px;
}

.sfontoTestoHome1 {
    background-color: #333333;
    width: 100%;
    padding: 50px 0px;
    text-align: center;
}

.boxTestoHome1 {
    width: 90%;
    font-size: 25px;
    color: #fff;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 900;
}

.divDivisoreTriangoloHome {
    background-color: #fff;
    width: 100%;
    text-align: center;
}

.sfontoTestoHome2 {
    background-color: #fff;
    width: 100%;
    padding: 40px 0px;
    text-align: center;
}

.boxTestoHome2 {
    width: 90%;
    font-size: 25px;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 900;
}

.divDivisoreBarraRossaHome {
    background-color: #fff;
    width: 100%;
    text-align: center;
}

.barraRossaHome {
    border-bottom: 10px solid #e20613;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.divBoxHome {
    padding: 70px 0px;
}

.boxHome {
    width: 24%;
    text-align: center;
}

.divisoriBoxHome {
    border-right: 1px solid #8c8c8c;
    border-left: 1px solid #8c8c8c;
}

.divisoreBoxHome {
    border-right: 1px solid #8c8c8c;
}

.imgBoxHome {
    width: 100px;
    padding-bottom: 15px;
}

.titoloBoxHome {
    font-weight: 800;
    font-size: 20px;
    padding-bottom: 15px;
}

.divisoreRossoBoxHome {
    width: 70px;
    border-bottom: 2px solid #f50f10;
    margin-left: auto;
    margin-right: auto;
}

.testoBoxHome1 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
    font-size: 16px;
    padding-top: 15px;
}

.testoBoxHome2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    font-size: 16px;
    padding-top: 15px;
}

.testoBoxHome3 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    font-size: 16px;
    padding-top: 15px;
}

.testoBoxHome4 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    font-size: 16px;
    padding-top: 15px;
}

.boxHomeRegistrazione {
    width: 90%;
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    padding: 50px 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgBoxHomeRegistrazione {
    width: 70%;
    max-width: 250px;
    padding-bottom: 30px;
}

/*Popup Reset Pwd*/
.padResetPwd {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.iconaResetPwd {
    width: 100%;
    padding-top: 60px;
    text-align: center;
}

.titoloResetPwd {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    color: #e20613;
}

.divisoreResetPwd {
    width: 70px;
    padding-top: 15px;
    border-bottom: 1px solid #333333;
    margin-left: auto;
    margin-right: auto;
}

.sottotitoloResetPwd {
    width: 100%;
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    padding-top: 15px;
}

.testoResetPwd {
    width: 100%;
    font-size: 16px;
    padding-top: 15px;
}

.campoResetPwd {
    width: 50%;
    margin-top: 10px;
    padding: 0px 2%;
    background-color: #f2f2f2;
    height: 35px;
    border-radius: 5px;
    font-size: 20px;
    border:2px solid #333333;
}

.esitoResetPwd {
    width: 100%;
    font-size: 18px;
    padding-top: 30px;
}

/*Registrazione*/
.sfondoNeroRegistrazione {
    height: 150px;
}

.sfondoRegistrazione {
    background-image: url(/images/sfondoHome.jpg);
    background-color: #333333;
    background-position: center 70px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 70px;
}

.padRegistrazione {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.divIconaRegistrazione {
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

.h1Registrazione {
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #e20613;
}

.boxCampoRegistrazione {
    width: 48%;
    padding-top: 20px;
}

.campoRegistrazioneGrigio {
    width: 96%;
    margin-top: 10px;
    padding: 0px 2%;
    background-color: #f2f2f2;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    border: none;
}

.campoRegistrazioneBianco {
    width: 96%;
    margin-top: 10px;
    padding: 0px 2%;
    background-color: #fff;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    border: none;
}

.dropRegistrazioneGrigio {
    width: 100%;
    margin-top: 10px;
    padding: 0px 2%;
    background-color: #f2f2f2;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    border: none;
}

.divDivisoreTriangoloRegistrazione {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.sottotitoloRegistrazione {
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    padding-top: 40px;
}

.sottotitolo2Registrazione {
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
}

.titoloSelezioneRegistrazione {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    padding-top: 10px;
}

.sceltaSettoreRegistrazione {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.imgSceltaSettore {
    width: 90%;
    max-width: 200px;
    padding: 10px 5px 0px 5px;
    cursor: pointer;
}

.iframeItalia {
    width: 100%;
    height: 400px;
    background-color: #ffffff;
    padding: 20px 0px;
}

.testoObbligatorioRegistrazione {
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 0px 40px 0px;
}

.bottoneResistrazione {
    width: 100%;
    text-align: center;
    padding: 20px 0px 40px 0px;
}

/*home*/
a{
    color:inherit;
}
.col {
    width: 100%;
    display: block;
    padding: 5px;
}

.divLineNews {
    padding: 45px 0;
    margin: auto;
    display: inline-block;
    width:auto;
}

.textLine {
    display: inline-block;
    width: 50%;
}

.line {
    background: #ccc;
    height: 2px;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
    width: 20%;
    position: relative;
    top: -20px;
}
.divTitleNews {
    padding: 45px 0;
    width:100%;
    max-width: 750px;
    margin: auto;
}
.ptTitle{
    font-weight: bold;
    font-size: 25px;
}
.italics {
    font-size: 22px;
    font-style: italic;
}
.container{
    display:block;
}
.container *{
	box-sizing: border-box;
}

.row{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

.backgoundIntro {
    padding: 0;
    
}
.backgoundIntro img{
	width:100%;
}
.mobile-head{
	display: none;
}

.titleHead{
    font-size:24px;
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom: 5px;
    display:block;
}

.subtitleHead {
    font-size:22px;
}

.header{
    width:100%;
    text-align:center;
    padding:45px;
	box-sizing: border-box;
}

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

.item-home {
    width: 30%;
    padding: 30px;
    display: inline-block;
    margin-bottom: 45px;
	box-sizing:border-box;
}

.item-home-2 {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.grossisti-items .item-home{
	width: 25%;
}

.titleProdHome {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
}

.subtitleProdHome {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
}

.img{
    max-width:100%;
    display:block;
    vertical-align:middle;
}

.img-center{
    margin: 0 auto;
    text-align:center;
}

.riga{
    height:2px;
    background:#d50000;
    width:50px;
    margin:15px auto;
    display:block;
}

.calendarDiv {
    width: 100%;
    text-align: center;
    padding: 0 45px 45px 45px;
    background: #E9E9E9;
	box-sizing:border-box;
}

.calendarDivDown {
    width: 100%;
    text-align: center;
    background: #333333;
}

.divNews {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.divImgNews {
    width: 500px;
    text-align: center;
    padding: 15px;
    display: inline-block;
}

.divInfoNews {
    width: calc(100% - 520px);
    padding: 15px;
    display: inline-block;
}

.dateNews{
    font-weight:bold;
    width:100%;
    display:block;
    font-size: 15px;
}

.titleNews{
    color:#d50000;
    text-transform:uppercase;
    font-weight:bold;
    font-size:24px;
    display:block;
    width:100%;
    padding: 30px 0;
}

.categoryNews{
    font-style: italic;
}

.DescNews{
    width:100%;
    display:block;  
}

.linkNews {
    color: #d50000;
    font-weight: bold;
    font-size: 20px;
    display: block;
    width: 100%;
    padding-top: 30px;
    text-decoration:underline;
}

.buttonNews {
    width: 250px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    background: #fff;
    vertical-align: middle;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 30px;
    cursor:pointer;
}

/*calendario*/
.popCalendario {
    padding: 30px 30px 25px 30px;
    background-color: #FFFFFF;
    border: 1px solid #333333;
}
#datepicker {
    background-color: #ffffff;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    top: -65px;
}
#datepicker > div{
	box-sizing: border-box;
}
.ui-datepicker-inline .ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all {
    max-width: 750px !important;
    width: 100% !important;
}
.ui-datepicker {
    max-width: 750px !important;
    width: 100% !important;
    padding: 2em 2em 0 !important;
    border: 0px !important;
}

.ui-widget-header {
    padding: 7px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px;
}

.ui-state-default {
    padding: 10px !important;
}

.ui-datepicker table {
    font-size: 13px;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 16px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

.ui-datepicker-today {
    border: 1px solid #228B22 !important;
    background: #228B22 !important;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    border: 1px solid #ED1C24;
    background: #ED1C24;
    color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none;
    background: #F6F6F6;
}

/*Check Informativa*/
.titoloInformativa {
    width: 100%;
    font-size: 14pt;
    font-weight: 900;
    text-transform: uppercase;
    padding-top: 30px;
}

.sottotitoloInformativa {
    width: 100%;
    font-size: 12pt;
    font-weight: 900;
    padding-bottom: 20px;
}

.testoInformativa {
    width: 100%;
    font-size: 12pt;
    padding-bottom: 20px;
}

.radioInformativa label {
    margin-left: 10px;
}

.iconaCap {
    width: 100%;
    text-align: center;
    color: #e20613;
    font-size: 50px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.testoCap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 24px;
}

.bottoneCap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.inputCap {
    width: 150px;
    height: 32px;
    font-size: 22px;
}

.bgConsulenza {
    background-color: #333333;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.testoConulenza {
    color: #fff;
}

.bandaSottomenu {
    background-color: #000;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.ulSottomenu {
    list-style: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

    .ulSottomenu > li {
        display: inline-block;
    }

        .ulSottomenu > li + li:before {
            content: "/ ";
            padding: 0 5px;
            color: #ccc;
        }

        .ulSottomenu > li > a {
            text-decoration: none;
            color: #fff;
        }

.secondPageHeadHp {
    width: 100%;
    height: 445px;
    background-image: url(/images/bg_installatori.jpg);
    background-size: cover;
    background-position: center;
}

.secondPageHeadDiventa {
    width: 100%;
    height: 445px;
    background-image: url(/images/bg_diventa.jpg);
    background-size: cover;
    background-position: center;
}

.secondPageHeadCalcola {
    width: 100%;
    height: 445px;
    background-image: url(/images/bg_calcola.jpg);
    background-size: cover;
    background-position: center;
}

.secondPageHeadRicambio {
    width: 100%;
    height: 445px;
    background-image: url(/images/bg_ricambio.jpg);
    background-size: cover;
    background-position: center;
}

.titoloSecondPage {
    padding-top: 200px;
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
    color: #fff;
    font-size: 64px;
    font-weight: 700;
}

.iconaSecondPage {
    font-size: 50px;
    color: #e20613;
}

.h1SecondPage {
    font-size: 30px;
    font-weight: 900;
    color: #e20613;
}

.h2SecondPage {
    font-size: 20px;
    font-weight: 400;
}

.bottoneItaliaRosso {
    width: 100%;
    background-color: #ff0000;
    cursor: pointer;
    color: #ffffff;
    margin-top: 3px;
    padding: 8px 0px;
    text-align: center;
}

.bottoneItaliaGrigio {
    width: 100%;
    background-color: #666666;
    cursor: pointer;
    color: #ffffff;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 8px 0px;
    text-align: center;
}

.tdBottoniItalia {
    width: 100%;
    height: 55px;
    vertical-align: middle;
    border-bottom: 1px solid #666666;
    font-size: 90%;
}

.textbox100 {
    width: 94%;
    height: 30px;
}

.multiTextbox100 {
    width: 94%;
    height: 60px;
}

.divTestoConferma {
    margin-top: 20px;
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}

.titoloConferma {
    font-size: 40px;
    font-weight: 700;
}

.contenitoreDatiConferma {
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 20px;
    padding-top: 20px;
}

.tableDatiConferma {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.divLogoConferma {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    border-right: 2px solid #f50f10;
}

.divDatiConferma {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.divTestoMail {
    width: 100%;
    text-align: center;
    font-style: italic;
}

.divBottoneFine {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.divRegolamento {
    margin-top: 50px;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

.gs18-Footer {
    padding-top: 30px;
}

.spazioFooter {
    height: 90px;
}

#cookie-msg {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(55, 144, 25, 0.9);
    z-index: 9999;
    padding: 20px 0px 10px 0px;
    -webkit-box-shadow: 0px 0px 10px rgb(55, 144, 25);
    -moz-box-shadow: 0px 0px 10px rgb(55, 144, 25);
    box-shadow: 0px 0px 10px rgb(55, 144, 25);
    visibility: hidden;
}

    #cookie-msg a {
        color: #ddd;
    }

#cookie-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size: 20px;
}

.calcola-risparmio {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    max-width: 900px;
    margin: 0 auto;
}

    .calcola-risparmio .img {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin-right: 20px;
    }

.flexWrap {
    flex-wrap: wrap;
}

.boxHome-dettagli {
    position: absolute;
    left: 0;
    right: 0;
}

#ragione-sociale-menu
{
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 15px;
	order: 1;
	color: #D50000;
	font-size:15px;
}
.gs18-HeaderNav__Text:link.menu-red, 
.gs18-HeaderNav__Text:visited.menu-red,
.menu-red{
	color: #D50000;
}
.gs18-Header__Inner{
	padding-right: 0;
}

/* cbloialty */

.cbloialty-codice{
border: solid 2px #fff;
border-radius: 5px;
display: inline-block;
margin: 0.5em;
width: auto;
font-size: 22px;
font-weight: bold;
padding: 0.5em;
}
.cbloialty-greyBg{
	width: 100%;
    text-align:center;
    background: #333333;
    color:#fff;
    padding: 30px 15px;
	box-sizing:border-box;
}
/* webinar */
.webinar-main .backgoundIntro{
	background-image: url('/images/slides/01.jpg');
	background-size: cover;
}
.webinar-main .header {
    width: 100%;
	padding: 45px 0 150px 0;

}

.webinar-main input[type="checkbox"], .webinar-main input[type="radio"] {
    margin-right: 5px;
}

.webinar-main .backRed{
    width:100%;
    background: #d50000;
}

.webinar-main .backWebinar {
    width: 100%;
    position: relative;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    top: -140px;
}

.webinar-main #webinarContainer {
    vertical-align: top;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.webinar-main #webinarContainer .title {
        color: #e30514;
        font-weight: bold;
        font-size: 16px;
    }

.webinar-main #webinarContainer button {
        color: #e30514;
        background-color: #ffffff;
        border: solid 1px #e30514;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        margin: 0 auto;
        padding: 0.5em;
    }

.webinar-main #webinarContainer button.-active {
            color: #ffffff;
            background-color: #e30514;
        }

.webinar-main .boxData {
    display: flex;
    align-items: center;
    padding: 0em 1em 1em 1em;
    border-bottom: solid 2px #eee;
    font-size: 16px;
}

.webinar-main .data-container {
    display: inline-block;
    margin-left: 10px;
    line-height: 20px;
}

.webinar-main .giorno {
    font-size: 60px;
    color: #e30514;
    font-weight: bold;
}

.webinar-main .mese {
}

.webinar-main .anno {
    font-weight: bold;
}

.webinar-main .giorno-settimana {
    font-size: 14px;
    color: #e30514;
}

.webinar-main .box-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2em;
}

.webinar-main .box-info {
    flex: 2;
    margin: 1em;
    flex-direction: column;
    min-width: 200px;
}

.webinar-main .box-descrizione {
    flex: 3;
    min-width: 320px;
}


.webinar-main .divTitolo {
    font-size: 26px;
    font-weight: bold;
    color: #e30514;
    margin-bottom: 10px;
}

.webinar-main .divTitolo::after {
        content: ' ';
        width: 55px;
        height: 3px;
        background-color: #e30514;
        position: relative;
        display: block;
        top: 10px;
    }

.webinar-main .divDurata {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.webinar-main .divDescrizione {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    color: #939393;
    padding: 1em;
}

.webinar-main .aggiungiExtra {
	display:inline-block;
}

.webinar-main .bottoneWebinar {
    color: #3d9748;
    background-color: #ffffff;
    border: solid 1px #3d9748;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px;
    width: 130px;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: 1em;
	display:inline-block;
}

.webinar-main .bottoneExtra {
    color: #e4a317;
    background-color: #ffffff;
    border: solid 1px #e4a317;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px;
    width: 190px;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: 1em;
	text-decoration:none;
}

.webinar-main .attivo {
    color: #ffffff;
    background-color: #3d9748;
}

.webinar-main .terminato {
    color: #ffffff;
    cursor: default;
    background-color: #e30514;
    border-color: #e30514;
}

.webinar-main .icon-container {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}

.webinar-main .icon-webinar {
    text-align: center;
    background-color: #F2F2F2;
    padding: 1em;
    flex: 1;
    margin: 0.5em;
}

.webinar-main .icon-webinar > img {
        width: 30px;
    }

.webinar-main .file-container {
    display: flex;
    margin-top: 2em;
}

.webinar-main .file-container > a {
        margin: 1em 0.5em;
    }

.webinar-main .file-container img {
        width: 90px;
    }

.webinar-main #webinair-template {
    display: none;
}

.webinar-main .webinair-container {
    padding: 2em;
    border: solid 2px #eee;
    border-radius: 20px;
    margin: 2em auto;
	box-sizing: border-box;
}

.webinar-main .content {
    background-color: #ffffff;
}

.webinar-main .privacy-container {
    width: 100%;
    position: relative;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    top: -140px;
    padding: 2em;
    border: solid 2px #eee;
    margin: 2em auto;
}

.webinar-main .buttonRed {
    cursor: pointer;
    background-color: #e30514;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

/* The container <div> - needed to position the dropdown content */
.webinar-main .dropdownWebinar {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.webinar-main .dropdownWebinar-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align:left;
  left: -25px;
  top: 25px;
}

/* Links inside the dropdown */
.webinar-main .dropdownWebinar-content div {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

/* Change color of dropdown links on hover */
.webinar-main .dropdownWebinar-content div:hover {background-color: #f1f1f1}

.webinarExtraContainer {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.webinarExtraTitle {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}

.webinarExtraDescription {
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
}

.webinarExtraDescription2 {
	text-align: center;
	font-size: 16px;
	padding-bottom: 20px;
	font-weight:bold;
}

.webinarExtraBackgroundSubscribe{
	width:92%;
	padding-left:4%;
	padding-right:4%;
	padding-top:20px;
	background-color:#f1f1e9;
}

.webinarExtraTitleSubscribe {
	text-align: left;
	font-size: 18px;
	padding-bottom: 20px;
	font-weight:bold;
}

.webinarExtraContainerSubscribe {
	display: flex;
    justify-content: space-between;
    white-space: nowrap;
	align-items: center;
	text-align: left;
	font-size: 14px;
}

.webinarExtraSubscribeData {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right:10px;
}

.webinarExtraUnsubscibe {
	text-align:right;
}

.webinarExtraNoUser {
	width:100%;
	text-align:center;
}

.webinarExtraButtonUnsubscribe {
	display:inline-block !important;
	margin-top: 0px !important;
	cursor:pointer;
	color:#ffffff;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}

.webinarExtraContainerInput {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	text-align: left;
	padding-top: 20px;
}

.webinarExtraSpaceSubscribe {
	width:100%;
	height:20px;
}

.webinarExtraBoxInput {
    width: 30%;
	padding-bottom:10px;
	font-weight:bold;
}

.webinarExtraInput {
    width: 96%;
    margin-top: 10px;
    padding: 0px 2%;
    background-color: #fff;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #000;
}

.webinarExtraError {
	width:100%;
	color:#d50000;
	text-align:center;
}

.webinarExtraBoxButton {
	width: 100%;
	text-align:center;
	padding-bottom:20px;
}

.webinarExtraButtonSubscribe {
	display:inline-block !important;
	cursor:pointer;
	color:#ffffff;
	text-transform: uppercase;
	padding-left:30px;
	padding-right:30px;
}

/* training centre */
.titleHeadTraining{
    font-size:26px;
    font-weight:bold;
    padding-bottom: 5px;
    display:block;
	color:#d50000;
}

.subtitleHeadTraining {
    font-size:22px;
	width:65%;
	margin: auto;
	display:block;
}

.contenitoreTestoTraining{
	text-align:center;
	background-color: #d50000;
	padding:30px 0;
}

.iconaTestoTraining{
	width:100px;
	padding-bottom:15px;
}

.titoloTestoTraining{
	font-size:22px;
	color:#fff;
	font-weight: bold;
	width:90%;
	margin:auto;
	padding-bottom:5px;
}

.testoTraining{
	font-size:20px;
	color:#fff;
	font-weight:lighter;
	padding-bottom:15px;
	width:90%;
	margin:auto;
}

.bottonetraining{
	padding-right:100px;
	padding-left:60px;
}

@media screen and (max-width: 1000px){
	.subtitleHeadTraining {
		font-size:18px;
		width:100%;
	}
}

/* questionario */

.questionario-main [type="radio"]{
	margin:5px;
}
.questionario-main .destra3{
	margin-bottom: 10px;
}
.questionario-main .destra3 > span{
	display:flex;
	justify-content: center;
}
.questionario-main .destra3 > span label{
	display:none;
}
.questionario-main .destra3 > span label:first-of-type{
	display:initial;
	order: -1;
}

.questionario-main .destra3 > span label:last-of-type{
	display:initial;
}
.questionario-main table{
	border-collapse: collapse;
}
.questionario-main .domandeAsterisco {
    padding-top: 30px;
    display: inline-block;
}

.questionario-main .center{
    width:100%;
    text-align:center;
}
.questionario-main a:link {
    text-decoration: none;
}

.questionario-main .pdlr {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

.questionario-main .backgroundBlack {
    background-color:#000;
    color:#fff;
}

.questionario-main .img{
    display:block;
    width:100%;
    vertical-align:middle;
    margin:0 auto;
}

.questionario-main .bgGrigio {
    background: #f6f6f6;
    height: 75px;
}

.questionario-main .background {
    background-image: url("/images/questionario/img-questionario.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.questionario-main input[type="text"], .questionario-main select {
    border: 0;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 0;
}

.questionario-main .inputTextTable {
    width: 100%;
    max-width: 75px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}

.questionario-main .inputPerc {
    width: 23px !important;
    margin: 0 auto;
    padding-bottom: 2px !important;
    margin-left: 7px !important;
    margin-bottom: 0 !important;
}

.questionario-main .inputFontDisable {
    color: #acacac;
}

.questionario-main .pagina {
    margin: 30px;
    /*border: 2px solid #f1f1f1;*/
    border-radius: 20px;
    text-align: left;
}

.questionario-main #pagina1 {
    margin: 30px;
    padding: 30px;
    border: 2px solid #f1f1f1;
    border-radius: 20px;
    text-align: left;
}

.questionario-main #pagina2, .questionario-main #pagina3 {
    text-align: left;
}

.questionario-main .label {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    color: #333;
}

.questionario-main .labelDom {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    color: #777;
}

.questionario-main button {
    background: #d50000;
    padding: 12px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    width: 190px;
    margin-top: 20px;
    cursor: pointer;
}

.questionario-main .title {
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin: auto;
    width: 100%;
    text-align: center;
}

.questionario-main .perc {
    position: absolute;
    top: 45%;
    bottom: 0;
    margin: auto;
    right: 10px;
}

.questionario-main td {
    position: relative;
}

.questionario-main .altriMarchiInstallati {
    width: 100% !important;
    resize: vertical;
}

.questionario-main .introDestra {
    width: 60%;
}

.questionario-main .introSinistra {
    width: 40%;
}

.questionario-main .introDestra, .questionario-main .introSinistra {
    display: inline-block !important;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.questionario-main .riga {
    width: 50px;
    height: 5px;
    background: #d50000;
    margin-top: 5px;
    position: relative;
    top: 110px;
}

.questionario-main span, .questionario-main label, 
.questionario-main input, .questionario-main select, 
.questionario-main textarea {
    color: #777777;
}

.questionario-main a:hover {
    color: #000 !important;
}

.questionario-main .radio {
    margin: 0;
}

.questionario-main .titoloDomanda {
    font-size: 20px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #000;
}

.questionario-main .titoloDomandaRosso {
    font-size: 20px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 30px 15px;
    color: #fff;
    background-color: #d50000;
}

.questionario-main .rigaN {
    width: 75px;
    height: 3px;
    background: #000;
    margin-top: 5px;
    margin: 0 auto;
}


.questionario-main .destra3 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align:center;
}

.questionario-main .sinistra3 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.questionario-main .ds{
    padding-top: 15px;
    padding-bottom: 15px;
}

.questionario-main .ds:nth-child(odd) {
        background: #F6F6F6;
    }

    .questionario-main .ds:nth-child(even) {
        background: #fff;
    }


/* DOMANDA 1 - 2 */
.questionario-main .destra3 label{
	color:#d50000;
}



/* DOMANDA PAGINA 3 */

.questionario-main .td{
    width:100px;
}


.questionario-main .labelPers {
    font-size: 15px;
}

.questionario-main .boxPromo{
    background-color: #d50000;
    padding:30px;
    color: #fff;
    text-align:center;
    width:100%;
    position:relative;
}

.questionario-main .logoPromo{
    position:absolute;
    top:-50px;
    left:0;
    right:0;
    margin:auto;
}

.questionario-main label[for=privacyInstallatore_0]{
    margin-right:60px;
}

.questionario-main label[for=privacyNominativo_0] {
    margin-right: 60px;
}

.questionario-main .radioBlack, .questionario-main .radioBlack input, .questionario-main .radioBlack label {
    color: #000 !important;
    font-size: 15px;
}

/* impostazioni */
/* 
    impostazioni
*/

.impostazioni-divForm {
    width: 50%;
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 10px;
}
.impostazioni-divForm-100 {
    width: 100%;
    display: block;
    padding-bottom: 30px;
    
}

.impostazioni-inputForm {
    border-radius: 15px;
    border: none;
    background: #F2F2F2;
    color: #303030;
    padding: 15px;
    width: 100%;
}

.impostazioni-container label {
    color: #808080;
    font-size: 16px;
    margin-bottom:5px;
}

.impostazioni-container {
    max-width: 1200px;
    margin: auto;
}
.impostazioni-container>.row{
	display: flex;
	flex-wrap:wrap;
}

.impostazioni-inputFormDisabled {
    background: #fff;
    outline: none;
    padding-left: 0;
}

.impostazioni-submit {
    margin-top: 22px;
    background-color: #D50000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    border: none;
    padding: 12px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
}

.impostazioni-container-gray {
    background: #F2F2F2;
    width:100%;
}

.impostazioni-linkQuestionario {
    border: 2px solid #D50000;
    margin-top: 22px;
    background-color: transparent;
    color: #303030;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    padding: 12px;
    width: 100%;
    font-size: 20px;
    text-decoration:none;
    font-weight:bold;
}

input[name="ragione_sociale"].impostazioni-inputForm {
    opacity: 0.7;
}

input[name="piva"].impostazioni-inputForm {
    opacity: 0.7;
}

.impostazioni-container-red{
	background-color: #d50000;
	color: #fff;
	text-align: center;
}
.impostazioni-container-red>.header::after{
	content: '';
	margin: 0 auto;
	width: 80px;
	height: 3px;
	background-color: #fff;
	display: block;
	position: relative;
	top: 15px;
}
.impostazioni-container-redScuro{
	background-color:#cb0a15;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
	padding-top: 25px;
}
.impostazioni-container-redScuro label{
	color: #fff;
}

.impostazioni-container-redScuro .impostazioni-submit{
	background-color: #fff;
	color: #D50000;
	margin: 0 auto;
}

/* grossisti installatori */
.backgoundIntro.grossisti{
	background-image: url('/images/uomo_scatola.jpg');
	background-size: cover;
}
.grossisti-installatori .header {
    padding-bottom: 150px;
    width: 100%;
}

.grossisti-installatori input[type="checkbox"], 
.grossisti-installatori input[type="radio"] {
    margin-right: 5px;
}

.grossisti-installatori .greyBg {
    width: 100%;
    text-align:center;
    background: #333333;
    color:#fff;
    padding: 30px 15px;
    padding-bottom: 170px;
	box-sizing:border-box;
}

.grossisti-installatori .backRed {
    width: 100%;
    background: #d50000;
		background-image: url('/images/sfondo-rosso.jpg');
	background-size: cover;
	background-position: center;
}

.grossisti-installatori .backgross {
    width: 100%;
    position: relative;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    top: -140px;
    padding:15px;
	box-sizing: border-box;
}

.grossisti-installatori #grossContainer {
    vertical-align: top;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.grossisti-installatori #grossContainer .title {
        color: #e30514;
        font-weight: bold;
        font-size: 16px;
    }

    .grossisti-installatori #grossContainer button {
        color: #e30514;
        background-color: #ffffff;
        border: solid 1px #e30514;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        margin: 0 auto;
        padding: 0.5em;
    }

    .grossisti-installatori #grossContainer button.-active {
            color: #ffffff;
            background-color: #e30514;
        }

.grossisti-installatori .boxData {
    display: flex;
    align-items: center;
    padding: 0em 1em 1em 1em;
    border-bottom: solid 2px #eee;
    font-size: 16px;
}

.grossisti-installatori .data-container {
    display: inline-block;
    margin-left: 10px;
    line-height: 20px;
}

.grossisti-installatori .giorno {
    font-size: 60px;
    color: #e30514;
    font-weight: bold;
}

.grossisti-installatori .anno {
    font-weight: bold;
}

.grossisti-installatori .giorno-settimana {
    font-size: 14px;
    color: #e30514;
}

.grossisti-installatori .box-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2em;
}

.grossisti-installatori .box-info {
    flex: 2;
    margin: 1em;
    flex-direction: column;
    min-width: 200px;
}

.grossisti-installatori .box-descrizione {
    flex: 3;
    min-width: 320px;
}


.grossisti-installatori .divTitolo {
    font-size: 26px;
    font-weight: bold;
    color: #e30514;
    margin-bottom: 10px;
}

.grossisti-installatori .divTitolo::after {
        content: ' ';
        width: 55px;
        height: 3px;
        background-color: #e30514;
        position: relative;
        display: block;
        top: 10px;
    }

.grossisti-installatori .divDurata {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.grossisti-installatori .divDescrizione {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    color: #939393;
    padding: 1em;
}

.grossisti-installatori .bottonegross {
    color: #3d9748;
    background-color: #ffffff;
    border: solid 1px #3d9748;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px;
    width: 130px;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
    margin-left: 1em;
}

.grossisti-installatori .attivo {
    color: #ffffff;
    background-color: #3d9748;
}

.grossisti-installatori .terminato {
    color: #ffffff;
    cursor: default;
    background-color: #3D9748;
    border-color: #3D9748;
}

.grossisti-installatori .icon-container {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}

.grossisti-installatori .icon-gross {
    text-align: center;
    background-color: #F2F2F2;
    padding: 1em;
    flex: 1;
    margin: 0.5em;
}

.grossisti-installatori .icon-gross > img {
        width: 30px;
    }

.grossisti-installatori .file-container {
    display: flex;
    margin-top: 2em;
}

.grossisti-installatori .file-container > a {
        margin: 1em 0.5em;
    }

    .grossisti-installatori .file-container img {
        width: 90px;
    }


.grossisti-installatori .imgCursor{
    margin:auto;
    max-height:50px;
}

.grossisti-installatori .italyDiv {
    border-radius: 20px;
    padding: 10px 10vw;
    border: 1px solid #d50000;
}

@media screen and (max-width: 720px) {
	.grossisti-installatori .italyDiv {
		padding: 10px;
	}
}

.grossisti-installatori .webinair-container {
    padding: 2em;
    border: solid 2px #eee;
    border-radius: 20px;
    margin: 2em auto;
}

.grossisti-installatori .content {
    background-color: #ffffff;
}

.grossisti-installatori .privacy-container {
    width: 100%;
    position: relative;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    top: -140px;
    padding: 2em;
    border: solid 2px #eee;
    margin: 2em auto;
}

.grossisti-installatori .buttonRed {
    cursor: pointer;
    background-color: #e30514;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.collapsable-table * {
	box-sizing: border-box;
}

/* installatori grossisti*/
.backgoundIntro.installatori
{
	background-image: url('/images/slides/slide1.jpg');
	background-size: cover;
}
.installatori-grossisti .imgCursor {
    margin: auto;
    max-height: 50px;
}

.installatori-grossisti .greyBg {
    width: 100%;
    text-align: center;
    background: #333333;
    color: #fff;
    padding: 30px 15px;
    padding-bottom: 30px;
    padding-bottom: 170px;
    box-sizing: border-box;
}

.installatori-grossisti .backRed {
    background: #d50000;
		background-image: url('/images/sfondo-rosso.jpg');
	background-size: cover;
	background-position: center;
}

.installatori-grossisti .form-installatori {
    width: 100%;
    position: relative;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    top: -140px;
    padding: 30px 15px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.installatori-grossisti input[type=text],
.installatori-grossisti select,
.searchbar input[type=text],
.page-filter select{
	border-radius: 15px;
	border: none;
	background: #F2F2F2;
	color: #303030;
	padding: 15px;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	width:100%;
	box-sizing: border-box;
}
.form-installatori label{
	flex: 1 1 50%;
	padding: 0.5em 1em;
	box-sizing: border-box;
	min-width: 350px;
	font-size: 16px;
	color: #808080;
}
.form-installatori div{
	margin: 15px auto;
	flex: 1 0 100%;
	text-align:center;
}
.form-installatori button{
	background-color: #D50000;
	color: #fff;
	text-align: center;
	border: none;
	padding: 12px;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 15px;
	cursor: pointer;
}
.form-installatori p{
	color: #808080;
	font-style: italic;
	font-size: 16px;
}
.installatori-grossisti h2{
	text-align:center;
	text-transform: uppercase;
	margin: 0;
	padding: 1em 0;
}
.installatori-table-head{
	background-color: #F2F2F2;
}
.searchbar{
	background-color: #fff;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em 0;
	flex-wrap: wrap;
}
.searchbar p{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0.7em 0;
	margin-top: 0;
}
.searchbar .check-container{
	background-color: #F2F2F2;

	padding: 1em;
	border-radius: 10px;
	font-size: 14px;
	font-style: italic;
	cursor: pointer;
	display: inline-flex;
	justify-content: space-between;
	align-items: baseline;
}
.check-container > span{
	font-size: 1.5em;
    font-weight: bold;
    padding: 0 5px 0 10px;
}
.check-container > .fa-check{
	align-self: center;
}
.searchbar select,
.searchbar input[type="text"]{
	display: inline-block;
    width: auto;
    min-width: 250px;
	background-color: #fff;
}
.search-field{
	background-color: #fff;
	padding-right: 15px;
	border-radius: 10px;
	border: solid 1px #F2F2F2;
}
.search-field .fa-search{
	margin-left: 1em;
	cursor:pointer;
}
.check-container .fa-check,
.installatori-grossisti table .fa-check,
.installatori-grossisti table .fa-search
{
	padding: 3px;
	border: solid 1px #303030;
	border-radius: 5px;
}
.excel-download{
	background-color: #F2F2F2;
	padding: 0 15px;
	border-radius: 8px;
	text-decoration: none;
	letter-spacing: 1px;
	display: inline-flex;
justify-content: space-between;
align-items: center;
width: 175px;
}
.installatori-table{
	background-color: #F2F2F2;
	padding: 40px 20px;
	box-sizing: border-box;
	width:100%;
}
.installatori-table table{
	margin: 0 auto;
	border-radius: 15px;
	padding: 1em;
	box-sizing: border-box;
	background: #fff;
	border-spacing: 0;
	width: 100%;
}

.installatori-table table th{
	background-color: #666666;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.6em;
	border-radius: 10px;
	text-align: center;
	border-color: #f2f2f2;
	border-left: solid 5px #fff;
	border-right: solid 5px #fff;
}
.installatori-table table th.sortable{
	cursor:pointer;
}
.installatori-table table td{
	text-align: center;
	padding: 1em;
}
.installatori-table table tr:nth-child(even){
	background-color: #F2F2F2;
}

.installatori-table table img{
	vertical-align: middle;
}
.installatori-table td img{
	width: 50px;
}
.pagination{
	display: flex;
	position: relative;
	justify-content: center;
	min-height: 100px;
	align-items: center;
	padding-top: 1em;
}
.pagination .page{
	border: solid 1px #666666;
	border-radius: 5px;
	display: inline-flex;
	padding: 0.5em;
	box-sizing: border-box;
	height: 2em;
	width: 2em;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 0.5em;
}
.page.current{
	background-color: #cccccc;
	border-color: #cccccc;
	cursor:initial;
}
.page-filter{
	position: absolute;
	right: 0;
	text-align: right;
	padding-right: 1em;
}
.page-filter select{
	border: solid 1px #666666;
	width: 70%;
}
.page.arrow{
	border: none;
}
.pagination > div:first-child{
	display: flex;
}
.scegli-promo{
	min-height: 300px;
	background-color: #333333;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	padding-top: 85px;
	padding-bottom: 25px;
}
.scegli-promo > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5em;
}
.grossisti-stats p{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.scegli-promo p{
	font-size: 2em;
	color: #fff;
	margin: 0;
	width: 100%;
}
.scegli-promo select{
	width: 70%;
	border-radius: 9px;
	border: none;
	background: #fff;
	color: #303030;
	padding: 15px;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	box-sizing: border-box;
}
.scegli-promo button{
	background-color: #D50000;
	color: #fff;
	text-align: center;
	border: none;
	padding: 0.5em 1em;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 9px;
	cursor: pointer;
}
.grossisti-stats .graph-container{
	display: flex;
	flex-wrap: wrap;
}
.grafico-torta{
	flex: 1 1 50%;
	min-width: 300px;
}
.grafico-torta p{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.grafico-torta .legend{
	padding-left: 20%;
}
.grossisti-stats .installatori-table{
	background-color: #D50000;
}
.grossisti-stats .installatori-table > p{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}
.grossisti-stats .installatori-table th:nth-child(5),
.grossisti-stats .installatori-table th:nth-child(6),
.grossisti-stats .installatori-table th:nth-child(7){
	width: 100%;
max-width: 15%;
}
.grossisti-stats .installatori-table td:nth-child(4) > a
{
	text-decoration: none;
	background-color: #fff;
	display: block;
	border: solid 1px;
	border-radius: 9px;
	padding: 5px;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 195px;
	margin: 0 auto;
}
.charts{
	background-color: #F2F2F2;
}
.chart-container{
	position:relative;
	top: -140px;
	margin-bottom: -1em;
}
.grossisti-stats p.bgred{
	background-color: #D50000;
	color: #fff;
	padding-bottom: 140px;
	padding-top: 40px;
	margin-bottom: 0;
}
.chart-container .bonus-content{
	width: 100%;
	max-width: 1000px;
	margin: 1em auto;
	background-color: #fff;
	padding: 1em 2em;
	box-sizing: border-box;
}
.bonus-content > .border-red{
	border: solid 2px #D50000;
}
.buoni-details{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 2em 4em;
}
.buoni-details > div{
	flex: 0 1 8%;
	font-size: 0.8em;
	margin: 1em;
}
.buoni-details > div > b{
	display: block;
}
.red-separator{
	height:2px; 
	width:100%; 
	background-color:#FF0000;
}
/* strumenti */
.strumenti-container .headline{
	margin: 0 auto;
	text-align: center;
}

.strumenti-container .navigation{
	display: flex;
	justify-content: space-evenly;
	background-color: #E9E9E9;
	flex-wrap: wrap;
	padding-bottom: 3em;
	margin-top: 3em;
	gap: 10px;
}
.navigation h3{
	text-align: center;
	flex: 1 0 100%;
}
#strumenti-main .navigation{
	background-color: #fff;
	padding: 3em 0;
}
.navigation img{
	max-width: 400px;
	width: 100%;
}
.navigation a{
	text-decoration: none;
	position: relative;
}
.navigation span{
	display: inline-block;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0px 0.5em;
	font-size:28px;
	font-weight:bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.prodotti-container{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	gap: 10px;
}
.prodotti-container .product-item {

    text-align: center;
    display: inline-block;
    position: relative;
    padding: 60px;
	box-sizing: border-box;
	border: solid 1px #E9E9E9;
	border-radius: 9px;
	flex: 1 1 30%;
	min-width:320px;
	max-width: 475px;
}
.product-item img{
	max-width: 100%;
}
.product-item h3 {
    font-size: 12px;
    margin: 15px 0 0;
}
.product-item h2 {
    font-size: 22px;
}
.product-item .tag ul, .product-item .tag ul li {
    margin: 0;
    padding: 0;
    display: inline;
}
.product-item .tag a {
    background-color: #b1b7ba;
    color: #fff;
    padding: 2px 5px;
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: none;
}
.strumenti-container .button {
    color: #fff;
    padding: 10px 62px 10px 15px;
    position: relative;
    background-color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}
.strumenti-container a.button{
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease-in;
	text-decoration: none;
}
.strumenti-container .button::after {

    position: absolute;
    top: 50%;
    margin-top: -10px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    background-image: url('/images/arrow-wh.png');
    background-size: 32px 20px;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    right: 15px;
    width: 32px;
    height: 20px;
}
.strumenti-container .button:focus, 
.strumenti-container .button:hover {
    color: #f50f10;
    text-decoration: none;
}
.strumenti-container .button:focus::after, 
.strumenti-container .button:hover::after {

    background-image: url('/images/arrow-rd.png');
    background-size: 32px 20px;
    background-position: center;
    background-repeat: no-repeat;
    right: 10px;

}
.prodotti-tabs {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 3em;
	gap: 10px;
}
.prodotti-tabs label{
	flex: 1 1 30%;
	text-align: center;
	padding: 1em;
	text-transform: uppercase;
	max-width: 33%;
	position: relative;
	background-color: #E9E9E9;
	cursor: pointer;
}
.prodotti-tabs input[type="radio"]{
	display: none;
}
.prodotti-tabs input[type="radio"]:checked+label{
	background-color: #D50000;
	color: #fff;
}
.prodotti-tabs input[type="radio"]:checked+label:after{
	content: ' ';
    display: block;
    width: 60%;
    height: 8px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 20%;
}
.prodotti-container{
	display: none;
}
.strumenti-container > div{
	padding-top:85px;
	margin-top: -85px;
}
.strumenti-container > div,
.strumenti-container > div:target ~ #strumenti-main{
	display: none;
}
.strumenti-container > div:target,
#strumenti-main{
	display: block;
}
#strumenti-ecoincentivi > .content{
	display: flex;
	flex-wrap: wrap;
}
#strumenti-ecoincentivi .image-box{
	padding: 20px;
	position: relative;
	flex: 0 0 33%;
	box-sizing: border-box;
	min-width: 480px;
	box-sizing: border-box;
}
.image-box .button {
    position: absolute;
    bottom: 50px;
    right: 40px;
    z-index: 2;
    margin-left: 30px;
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
	padding-left: 5px;
	padding-right: 45px;
	font-size: 0.9em;
}
.image-box .button:after{
	right: 6px;
}
.image-box img{
	width:100%;
}
#strumenti-normative .content {
	display: flex;
	flex-wrap: wrap;
	margin: 1em;
	justify-content: space-around;
}
#strumenti-normative .card{
	flex: 1 1 50%;
	box-sizing: border-box;
	padding: 1em;
	border: solid 1px #E9E9E9;
	max-width: 650px;
}
.card img{
	width:100%;
}
.coupons-container{
	margin-top: 120px;
}
.coupons-container > div:first-child{
	padding: 0 1em;
}
.coupons-container .filter{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.coupons-container .filter >div{
	flex: 0 1 50%;
	min-width: 400px;
	box-sizing: border-box;
	padding: 1em;
}
.coupons-container th{
	cursor: pointer;
}
.coupons-container .column-name-mobile{
	display:none;
}
.promotions-head{
	position: relative;
}	
.backgoundIntro .header-content{
	padding-top: 85px;
	box-sizing: border-box;
	background-color: #D50000;
	height: 100%;
	width: 40%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: space-evenly;
	flex-flow: column;
	color: #fff;
	align-items: center;
	font-size: 1.3em;
	max-width: 580px;
}
.header-content >div {
	text-align: center;
}
.header-content h2{
	font-size: 1.5em;
}
.number-container{
	font-size: 1.5em;
}
.number-container > b{
	display: flex;
	border: solid 2px #fff;
	border-radius: 55px;
	margin: 0 auto;
	width: 110px;
	height: 110px;
	justify-content: center;
	align-items: center;
}
.promo-description{
	max-width: 670px;
	margin: 2em auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.2em;
	text-align: center;
	padding: 0 0.5em;
}
.promo-description > * + *{
	margin: 0.5em auto;
}
.promo-description a,
.download-button{
	color: #D50000;
	font-weight: bold;
	text-transform: uppercase;
}
.promo-description a::after{
	content: "\276f";
	font-weight: 900;
	display: inline-block;
	text-decoration: none;
	font-size: 1.5em;
	vertical-align: middle;
	margin-left: 0.5em;
}
.download-button{
	text-decoration: none;
	border: solid 1px #D50000;
	padding: 0.2em 1em;
	border-radius: 0.5em;
	display: inline-block;
	font-size: 1.2em;
	margin: 0.5em 0;
}
a.download-button::after{
	content: "";
	display: none;
}
a.download-button img{
	width: 1.5em;
	vertical-align: middle;
	margin-left: 0.5em;
}
.promo-expire{
	background-color: #E9E9E9;
	padding-top: 1em;
}
.promo-expire > * + *{
	margin: 3em auto;
}
.promo-expire h2{
	text-transform: uppercase;
	margin: 1em auto;
	text-align: center;
}
.promo-expire .timer{
	display: inline-block;
	background-color: #D50000;
	color: #fff;
	width: 110px;
	text-align: center;
	border-radius: 9px;
}
.timer-container{
	display: flex;
	justify-content: center;
	gap: 10px;
}
.promo-expire .timer > span{
	font-size: 3em;
	display: block;
	font-weight: 900;
}
.promo-expire .timer > span + span{
	font-size: 1em;
	border-radius: 9px;
	background-color: #a00411;
	padding: 0.6em 0;
}
.promo-expire .freccina{
	display: flex;
    background-color: #fff;
    color: #D50000;
    font-weight: 900;
    border-radius: 5px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    max-width: 208px;
    justify-content: space-between;
	cursor: pointer;
	align-items: center;
}
.promo-expire .collassa{
	overflow: hidden;
	background-color: inherit;
	transition: height 0.4s;
}
.promo-expire > div:last-child{
	margin-bottom: 0;
}
.collassa.installatori-table{
	padding: 0;
}
.collassa.installatori-table table{
	width: 95%;
	margin: 1em auto;
}
.find-gros .italyDiv {
    border-radius: 20px;
    padding: 10px 10vw;
    border: 1px solid #d50000;
}
.find-gros{
	width: 100%;
text-align: center;
background: #333333;
color: #fff;
padding: 30px 15px;
box-sizing: border-box;
padding-bottom: 60px;
}
.find-gros > div:first-child{
	margin-bottom: 2em;
}
.find-gros .italy-container{
	width: 100%;
    max-width: 1200px;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
}
.header-content p,
.header-content h2{
		margin: 10px 0;
}

.promo-gros .promo-expire{
	padding-bottom: 2em;
}
.buono-submit{
	margin: 1em;	
}
.promotions-head .buono-submit button{
	background-color: #D50000;
	color: #fff;
	border-color: #fff;
	text-align: center;
	border: solid 1px #fff;
	padding: 12px;
	font-size: 1em;
	text-transform: uppercase;
	border-radius: 15px;
	cursor: pointer;
}
.promotions-head .buono-submit input
{
	border-radius: 15px;
	border: none;
	background: #F2F2F2;
	color: #303030;
	padding: 12px;
}
@media screen and (max-width: 600px){
	.promo-gros table th:nth-child(4),
	.promo-gros table th:nth-child(5),
	.promo-gros table td:nth-child(4),
	.promo-gros table td:nth-child(5),
	.promo-ins table th:nth-child(4),
	.promo-ins table th:nth-child(5),
	.promo-ins table td:nth-child(4),
	.promo-ins table td:nth-child(5){
		display: none;
	}
}
@media screen and (max-width: 1000px){
	.backgoundIntro .header-content{
		position: relative;
		padding: 1em 0.5em;
		width: 100%;
		max-width: initial;
	}
	.promo-expire  .installatori-table table
	{
		width: 100%;
		padding: 1em;
	}
}
@media screen and (max-width: 1400px){
	.backgoundIntro .header-content{
		font-size: 1em;
	}
	.number-container{
		font-size: 1em;
	}
.number-container > b{
	width: 3em;
	height: 3em;
}
}
@media screen and (max-width: 720px) {
	.find-gros .italyDiv {
		padding: 10px;
	}
}
@media screen and (max-width: 800px){
	#strumenti-ecoincentivi > .content{
		justify-content: center;
	}
	#strumenti-ecoincentivi .image-box{
		padding: 10px;
		flex: 0 1 auto;
		min-width: initial;
	}

}
@media screen and (max-width: 600px){
	.prodotti-tabs{
		gap: 0;
		font-size: 14px;
	}
	.image-box .button
	{
		bottom: 20px;
		right: 14px;
		font-size: 14px;
	}
	.coupons-container .column-name-mobile{
		display: initial;
		flex: 1 1 100px;
		font-weight: bold;
	}
	.coupons-container thead{
		display: none;
	}
	.coupons-container td{
		display: flex;
	}
	.coupons-container td > span{
		flex: 1 0 50%;
		text-align: left;
		padding-left: 1em;
	}
}
@media screen and (max-width: 800px){
	.chart-container .bonus-content{
		padding: 5px;
		margin: 0;
	}
	.grossisti-stats p.bgred
	{
		padding-bottom: 160px;
		padding-top: 20px;
	}
	.graph-stats .bonus-content{
		padding: 1em;
	}
	.buoni-details > div{
		flex: 1 1 40%;
	}
	.red-separator{
		width: 10px;
		height: 10px;
		display: inline-block;
	}
	.red-separator + div{
		display: inline-block;
	}
}
@media screen and (max-width: 800px){
	.grafico-torta .legend{
		padding-left: 5%;
	}
	.grossisti-stats .installatori-table thead{
		display: none;
	}
	.grossisti-stats .installatori-table tr{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding-bottom: 10px;
	}
	.grossisti-stats .installatori-table td
	{
		display: inline-block;
		flex: 1 1 100%;
	}
	.grossisti-stats .installatori-table td:nth-child(2),
	.grossisti-stats .installatori-table td:nth-child(3),
	.grossisti-stats .installatori-table td:nth-child(5),
	.grossisti-stats .installatori-table td:nth-child(6),
	.grossisti-stats .installatori-table td:nth-child(7){
		flex:0 1 auto;
	}
}
@media screen and (max-width: 600px){
	.installatori-table table th{
		padding:2px;
		border-radius: initial;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
	}
	.installatori-grossisti table td:nth-child(4),
	.installatori-grossisti table td:nth-child(5),
	.installatori-grossisti table th:nth-child(4),
	.installatori-grossisti table th:nth-child(5)
	{
		display: none;
	}
	
	.page-filter{
		position: initial;
		text-align: center;
		padding-right: 0;
	}
	.pagination{
		flex-direction: column;
	}
	.pagination > div{
		padding: 1em 0;
	}
	.agency-selector{
		order:1;
	}
}
@media screen and (max-width: 800px){
	.webinar-main .backgoundIntro{
		background-image: url('/images/slides/02.jpg');
	}
	.backgoundIntro.installatori
	{
		background-image: url('/images/slides/slide1m.jpg');
	}
	.backgoundIntro.grossisti{
		background-image: url('/images/uomo_scatola_mobile.jpg');
	}
	.installatori-grossisti table td:nth-child(3),
	.installatori-grossisti table th:nth-child(3),
	.installatori-grossisti table img
	{
		display: none;
	}
	.coupons-container table img{
		display: none;
	}
}

@media screen and (max-width: 1100px){
	.installatori-table{
		padding: 40px 0;
	}
	.installatori-table table{
		font-size: 10pt;
		padding: 1em 0;
	}
	.installatori-table table th{
		padding:2px;
	}
	.installatori-table table td{
		padding: 3px;
	}
	.coupons-container{
		margin-top: 80px;
	}
}

@media screen and (max-width: 1000px) {
    .impostazioni-container-gray{
        padding: 0 15px;
		box-sizing: border-box;
    }

    .impostazioni-divForm{
        float:none;
        width:100%;
        display:block;
    }
	.impostazioni-divForm.empty-form{
		display:none;
	}

    .impostazioni-submit {
        max-width: inherit !important;
    }
}

@media screen and (max-width:870px) {
    .questionario-main .pagina, .questionario-main #pagina1{
        margin:15px;
    }
    .questionario-main .pdlr {
        padding-left: 15px;
        padding-right: 15px;
    }
    .questionario-main .radioClick {
        text-align: center;
    }

    .questionario-main .radioClick input[type=radio] {
        display:block;
        margin:0 auto;
    }

    .questionario-main .radioClick label {
        margin-bottom: 3px;
        margin-top: 2px;
        display: inline-block;
    }

    .questionario-main .inputPerc {
        font-size: 8px;
    }
    .questionario-main .labelPers {
        font-size: 8px;
    }

    .questionario-main #table3{
        font-size:8px;
    }

    .questionario-main #table3 .labelDom{
        font-size: 10px;
    }
	.collapsable-table td:nth-child(4),
	.collapsable-table td:nth-child(5),
	.collapsable-table td:nth-child(6){
		display:none;
	}
	.collapsable-table td{
		width: auto !important;
	}
}

    

@media screen and (max-width:810px) {
    .questionario-main .pdlr {
        padding-left: 5px;
        padding-right: 5px;
    }
    .questionario-main .introSinistra {
        width: 100%;
        margin-bottom: 80px !important;
        padding-right:0;
    }

    .questionario-main .introDestra {
        width: 100%;
    }

    .questionario-main .introDestra, .questionario-main .introSinistra{
        text-align:center;
    }

    .questionario-main .riga {
        width: 50px;
        height: 5px;
        background: #d50000;
        margin-top: 5px;
        margin: 0 auto;
    }

    .questionario-main .td {
        max-width: 100px;
        width: 20%;
    }
}

@media screen and (max-width: 980px) {
	#ragione-sociale-menu{
		order: unset;
		text-align: right;
		padding: 10px 10px;
		display: block;
	}
}

@media screen and (min-width: 2500px) {
    .titoloPrenotaSlider {
        font-size: 46px;
    }

    .sottotitoloPrenotaSlider {
        font-size: 24px;
    }

    .parte2PrenotaSlider {
        padding-top: 8%;
    }

    .titolo2PrenotaSlider {
        font-size: 24px;
    }

    .dimensioneTitoloPrenota {
        font-size: 30px;
    }

    .bottonePrenotaSlider {
        font-size: 24px;
    }
}

@media screen and (min-width: 3000px) {
    .titoloPrenotaSlider {
        font-size: 52px;
    }

    .sottotitoloPrenotaSlider {
        font-size: 30px;
    }

    .titolo2PrenotaSlider {
        font-size: 30px;
    }

    .dimensioneTitoloPrenota {
        font-size: 36px;
    }

    .bottonePrenotaSlider {
        font-size: 30px;
    }
}

@media screen and (min-width: 3600px) {
    .titoloPrenotaSlider {
        font-size: 60px;
    }

    .sottotitoloPrenotaSlider {
        font-size: 40px;
    }

    .titolo2PrenotaSlider {
        font-size: 40px;
    }

    .dimensioneTitoloPrenota {
        font-size: 45px;
    }

    .bottonePrenotaSlider {
        font-size: 40px;
    }
}

@media screen and (max-width: 1600px) {
    .parte1AccediSlider {
        width: 70%;
        height: 60%;
        margin-top: 22%;
    }

    .titoloAccediSlider {
        font-size: 28px;
    }

    .campiAccediSlider {
        margin: 5% 0px;
    }

    .campoAccediSlider {
        width: 91%;
        font-size: 16px;
        padding: 4%;
    }

    .bottoneAccediSlider {
        width: 100%;
        font-size: 18px;
    }

    .parte2AccediSlider {
        padding-top: 5%;
        height: 20%;
    }

    .testo2AccediSlider {
        font-size: 16px;
    }
}

@media screen and (max-width: 1400px) {
    .parte1AccediSlider {
        width: 70%;
        height: 58%;
    }

    .titoloAccediSlider {
        font-size: 26px;
    }

    .campiAccediSlider {
        margin: 5% 0px;
    }

    .campoAccediSlider {
        width: 93%;
        font-size: 18px;
        padding: 2%;
    }

    .bottoneAccediSlider {
        width: 100%;
        font-size: 18px;
    }

    .parte2AccediSlider {
        padding-top: 3%;
        height: 20%;
    }

    .testo2AccediSlider {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
    .parte1AccediSlider {
        width: 75%;
        height: 55%;
    }

    .titoloAccediSlider {
        font-size: 24px;
    }

    .campiAccediSlider {
        margin: 1% 0px;
    }

    .campoAccediSlider {
        width: 94%;
        font-size: 16px;
        padding: 3%;
    }

    .bottoneAccediSlider {
        width: 100%;
        font-size: 16px;
        margin: 0px !important;
    }

    .parte2AccediSlider {
        padding-top: 2%;
        height: 20%;
    }

    .testo2AccediSlider {
        font-size: 14px;
    }
}

@media screen and (max-width: 1100px) {
    .grossisti-items .item-home{
		width: 100%;
	}

    .item-home-2{
        border:none !important;
    }

    .divInfoNews{
        width:100%;
    }

    .divImgNews{
        width:100%;
    }
}

@media screen and (min-width: 1000px) {
    .gs18-HeaderNav {
        width: auto;
    }
}

@media screen and (max-width: 1500px) {
    .divDatiPrenotazione {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1000px) {
	.desktop-head{
		display: none;
	}
	.mobile-head{
		display:block;
		padding-top:65px;
	}
    .borderRightGrey {
        border-right: none
    }

    .borderBottomGrey {
        border-bottom: 1px solid #d2d2d2
    }

    .divTable {
        display: block;
        width: 100%;
    }

    .divTableCell {
        display: block;
    }

    .divSlideDesktop {
        display: none !important;
    }

    .divSlideMobile {
        display: block !important;
        margin-top: 50px;
    }

    .imgPromoMobile {
        display: block !important;
        width: 100%;
        height: auto;
    }

    .imgPromoDesktop {
        display: none !important;
    }

    #sliderPromoMobile {
        display: flex;
        text-align: center;
        justify-content: center;
        cursor: pointer;
    }

    #sliderPromoDesktop {
        display: none;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0px !important;
    }

    .accediSlider {
        position: initial;
        width: 100%;
        min-width: 280px;
        background-color: #e20612;
        color: #fff;
        overflow: visible;
    }

    .parte1AccediSlider {
        width: 80%;
        height: auto;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .titoloAccediSlider {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
    }

    .campiAccediSlider {
        width: 100%;
        margin: 25px 0px;
    }

    .campoAccediSlider {
        background-color: transparent;
        border: 1px solid #fff;
        width: 91%;
        font-size: 15px;
        padding: 15px 4%;
        margin: 5px 0px;
    }

    .bottoneAccediSlider {
        text-align: center;
        font-size: 20px;
    }

    .parte2AccediSlider {
        height: auto;
        background-color: #b01817;
        padding: 30px 0px;
    }

    .testo2AccediSlider {
        font-size: 15px;
        color: #fff;
        width: 100%;
        margin-left: 0%;
        text-align: center;
    }

    .linkAccediSlider {
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 900;
    }

    .titoloHome {
        width: 90%;
        margin-top: 40px 0px;
    }

    .flexBoxCenter {
        display: block;
    }

    .boxHome {
        width: 90%;
        margin-top: 30px;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 30px;
        max-width: 500px;
    }

    .sfondoTestiHome {
        background-image: url(/images/sfondoHomeM.jpg);
    }

    .divisoriBoxHome {
        border-right: none;
        border-left: none;
    }
	
	.divisoreBoxHome {
        border-right: none;
        border-left: none;
    }

    .boxCampoRegistrazione {
        width: 100%;
    }

    .contenitoreCampoDatiCitta {
        padding-right: 8%;
    }

    .divTestoConferma {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .divTestoMail {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 500px) {
    .bigIconaImg {
        width: 60px;
    }

    .h1Big {
        font-size: 40px;
    }

    .h2Big {
        font-size: 24px;
    }

    .h2BigHome {
        font-weight: 100;
        font-size: 20px;
    }

    .bigButton {
        font-size: 18px;
        letter-spacing: 3px;
    }

    .titoloSecondPage {
        padding-top: 125px;
    }

    .tdBottoniItalia {
        font-size: 75%;
    }

    .titoloDati {
        font-size: 25px;
        font-weight: 700;
    }

    .titoloDati2 {
        font-size: 15px;
    }

    .contenitoreCampoDati {
        width: 100%;
    }

    .largeButton {
        letter-spacing: 0px;
    }

    .padResetPwd {
        width: 90%;
    }

    .iconaResetPwd {
        padding-top: 0px;
    }

    .titoloResetPwd {
        padding-top: 10px;
        font-size: 16px;
    }

    .divisoreResetPwd {
        padding-top: 10px;
    }

    .sottotitoloResetPwd {
        font-size: 12px;
        padding-top: 10px;
    }

    .testoResetPwd {
        font-size: 12px;
        padding-top: 10px;
    }

    .esitoResetPwd {
        width: 100%;
        font-size: 16px;
        padding-top: 30px;
    }

    .sfondoNeroRegistrazione {
        height: 100px;
    }

    .h1Registrazione {
        line-height: 28px;
    }
	
	.webinar-main .bottoneWebinar {
		display:block;
	}

	.webinar-main .bottoneExtra {
		display:block;
		margin-top:15px;
	}
}

@media screen and (max-width: 400px) {
    .iconaCap {
        font-size: 30px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .testoCap {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 20px;
    }

    .bottoneCap {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .inputCap {
        width: 120px;
        height: 32px;
        font-size: 20px;
    }
	
	.webinarExtraTitle {
		font-size:16px;
	}
	
	.webinarExtraDescription{
		font-size:14px;
	}
	
	.webinarExtraDescription2{
		font-size:14px;
	}
	
	.webinarExtraBackgroundSubscribe {
		width: 96%;
		padding-right:2%;
		padding-left:2%;
	}
	
	.webinarExtraTitleSubscribe {
		font-size:16px;
		padding-bottom:10px;
	}

	.webinarExtraContainerInput {
		display: block;
		padding-top: 20px;
	}

	.webinarExtraSpaceSubscribe {
		width:100%;
		height:20px;
	}

	.webinarExtraBoxInput {
		width: 100%;
		padding-bottom:10px;
	}

	.webinarExtraInput {
		font-size: 14px;
	}
}