html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body{
    background:#e6f6fd;
    font-family: 'Nunito', sans-serif;
}
@font-face{
    font-family: Acquatico;
    src: url('Aquatico-Regular.otf') format('opentype');
}
#master #header{
    background-image: url('../img/header-01_01.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    min-height:55vh;
    height:auto;
    position:relative;
}
#master #header::before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    min-height:55vh;
    width:100%;
    background-image: url('../img/sfumatura_header.png');
    background-position:bottom;
    background-repeat: repeat-x;
    background-size:cover;
    height: auto;
}
#header h1{
    font-family: Acquatico;
    font-size:4rem;
    color:#002752;
}
#header h2{
    font-family: 'Lato', sans-serif;
    font-size:1.7rem;
    color:#93a2be;
    font-weight: 400;
}
#header h2 strong{
    font-weight:700;
}
#header p{
    font-size:1.5rem;
    font-weight:400;
    color:#fff;
    max-width: 50%;
    margin:0 auto;
    position:absolute;
    bottom:50px;
    left:50%;
    transform:translateX(-50%);
}
.scroll-down{
    height:60px;
    background-color:#173b64;
}
.scroll-down i{
    font-size: 40px;
    color: #f6f6f6;
    cursor:pointer;
}
.animate__animated.animate__bounce {
    --animate-duration: 2s;
}
#title{
    font-size:2rem;
    font-weight:700;
    text-align:center;
    color:#173b64;
    margin:2rem auto;
}
#title span{
    color:#00adee;
}
.title_section{
    margin: 1rem auto;
    font-size:2rem;
    font-weight:500;
    text-align:center;
    color: rgb(0,173,238);
}
.title_section.work{
    font-weight:900;
}
.optional .title_section{
    font-size:1.5rem;
    font-weight:700;
    text-align:center;
    color:rgb(23,59,100);
}
.subtitle{
    font-size:2rem;
    font-weight:700;
    text-align:center;
    color:rgb(0,173,238);
}
/* FORM */
#form label{
    background: #dfe8fa;
    border:1px solid #dfe8fa;
    padding:2rem;
    transition:.5s;
}
#form label:hover{
    background: rgba(0,173,238,1);
    transition:.5s;
}
#form input[type=checkbox], #form input[type=radio]{
    visibility:hidden;
}

#form input[type=radio]:checked ~ label,
#form input[type=checkbox]:checked ~ label{
    transition:.8s;
    background: linear-gradient(90deg, rgba(0,173,238,1) 0%, rgba(0,173,238,1) 100%);
    border:0;
}
#form .step.last{
    background-color:#dfe8fa;
    border-radius:25px;
}
/* form .type */
#form .type{
    min-height:250px;
    border-radius:40px;
    overflow:hidden;
    position:relative;
}
#form label{
    color:#173b64;
    text-align:left;
    cursor:pointer;
}
#form label h4{
    font-size:1.5rem;
    font-weight:900;
    text-align:center;
    text-transform:capitalize;
}
#form .optional label h4{
    position:relative;
    top:-10px;
}
#form label p{
    font-size:1rem;
    font-weight:400;
    color:#173b64;
    text-align:center;
}
#form .type > div{
    position:relative;
    z-index:1;
}
#form .type img{
    max-height:150px;
    margin:0 auto;
}
/* CUSTOM HEIGHT IMAGE */
#form #form_wizard-p-0 img,
#form #form_wizard-p-1 img{
    max-height:161px;
}
#form #form_wizard-p-2 img,
#form #form_wizard-p-4 img{
    max-height:200px;
}
#form .type.gray img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .5s;
}
#form label.type.gray:hover img,
#form input[type=radio]:checked + label img{
    -webkit-filter: grayscale(0%);
    filter:grayscale(0%);
}
/* Color */
#form label.type.color img{
    max-height:120px;
}
#form label.type.color h4{
    font-size:1.2rem;
    letter-spacing:-1px;
}
#form label.type.color.azzurro:hover{
    background: radial-gradient(circle, rgba(218,241,252,1) 0%, rgba(167,222,248,1) 100%);
}
#form label.type.color.sabbia:hover{
    background: radial-gradient(circle, rgba(255,252,247,1) 0%, rgba(241,219,188,1) 100%);
}
#form label.type.color.blu_adriatico:hover{
    background: radial-gradient(circle, rgba(221,227,245,1) 0%, rgba(85,112,186,1) 100%);
}
#form label.type.color.bianco:hover{
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(239,236,236,1) 100%);
}
#form label.type.color.grigio_chiaro:hover{
    background: radial-gradient(circle, rgba(243,238,238,1) 0%, rgba(205,203,203,1) 100%);
}
#form label.type.color.g_antracite:hover{
    background: radial-gradient(circle, rgba(219,214,214,1) 0%, rgba(154,150,150,1) 100%);
}
#form label.type.color.elegance:hover{
    background: radial-gradient(circle, rgba(247,246,246,1) 0%, rgba(92,92,93,1) 100%);
}
#form label.type.color.relax:hover{
    background: radial-gradient(circle, rgba(254,248,240,1) 0%, rgba(251,222,186,1) 100%);
}
#form label.type.color.sublime:hover{
    background: radial-gradient(circle, rgba(219,214,214,1) 0%, rgba(206,186,173,1) 100%);
}
#form label.type.color.vanity:hover{
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(208,206,206,1) 100%);
}
#form label.type.color.authentic:hover{
    background: radial-gradient(circle, rgba(255,247,239,1) 0%, rgba(244,222,138,1) 100%);
}
#form label.type.color.origin:hover{
     background: radial-gradient(circle, rgba(253,253,253,1) 0%, rgba(220,215,212,1) 100%);
}
/* form .circle */
#form .circle{
    border-radius:50%;
    width:200px;
    height:200px;
    margin:0 auto;
}
#form .circle h4{
    font-size:3.5rem;
}
#form .circle img{
    max-width: 180px;
}
#form .touch .circle img{
    max-width:190px;
}
/* form .optional */
#form .optional label:hover,
#form .optional input[type=checkbox]:checked ~ label{
    background: #173b64;
}
#form .optional label:hover .title_section,
#form .optional label:hover .material-icons,
#form .optional input[type=checkbox]:checked ~ label .title_section,
#form .optional input[type=checkbox]:checked ~ label .material-icons{
    color:#fff;
}
#form .optional input[type=checkbox]:checked::after{
    content: '\e5ca';
    position: absolute;
    top: 20px;
    right: 10px;
    font-family: Material Icons;
    font-size: 2rem;
    color: #fff;
    visibility: visible;
    z-index: 999;
    background-color: #1abb9c;
    height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 2.2rem;
}
#form .optional{
    margin-bottom:2rem;
}
#form .optional .circle img{
    max-width:280px;
}
#form .optional .material-icons{
    position:absolute;
    bottom:40px;
    right:10px;
    z-index:999;
    font-size:2rem;
    color:#333;
}
#form #concludi{
    background-color:#e67e22;
    border-color:#e67e22;
    border-radius:25px;
}
#form #concludi:hover{
    background-color:#d35400;
    border-color:#d35400;
}
#form #submit_form{
    background-color:#00adee;
    border-color:#00adee;
    border-radius:25px;
    text-transform:uppercase;
}
#form .last p.item_select{
    color:#173b64;
    font-size:1rem;
    text-align:center;
    line-height: 1rem;
    margin-top:1rem;
}
/* form .finanziamento*/
#form .finanziamento .circle{
    width:120px;
    height:120px;
}
#form .finanziamento p{
    text-align:center;
    font-size:1.3rem;
    color:#333;
}
#form .finanziamento > h4{
    text-align:center;
    font-size:2rem;
    font-weight:900;
    color:rgb(0,173,238);
}

/* TAB */
ul.nav li{
    background:#ccc;
    border-radius:25px;
    padding: .75rem;
    margin:10px;
    position:relative;
}
ul.nav li a{
    font-size:.8rem;
    font-weight:400;
    color:#173b64;
    text-transform:uppercase;
}
ul.nav li a:focus{
    outline:transparent;
}
ul.nav li.done,
ul.nav li.current{
    background:#173b64;
}
ul.nav li.done a,
ul.nav li.current a{
    color:#fff;
}
ul.nav .number{
    position: absolute;
    top: -10px;
    background-color: #e6f6fd;
    color:#333;
    border:1px solid #dddede;
    padding: .05rem .25rem;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align:center;
    font-weight:bold;
}
ul.nav li.done .number,
ul.nav li.current .number{
    background-color:#00adee;
    color:#fff;
    border:none;
}

/* ACTIONS */
.actions{
    display:none!important;
    opacity:0;
    visibility:hidden;
}
#detail{
    background:#ccc;
    border-radius:10px;
    padding:.25rem .75rem;
    margin-top:3rem;
}
#menu{
    display:flex;
    justify-content:center;
    list-style:none;
    padding:0;
    margin:0;
}
#menu li{
    margin-bottom:1rem;
}
#menu li:first-child{
    margin-right:1rem;
}
#menu .btn-primary{
    background-color:rgb(0,173,238);
    border-color:rgb(0,173,238);
}
#menu h4{
    font-size:1.5rem;
    font-weight: 700;
    color:rgb(0,173,238);
}

/* PRICE */
.submit .title_section{
    font-size:2rem;
    font-weight:800;
    color: #173b64;
    margin:1rem auto;
}
.submit p{
    font-size:.8rem;
    font-weight: 400;
}
.description{
    font-size:1rem!important;
    font-weight:800;
    color:#00adee;
    text-transform:uppercase;
}
#price_total{
    font-size:2.5rem;
    font-weight: 800;
    color:#00adee;
    background-color:#e6f6fd;
    padding:10px 20px;
}
#order_details h4{
    font-size:1.5rem;
    font-weight: 700;
    color:rgb(0,173,238);
}
.modal-body input{
    padding: .25rem .75rem;
    margin:.25rem 0;
    border-color:#f6f6f6;
}

/* FOOTER */
#footer{
    margin-top:3rem;
    background:#93a2be;
    padding:2rem 0;
}
#footer h4{
    font-family: Acquatico;
    font-size:1.5rem;
    font-weight: 400;
    text-align:center;
    color:#173b64;
}
#footer p{
    font-size:.8rem;
    font-weight:400;
    line-height:1.2rem;
    color:#fff;
}
#footer a.btn{
    border-radius:15px;
    background-color:#173b64;
    border-color:#173b64;
    font-size:.8rem;
    font-weight:700;
    text-transform:uppercase;
}

/* MEDIA */
@media screen and (max-width: 991px){
    #header h1{
        font-size:2rem;
    }
    #header h2{
        font-size: 1.7rem;
        max-width: 80%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }
    #header p{
        font-size:1.1rem;
        line-height:1;
        max-width:80%;
    }
    .scroll-down{
        justify-content: center;
    }
    .scroll-down i{
        left:auto;
    }
    .submit .title_section{
        font-size:1.5rem;
    }
}