/*
	Codici colore: blu= #336d99
	grigio scuro (per sottotitoli) = #9b9b9b
	grigio chiaro (per sfondo cf7 e CTA) = #f1f1f1
*/
* { box-sizing:border-box; }
html, body { height:100%; overflow-x:hidden; }
body {
    background: #fff;
    font-family:"Poppins", Arial;
    text-align:center;
    font-weight:400;
    position:relative;
    margin:0;
    padding:0;
    color:#555;
}
a { color:#9b9b9b; cursor: pointer; }

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

section { position:relative; width:100%; }

#block1 { padding:50px 0; background:url('../img/amus_bg.jpg') center center no-repeat #f1f1f1; background-size:cover; }
#block1 img.logo { position:absolute; top:50px; left:50px; width:150px; height:auto; }
#block1 p { text-align:justify; }

h1 { font-size:38px; font-weight:900; color:#336d99; margin: 15px 0 5px; line-height: 42px; }
h1 span { color:#9b9b9b; font-weight:300; font-size:36px; }

hr {
	display:inline-block;
	width:33%;
	height:5px;
	color:#336d99;
	background-color:#336d99;
	box-shadow:none;
	border:0 none;
	margin:2px 0 20px;
}

form {
    background:#f1f1f1;
    padding:20px 30px;
    box-shadow:0 0 15px 3px rgba(0,0,0,0.25);
    display:inline-block;
    width:100%;
}
form label { font-size:16px; margin-bottom:0px; }
form input, form label { cursor:pointer; }
form input, form label, form select { display:inline-block; width:100%; cursor: pointer; }
form input, form select { margin-bottom:20px; border:1px solid #ccc; padding:10px; color:#999; border-radius: 0; height:40px; }
form input:focus, form select:focus { border:1px solid #9b9b9b; }
form #result { display:none; }
form .disabled { pointer-events:none !important; opacity:0.5; }
form .sent { color:#08996d; }
form .error { color:red; }
form #privacy { display:inline-block; width:16px; margin-right:5px; height:16px; padding:0; }
form #privacy-label { display:inline-block; width:auto; font-size:14px; vertical-align:top; }
.submit {
    font-family:'Poppins';
    color:#fff;
    background-color:#336d99;
    border:0 none;
    margin-top:20px;
    cursor:pointer;
    transition:all 0.3s ease;
}
.submit:hover { background-color:#333; }

#block2 { background-color:#f1f1f1; }
#block2 .box1 { text-align:center; }
#block2 .box1 p { font-size:15px; margin-bottom:0; }
#block2 .box2 { text-align:center; }
.box { display:inline-block; width:49%; vertical-align:top; text-align:left; padding:20px 0; }
.box2 { margin-left:80px; width:calc(49% - 80px); margin-top: 15px; }
#block2 .submit {
	height:40px;
	width:100%;
	display:inline-block;
	line-height:40px;
	text-decoration:none;
	margin-top:40px;
}
#callnow span { background:url('../img/amus_phone_icon.png') center center no-repeat; background-size:100% 100%; }

#block3 { padding:50px 0 0; text-align:center; }
#block3 h2 { font-size:28px; font-weight:900; color:#999; margin:0; }
#block3 p { text-align:justify; }
#block3 .wrapper > p { padding:0 15px; margin-bottom:0; }
#block3 h2 span { color:#336d99; text-align: center; }
#block3 #boxes div {
    display:inline-block;
    width:31%;
    margin:50px 1%;
    box-shadow:0 0 10px 3px rgba(0,0,0,0.10);
    padding:30px;
    text-align:justify;
}
#block3 #boxes div span { display:inline-block; width:100%; text-align:center; }
#block3 #boxes span p { font-size:16px; font-weight:700; color:#336d99; margin:0 0 5px; text-align:center; }
#callnow span {
	background: url('../img/amus_phone_icon.png') center center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: inherit;
	vertical-align: text-top;
	margin-left:10px;
}

footer { font-size:12px; }

#cookies {
    text-align:left;
    padding:50px 0;
}

#cookie-bar, #revoke-bar {
    background-color:#333;
    color:#fff;
    padding:12px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:999999;
    width:100%;
    text-align: center;
    font-size:14px;
    opacity:0.9;
}
#cookie-bar .button, #revoke-bar .button {
    display:inline-block;
    padding:5px 10px;
    text-decoration:none;
    border:1px solid #fff;
    margin-left:5px;
}
#revoke-bar { display:none !important; }

@media screen and (max-width:1650px){
    #block1 { background-position:200px center; }
    #block1 img.logo {
        top: 20px;
        left: 25px;
        width: 120px;
    }
}

@media screen and (max-width:1280px){
    #block1 img.logo {
        top: 10px;
        left: 50%;
        width: 120px;
        margin-left: -60px;
    }
}

@media screen and (max-width:800px){
    #block1 { padding-top:0; background-position:center center; padding-top:70px; }

    .box { width: 100%; padding:20px 50px; text-align:center; }
    h1 { margin-top:0; margin-bottom:5px; }
    .box2 { margin-left:0; width:70%; }
    form h2 { font-size:22px; }
    #block2 p { margin-bottom:-20px; text-align:center; }
    #block2 .box2 { padding: 0 50px 30px; }
    #block2 .submit { margin-top:0; }
    #block3 #boxes div { width:30%; margin-bottom:0; padding: 15px 25px; }
    #block3 #boxes span p { margin:0 0 15px }
    #cookies { padding:20px 20px; }
    
    form input, form label, form select { -webkit-appearance: none !important; }
}
@media screen and (max-width:640px){
    #block1 img.logo { left: 50%; margin-left:-60px; width:120px; }
    #block1 { padding:80px 0 0; }
    .box { padding:20px; }
    h1 { font-size:26px; line-height:30px; margin-top:30px;}
    h1 span { font-size:23px; }
    #list span img {
        height: 20px;
        margin-right: 0px;
    }
    #list span { text-align: center; }
    #list span p { font-size:18px; }
    #list { margin-top: 10px; }
    .box2 { padding:0; margin-top:5px; width:95%; }
    #block3 { padding: 25px 0; }
    #block3 h2 { font-size:22px; }
    form input, form select { margin-bottom:12px; }
    #block3 #boxes div { width: 95%; padding: 10px 15px; margin:20px 0 0; }
    form #privacy-label {
        width: 78%;
        text-align: left;
        margin-left: 7%;
    }
    form #privacy-label:checked { background-color:#000 !important; }

    form #privacy{
       -webkit-appearance:checkbox !important;
    }
}