body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 30px; font-weight: 300; }

.wrapper { max-width: 1600px; margin: 0 auto; }

header { text-align: center; padding: 15px 0 30px 0; background: url(../img/mantainance/bg-header.png) bottom center; margin-bottom: 100px; }

p { padding: 15px 0; }

a { color: #c1022c; text-decoration: underline; }
a:hover { color: #c1022c; text-decoration: none; }

img { max-width: 100%; }

.abstract { font-size: 32px; line-height: 44px; margin-bottom: 15px; }

.col-dx { font-size: 16px; }

.tit { color: #c1022c; text-transform: uppercase; font-weight: 600; }
.tit.allerta { }
.tit.allerta:before { font-family: 'FontAwesome'; content: '\f071'; margin-right: 10px; }

.txt { font-weight: 500; line-height: 24px; margin: 10px 0; }
.etichetta { background: #c1022c; color: #fff; text-decoration: none; padding: 15px 20px; display: inline-block; font-size: 13px; font-weight: 500; line-height: 13px; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-left: 3px; transition: all 0.3s ease; }
.etichetta:hover { color: #c1022c; background: #fff; }

form { }
input { display: block; width: 100%; border: none; border-bottom: 2px solid #000; font-size: 19px; padding: 20px; margin-bottom: 30px; line-height: 19px; outline: none; }
input[type=button], input[type=submit] { display: inline-block; border-radius: 0; width: auto; padding: 25px 55px; background: #c1022c; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 600; border: none; margin-left: 3px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }
input[type=button]:hover, input[type=submit]:hover { background: none; color: #c1022c; }
input.error { border-color: #f04848 !important; }
.step-01 .btn { margin-bottom: 30px; }
/*.mandatory { font-size: 14px; line-height: 20px; margin-bottom: 30px; font-weight: 100; position: relative; z-index: 1; padding-left: 30px; }*/
.mandatory { font-size: 12px; line-height: 16px; margin-bottom: 20px; font-weight: 100; position: relative; z-index: 1; padding-left: 30px; }
.mandatory input[type=checkbox] { position: absolute; z-index: 1; margin: 0; width: auto; left: 0; top: 0; }
.mandatory.error { color: #c1022c; }

.n-serie { height: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease; }
.n-serie.open { height: auto; opacity: 1; }
.n-serie img { display: block; margin: 10px 0; }

#etichetta { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
#etichetta.opened { opacity: 1; pointer-events: all; }
#etichetta .content { background: #fff; width: 40%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 100px; }
#etichetta .content img.etichetta-dove { margin-top: 30px; }
#etichetta .content .chiudi-etichetta { position: absolute; z-index: 100; right: 15px; top: 10px; text-decoration: none; font-size: 30px; line-height: 30px; }
#etichetta .content .chiudi-etichetta:after { content: '\f00d'; font-family: 'FontAwesome'; }

.step { height: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
.step.active { height: auto; opacity: 1; pointer-events: all; }


/*XL*/
@media (min-width:1200px) and (max-width:1800px) {
    #etichetta .content { width: 70%; }
}

/*LG*/
@media (min-width:992px) and (max-width:1199px) {
    #etichetta .content { width: 80%; }
}

/*MD - SM*/
@media (min-width:768px) and (max-width:991px) {
    #etichetta .content { width: 90%; }
}

/*SM*/
@media (max-width:767px) {
    #etichetta .content { width: 90%; padding: 20px; font-size: 14px; line-height: 20px; }
}

/*XS*/
@media (max-width:575px) {
}