﻿@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans-Bold.eot');
    src: url('../font-face/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans-Bold.woff') format('woff'),
        url('../font-face/GillSans-Bold.ttf') format('truetype'),
        url('../font-face/GillSans-Bold.svg#GillSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans-BoldItalic.eot');
    src: url('../font-face/GillSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans-BoldItalic.woff') format('woff'),
        url('../font-face/GillSans-BoldItalic.ttf') format('truetype'),
        url('../font-face/GillSans-BoldItalic.svg#GillSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans.eot');
    src: url('../font-face/GillSans.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans.woff') format('woff'),
        url('../font-face/GillSans.ttf') format('truetype'),
        url('../font-face/GillSans.svg#GillSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans-Italic.eot');
    src: url('../font-face/GillSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans-Italic.woff') format('woff'),
        url('../font-face/GillSans-Italic.ttf') format('truetype'),
        url('../font-face/GillSans-Italic.svg#GillSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans-LightItalic.eot');
    src: url('../font-face/GillSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans-LightItalic.woff') format('woff'),
        url('../font-face/GillSans-LightItalic.ttf') format('truetype'),
        url('../font-face/GillSans-LightItalic.svg#GillSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../font-face/GillSans-Light.eot');
    src: url('../font-face/GillSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../font-face/GillSans-Light.woff') format('woff'),
        url('../font-face/GillSans-Light.ttf') format('truetype'),
        url('../font-face/GillSans-Light.svg#GillSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


body
{
    -webkit-text-stroke: .1px;
text-rendering: optimizeLegibility;
	font-family: 'Gill Sans';
    font-weight:400;
}

.centratore{
    max-width:1078px;
    margin-left:auto;
    margin-right:auto;
}

#testata{
    overflow:hidden;
    width:100%;
    height:calc( 100vh - 60px );
    position:relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+57,ffffff+59,ffffff+65,ffffff+69,e5e5e5+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 69%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 57%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 69%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 57%,rgba(255,255,255,1) 59%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 69%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#testata .centratore{
    height:100%;
}

#testata .sx{
    width:39%;
    float:left;
    height:100%;
    margin-right:13%;
    position:relative;
}

#testata .dx{
    width:48%;
    float:left;
    position:relative;
    height:100%;
}

.approfondisci{
    height:60px;
    line-height:100%;
    width:100%;
    position:relative;
    text-align:center;
    background-color:#ffed00;
}

.contain-img{
    position: absolute;
    left:-10000%; right: -10000%; 
    top: -10000%; bottom: -10000%;
    margin: auto auto;
    max-width: 10%;
    max-height: 10%;
    -webkit-transform:scale(10);
    transform: scale(10);
}

.content-scroll{
    display:inline-block;
    cursor:pointer;
}

.content-scroll .txt{
    font-size:20px;
    padding-left:20px;
    padding-right:20px;
    line-height:60px;
    text-transform:uppercase;
    color:#014489;
}

#testata .content{
    position:absolute;
    width:100%;
    top:50%;
    left:0px;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
}

#testata .logo{
    margin-bottom:90px;
}

#testata .claim{
    color:#014489;
    line-height:70px;
    font-size:83px;
    margin-bottom:50px;
}

#testata .btn{
    font-size:38px;
    line-height:31px;
    text-transform:uppercase;
    font-weight:bold;
    display:inline-block;
    color:#ffffff;
    padding:22px;
    background-color:#014489;
}


h1{
    font-size:85px;
    line-height:85px;
    padding-top:95px;
    padding-bottom:70px;
    font-weight:400;
    color:#014489;
}

.testo{
    font-size:20px;
    line-height:30px;
    color:#014489;
    margin-bottom:95px;
}

.testo a:link,
.testo a:visited,
.testo a:hover{
    font-weight:bold;
    color:#014489;
    text-decoration:underline;
}

#form .titoletto{
    font-size:30px;
    color:#ffffff;
    text-transform:uppercase;
    padding-top:94px;
    padding-bottom:94px;
}

#form .btn{
    position:relative;
    width:100%;
    text-align:center;
}

#form .btn.ricerca{
    position: relative;
width: auto;
float: left;
text-align: center;
margin-top: 30px;
}

#form .btn a{
    display:inline-block;
    padding-left:53px;
    padding-right:53px;
    background-color:#ffed00;
    font-size:20px;
    line-height:60px;
    transition:all 0.5s ease-in-out;
    color:#014489;
    text-transform:uppercase;
    box-sizing:border-box;
    border:2px solid #ffed00;
}

#form .btn a:hover{
    background-color:#014489;
    color:#ffed00;
    border:2px solid #ffed00;
}

#form{
    background-color:#014489;
    padding-bottom:85px;
}

#form .item{
    width:calc( ( 100% - 58px ) / 2 );
    float:left;
    position:relative;
    margin-right:58px;
    margin-bottom:56px;
}

#form .item .errore{
    position:absolute;
    bottom:40px;
    left:3px;
}

#form .item:nth-child(2n+1),
#form .item-chb:nth-child(2n+1){
    margin-right:0px;
}


#form .item-chb{
    width:calc( ( 100% - 58px ) / 2 );
    float:left;
    
    margin-right:58px;
    margin-bottom:56px;
}

#form .item-chb label{
    font-size:20px;
    color:#ffffff;
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer;
}

#form .item-chb input{
    margin:0px;
    width:40px;
    height:40px;
    display:inline-block;
    vertical-align:middle;
}

#form .item label{
    font-size:18px;
    line-height:18px;
    margin-bottom:13px;
    display:block;
    color:#ffffff;
    text-transform:uppercase;
}

#form .item input{
    display:block;
    width:100%;
    border:0px;
    height:60px;
   
    font-size:18px;
    color:#014489;
    line-height:100%;
    background-color:#ffffff;
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
}

#form.riser .item input{
   
     text-transform:uppercase;
}

#form .titoletto-rad.alto{
    margin-top:26px;
}

#form .titoletto-rad{
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:47px;
}

#form .item-nota{
    margin-bottom:56px;
    margin-top:26px;
    font-size: 20px;
    color: #ffffff;
}

#form .item-nota label{
    font-size:20px;
    color:#ffffff;
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
}

.risultati{
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}

#form .nota-informativa{
    text-decoration:underline;
    cursor:pointer;
}

#form .item-nota input{
    margin:0px;
    width:35px;
    height:35px;
    display:inline-block;
    vertical-align:middle;
}

#footer{
    padding-top:59px;
    background-color:#ffffff;
    padding-bottom:59px;
}

#footer .copy{
    color:#014489;
    font-size:16px;
    line-height:20px;
    margin-bottom:45px;
}

#footer .copy a:link,
#footer .copy a:visited,
#footer .copy a:hover{
    font-weight:bold;
    color:#014489;
    text-decoration:none;
}

.cura-amore{
    float:left;
    color:#014489;
}
.archimede-privacy-policy{
    float:right;
    color:#014489;
}

.scroll-finish{
    padding-left:10px;
    padding-right:10px;

}

#form{
    padding-left:10px;
    padding-right:10px;
}

.riscattato{
    font-size:25px;
    background-color:#ffed00;
    line-height:30px;
    color: #014489;
    padding:10px;
    display:inline-block;
}

/* mobile */
@media screen and (max-width:1000px)
{
	
}