/* FONT */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i&display=swap');		/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400&display=swap');		/* font-family: 'Oswald', sans-serif; */

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;outline:0;font-size:100%;vertical-align:baseline;background:trasparent }


/* AGGIUNTO COLOR PER IL FONT DI BASE */
body { line-height:1; background:#EEEEEE; color:#333333 }

.red-line {width: 50%; height: 3px; background-color: #FF0000; margin: 20px 0; margin-left: auto; margin-right: auto}

/* TITOLO CATEGORIA SERVIZI */
.titolo-categorie-servizi { display:block; width:100%; padding:7px 0 5px 0; background-color:#222222; color:#CCCCCC; border:0; position: absolute; top: 90%; left: 50%; transform: translate(-50%, -50%); z-index: 0; }

/* ImageHover.css - http://www.imagehover.io - Version 2.0 - Author: Ciarán Walsh - Made available under a MIT License: http://www.opensource.org/licenses/mit-license.php */
[class^="imghvr-"],
[class*=" imghvr-"] { position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: #222222; color: #FFFFFF; overflow: hidden;
-webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); }

[class^="imghvr-"] > img, [class*=" imghvr-"] > img { vertical-align: top; max-width: 100%; }

[class^="imghvr-"] figcaption, [class*=" imghvr-"] figcaption { background-color: #222222; padding: 50px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #FFFFFF; }

[class^="imghvr-"] figcaption h1, [class^="imghvr-"] figcaption h2, [class^="imghvr-"] figcaption h3, [class^="imghvr-"] figcaption h4, [class^="imghvr-"] figcaption h5, [class^="imghvr-"] figcaption h6,
[class*=" imghvr-"] figcaption h1, [class*=" imghvr-"] figcaption h2, [class*=" imghvr-"] figcaption h3, [class*=" imghvr-"] figcaption h4, [class*=" imghvr-"] figcaption h5, [class*=" imghvr-"] figcaption h6 { color: #FFFFFF }

[class^="imghvr-"] a, [class*=" imghvr-"] a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }

[class^="imghvr-"], [class*=" imghvr-"], [class^="imghvr-"]:before, [class^="imghvr-"]:after, [class*=" imghvr-"]:before, [class*=" imghvr-"]:after,
[class^="imghvr-"] *, [class*=" imghvr-"] *, [class^="imghvr-"] *:before, [class^="imghvr-"] *:after, [class*=" imghvr-"] *:before, [class*=" imghvr-"] *:after { transition: all 0.35s ease; }

/* imghvr-fade */
[class^="imghvr-fade"] figcaption, [class*=" imghvr-fade"] figcaption { opacity: 0; }
[class^="imghvr-fade"]:hover figcaption, [class*=" imghvr-fade"]:hover figcaption { opacity: 1; }

[class^="imghvr-fade"]:hover > img, [class^="imghvr-fade"]:hover figcaption,
[class*=" imghvr-fade"]:hover > img, [class*=" imghvr-fade"]:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/* imghvr-slide */
[class^="imghvr-slide-"]:hover figcaption, [class*="imghvr-slide-"]:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/* imghvr-slide-up */
.imghvr-slide-up figcaption { -webkit-transform: translateY(100%); /* aggiunto OPACITY */ opacity: 0.8; transform: translateY(100%) }

/* mia classe per nascondere .titolo-categorie-servizi */
[class^="imghvr-slide-"]:hover .titolo-categorie-servizi { display:block; width:100%; padding:7px 0 5px 0; background-color:#222222; color:#222222; border:0; position: absolute; top: 90%; left: 50%; transform: translate(-50%, -50%); z-index: 0; }


/* IMG Flot Left e Right */
.img-flot-left { float: left; padding:0 20px 20px 0 }
.linea-float-left { float: left; margin:0 15px 20px 0 }
.icon-flot-left { float: left; padding:0 10px 10px 0 }
.float-left { float:left } .float-right { float:right }

/* SEPARATORE TESTO - RESPONSIVE */
.bloc-res {display: inline} .bloc-res::after {content: var(--sep, " - ")} .bloc-res.last::after {content: ""}
@media (max-width: 768px) {.bloc-res {display: block; margin: 0; padding: 0} .bloc-res::after {content: ""} .br-after {display: none}}
.sep-trattino {--sep: " - "} .sep-linea {--sep: " | "} .sep-slash {--sep: " / "} .sep-punto {--sep: " • "}

.block-dark { background-color:#222222; padding:10px; color:#EEEEEE; text-align:center }

.box-white { background-color:#FFFFFF; padding:10px }

/* IMG CIRCOLARE */
.circle { /* border: 3px solid #999999; */ border-radius:999em; -moz-border-radius:999em; -webkit-border-radius:999em; -o-border-radius: 999em }
.img-circle-200 { width: 200px; height: 200px; /* border: 3px solid #999999; */ border-radius:999em; -moz-border-radius:999em; -webkit-border-radius:999em; -o-border-radius: 999em }
.img-circle-auto { width:100%; height:auto; /* border: 3px solid #999999; */ border-radius:999em; -moz-border-radius:999em; -webkit-border-radius:999em; -o-border-radius: 999em }

/* ROLL IMG OPACITY */
a img.img-opacity { opacity: 1 }
a:hover img.img-opacity { opacity: 0.8 }

.mail-sifa2a {font-weight:bold}

/* FAQ DETAILS */
.faq details {border:1px solid #E5E7EB; border-radius:8px; padding:20px 14px; margin:12px 0; background:#FFF; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease}
.faq details:hover {border-color:#D1D5DB; box-shadow:0 1px 6px rgba(0,0,0,.04)}
.faq summary {position:relative; cursor:pointer; font-weight:600; color:#666; padding-right:56px; display:block; transition:color .2s ease}
.faq summary:hover, .faq summary:focus{ color:#FF0000; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::marker{ content:""; }
.faq summary::after {content:"+"; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; background:#fff; color:#666; font-size:22px; line-height:36px; text-align:center; box-shadow:inset 0 0 0 2px #ddd;
transition: background .2s ease, box-shadow .2s ease, transform .2s ease, color .2s ease; pointer-events:none}
.faq summary:hover::after {transform:translateY(-50%) scale(1.10); background:#eee}
.faq details[open] summary::after {content:"–"; background:#eee; color:#666; box-shadow:inset 0 0 0 2px #ddd}
.faq details > *:not(summary) {opacity:0; transform:translateY(-2px); transition:opacity .22s ease, transform .22s ease; max-height:0; overflow:hidden}
.faq details[open] > *:not(summary) {opacity:1; transform:translateY(0); max-height:1600px}
.faq p, .faq ul {margin-top:10px; line-height:1.6}
/* riduci animazioni per chi lo richiede */
@media (prefers-reduced-motion: reduce){.faq *, .faq *::before, .faq *::after {transition:none!important; animation:none!important;}}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }

nav ul { list-style:none}
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none }
a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent }
ins { background-color:#ff9;color:#000;text-decoration:none }
mark { background-color:#ff9;color:#000;font-style:italic;font-weight:bold }
del { text-decoration:line-through }
abbr[title],dfn[title] { border-bottom:1px dotted;cursor:help }
table { border-collapse:collapse; border-spacing:0 }
hr { display:block;height:1px;border:0;padding:0 }
input,select { vertical-align:middle }
.clearfix:after { visibility:hidden;display:block;font-size:0;content:' ';clear:both;height:0 }
* html .clearfix { zoom:1 }
*:first-child+html .clearfix { zoom:1 }

.Wallop { position:relative; overflow:hidden; background:#333333 }  /* COLORE DI SFONDO ORIGINALE: background:#333333 */
.Wallop-item { visibility:hidden; position:absolute; top:0; left:0; width:100% }
.Wallop-item--current { visibility:visible; position:relative }
.Wallop-caption { z-index:100; position:absolute; bottom:20px; width:30%; margin:0 15%; color:#FFFFFF; text-align:center; text-shadow:3px 3px 5px #000000 }
.Wallop-caption h2,.Wallop-caption h3,.Wallop-caption h4 { color:#FFFFFF; font-style:italic; font-weight:normal }
.Wallop-arrow { width:30px; position:absolute; z-index:10; top:50%; left:20px }
.Wallop-arrow .arrow { top:-10px; left:0; width:30px; height:30px; display:inline-block; cursor:pointer; background-size:40px 40px; text-indent:-9999px; -webkit-transform:rotate(180deg); transform:rotate(180deg) }
.Wallop-arrow.Wallop-buttonNext { right:20px; left:auto }
.Wallop-arrow.Wallop-buttonNext .arrow { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
.Wallop--slide .Wallop-item--showPrevious {
-webkit-animation:slideFromLeft 350ms 10ms linear both; -moz-animation:slideFromLeft 350ms 10ms linear both; -ms-animation:slideFromLeft 350ms 10ms linear both; animation:slideFromLeft 350ms 10ms linear both }
.Wallop--slide .Wallop-item--showNext {
-webkit-animation:slideFromRight 350ms 10ms linear both; -moz-animation:slideFromRight 350ms 10ms linear both; -ms-animation:slideFromRight 350ms 10ms linear both; animation:slideFromRight 350ms 10ms linear both }
.Wallop--slide .Wallop-item--hidePrevious, .Wallop--slide .Wallop-item--hideNext { visibility:visible }
.Wallop--slide .Wallop-item--hidePrevious {
-webkit-animation:slideToLeft 350ms 10ms linear both; -moz-animation:slideToLeft 350ms 10ms linear both; -ms-animation:slideToLeft 350ms 10ms linear both; animation:slideToLeft 350ms 10ms linear both }
.Wallop--slide .Wallop-item--hideNext {
-webkit-animation:slideToRight 350ms 10ms linear both; -moz-animation:slideToRight 350ms 10ms linear both; -ms-animation:slideToRight 350ms 10ms linear both; animation:slideToRight 350ms 10ms linear both }

@-webkit-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-moz-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-ms-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-webkit-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-moz-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-ms-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-webkit-keyframes slideToLeft {
99%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)
}
} @-moz-keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @-ms-keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @-webkit-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-moz-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-ms-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
}


/* Generated by Animista on 2021-2-11 23:32:31 - Licensed under FreeBSD License. See http://animista.net/license for more info. w: http://animista.net, t: @cssanimista */
/* Styling scrollable elements */
.js-scroll { opacity: 0; transition: opacity 500ms; }
.js-scroll.scrolled { opacity: 1; }
.scrolled.fade-in { animation: fade-in 1s ease-in-out both; }
.scrolled.fade-in-bottom { animation: fade-in-bottom 1s ease-in-out both; }
.scrolled.slide-left { animation: slide-in-left 1s ease-in-out both; }
.scrolled.slide-right { animation: slide-in-right 1s ease-in-out both; }

@keyframes slide-in-left { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }
100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}
@keyframes slide-in-right { 0% { -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; }
100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }}
@keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; }}



body { font-size:18px; line-height:1.6; font-family: 'Montserrat', sans-serif }
.gigantic { font-size:110px; line-height:1.09; letter-spacing:-2px }
.giga { font-size:65px; line-height:1.09; letter-spacing:-2px }
.huge, h1 { letter-spacing:-1px; font-size:48px; line-height:1.05 }
.large, h2 { font-size:32px; line-height:1.14 }
.bigger, h3 { font-size:26px; line-height:1.38 }
.big, h4 { font-size:22px; line-height:1.38 }
.normal, h5 { font-size:18px; line-height:1.6 }
.small, h6, small { font-size:16px; line-height:1.6 }
.extra-small { font-size:14px; line-height:1.2 }


/* Testo */
.gigantic,.huge,.large,.bigger,.big,h1,h2,h3 { margin-bottom:0px; font-family: 'Oswald', sans-serif }  /* ORIGINALE -->     .gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6 { margin-bottom:0px }     */

@media (max-width: 767px){
.gigantic { font-size:74px; width: 100% }
}

/* Colore link */
a,.link-color { color:#333333; text-decoration:underline; font-weight:bold } a:hover { color:#FF0000; text-decoration:underline } a:focus { color:#999999; text-decoration:none }


/* ALLINEA 2 ELEMENTI - es. CONSENSO e PRIVACY */
.align-10 { display: flex; align-items: center; gap: 10px } .align-10 p { margin: 0 }


/* BOX FILTRO OMBRA */
.box-shadow { box-shadow: 0 0 0 #000000 }
.box-shadow:hover { box-shadow: 0 0 5px #000000 }

.shadow { box-shadow: 0 0 10px #999999 }

.mb-shadow { box-shadow: 0px 10px 5px -5px #666666 }

/* BOX TOP */
.box-top { line-height:1.1; background:#222222; color:#CCCCCC; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:16px; }
.box-top a { color:#CCCCCC; text-decoration:none;  }
.box-top a:hover { color:#FF0000; text-decoration:none;  }

/* BOX CONTATTACI */
.box-contattaci { background:#E6E6E6; text-align:center }
/* .box-contattaci { background:#E6E6E6; padding:40px; text-align:center } */

/* FONT FOOTER */
.box-contatti { font-size:18px; color:#333333; font-weight:normal }
.box-contatti img { margin-top:8px; margin-bottom:50px }
.box-contatti a { color:#333333; text-decoration:none; font-weight:bold }
.box-contatti a:hover { color:#FF0000; text-decoration:none; font-weight:bold }

/* FONT INFO */
.box-info-red { background-color:#FF0000; color:#FFFFFF; margin-top:80px; margin-bottom:80px }
.box-info-shadow { background-color:#FFFFFF; box-shadow: 0 0 30px #999999 }
/* .box-info-container { margin-top:80px; margin-bottom:80px } */
/* .box-info-white { background-color:#FFFFFF; color:#333333; } */
/* .box-info-white img { margin-top:8px } */

/* FONT FOOTER */
.box-footer { background-color:#222222; font-size:18px; font-family: 'Oswald', sans-serif; color:#CCCCCC; font-weight:normal }
.box-footer .block { display:block; padding:10px; background-color:#333333; border:0 }
.box-footer img { margin-top:8px }
.box-footer a { color:#CCCCCC; text-decoration:none; font-weight:normal }
.box-footer a:hover { color:#FF0000; text-decoration:none; font-weight:normal }

.box-address { background-color:#222222; padding:1px; color:#EEEEEE; font-weight:normal; text-align:center }
.box-address a { color:#EEEEEE; font-weight:normal; text-align:center }
.box-address a:hover { color:#FF0000; font-weight:normal; text-align:center }

.box-buzlab { background-color:#FF0000; padding:10px; color:#EEEEEE; font-weight:normal; text-align:center }
.box-buzlab a { color:#EEEEEE; text-decoration:none; font-weight:bold }
.box-buzlab a:hover { color:#333333; text-decoration:none; font-weight:bold }

/* BOTTONE */
.button-dark { font-size:16px; background:#222222; color:#EEEEEE; text-transform:uppercase; font-weight:bold; border:none; border-radius:4px; padding:12px 25px; text-decoration:none; cursor:pointer; display:inline-block; text-shadow:none }
.button-dark:hover { background:#FF0000; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.button-dark:focus { background:#CCCCCC; color:#333333; text-decoration:none; font-weight:bold; }

.button-light { font-size:16px; background:#FF0000; color:#FFFFFF; text-transform:uppercase; font-weight:bold; border:none; border-radius:4px; padding:12px 25px; text-decoration:none; cursor:pointer; display:inline-block; text-shadow:none }
.button-light:hover { background:#222222; color:#EEEEEE; text-decoration:none; font-weight:bold; }
.button-light:focus { background:#CCCCCC; color:#333333; text-decoration:none; font-weight:bold; }


p { margin-bottom:20px }
.text-center { text-align:center } .text-right { text-align:right } .text-left { text-align:left }
.bold { font-weight:bold }
.img-res { width:100%; height:auto; margin-bottom:20px; vertical-align:middle }

.mt-0 {margin-top:0} .mt-5{margin-top:5px} .mt-10{margin-top:10px} .mt-15{margin-top:15px} .mt-20{margin-top:20px} .mt-25{margin-top:25px} .mt-30{margin-top:30px} .mt-40{margin-top:40px} .mt-60{margin-top:60px} .mt-80{margin-top:80px}
.mb-0 {margin-bottom:0} .mb-5{margin-bottom:5px} .mb-10{margin-bottom:10px} .mb-20{margin-bottom:20px} .mb-30{margin-bottom:30px} .mb-40{margin-bottom:40px} .mb-60{margin-bottom:60px} .mb-80{margin-bottom:80px}

.no-margin { margin:0; padding:0 }
.animate { -webkit-transition:all 0.4s;-moz-transition:all 0.4;transition:all 0.4s }
.blockquote { font-weight:normal; font-size:20px; font-style:italic; margin:20px; margin-top:50px; margin-bottom:50px; padding:0 20px; line-height:1.45; position:relative; color:#666666; border-left:3px solid #999999 }

ul { margin-top:20px; margin-left:40px; margin-bottom:20px }
li { margin-bottom:20px }
hr { margin-top:0px; margin-bottom:0px; border-width:0; border-top:0px } hr.spacer { border-top:1px solid transparent }

/* TABELLA */
table { margin-bottom:0px }
th,td { padding:0px; text-align:left;border-bottom:0px }
table { margin-bottom:0px }
th,td { padding:0px; text-align:left; border-bottom:0px }

input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select { width: 100%; height:40px; padding:6px 10px;background-color:#fcfcfc;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;width:100 }
input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea { -webkit-appearance:none;-moz-appearance:none;appearance:none }
textarea { min-height:150px;padding-top:6px;padding-bottom:6px }
input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus {border:1px solid #999999;outline:0 }
label,legend { display:block;margin:12px 0 10px 0;font-weight:normal }
fieldset { padding:0;border-width:0 }
input[type='checkbox'],input[type='radio'] { display:inline }
label>.label-body { display:inline-block;margin-left:10px;font-weight:normal }
*,*:after,*:before { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box }

.cover { background:#eee;padding:70px 0;margin-bottom:20px }
.grid { margin:0 auto;max-width:1250px; padding:40px 20px 40px 20px }
.grid.full { max-width:100% }
.grid.no-col { padding:40px;background:none }
.no-pad,.no-pad [class*='col-'] { padding:0 }
.grid:after { content:'';display:table;clear:both }
[class*='col-'] { float:left;padding:0 20px;position:relative }
.col-1-1,.col-2-2,.col-3-3,.col-4-4,.col-5-5,.col-8-8 { width:100% }
.col-1-2,.col-2-4,.col-4-8 { width:50% }
.col-1-3 { width:33.33% } .col-2-3 { width:66.66% } .col-1-4,.col-2-8 { width:25% } .col-3-4,.col-6-8 { width:75% } .col-1-5 { width:20% } .col-1-6 { width:16.6% } .col-2-5 { width:40% } .col-2-6 { width:33.3% } .col-3-5 { width:60% } .col-4-5 { width:80% }
.col-1-8 { width:12.5% } .col-3-8 { width:37.5% } .col-5-8 { width:62.5% } .col-7-8 { width:87.5% } .push-1-2,.push-2-4,.push-4-8 { left:50% } .push-1-3 { left:33.33% } .push-2-3 { left:66.66% } .push-2-6 { left:33.33% } .push-1-4,.push-2-8 { left:25% }
.push-3-4 { left:75% } .push-1-5 { left:20% } .push-2-5 { left:40% } .push-3-5 { left:60% } .push-4-5 { left:80% } .push-1-8 { left:12.5% } .push-3-8 { left:37.5% } .push-5-8 { left:62.5% } .push-6-8 { left:75% } .push-7-8 { left:87.5% }
.pull-1-2,.pull-2-4,.pull-4-8 { right:50% } .pull-1-3 { right:33.33% } .pull-2-3 { right:66.66% } .pull-1-4,.pull-2-8 { right:25% } .pull-3-4 { right:75% } .pull-1-5 { right:20% } .pull-2-5 { right:40% } .pull-3-5 { right:60% } .pull-4-5 { right:80% }
.pull-1-8 { right:12.5% } .pull-3-8 { right:37.5% } .pull-5-8 { right:62.5% } .pull-6-8 { right:75% } .pull-7-8 { right:87.5% }

@media (max-width: 991px){
[class*='tab-'] { left:0;right:0 } [class*='col-'] { margin-bottom:20px } .tab-100 { width:100% } .tab-75 { width:75% } .tab-66 { width:66.66% } .tab-50 { width:50% } .tab-33 { width:33.33% } .tab-25 { width:25% } .tab-push-75 { left:75% }
.tab-push-66 { left:66.66% } .tab-push-50 { left:50% } .tab-push-33 { left:33.33% } .tab-push-25 { left:25% }
}

@media (max-width: 767px){
.grid { padding:20px 10px 20px 10px } .grid.no-col { padding:20px } [class*='col-'] { padding:0 10px } .sma-100,[class*='col-'] { width:100%;left:0;right:0 } .sma-75 { width:75% } .sma-66 { width:66.66% } .sma-50 { width:50% } .sma-33 { width:33.33% }
.sma-25 { width:25% } .sma-push-75 { left:75% } .sma-push-66 { left:66.66% } .sma-push-50 { left:50% } .sma-push-33 { left:33.33% } .sma-push-25 { left:25% }
}




/* CLASSE DA RIVEDERE */
/* HEIGHT RESIZE */
.height-res { height:120px }


@media (max-width: 1366px){
.height-res { height:170px }
}

@media (max-width: 900px){
.nascondi_smartphone-res { display:none }
.height-res { height:80px }
}

@media (min-width: 899px){
.nascondi_desktop-res { display:none }
}

@media (max-width: 639px){
.height-res { height:200px }
}





/* Desktop */
.img-circle-res {width: 25%; height: auto; border-radius: 999em; -moz-border-radius: 999em; -webkit-border-radius: 999em; -o-border-radius: 999em}

/* Tablet (max 1024px) */
@media (max-width: 1024px) {
.img-circle-res {width: 30%}
}

/* Smartphone (max 767px) */
@media (max-width: 767px) {
.img-circle-res {width: 50%}
}





/* mia classe x SMARTPHONE */
@media (max-width: 768px){
.nascondi_smartphone { display:none }
.Wallop-caption { width:70% }
.img-res-flot-left { float:none; width:100%; height:auto; vertical-align:middle; margin-bottom:20px; }

.h0-res {letter-spacing:-1px; font-size:48px; line-height:1.05} .h1-res {font-size:32px; line-height:1.14} .h2-res {font-size:26px; line-height:1.38} .h3-res {font-size:22px; line-height:1.38} .h4-res {font-size:18px; line-height:1.6}
.h5-res {font-size:16px; line-height:1.6} .h6-res {font-size:14px; line-height:1.2}

}


/* mia classe x DESKTOP */
@media (min-width: 767px) {
.nascondi_desktop { display:none }
.img-res-flot-left { float:left; width:35%; height:auto; padding:0 20px 10px 0; vertical-align:middle }

.h0-res {font-size:65px; line-height:1.09; letter-spacing:-2px} .h1-res {letter-spacing:-1px; font-size:48px; line-height:1.05} .h2-res {font-size:32px; line-height:1.14} .h3-res {font-size:26px; line-height:1.38} .h4-res {font-size:22px; line-height:1.38}
.h5-res {font-size:18px; line-height:1.6} .h6-res {font-size:16px; line-height:1.6}

}





/* MENU E HEADER */
/* ============= */

/* Social Icone - padding: sopra, destra, sotto, sinistra*/
.social_icone { padding:17px 0 0 15px; margin:0; border:0 }

.logo { float:left; padding:15px 0 0 40px; font-weight:bold; font-size:25px; color:#CCCCCC }

.nav-wrap { background:#FF0000; display:inline-block; width:100%; float:left } /* TOLTO border-top:5px solid #D6900D; per linea colorata in alto */
.no-pad-menu { padding:0; margin-bottom:0 }
.nav-header { float:left; margin:0; padding:0 }

/* colore link */
.nav-wrap a { line-height:0px; font-family: 'Oswald', sans-serif; font-size:16px; text-decoration:none; font-weight:normal; color:#FFFFFF; display:block }
.nav-wrap ul { list-style:none; position:relative; text-align:left; margin:0; padding:0 10px 0 0; } /* <-- IMPORTANTE: AGGIUNTO QUESTO PADDING PER SPOSTARE I TASTI E I SOCIAL PIU' A SINISTRA */
.nav-wrap li { float:left; margin:0; position:relative }
.nav-wrap ul:after { clear:both }
.nav-wrap ul:before,.nav-wrap ul:after { content:' '; display:table }
.nav-wrap nav { position:relative; text-align:center; float:right } /* questo sposta il testo a destra = float:right */
ul.primary,ul.dropdown-menu { -webkit-transition:max-height 0.3s;-moz-transition:max-height 0.3s;transition:max-height 0.3s }
ul.primary li a { background:trasparent; display:block; padding:30px 20px}
ul.primary li:hover a { background:#222222; color:#FFFFFF }
ul.primary li:hover>a { color:#FFFFFF }
ul.primary li a:hover { color:#FFFFFF }

/* link current */
/* ul.primary li.current { display:block;padding:22px 30px; background:#DA247C; color:#FFFFFF } */
ul.primary li.current a { background:#F13D94; color:#EEEEEE; /* font-size:18px */ }
ul.primary li.current a:hover { background:#F13D94; color:#EEEEEE }

ul.dropdown-menu { position:absolute;z-index:250;min-width:300px;display:none;box-shadow:0 7px 12px rgba(0,0,0,0.175) }
ul.dropdown-menu li { float:none;margin:0 }
.arrow { width:16px; height:16px; display:inline-block; top:22px; right:0px; position:absolute; background:url(arrow.svg) center center; background-size:18px 18px; -webkit-transform:rotate(90deg); transform:rotate(90deg) }
.select .arrow { -webkit-transform:rotate(90deg);transform:rotate(90deg) }
ul.primary ul.dropdown-menu li a { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #CCCCCC; color:#CCCCCC; padding:25px 20px }
ul.primary ul.dropdown-menu li a:hover { color:#FFFFFF; background:#FF0000 }
ul.primary li:hover ul { display:block }



/* colore link 
@media (min-width: 768px) {
.arrow { top:22px;right:6px;background-size:18px 18px }
}
*/

/* MEDIA ORIGINALE = 767px */
@media (max-width: 1100px) {

/* Social Icone - padding: sopra, destra, sotto, sinistra*/
.social_icone {padding:10px 0 20px 19px; margin:0px; border:0px }

.logo { background:trasparent; padding-left:15px; padding-bottom:15px; padding-top:21px }

.nav-header,.nav-wrap nav { width:100% }
.nav-wrap { width:100%;margin-top:0 }
.nav-wrap li { float:none }
.nav-wrap .primary { max-height:0;overflow:hidden }
.nav-wrap .dropdown-menu { max-height:0;overflow:hidden }
.tog { background:transparent; width:69px;height:69px;position:relative;float:right }
.tog span { display:block;width:36px;height:3px;border-radius:2px;position:absolute;top:36px;right:20px;background:#fff }
.tog span:first-child { -webkit-transform:translateY(-11px);transform:translateY(-11px) }
.tog span.span-middle { -webkit-transform:translateY(11px);transform:translateY(11px) }
.tog.x span:first-child { -webkit-transform:rotate(45deg);transform:rotate(45deg) }
.tog.x span.span-middle { opacity:0 }
.tog.x span:last-child,.tog.x span.span-middle { -webkit-transform:rotate(-45deg);transform:rotate(-45deg) }
.nav-wrap .primary.open,.nav-wrap .dropdown-menu.open { max-height:500px;overflow:scroll;-webkit-overflow-scrolling:touch }

/* codice aggiunta height per iphone */
.nav-wrap .dropdown-menu.open{max-height:5000px}

ul.primary li a { padding:20px }

/* link current */
/* ul.primary li.current { display:block;padding:20px 40px; background:#DA247C; color:#FFFFFF } */

.nav-wrap ul.primary li:hover a { background:#FF0000; color:#FFFFFF }
.nav-wrap ul.primary li a.select { background:#FFFFFF; color:#333333 }
.nav-wrap ul.primary li:hover ul { display:block; background:#EEEEEE; color:#333333 }
.nav-wrap ul.dropdown-menu { display:block;position:static;box-shadow:none;width:100%;border-bottom:none }
.nav-wrap ul.primary ul.dropdown-menu li a { background:#222222; border-bottom:1px solid #CCCCCC; color:#CCCCCC; padding:25px 30px }
.nav-wrap ul.primary ul.dropdown-menu li a:hover { background:#FF0000; color:#FFFFFF }
.arrow { -webkit-transform:rotate(0deg);transform:rotate(0deg) }
.arrow { top:11px;right:10px;background-size:18px 18px }
.no-pad-menu { padding:0}

}
