@charset "UTF-8";

body {margin:0;padding:0;font-family:'Lato',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#4a4a4a;text-align:center;}
a {color:#4a4a4a;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease}
a:hover {color:#1c77ba;}
.button {color:white!important;background-color:#83bc32;text-decoration:none;border: 1px solid #83bc32;font-size: 1rem;padding:.5rem 1.2rem;display:inline-block;font-weight:400;text-transform: uppercase;text-align:center;cursor: pointer;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.button:hover {background-color:#92ce37 !important;}
h1,h2,h3 {color:#1c77ba;text-align:center;text-transform:uppercase;font-weight:300;}
h1,h2 {font-size:2.25rem;line-height:1}
header {background-color:#ffffff;padding:10px 20px;position:fixed;top:0;width:100%;overflow:auto;z-index: 99999999999999999999;text-align:left;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
main {background-color:#ffffff;padding-top:65px;}
section {padding:20px;overflow:auto}
strong {font-weight: 600}
#btn-menu, #accedi {display:block;width:16%;float:left;text-align:center; background-color: #83bc32;padding:10px 10px 2px 10px;cursor:pointer;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#btn-menu:hover, #accedi:hover {background-color:#92ce37 !important}
#btn-menu img, #accedi img {width:26px; height:26px}
#logo, #menu, #logo-bottom {float:left;}
#logo, #logo-bottom {width: 68%;text-align:center;}
#menu {width: 100%;text-align:right;display:none;}
.hamburger {padding-left:0 !important; padding-right:0 !important;}
#logo img, #logo-bottom img {width: 150px;height:auto !important}
#logo img {margin-top: 2px;} 
#logo-bottom img {width: 200px;margin-top:5px;}
ul#voci-menu {width:100%;list-style:none!important;margin: 15px 0;padding:0;float:right;text-transform:uppercase;}
ul#voci-menu li {width:100%;text-align:center;display:block;position:relative;float:left;font-size:.925rem;border-top:solid 1px #e1e1e1;margin-left:0;padding-top:7px;padding-bottom:7px}
ul#voci-menu li a {color:#ffffff;text-decoration:none;color:#4a4a4a}
ul#voci-menu li a:hover {color:#1c77ba}
ul#voci-menu li:last-child {border-bottom:none;background-color:#83bc32;}
ul#voci-menu li:last-child a {color:#ffffff !important}
ul#voci-menu li:last-child:hover {background-color:#92ce37 !important}
ul#voci-menu li:last-child img {vertical-align:middle}
#servizio img {width: 64px;height:auto !important;}
#intro, #servizi, #contenuto, #spiegazione {padding-bottom:50px;}

.box-piattaforma {width:100%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:auto}
.box-piattaforma:nth-child(even) {padding-left:0}
.box-piattaforma:nth-child(odd) {padding-right:0;}
.box-piattaforma a {text-decoration:none !important;color:#4a4a4a !important;}
.box-piattaforma div {text-align:center;padding:20px;overflow:auto;background-color:#F9F9F9;background-size:auto auto;background-size:cover;}
.box-piattaforma div:hover {background-image:none !important;}
.box-piattaforma div strong {font-size:25px;font-weight:normal}
.box-piattaforma div b {font-size:26px;line-height:0.7;color:#1C77BA !important;}
#box-inserzionisti {font-size:16px;background-image: url(../img/inserzionisti-img.jpg); background-repeat:no-repeat;background-position:center center;margin-bottom:30px;}
#box-affiliati {font-size:16px;background-image: url(../img/affiliati-img.jpg); background-repeat:no-repeat;background-position:center center;}
#box-inserzionisti img, #box-affiliati img {width: 100px;height: auto !important}

.parallax {overflow-x:hidden;width:100%;float:left;min-height: 200px;background-image:url(../img/matrix-code.jpg);
background-size:cover;background-attachment:fixed;background-position:bottom center;background-repeat:no-repeat;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#intro, #spiegazione {font-size:1.4rem;font-weight:300;}
.container  {width: 100%;max-width:1200px;margin:0 auto;font-size: 1.1rem;}
.responsive {width:100%;height:auto!important}
section.blu {background-color:#1c77ba;color:#ffffff;}
section.blu h1, section.blu h2, section.blu h3 {color:#ffffff}
section#servizi div div {width: 100%;float:left;position:relative;text-align:center;padding:10px 20px 50px 20px;font-size:15px;height:250px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
section#servizi div div a {text-decoration:none;font-size:1.125rem;display:block;height: 120px !important;margin-top:10px;}
section#servizi div div img {margin-bottom:10px;}
section#contenuto {text-align: left;padding-top:80px;padding-bottom:80px;}
footer a {color:#ffffff !important;}
section#sitemap {background-color:#F9F9F9;padding-top:50px;padding-bottom:60px;}
section#sitemap div div {width: 100%;float:left;position:relative;text-align:center !important;padding:10px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
section#contatori {padding-bottom:60px;border-top:solid 1px #d1d1d1;}
section#sitemap div div a {text-decoration:none;font-size:0.85rem;line-height:0.1;display:block;color:#4a4a4a !important;}
section#sitemap div div a:hover {color:#1c77ba !important;}
div#chiusura {font-size:0.85rem !important;}
div#chiusura a {text-decoration:none}
.counter-value {width: 100%;float:left;position:relative;font-size:60px;line-height:2em;text-align:center;padding:17px 0;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.counter-value:after {content: attr(data-desc);display:block;text-transform:uppercase;font-size: 14px;line-height:1.2em;}

#area-privata img {width:100%;height:auto !important;max-width:260px;margin-top:50px;margin-bottom:50px;}
#area-privata h1 {text-transform:none;}
#area-privata form {width:100%;max-width:400px;margin:0 auto;text-align:left;}
#area-privata label {font-size:0.8rem;}
#area-privata input, #area-privata select {border:solid 1px #d1d1d1;}
#area-privata input, #area-privata select, #area-privata button {width:100%;padding:10px;margin-bottom:10px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.piccolo {font-size:0.8rem;}
.bg-grigio {background-color:#F9F9F9;}
#crea-account {width:100%;max-width:400px;margin:0 auto;border-top:solid 1px #d1d1d1;padding-top:20px;font-size:1.1rem;}
#crea-account a {font-size:1.3rem;}
#area-privata, #crea-account {padding:0 20px 50px 20px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#area-privata a, #crea-account a {text-decoration:none;color:#1c77ba;}

#modulo-contattaci {text-align:center;width:100%;}
#modulo-contattaci form input, #modulo-contattaci form textarea {width:100%;padding:10px;border:solid 1px #cccccc;margin-bottom:10px;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

#modulo-contattaci label {font-size:14px;float:left;text-align:left;width:100%;}
#modulo-contattaci form input[type='checkbox'] {width:20px;float:left;}
#modulo-contattaci form span#accetto {font-size:14px;float:left;text-align: left;}
#modulo-contattaci button {width:100%;}

.domandine {padding:55px 0;border-top:solid 1px #cccccc;}
.nascosto {display:none;color:#4a4a4a !important;font-weight:bold}
 
.sx-column {position:relative;float:left;width:100%;text-align:center;padding-right:0}
.dx-column {position:relative;float:left;width:100%;text-align:left;margin-top:50px}
.sx-column img {width:100%;height:auto !important; max-width: 150px}

.half-sx-column {position:relative;float:left;width:100%;padding-right:0}
.half-dx-column {position:relative;float:left;width:100%;margin-top:50px;}


@media screen and (min-width: 640px) {
    section#servizi div div, section#sitemap div div, .counter-value {width: 50%}
    section#sitemap div div {text-align:left !important;}
    #btn-menu, #accedi {width:10%;}
    #logo {width: 80%;}
}

@media screen and (min-width: 768px) {
    #btn-menu, #accedi {width:8%;}
    #logo {width: 84%;}
    #logo img {margin-top: 0} 
    .sx-column {width:15%;padding-right:5%;text-align:center;}
    .dx-column {width:80%;margin-top:0}
    .sx-column img {max-width: 250px}
    .half-sx-column {width:45%;padding-right:5%;}
    .half-dx-column {width:50%;margin-top:0;}
    .box-piattaforma {width:50%;}
    .box-piattaforma:nth-child(even) {padding-left:10px}
    .box-piattaforma:nth-child(odd) {padding-right:10px}
    .box-piattaforma div {padding:50px 20px;}
    .box-piattaforma div strong {font-size:27px;}
    .box-piattaforma div b {font-size:30px;}
    #box-inserzionisti {margin-bottom:0;}
}

@media screen and (min-width: 1024px) {
    #logo {width: 16%;text-align: left;}
    #logo img {width: 160px;}
    #menu {width: 84%;text-align:right;display:block;}
    section#servizi div div, section#sitemap div div, .counter-value {width: 25%}
    #btn-menu, #accedi {display:none;}
    ul#voci-menu {display:block;width:auto;background-color:transparent !important;margin:0;}
    ul#voci-menu li {width:auto;display:block;border-bottom:none;padding:10px;margin-left:18px;border:none;}
    #area-privata, #crea-account {padding:0 20px 50px 20px;}
    #area-privata img {margin-top:100px;}
}