@charset "utf-8";
/*** RESET ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
html {/*overflow-y: scroll;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* {margin:0; padding:0;border:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both; width:100%;height:0; margin:0;padding:0;border:none;}
/* CSS Document */
body {width:100%;height:auto;font-family: 'Raleway', sans-serif;font-size:18px;}
/** HEADING **/
header {overflow:hidden;width:100%; background-color:rgba(239,235,236,1);
-webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.22);
box-shadow: 0px 20px 30px rgba(0,0,0,0.22);}
/* nav */
.main-nav {overflow:hidden;width:100%; background-color:#FFF;}
.nav {overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:10px 20px 5px;border-top:rgba(27,68,10,1) solid 6px; }
.logo {float:left;width:180px;}
.menu {float:right;width:250px;}
/* header */
.header-cont {background:url('/info_digitallex_web_reputation/img/header-digitallex_web_reputation.webp') left center no-repeat; background-size:cover;}
.header {display:table;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:20px; /*background:rgba(0,0,0,0.16);*/}
.head {display:table-cell; vertical-align:middle;width:65%;padding-right:40px; text-align:center;}
.head h1 {padding:0 0 16px 0;font-size:56px; line-height:56px;font-weight:400;color:rgba(255,255,255,1);}
.head h1 strong {font-weight:900;}
.head p {font-size:23px; line-height:26px;color:rgba(255,255,255,0.81);}
/* side */
.side {display:table-cell;width:35%; background-color:rgba(255,255,255,0.8);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.side h2 {margin:20px 0 0 0;font-size:24px;font-weight:700;text-transform:uppercase; text-align:center;color:rgba(126,146,58,1);}
.side p { text-align:center;}
/* form */
form 						{overflow:hidden;width:100%;padding:20px;}
fieldset div 		{position:relative;width:100%;margin:0 0 10px 0;padding:1px;border:none;}
fieldset input, fieldset select, fieldset textarea {width:100%;padding:12px 10px;font-size:15px;border:none;background-color:#FFFFFF!important;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select {color:#888;background: url(/img/select-arrow.png) no-repeat 97% 50%;}
input:focus, select:focus, textarea:focus {box-sizing: border-box;background-color: #F2FFCC; border:none; outline:none;}
textarea {font-family:'Open Sans',sans-serif;}
fieldset .campi-obbligatori {background:none;border:none;}
fieldset .campi-obbligatori label {font-size:13px;color:#001C48;}
fieldset .privacy {overflow:hidden;font-size:13px;color:#001C48; background:none;}
fieldset .privacy p {margin:0 0 12px 0;}
fieldset .privacy li {margin:0 0 6px 0;}
fieldset .privacy input {float:left; width:15px; height:15px;}
fieldset .privacy label {padding:0 0 0 10px;}
fieldset .commenti {display:none;}
fieldset .invio { background:none; text-align:center;}
button  { width:100%; max-width:220px;margin:0 auto;padding:10px 15px;font-size:16px; font-weight:400;text-transform:uppercase;background-color:rgba(126,146,58,0.8);color:#FFF; cursor:pointer;border:none;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
button:hover {background-color:rgba(126,146,58,1);transition-timing-function: ease-in-out;transition-duration: 0.3s;}
/* validazione html5 */
input:focus, select:focus {border:#c4c4c4 solid 1px;}
input:required, select:required {border:#c4c4c4 solid 1px;}
input:required:focus:invalid, select:required:focus:invalid {border:#F00 solid 1px;}
input:required:valid, select:required:valid {border:#0C0 solid 1px;}

/** CONTENUTI **/
#container {overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:50px 20px 25px; }
/* principale */
.main {}
.main p {margin:0 0 24px 0; line-height:26px;}
.main h2 {margin:0 0 4px 0;font-size:22px;line-height:26px; font-weight:700;color:rgba(126,146,58,1);}
.main ul {margin:0 0 24px 20px;}
/** SERVICES **/
.services {overflow:hidden; text-align:center;}
.service { display:inline-table; width:30%; min-width:220px;padding:15px;}
.img-service { width:100%; max-width:180px; margin:0 auto;}
/** FOOTER **/
footer {overflow:hidden;width:100%;background-color:rgba(239,235,236,1);
-webkit-box-shadow: 0px -20px 30px rgba(0,0,0,0.11);
-moz-box-shadow: 0px -20px 30px rgba(0,0,0,0.11);
box-shadow: 0px -20px 30px rgba(0,0,0,0.11);}
.footer {width:100%;max-width:1200px;margin:0 auto;padding:20px;border-top:rgba(27,68,10,1) solid 1px;}
.footer p {font-size:13px; color:#666;}
/*** VARIE ***/
.fluid { width:100%; height:auto;}
.intero {/*display:inline-block;*/}
.hidden {}
.hidden-desk {display:none;}
.link {text-decoration:underline;color:#0000EE;cursor:pointer;}
#back_to_top {position:fixed;bottom:15px;right:15px;cursor:pointer;}

@media (max-width: 1024px) {
.head {width:55%;padding-right:20px;}
.head h1 {font-size:50px; line-height:50px;}
.side {width:45%;}
}


@media (max-width: 740px) {
/* nav */
.nav {max-width:560px;}
/* header */
.header {display:block;max-width:560px;margin:0 auto;padding:20px 10px;}
.head {overflow:hidden;display:block;width:100%;padding:20px 10px;}
.head h1 {font-size:42px; line-height:46px;}
.side {overflow:hidden;display:block;width:100%;}
/** CONTENUTI **/
#container {max-width:560px;margin:0 auto;padding:50px 20px 25px; }
/** SERVICES **/
.service {width:100%;padding:15px;}
.img-service {max-width:220px;margin-bottom:15px;}
/** varie **/
.hidden-desk {display:block;}


@media (max-width: 420px) {
}