:root{
    --bg-from:#009ADE;
    --tx-from:#808080;
    --bg-inp:#fff;
}
.pos-re{
    position: relative;
    z-index: 10;
}
.overlay{
    position: absolute;
    z-index: 20;
}
body {
    margin: 0;
}
body{
    background-color: var(--bg-from);
}
* {
    box-sizing: border-box;
}
.elea {

}
.elea .navbar{
    display: none; /*il scoti tu la scroll*/
    padding:calc(100vw * (8/834)) calc(100vw * (16/834));
}
.elea .navbar img{
    width: calc(100vw * (120/834));
}

.elea .row-home img{
    width: 100%;
    height: auto;
}
.elea .row-home .overlay{
    top: calc(100vw * (46/834));
    left: calc(100vw * (42/834));
    width: calc(100vw * (504/834));
    color: #fff;
}
.elea .row-home .overlay img{
    width: calc(100vw * (315/834));
    height: auto;
    margin-bottom: calc(100vw * (52/834));
}
.elea .row-home .overlay h1{
    font-size: calc(100vw * (25/834));
    font-weight: 800;
    line-height: calc(100vw * (29.3/834));
    text-align: left;
    margin-bottom: calc(100vw * (52/834));
    display:none;
}
.elea .row-home .overlay h2{
    font-family: 'Roboto';
    font-size: calc(100vw * (16/834));
    font-weight: 400;
    line-height: calc(100vw * (18.75/834));
    text-align: left;
    padding-right:  calc(100vw * (60/834));
    display:none;
}
.elea .row-form{
    padding:calc(100vw * (57/834))  calc(100vw * (90/834))  calc(100vw * (45/834));
}
.inp{
    width: 100%;
    border-radius: calc(100vw * (10/834));
    border:0px transparent;
    -webkit-border-radius: calc(100vw * (10/834));
    -moz-border-radius: calc(100vw * (10/834));
    color: var(--tx-from);
    background-color: var(--bg-inp);
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size:calc(100vw * (20/834));
    font-weight: 700;
    line-height: calc(100vw * (24/834));
    padding:calc(100vw * (20/834)) calc(100vw * (26/834)) calc(100vw * (19/834));
    box-shadow:inset 0px calc(100vw * (4/834)) calc(100vw * (4/834)) 0px #00000040 ;
    margin-top: calc(100vw * (26/834));
}
.chosen-container{
    margin-top: calc(100vw * (26/834));
    box-shadow:inset 0px calc(100vw * (4/834)) calc(100vw * (4/834)) 0px #00000040 ;
    border-radius: calc(100vw * (10/834));
    border:0px transparent;
    -webkit-border-radius: calc(100vw * (10/834));
    -moz-border-radius: calc(100vw * (10/834));
    min-height: calc(100vw * (57/834));

}
.chosen-container .chosen-single{
    border:0px transparent;
    border-radius: calc(100vw * (10/834));
    -webkit-border-radius: calc(100vw * (10/834));
    -moz-border-radius: calc(100vw * (10/834));
    padding-top:calc(100vw * (20/834));
    min-height: calc(100vw * (57/834));
    background-color: var(--bg-inp);
    text-transform: uppercase;
    font-family: 'Roboto'!important;
    font-size: calc(100vw*(20 / 834));
    color: var(--tx-from);
    font-weight: 700;
    line-height: calc(100vw*(24 / 834));
    padding: calc(100vw*(15/ 834)) calc(100vw*(26 / 834)) calc(100vw*(19 / 834));
    box-shadow: inset 0px calc(100vw*(4 / 834)) calc(100vw*(4 / 834)) 0px #00000040;
}
.chosen-container-single .chosen-single div{
    top: calc(100vw*(15 / 834));
    right: calc(100vw*(-5 / 834));
}
.elea .row-form .validator{
    color:white!important;
}
.elea .row-form .signature{
    margin-bottom: calc(100vw * (26/834));
}
.elea .row-form input:focus-visible{
    outline-color: #53535378 ;
    outline-style: solid;
    outline-width: calc(100vw * (4/834));
    outline-offset: calc(100vw * (2/834));
}
.inp:placeholder{
    color:var(--tx-from);
}
.elea .row-form textArea{
    rows:8;
}
.form-send{
    background-color: var(--bg-inp);
    color:var(--bg-from);
    border:0px transparent;
    padding: calc(100vw * (15.75/834)) calc(100vw * (16.9/834));
    border-radius:calc(100vw * (10/834));
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: calc(100vw * (26.25/834));
    font-weight: 700;
    line-height:calc(100vw * (31.5/834));
    text-align: center;
}

.checkmark{
    background-image: url(../images/unchecked.png);
    background-size: cover;
    width: calc(100vw * (25/834));
    height: calc(100vw * (25/834));
}
.containerCheckbox .checkmark:after, .container-checkbox .checkmark:after{
    background-image: url(../images/checked.png);
    width: calc(100vw * (25/834));
    height: calc(100vw * (25/834));
}
.check-hldr{
    font-family: 'Roboto';
    font-size: calc(100vw * (20/834));
    font-weight: 400;
    line-height: calc(100vw * (32/834));
    color:var(--bg-inp);
    margin-top:  calc(100vw * (11/834));
    margin-bottom:  calc(100vw * (1/834));
}
.hide{
    display:none;
}