/* Tonidigrigio - 2020 */ /*import*/ /*@import url(animsition.min.css);*/ @import url(slick.css); @import url(jquery.fancybox.min.css); @import url(project.css); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); /*normalize*/ html{color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1pxsolid#ccc;margin:1em0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}sibnputmall{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],htmlinput[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1pxsolid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;} /*default*/ html, button, input, select, textarea {color:#000;overflow-x:hidden;} body {margin:0px;padding:0px;background:#222222;} ::-moz-selection {background:#ff0;text-shadow:none;color:#000;} ::selection {background:#ff0;text-shadow:none;color:#000;} hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;} img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;} a {text-decoration:none;outline:none;border:none;} fieldset {border:0;margin:0;padding:0;} textarea {resize: vertical;} .chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;} /*default link*/ a, a:link, a:visited, a:active, a:hover {text-decoration:none;transition:all 0.3s ease;} /*typography*/ /*FONT VARIANTS - Weight:100>900 - Width:50>115 - Slant:0>12*/ * {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} @font-face { font-family: 'Acumin Variable Pro'; src: url("../fonts/AcuminVariableConcept.woff2") format("woff2"), url("../fonts/AcuminVariableConcept.ttf") format("truetype"), url("../fonts/AcuminVariableConcept.otf") format("opentype"); font-style: normal; } @font-face { font-family: 'Acumin Pro Book'; src: url("../fonts/AcuminProBook.otf") format("opentype"); font-style: normal; } @font-face { font-family: 'Acumin Pro Light'; src: url("../fonts/AcuminProLight.otf") format("opentype"); font-style: normal; } html {font-family:sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;} body { font-family: 'Acumin Variable Pro', sans-serif; font-style: normal; font-weight:300; color:#000; font-size:16px; font-variation-settings: "wght" 400,"wdth" 100,"slnt" 0; } ul,ol {margin:0px;padding:0px;list-style:none;} ul ul,ol ul,ul ol,ol ol {margin:0px;padding:0px;} blockquote, p, h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} h1 {font-size:3rem;} h2 {font-size:2.5rem;} h3 {font-size:2rem;} h4 {font-size:1.75rem;} h5 {font-size:1.5rem;} h6 {font-size:1.25rem;} blockquote {font-size:1.2rem;} p, ul li, ol li {font-size:1rem;} .bigtext {font-size:1.5rem;} .biggesttext {font-size:2.5rem;} .strong, strong {font-variation-settings: "wght" 450;} .small, small {font-size:85%;} /*font weight*/ .fw-thin {font-variation-settings: "wght" 100 !important;} .fw-extra-light {font-variation-settings: "wght" 200 !important;} .fw-light {font-variation-settings: "wght" 300 !important;} .fw-regular {font-variation-settings: "wght" 400 !important;} .fw-medium {font-variation-settings: "wght" 500 !important;} .fw-semi-bold {font-variation-settings: "wght" 600 !important;} .fw-bold {font-variation-settings: "wght" 700 !important;} .fw-extra-bold {font-variation-settings: "wght" 800 !important;} .fw-black {font-variation-settings: "wght" 900 !important;} /*text color*/ .txt-white {color:#FFFFFF;} .txt-black {color:#000000;} .txt-dark {color:#000000;} .txt-blue {color:#0D64FF;} .txt-viola {color:#8338EC;} .txt-verde {color:#03E02C;} .txt-orange {color:#FB5607;} .txt-yellow {color:#FFBE0B;} /*background color*/ .bg-white {background:#FFFFFF;} .bg-black {background:#000000;} .bg-blue {background:#0D64FF;} .bg-viola {background:#8338EC;} .bg-verde {background:#03E02C;} .bg-orange {background:#FB5607;} .bg-yellow {background:#FFBE0B;} .bg-dark {background-color:#222222 !important;} .bg-gray {background-color:#222222 !important;} /*border*/ .br-top {border-top:1px solid #FFF;} .br-bottom {border-bottom:1px solid #FFF;} .br-white {border-color:#FFF;} .br-black {border-color:#000;} /*font size*/ html {font-size:16px;} @media handheld, only screen and (max-width:1440px) { html {font-size:14px;} } /*margin*/ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:10px;padding-left:10px;} @media all and (min-width: 768px) {.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:15px;padding-left:15px;}} @media all and (min-width: 1440px) {.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:30px;padding-left:30px;}} @media all and (min-width: 1820px) {.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right:65px;padding-left:65px;}} /*grid*/ .row {margin-right: -10px;margin-left: -10px;} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 10px; padding-left: 10px; } @media all and (min-width: 768px) { .row {margin-right: -15px;margin-left: -15px;} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px; } } /*height*/ .min-vh-50 {min-height:50vh !important;} .min-vh-75 {min-height:75vh !important;} .min-vh-100 {min-height:100vh !important;} .min-vh-intro {min-height:calc(100vh - 75px) !important;} /*spacing*/ .mt-10 {margin-top:6rem !important;} .mb-10 {margin-bottom:6rem !important;} .my-10 {margin-top:6rem !important;margin-bottom:6rem !important;} .pt-10 {padding-top:6rem !important;} .pb-10 {padding-bottom:6rem !important;} .py-10 {padding-top:6rem !important;padding-bottom:6rem !important;} /*image*/ .img-fluid {width:100%;} /*clearfix*/ .clearfix {clear:both;} .clearfix:before, .clearfix:after {content:" ";display:table;} .clearfix:after {clear:both;} .clearfix {width:100%;*zoom:1;} /***TEMPLATE***/ #main-container {overflow:hidden !important;} .mobile-view {display:none;} /*header*/ header {height:75px;overflow:hidden;position:relative;left:0px;right:0px;top:0px;} header .lang li {transition:all 0.3s ease;} /*logo*/ #logo {display:inline-block;position:relative;line-height:45px;overflow:hidden;height:45px;} #logo a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;text-indent:-999px;} #logo h3 {color:#FFF;position:relative;line-height:45px;height:45px;} #logo h3 span.logo {font-variation-settings: "wght" 700;} #logo h3 span.logo .char { overflow:hidden; display:inline-block ; text-align:center; --delay: calc((var(--char-index) + 1) * 400ms); animation: breathe 2000ms infinite both; animation-delay: var(--delay); } #logo h3 span.logo .char:nth-child(1) {width:20px;} #logo h3 span.logo .char:nth-child(2) {width:24px;} #logo h3 span.logo .char:nth-child(3) {width:24px;} #logo h3 span.logo .char:nth-child(4) {width:10px;} #logo h3 span.logo .char:nth-child(5) {width:24px;} #logo h3 span.logo .char:nth-child(6) {width:10px;} #logo h3 span.logo .char:nth-child(7) {width:24px;} #logo h3 span.logo .char:nth-child(8) {width:23px;} #logo h3 span.logo .char:nth-child(9) {width:10px;} #logo h3 span.logo .char:nth-child(10) {width:23px;} #logo h3 span.logo .char:nth-child(11) {width:10px;} #logo h3 span.logo .char:nth-child(12) {width:25px;} @keyframes breathe { 0% { font-variation-settings: 'wght' 100, 'wdth' 100; } 55% { font-variation-settings: 'wght' 750, 'wdth' 100; } 100% { font-variation-settings: 'wght' 100, 'wdth' 100; } } #logo h3 span.payoff {font-variation-settings: "wght" 150, "wdth" 75, "slnt" 0;} #logo h3 span.logo, #logo h3 span.payoff {height:45px;line-height:45px;overflow:hidden;display:inline-block;} #logo:hover h3 span.logo .char {animation-play-state: paused;} /*lang*/ header #lang {line-height:45px;} header #lang h3.lang {color:#FFF;font-variation-settings: "wght" 150, "wdth" 75, "slnt" 0;line-height:45px;} header #lang h3.lang a {color:#FFF;border-bottom:1px solid rgba(0,0,0,0)} header #lang h3.lang a:hover {border-bottom:1px solid rgba(255,255,255,1);} header #lang h3.lang.active {opacity:0.5;} header #lang h3.lang.active, header #lang h3.lang.active:hover,header #lang h3.lang.active a, header #lang h3.lang.active a:hover {cursor:default;border-bottom:none !important;position:relative;} header #lang h3.lang.active::after {content: "";position:absolute;top:45%;left:0px;right:0px;width:100%;height:1px;background:#FFF;} /*header active*/ header.active {background:transparent;} header.active #logo h3 {color:#000;} header.active #lang h3.lang, header.active #lang h3.lang a {color:#000} header.active #lang h3.lang, header.active #lang h3.lang a:hover {border-color:rgba(0,0,0,1)} header.active #menu-button span {background:#000} header, #header {z-index:1500 !important;} header.active #lang h3.lang.active::after {background:#000;} /*btn menu*/ #menu-button {position:relative;top:4px;color:#FFF;cursor:pointer;width:40px;height:30px;margin:0px;top:-3px} #menu-button span {display:block;height:2px;background:#FFF;position:absolute;transition:all 0.3s ease;} #menu-button span:nth-child(1) {left:0px;right:0px;top:5px} #menu-button span:nth-child(2) {left:0px;right:0px;top:50%;transform:translateY(-50%);} #menu-button span:nth-child(3) {left:0px;right:0px;bottom:5px} #menu-button:hover span:nth-child(1) {top:6px} #menu-button:hover span:nth-child(3) {bottom:6px} #menu-button.active span:nth-child(1) {top:50%;transform:translateY(-50%);} #menu-button.active span:nth-child(3) {bottom:50%;transform:translateY(-50%);} #menu-button.active span:nth-child(1), #menu-button.active span:nth-child(2), #menu-button.active span:nth-child(3) {opacity:0;} #menu-button span:nth-child(4), #menu-button span:nth-child(5) {left:0px;right:0px;top:50%;transform:translateY(-50%);opacity:0;} #menu-button.active span:nth-child(4) {transform: rotate(45deg);opacity:1;} #menu-button.active span:nth-child(5) {transform: rotate(-45deg);opacity:1;} /*menu*/ .overlay {position:fixed;width:auto;height:100%;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;} .overlay-scale {visibility: hidden;opacity: 0;transform: scale(0.85);transition:all 0.3s ease;} .overlay-scale.open {visibility: visible;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transform: scale(1);z-index:1400;} .overlay footer {position:absolute;bottom:0px;left:0px;right:0px;} .overlay footer ul li a, .overlay footer ul li a:hover {color:#000;} #accordion-menu hr, .overlay footer hr {border-color:#000;position:relative;} #accordion-menu a.collapse-button {color:#000;position:relative;} #accordion-menu a p {font-size:1.15rem;} #accordion-menu a.collapse-button .arrow {float:right;} #accordion-menu a.collapse-button.collapsed .arrow {transform: rotate(-180deg);transition:all 0.3s ease;} #accordion-menu a.collapse-button .arrow {transform: rotate(0deg);transition:all 0.3s ease;} #accordion-menu nav ul li {line-height:1.25rem;} #accordion-menu nav ul li a {color:#000;} #accordion-menu nav ul li a span {color:#000;display:inline-block;opacity:0;font-size:1rem} @keyframes slide-arrow { 0% { opacity:0; transform: translateX(0); } 100% { opacity:1; } } @media all and (min-width: 1025px) { #accordion-menu nav ul li a:hover span {animation: slide-arrow 0.5s ease both;} } #accordion-menu nav ul li a span.no-opacity {opacity:1 !important;} #accordion-menu nav ul li a:hover span.no-opacity {animation: none !important;} .overlay footer p {font-size:0.8rem;} .overlay footer p a {color:#000;border-bottom: 1px solid rgba(0,0,0,0);} .overlay footer p a:hover {color:#000;border-bottom: 1px solid rgba(0,0,0,1);} @media only screen and (max-width:610px) { #accordion-menu {margin-top:5rem;} #accordion-menu hr, .overlay footer hr {left:-15px;right:-15px;width: calc(100% + 30px);} #accordion-menu nav ul li {line-height:1.5rem;} #accordion-menu nav ul li a span {display:none;} .overlay .row.min-vh-100 {min-height:auto !important;} .overlay footer {position: relative;bottom:auto;left:auto;right:auto;} .overlay footer .order-0 {order:1;} .overlay footer .order-1 {order:0} .menu-social {text-align:left !important;padding-top:0.95rem;} .overlay footer hr {margin-top:0.95rem !important;} .menu-social ul {float:right;} .menu-social p {margin-top:0px !important;} .overlay footer p {text-align:left;margin-top:1rem;font-size:75% !important;line-height:1.9rem;} .overlay footer p span {display:block;height:0px;overflow:hidden;line-height:0px;} .overlay footer ul li a {font-size:1.4rem} } @media all and (min-width:610px) { #accordion-menu {position:relative;top:-2.5rem;} #accordion-menu hr {left:-80px;right:-80px;width: calc(100% + 160px);} #accordion-menu a.collapse-button .arrow {transform: rotate(-180deg);transition:all 0.3s ease;display:block !important;opacity:0;} } /*footer*/ footer {position:relative;z-index:9;} footer p {font-size:0.9rem;line-height:1.3rem;} footer p a {color:#000;border-bottom:1px solid rgba(0,0,0,0);} footer p a:hover {color:#000;border-bottom:1px solid rgba(0,0,0,1);} footer img.aiap {width:auto;max-width:inherit;height:50px;} footer img.fesr {width:auto;max-width:inherit;height:80px;} footer .container-fluid.footer-back {padding-left:0px !important;padding-right:0px !important;overflow:hidden;} footer .container-fluid.footer-back .tickercontainer {width:calc(100% + 250px);margin:0;padding:0;overflow:hidden;text-align:left;} footer .container-fluid.footer-back .tickercontainer .mask {position:relative;width:100%;overflow:hidden;} footer .container-fluid.footer-back ul.newsticker {position:relative;list-style-type:none;margin:0;padding:0;} footer .container-fluid.footer-back ul.newsticker li {float:left;margin:0px;padding:0;color:#000;} footer .container-fluid.footer-back ul.newsticker li a, footer .container-fluid.footer-back ul.newsticker li a:hover {color:#000;text-decoration:none;} footer .top-footer {border-bottom:1px solid rgba(0,0,0,0.05);} footer .top-footer p {font-size:0.9rem;white-space:nowrap;} @media only screen and (max-width:1024px) { footer img.aiap {height:40px;} footer img.fesr {height:50px;} } footer .top-footer {position: relative;overflow:hidden;} footer .footer-social p {display:inline-block;} footer .footer-social p span::before {content: "\2192";} footer .footer-social ul {display:inline-block;position:relative;bottom:-2px;} footer .footer-social ul li {display:inline-block;} footer .footer-social ul li a, footer .footer-social ul li a:hover {color:#000;font-size:1.1rem;opacity: 1;} footer .footer-social ul li a:hover {opacity:0.5;} @media only screen and (max-width:610px) { footer .footer-social p span::before {content: "\2190";} footer .footer-social {position:absolute;z-index:9;top:0px;bottom:0px;right:0px;width:100%;max-width:inherit;text-align:left !important;background:#FFF;padding-top:0.95rem;margin-right:-78vw;transition:all 0.3s ease;} footer .footer-social ul {float:right;transition:all 0.3s ease;opacity:0;} footer .footer-social ul li {margin-left: .30rem !important;} footer .footer-social ul li a {font-size:1.35rem;} footer .footer-social.active {margin-right:0px;} footer .footer-social.active ul {opacity:1;} footer .footer-social.active p span::before {content: "\2192";} } /*footer cta*/ #toggle-footer {position:relative;overflow:visible;bottom:-1px;z-index:8;} /*footer cta _ form*/ #cta-form {position:absolute;left:0px;right:0px;bottom:0px;z-index:9;overflow:hidden;height:0;transition:all 0.5s ease;box-shadow: 0px 0px 0px rgba(0,0,0,0);} #cta-form.open {height:400px;box-shadow: 0px -10px 50px rgba(0,0,0,.25);} a#cta-form-open {cursor:pointer;position:relative;display:inline-block;} a#cta-form-open.active {border-bottom:1px solid #fff;} a#cta-form-open:after {content:"";position:absolute;z-index:9;width:100%;height:2px;background:#000;left:0px;right:0px;top:40%;transform:translateY(-40%);opacity:0;transition:opacity 0.5s ease;} a#cta-form-open.active:after {opacity:1;} #cta-form label {display:none;} #cta-contatti label {display:none;} #cta-contatti .form-group.checker .form-control label a {color:#000;} #cta-contatti .form-group.checker .form-control label a:hover {border-bottom:1px solid #000;} #cta-form input.button {background:#222222 !important;color:#FFF !important;height:40px !important; line-height:40px !important;font-size:1rem !important;} #cta-form input.button:hover {background:#FFF !important;color:#222222 !important;} /*footer cta _ where*/ #cta-where {position:absolute;left:0px;right:0px;bottom:0px;z-index:9;overflow:hidden;height:0;transition:all 0.5s ease;box-shadow: 0px 0px 0px rgba(0,0,0,0);} #cta-where.open {height:400px;box-shadow: 0px -10px 50px rgba(0,0,0,.25);} a#cta-where-open {cursor:pointer;position:relative;display:inline-block;} a#cta-where-open.active {border-bottom:1px solid #fff;} a#cta-where-open:after {content:"";position:absolute;z-index:9;width:100%;height:2px;background:#000;left:0px;right:0px;top:40%;transform:translateY(-40%);opacity:0;transition:opacity 0.5s ease;} a#cta-where-open.active:after {opacity:1;} #cta-where a {color:#FFF;position:relative;border-bottom:1px solid rgba(255,255,255,0);} #cta-where a:hover {border-bottom:1px solid rgba(255,255,255,1);} #cta-where p {font-size:0.9rem;line-height:1.3rem;} /*footer cta _ mappa*/ #mapWrapper { position:relative;overflow:hidden;height:345px;background:#eee;} #map {width:100%;cursor:default;height:345px;} #map .gmnoprint {display: block !important;} #map .gm-style-cc {display: none !important;} #map a[href^="https://maps.google.com/maps"], #map a[href^="https://www.google.com/maps"] {display:none !important;} /*footer cta _ freccia*/ a#cta-form-open span, a#cta-where-open span {position:relative;z-index:11;background:#FFF;top:0px} a#cta-form-open.active span, a#cta-where-open.active span {color:#FFF} a#cta-form-open.active span::before, a#cta-where-open.active span::before {content: "\2193";color:#000;} /*scroll-top*/ #up-button {width:50px;height:50px;position:fixed;right:20px;z-index:999;background:#FFF;border-radius:50%;transition:all 0.3s ease;} #up-button a { width: 50px; height: 50px; display: block; color: #000; overflow: hidden; border-radius: 50%; outline: none !important; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); text-align:center; line-height:50px; font-size:1.3rem; position: relative; z-index:2; display:block; } #up-button::after { content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:10px; height:10px; z-index:1; border-radius:50%; } #up-button:hover::after {animation: pulse-white 1s ease;} @keyframes pulse-white { 0% { width:0px;height:0px; background:rgba(255, 255, 255, 0.75); } 100% { width:90px;height:90px; background:rgba(255, 255, 255, 0); } } #up-button.godown {bottom:-100px;} #up-button.goup {bottom:40px;} /*cta page*/ #cta-scroll {position:fixed;left:20px;z-index:8;transition:all 0.3s ease;} #cta-scroll.godown {bottom:-100px;} #cta-scroll.goup {bottom:40px;} #cta-scroll .wrapper {background:#FFF;border-radius:10px;padding:15px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);border:1px solid rgba(0, 0, 0, 0.15);} #cta-scroll .wrapper a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-9999px;overflow:hidden;} #cta-scroll .wrapper h6 {font-size:1rem;} #cta-scroll .wrapper p {font-size:0.95rem;} /***FORM***/ .form-group {padding:0px;margin:0px 0px 20px 0px;} .form-control {font-size:inherit;color:#FFF;font-variation-settings:"wght"500;margin:0px 0px 20px 0px;padding:0px;border:none;border-bottom:1px solid #FFF;background:none;outline:none;border-radius:0px;height:40px;line-height:40px;} .form-control:focus {color:#FFF;background-color:#222222;border-color:#FFF;outline:0;box-shadow:none;font-variation-settings:"wght"500;} .form-control::placeholder {color: #FFF;font-variation-settings:"wght"200;opacity:0.75;} .form-control:-ms-input-placeholder {color: #FFF;font-variation-settings:"wght"200;opacity:0.75;} .form-control::-ms-input-placeholder {color: #FFF;font-variation-settings:"wght"200;opacity:0.75;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border:none; border-bottom:1px solid #FFF; -webkit-text-fill-color: #FFF; -webkit-box-shadow: 0 0 0px 1000px trasparent inset; transition:none; } .form-group.textarea, .form-group.textarea .form-control {margin:0px;padding:0px;} .form-group.textarea .form-control {height:190px;resize:none;line-height:normal;} #upload-wrapper {position:relative;overflow:hidden;} #upload-wrapper input {display:none;} #upload-wrapper label {display:block !important;font-variation-settings:"wght"200;white-space:nowrap;position:relative;margin:0px auto 20px auto;color:#fff;font-size:0.8em;padding:15px 0px 10px 35px;border-bottom:1px solid #fff;width:auto;display:block;text-align:left;line-height:normal;cursor:pointer;} #upload-wrapper label::before { content:""; width: 30px; height: 15px; background:url(../img/upload.svg) no-repeat 0px 0px; background-size: 30px 15px; position:absolute; top:12px; left:0px; opacity:0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #upload-wrapper label:hover::before {opacity:1;} #upload-wrapper .input-load {display: none;} #upload-wrapper .input-load {position:absolute;top:0px;left:35px;right:0px;background:#222222;color:#FFF;padding:10px 0px 5px 5px;font-variation-settings:"wght"500;} .form-group.checker {margin:0px;padding:0px;} .form-group.checker .form-control {background:none;border:none !important;padding:0px;margin:0px;font-size:1em;line-height:normal;} .form-group.checker .form-control .icheckbox_square {width:15px;height:15px;float:left;margin:0px 15px 0px 0px;padding:0px;} .form-group.checker .form-control label {width:calc(100% - 30px);float:left;position:relative;z-index:8;display:block !important;font-size:0.85rem;cursor:pointer;} .form-group.checker .form-control label a {color:#FFF;position:relative;border-bottom:1px solid rgba(255,255,255,0);} .form-group.checker .form-control label a:hover {border-bottom:1px solid rgba(255,255,255,1);} .icheckbox_square {background:url(../img/square-over.svg) no-repeat;background-position:0px 0px !important;cursor:pointer;} .icheckbox_square.checked {background:url(../img/square-active.svg) no-repeat;background-position:0px 0px !important;} input.button, a.button {border-radius:5px;overflow:hidden;display:block;width:100%;border:1px solid #FFF;background:#222222;color:#FFF;transition:all 0.3s ease;height:50px;line-height:50px;font-variation-settings: "wght" 500,"wdth" 85;font-size:1.25rem} input.button:hover, a.button:hover {background:#FFF;color:#000;font-variation-settings: "wght" 700,"wdth" 115;} .form-group.privacy label {font-size:0.9rem;line-height:1.3rem;} /*input reset*/ input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px trasparent inset !important;} input {outline:none;border:none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #222222 !important; border-bottom: 1px solid #FFF !important; -webkit-text-fill-color: #FFF; -webkit-box-shadow: 0 0 0px 1000px #222222 inset !important; transition: background-color 5000s ease 0s !important; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; } .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*form contatti*/ #ctaContatti .form-control {color:#000;border-bottom: 1px solid #000;} #ctaContatti .form-control:focus {color:#000;background-color:#FFF;} #ctaContatti .form-control::placeholder {color: #000;} #ctaContatti .form-control:-ms-input-placeholder {color: #000;} #ctaContatti .form-control::-ms-input-placeholder {color: #000;} #ctaContatti input:-webkit-autofill, #ctaContatti input:-webkit-autofill:hover, #ctaContatti input:-webkit-autofill:focus input:-webkit-autofill, #ctaContatti textarea:-webkit-autofill, #ctaContatti textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, #ctaContatti select:-webkit-autofill, #ctaContatti select:-webkit-autofill:hover, #ctaContatti select:-webkit-autofill:focus { border-bottom:1px solid #000; -webkit-text-fill-color: #000; } #ctaContatti .icheckbox_square {background:url(../img/square-over-white.svg) no-repeat;background-position:0px 0px !important;cursor:pointer;} #ctaContatti .icheckbox_square.checked {background:url(../img/square-active-white.svg) no-repeat;background-position:0px 0px !important;} #ctaContatti input.button {border:1px solid #000;background:#fff;color:#000;} #ctaContatti input.button:hover {background:#000;color:#FFF;} #ctaContatti input:-webkit-autofill, #ctaContatti input:-webkit-autofill:hover, #ctaContatti input:-webkit-autofill:focus, #ctaContatti textarea:-webkit-autofill, #ctaContatti textarea:-webkit-autofill:hover, #ctaContatti textarea:-webkit-autofill:focus, #ctaContatti select:-webkit-autofill, #ctaContatti select:-webkit-autofill:hover, #ctaContatti select:-webkit-autofill:focus { border: 1px solid #FFFFFF !important; border-bottom: 1px solid #000 !important; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; transition: background-color 5000s ease 0s !important; } /*Iscrizione*/ #cta-iscrizione label {display:none;} #ctaIscrizione .form-control {color:#FFF;border-bottom: 1px solid #FFF;} #ctaIscrizione .form-control:focus {color:#FFF;background-color:transparent !important;} #ctaIscrizione .form-control::placeholder {color:#FFF;} #ctaIscrizione .form-control:-ms-input-placeholder {color:#FFF;} #ctaIscrizione .form-control::-ms-input-placeholder {color:#FFF;} #ctaIscrizione .icheckbox_square {background:url(../img/square-over-trasparent.svg) no-repeat;background-position:0px 0px !important;cursor:pointer;} #ctaIscrizione .icheckbox_square.checked {background:url(../img/square-active-trasparent.svg) no-repeat;background-position:0px 0px !important;} /*validate*/ .required {border-color:#ff0000 !important} .required::placeholder {color:#ff0000 !important; opacity:1 !important;} .form-group.checker.privacy.required label {color:#ff0000 !important} .form-group.checker.required .form-control label a {color:#ff0000 !important} .form-group.checker.required .form-control label a:hover {border-bottom: 1px solid #ff0000;} /*MOSAIC*/ /*grid*/ .grid {clear:both;float:none;width:calc(100% + 15px);margin-left: -7.5px;margin-right:-7.5px;} .grid:after {content:'';display:block;clear:both;} .grid-item {float:left;overflow:hidden;} .grid-item--width1 {width:33.3333%;} .grid-item--width2 {width:66.6667%;} .grid-item figure {margin:0px;padding:0px;position:relative;overflow:hidden;} .grid-item figure::before {content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;border:7.5px solid #FFF;} /***SLIDER***/ /*slider controls*/ .slider-controls {position:relative;margin:0px;padding:0px 45px;width:auto;display:inline-block;line-height:20px;height:20px;overflow:hidden;bottom:-5px;} .slider-controls {padding:0px;} button.slick-arrow {position:absolute;top:0px;text-align:center;text-indent:-999px;top:0px;z-index:999;display:block;margin:0px;padding:0px;border:none;outline:none;background:none;overflow:hidden;width:30px;height:20px;} button.slick-arrow.slick-prev {left:0px;} button.slick-arrow.slick-next {right:0px} button.slick-arrow.slick-prev::before, button.slick-arrow.slick-next::before {color:#FFF;position:absolute;top:0px;bottom:0px;right:0px;left:0px;text-indent:0px;z-index:2;text-align:center;line-height:1.6rem;font-size:1.5rem;} button.slick-arrow.slick-prev::before {content:"\2190";} button.slick-arrow.slick-next::before {content:"\2192";} button.slick-arrow.slick-disabled {cursor:default;opacity:.25;} .slick-dots {list-style:none;display:block;margin:0px;padding:0px;line-height:20px;height:20px;overflow:hidden;} .slick-dots li {display:inline-block;overflow:hidden;margin:0px 2px;padding:0px;} .slick-dots li button {transition:all 0.3s ease;margin:0px;padding:0px;border:none;outline:none;display:block;line-height:20px;height:20px;width:20px;text-indent:-999px;overflow: hidden;position:relative;background:none;} .slick-dots li button::before {content: "";width:20px;height:2px;background: #fff;z-index:2;position:absolute;left:0px;right:0px;top:9px;transition:all 0.3s ease;opacity:.5;} .slick-dots li:hover button::before {opacity:1;} .slick-dots li.slick-active button::before {opacity:1;cursor:default;} .slider-controls.dark .slick-dots li button::before {background: #000;} /*slider progetti home*/ #slider-progetti-home .col-12, #slider-progetti-home .col-sm-12 {width:100vw;} #slider-progetti-home .col-md-6, #slider-progetti-home .col-lg-6, #slider-progetti-home .col-xl-6 {width:calc(100vw / 2);} #slider-progetti-home .col-md-3, #slider-progetti-home .col-lg-3, #slider-progetti-home .col-xl-3 {width:calc(100vw / 4);} #slider-progetti-correlati .col-12, #slider-progetti-correlati .col-sm-12 {width:100vw;} #slider-progetti-correlati .col-md-6, #slider-progetti-correlati .col-lg-6, #slider-progetti-correlati .col-xl-6 {width:calc(100vw / 2);} #slider-progetti-correlati .col-md-3, #slider-progetti-correlati .col-lg-3, #slider-progetti-correlati .col-xl-3 {width:calc(100vw / 4);} /*slider articoli home*/ #slider-articoli-home {margin-left:-15px;margin-right:-15px;} #slider-articoli-correlati {margin-left:-15px;margin-right:-15px;} /*slider*/ .slider-carousel figure img {width:100%;max-width:750px;margin:0px;padding:0px 10px;opacity:.5;transition:all 0.3s ease;} .slider-carousel .slick-current.slick-active figure img {opacity:1;} @media all and (max-width:680px) {.slider-carousel figure img {padding:0px !important;}} .slider-carousel .slick-arrow {position:absolute;margin:0px;padding:0px;display:block;overflow:hidden;border:none;outline:none;background:none;width:30px;height:20px;text-indent:-9999px;top:50%;transform:translateY(-50%);z-index:9;} .slider-carousel .slick-arrow.slick-prev {left:20px;} .slider-carousel .slick-arrow.slick-next {right:20px;} .slider-carousel .slick-arrow.slick-prev::after {content:"\2190";position: absolute; top:50%;transform:translateY(-50%);left:0px;text-indent:0px;font-size:1.4rem;font-variation-settings: "wght" 900;} .slider-carousel .slick-arrow.slick-next::after {content:"\2192";position: absolute; top:50%;transform:translateY(-50%);right:0px;text-indent:0px;font-size:1.4rem;font-variation-settings: "wght" 900;} .slider-carousel .slick-arrow.slick-prev::before {display:none;} .slider-carousel .slick-arrow.slick-next::before {display:none;} .slider-carousel .slick-arrow { width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; background:#FFF; box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075);; } .slider-carousel .slick-arrow.slick-prev::after { top:50%; left:50%; transform:translate(-50%, -50%); } .slider-carousel .slick-arrow.slick-next::after { top:50%; left:50%; right:auto; transform:translate(-50%, -50%); line-height:45px; } /***LAYOUT***/ /*card*/ .card {border-radius:0px;border:none;outline:none;background:none;} .card-img, .card-img-top {border-radius:0px;} .card-img img, .card-img-top img {width:100%;} .card.card-folio.card-default p {text-transform:uppercase !important;} /*card default*/ .card.card-default {overflow:hidden;position:relative;margin-left:15px;margin-right:15px;} .card.card-default a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:5;text-indent:-9999px;opacity:0;} .card.card-default figure {background-position:center;background-size:cover;background-repeat:no-repeat;overflow: hidden;position:relative;} .card.card-default figure::before { content: ""; position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); opacity:0; transition:opacity 0.3s ease; } .card.card-default:hover figure::before {opacity:1;} /*card team*/ .card.card-team .card-body p.fw-bold {position:relative;overflow:hidden;} .card.card-team .card-body p.fw-bold::after {content:"\2192";position: absolute;right:5px;top:0px;font-size:1.4rem;transition:all 0.3s ease;opacity:0;} .card.card-team:hover .card-body p.fw-bold::after {opacity:1;} /*accordion-disable*/ .accordion-disable {position:relative;} @media all and (min-width:769px) { .accordion-disable::before {content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:block;z-index:3;} } /*title page*/ .title-page a {color:#FFF;border-bottom:1px solid rgba(255,255,255,0);} .title-page a:hover {border-bottom:1px solid rgba(255,255,255,1);} /*sharebar*/ .sharebar li {font-size:1.15rem;} .sharebar li a {display:block;position:relative;bottom:-2px;color:#FFF;border:none;} .sharebar li a:hover {opacity:0.5;border:none;} /*filter*/ .filter-controls button {border:none;outline:none;background:none;color:#FFF;padding:0px;text-transform: uppercase;opacity:0.6;font-size:1rem;} .filter-controls button::after {content: "\2191";padding-left:5px;position: relative;top:-2px} .filter-controls button:hover {opacity:1;} .filter-controls button.mixitup-control-active {cursor: default;opacity:1;} .filter-controls button.mixitup-control-active::after {content: "\2193";} .filter-open {text-transform:uppercase;font-size:1rem;} .filter-open::after {content: "\2193";padding-left:5px;position: relative;top:-2px} .filter-open.active::after {content: "\2191";} @media only screen and (max-width:990px) { .filter-open {cursor:pointer;} .filter-wrapper {position:absolute;top:0px;} .filter-controls {display:none;position:relative;padding:1rem 0px;} } /***PAGE***/ /*agenzia*/ .agenzia-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .agenzia-page {background:#FFF;color:#000;} .agenzia-page #logo h3 {color:#000;} .agenzia-page header #lang h3.lang a {color:#000;} .agenzia-page header #lang h3.lang a {color:#000;} .agenzia-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .agenzia-page header #menu-button span {background:#000;} .agenzia-page header #lang h3.lang.active::after {background:#000;} /*clienti*/ #referenze-clienti figure {padding:3rem;} /*team*/ .team-page {background:#FFBE0B;color:#000;} .team-page #logo h3 {color:#000;} .team-page header #lang h3.lang a {color:#000;} .team-page header #lang h3.lang a {color:#000;} .team-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .team-page header #menu-button span {background:#000;} .team-page #ente-formativo-text p {color:#000;} .team-page .title-page p {color:#000;} .team-page .card.card-default p {color:#000;} .team-page header #lang h3.lang.active::after {background:#000;} /*team*/ .lista-team {margin-right:-15px;margin-left:-15px;} .team-single-page .team-list-link a {color:#000;border-bottom:rgba(0,0,0,0);} .team-single-page .team-list-link a:hover {border-bottom:1px solid #000} /*riconoscimenti*/ .riconoscimenti-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .riconoscimenti-page {background:#FFF;color:#000;} .riconoscimenti-page #logo h3 {color:#000;} .riconoscimenti-page header #lang h3.lang a {color:#000;} .riconoscimenti-page header #lang h3.lang a {color:#000;} .riconoscimenti-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .riconoscimenti-page header #menu-button span {background:#000;} .riconoscimenti-page header #lang h3.lang.active::after {background:#000;} #riconoscimenti {overflow:hidden;position:relative;} #riconoscimenti a {color:#000;border-bottom:1px solid rgba(0,0,0,0);} #riconoscimenti a:hover {color:#000;border-bottom:1px solid rgba(0,0,0,1);} /*folio*/ .folio-page {background:#03E02C;} .folio-page .professionista-correlato {border-top:1px solid rgba(0,0,0,0.05);} .folio-page main {overflow: hidden;} .title-page.folio-head-categoria {border-top:1px solid rgba(0,0,0,0.05);} .folio-page #accordion-professionisti {border-bottom:1px solid rgba(0,0,0,0.05);} /*folio dettaglio*/ .folio-header {border-top:1px solid #03d52a;border-bottom:1px solid #03d52a;transition:all 0.3s ease;} .folio-header a {color:#FFF;border-bottom:1px solid rgba(0,0,0,0);line-height:2rem;} .folio-header a:hover {border-color:#FFF;} .folio-header i {font-style: inherit;} .folio-header.active {opacity:0;} .folio-header a.categoria {margin-left:5px;} .folio-header a.tag {margin-left:5px;} .folio-header span.separator {margin-left:5px} .folio-header a.categoria:first-of-type {margin-left:0px} .folio-header a.tag:first-of-type {margin-left:0px} #folio-countent {border-bottom:1px solid #EEE;} #folio-countent h4 {font-variation-settings: "wght" 700;margin:0px;} #folio-countent h6 {font-variation-settings: "wght" 650;margin:0px;font-size:1.15rem;line-height:1.4rem;} #folio-countent h6 a {font-variation-settings: "wght" 450;color:#000;text-decoration:underline;} #folio-countent p {margin:10px 0px 0px 0px;font-size:1.1rem;} #folio-countent p strong {font-variation-settings: "wght" 400;} #folio-countent blockquote {margin:40px;font-size:1.5rem;font-variation-settings: "wght" 250,"wdth" 100,"slnt" 50;} #folio-countent p a, #folio-countent li a {font-variation-settings: "wght" 450;color:#000;text-decoration:underline;} #folio-countent img {margin:0px auto 40px auto;display:block;} #folio-countent hr {margin:40px 0px;} #folio-countent ul {list-style-type:initial;margin:20px 20px 0px 20px;} #folio-countent ol {list-style-type:decimal-leading-zero;margin:20px 35px 0px 35px;} #folio-countent ul li, #folio-countent ol li {margin:0px 0px 5px 0px;} #folio-countent p.source {margin-top:20px;} #folio-countent p.source a {font-variation-settings: "wght" 650;} #folio-countent .embed-responsive {margin-top:40px;margin-bottom:40px;} #folio-countent mark {font-family:Courier, monospace;background:#f2f2f2;color:#292929;padding:0px 5px} #folio-countent .folio-image {overflow:hidden;border-radius:50%;} /*progetti*/ #list-progetti-filter {border-top:1px solid rgba(255,255,255,0.05);} .progetti-header a {color:#FFF;border-bottom:1px solid rgba(0,0,0,0);transition:all 0.3s ease;} .progetti-header a:hover {border-color:#FFF;} .progetti-header a.current {color:#FFF;border-color:#FFF;} .progetti-header {border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;transition:all 0.3s ease;} .progetti-header i {font-style: inherit;} .progetti-header.active {opacity:0;} #progetto-countent {background:#FFF;border-bottom:1px solid rgba(0,0,0,0.05);} #progetto-countent p {font-size:1.1rem;} /*accordion professionisti*/ #accordion-professionisti {border-bottom:1px solid rgba(255,255,255,0.05);} #accordion-professionisti a.collapse-button {color:#FFF;position:relative;cursor:pointer;} #accordion-professionisti a.collapse-button .arrow {float:right;} #accordion-professionisti a.collapse-button.collapsed .arrow {transform: rotate(-180deg);transition:all 0.3s ease;} #accordion-professionisti a.collapse-button .arrow {transform: rotate(0deg);transition:all 0.3s ease;} .professionista-correlato {border-top:1px solid rgba(255,255,255,0.05);} .professionista-correlato a {color:#FFF;} .professionista-correlato a .call-to {opacity:0;transition:opacity 0.3s ease;} .professionista-correlato a:hover {color:#FFF;} .professionista-correlato a:hover .call-to {opacity:1;} .professionista-correlato i {text-transform:inherit;} /*progetti dettaglio*/ #progetto-cover figure {background-position:center;background-size:cover;background-repeat:none;} #progetto-cover figure img {width:100%;} /*come lavoriamo*/ .facilitare-page {background:#8338EC;} .sviluppare-page {background:#FB5607;} .gestire-page {background:#0D64FF;} /*accordion pagine*/ #accordion-block-01 hr, #accordion-block-02 hr, #accordion-block-03 hr, #accordion-block-04 hr, #accordion-block-05 hr, #accordion-block-06 hr {width:80px;border-top:1px solid #FFF;transition:all 0.3s ease;} #accordion-block-01:hover hr {width:100%;} #accordion-block-02:hover hr {width:100%;} #accordion-block-03:hover hr {width:100%;} #accordion-block-04:hover hr {width:100%;} #accordion-block-05:hover hr {width:100%;} #accordion-block-06:hover hr {width:100%;} #accordion-pagine a.collapse-button {color:#FFF;position:relative;cursor:pointer;} #accordion-pagine a.collapse-button .arrow {float:right;position:absolute;top:0px;right:0px;} #accordion-pagine a.collapse-button.collapsed .arrow {transform: rotate(-180deg);transition:all 0.3s ease;} #accordion-pagine a.collapse-button .arrow {transform: rotate(0deg);transition:all 0.3s ease;} #accordion-pagine a.collapse-button:hover .arrow {top:10px;} /*accordion pagine video*/ #accordion-pagine .video-containeir {position:relative;overflow:hidden;} #accordion-pagine .video-containeir .video-wrapper {width:100%;margin:0px;padding:0px;display:block;overflow:hidden;border:none;outline:none;} #accordion-pagine .video-containeir .video-wrapper::before {content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;} #accordion-pagine .video-containeir .video-wrapper video {margin:0px;padding:0px;border:none;outline:none;display:block;margin:0px;clear:both;float:none;padding:0px;width:100%;} #accordion-pagine .video-containeir .video-wrapper video::-webkit-media-controls {display:none;} #accordion-pagine .text-containeir {/*position:absolute;*/top:0px;left:0px;z-index:2;} #accordion-pagine .text-containeir p {font-size:1.2rem} /*sound video*/ #accordion-pagine .sound-bar {position:absolute;top:3rem;right:3rem;z-index:999;} #accordion-pagine .sound-bar button {display:block;width:40px;height:40px;border:1px solid #FFF;border-radius:50%;outline:none;background:none;position:relative;text-indent:-999px;overflow:hidden;} #accordion-pagine .sound-bar button.mute-video::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f028"; text-indent:0px; color:#FFF; position: absolute; top:0px; left:0px; right:0px; bottom:0px; width:40px; height:40px; line-height:38px; } #accordion-pagine .sound-bar button.mute-video.unmute-video::after { content: "\f6a9"; } /*formazione*/ .formazione-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .formazione-page {background:#FFF;color:#000;} .formazione-page #logo h3 {color:#000;} .formazione-page header #lang h3.lang a {color:#000;} .formazione-page header #lang h3.lang a {color:#000;} .formazione-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .formazione-page header #menu-button span {background:#000;} .formazione-page header #lang h3.lang.active::after {background:#000;} .formazione #accordion-pagine a.collapse-button {color:#000;} .formazione #accordion-block-01 hr, .formazione #accordion-block-02 hr, .formazione #accordion-block-03 hr, .formazione #accordion-block-04 hr, .formazione #accordion-block-05 hr, .formazione #accordion-block-06 hr {border-color:#000;} /*progetto flim*/ .flim-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .flim-page {background:#ecdfab;color:#000;} .flim-page #logo h3 {color:#000;} .flim-page header #lang h3.lang a {color:#000;} .flim-page header #lang h3.lang a {color:#000;} .flim-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .flim-page header #menu-button span {background:#000;} .flim-page img.logo-flim {max-width:200px !important;} .flim-page header #lang h3.lang.active::after {background:#000;} /*contatti*/ .contatti-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .contatti-page {background:#FFF;color:#000;} .contatti-page #logo h3 {color:#000;} .contatti-page header #lang h3.lang a {color:#000;} .contatti-page header #lang h3.lang a {color:#000;} .contatti-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .contatti-page header #menu-button span {background:#000;} .contatti-page #ente-formativo-text .txt-white {color:#000} .contatti-page .frontman-text span[data-name="formazione"] {color:#000 !important} .contatti-page header #lang h3.lang.active::after {background:#000;} .contatti-text a {color:#FFF;border-bottom:1px solid rgba(255,255,255,0);} .contatti-text a:hover {color:#fff;border-bottom:1px solid rgba(255,255,255,1);} .contatti-text ul li {font-size:1.5rem;} .contatti-text ul li a, .contatti-text ul li a:hover {border:none;} .contatti-text ul li a:hover {opacity:0.5;} /***FRONTMAN NAVIGATION***/ body a {text-decoration:none;color:inherit; } body a:link {text-decoration:none;color:inherit; } body a:visited {text-decoration:none;color:inherit; } body a:hover {text-decoration:none;color:inherit;} body a:active {text-decoration:none;color:inherit;} .txt-white p.frontman-text span.keyWord.device-orientation-not-supported:before {background-color: #fff !important; } p.frontman-text { font-size: 4vw; font-variation-settings: "wght" 100; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; line-height: 1.1em; width: calc(100% - 40px); font-family: "Acumin Pro Light"; } p.frontman-text br.mobileLineBreak {display:none;} @supports (font-variation-settings:normal) { p.frontman-text {font-family:"Acumin Variable Pro";} } @media only screen and (max-width: 610px) { p.frontman-text {font-size:4.8vh;} p.frontman-text span.keyWord {white-space:nowrap;} } p.frontman-text span.active-word {font-variation-settings: "wght" 900, "wdth" 100, "slnt" 0 !important;} p.frontman-text span.keyWord.device-orientation-not-supported {font-variation-settings: "wght" 100 !important;position: relative;} p.frontman-text span.keyWord.device-orientation-not-supported.active-word {font-variation-settings: "wght" 900, "wdth" 100, "slnt" 0 !important;} p.frontman-text span.keyWord.device-orientation-not-supported.active-word:before {display: none;} p.frontman-text span.keyWord.device-orientation-not-supported.active-word[data-name='tdg'] {font-variation-settings: "wght" 100 !important;} p.frontman-text span.keyWord.device-orientation-not-supported:before { content: ""; display: block; position: absolute; bottom: 2px; left: 0px; height: 1px; width: 100%; background-color: #000 !important; opacity:0; } p.frontman-text span.keyWord.device-orientation-not-supported.txt-white:before {background-color: #FFF !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-black:before {background-color: #000 !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-blue:before {background-color: #0D64FF !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-viola:before {background-color: #8338EC !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-verde:before {background-color: #03E02C !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-orange:before {background-color: #FB5607 !important;} p.frontman-text span.keyWord.device-orientation-not-supported.txt-yellow:before {background-color: #FFBE0B !important;} @media only screen and (max-width:992px) { p.frontman-text {font-size:5vw;display:block;width:100%;} } @media only screen and (max-width: 610px) { p.frontman-text {font-size:5vh;line-height:3rem;} p.frontman-text span.keyWord.device-orientation-not-supported {font-variation-settings: "wght" 150, "slnt" 10, "wdth" 75 !important;} p.frontman-text span.keyWord.device-orientation-not-supported.active-word {font-variation-settings: "wght" 600, "slnt" 10, "wdth" 75 !important;} } p.frontman-text .txt-white {color: #FFFFFF !important;} p.frontman-text .txt-black {color: #000000 !important;} p.frontman-text .txt-blue {color: #0D64FF !important;} p.frontman-text .txt-viola {color: #8338EC !important;} p.frontman-text .txt-verde {color: #03E02C !important;} p.frontman-text .txt-orange {color: #FB5607 !important;} p.frontman-text .txt-yellow {color: #FFBE0B !important;} /*thanks*/ #thanks-wrapper {min-height:75vh;} #thanks-wrapper h1 {font-size:10rem;} #thanks-wrapper .imgThk {display:block;position:absolute;bottom:0px;right:0px;} #thanks-wrapper a {color:#000;border-bottom:1px solid rgba(0, 0, 0, 0);} #thanks-wrapper a:hover {color:#000;border-bottom:1px solid #000;} .thanks-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .thanks-page {background:#FFF;color:#000;} .thanks-page #logo h3 {color:#000;} .thanks-page header #lang h3.lang a {color:#000;} .thanks-page header #lang h3.lang a {color:#000;} .thanks-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .thanks-page header #menu-button span {background:#000;} /*frontman side*/ #curtains .c { position: fixed; right: 0px; top: 0px; bottom: 0px; left: 0px; z-index: 999; -webkit-transform: translateX(calc(100vw - 0px)); transform: translateX(calc(100vw - 0px)); } #curtains .c::after { content:""; position: absolute; top:50%; left:50%; border-radius:50%; animation: load 2s ease infinite alternate; border-color:#FFF; border-style:solid; } @keyframes load { 0% { border-width:5px; width:25px;height:25px; transform: translate(-50%, -50%); } 100% { border-width:1px; width:50px;height:50px; transform: translate(-50%, -50%); } } #curtains .c.professionisti.bg-yellow::after {border-color:#000;} #curtains .c.formazione.bg-white::after {border-color:#000;} #curtains .c::before { content: "LOADING"; position: absolute; bottom:20px; left:0px; right:0px; text-align:center; font-variation-settings: "wght" 600, "slnt" 0, "wdth" 75; color:#FFF; } #curtains .c.professionisti.bg-yellow::before {color:#000;} #curtains .c.formazione.bg-white::before {color:#000;} /*scroll color head*/ #header {transition: background 0.3s ease;} body.agenzia-page #header:hover {background:#FFFFFF;} body.riconoscimenti-page #header:hover {background:#FFFFFF;} body.contatti-page #header:hover {background:#FFFFFF;} body.team-page #header:hover {background:#FFBE0B;} body.facilitare-page #header:hover {background:#8338EC;} body.sviluppare-page #header:hover {background:#FB5607;} body.gestire-page #header:hover {background:#0D64FF;} body.formazione-page #header:hover {background:#FFFFFF;} body.flim-page #header:hover {background:#ECDFAB;} body.folio-page #header:hover {background:#03E02C;} body.progetti-page #header:hover {background:#222222;} .home-page #header:hover {background:#222222;} #header.active, #header.active:hover {background:#FFFFFF !important;} body.folio-page.folio-page-dettaglio #header {background:#03E02C;} body.progetti-page.progetti-page-dettaglio #header {background:#222222;} /*download*/ a.link-download {border:1px solid #000;border-radius:5px;padding:0px 30px;font-size:1.1rem;height:60px;line-height:60px;overflow:hidden;} a.link-download span {display:inline-block;padding-left:20px;position:relative;top:-2px;} a.link-download:hover {color:#FFF;background:#000;} /***RESPONSIVE***/ @media handheld, only screen and (max-width:1440px) { header {height:65px !important;} header.py-3 {padding-top:15px !important;padding-bottom:15px !important;} .card.card-default {margin-left:10px;margin-right:10px;} .card.card-default .card-body.mb-4 {margin-bottom:0.5rem !important;} #menu-button {transform: scale(0.8);top:-2px} #referenze-clienti figure {padding:2rem;} .min-vh-intro {min-height: 85vh !important;} .lista-progetti, .lista-folio {margin-left:5px;margin-right:5px;} #up-button {right:20px;} #up-button.goup {bottom:20px;} #cta-scroll {left:20px;} #cta-scroll.goup {bottom:20px;} #slider-articoli-home {margin-left:-10px;margin-right:-10px;} .folio-header, .progetti-header {z-index:1600 !important;} #logo {line-height:35px;height:35px;} #logo h3 {line-height:35px;height:35px;} #logo h3 span.logo, #logo h3 span.payoff {height:35px;line-height:35px;} header #lang {line-height:35px;} header #lang h3.lang {line-height:35px;} #logo h3 span.logo .char:nth-child(1) {width:17px;} #logo h3 span.logo .char:nth-child(2) {width:21px;} #logo h3 span.logo .char:nth-child(3) {width:21px;} #logo h3 span.logo .char:nth-child(4) {width:9px;} #logo h3 span.logo .char:nth-child(5) {width:21px;} #logo h3 span.logo .char:nth-child(6) {width:9px;} #logo h3 span.logo .char:nth-child(7) {width:21px;} #logo h3 span.logo .char:nth-child(8) {width:20px;} #logo h3 span.logo .char:nth-child(9) {width:9px;} #logo h3 span.logo .char:nth-child(10) {width:20px;} #logo h3 span.logo .char:nth-child(11) {width:9px;} #logo h3 span.logo .char:nth-child(12) {width:22px;} } @media handheld, only screen and (max-width:1280px) { #menu-button {margin-left:2rem !important} .progetti-header .mr-2 {margin-right:0px !important} .progetti-header .filter-controls ul li.ml-lg-2 {margin-left:5px !important} } @media handheld, only screen and (max-width:1180px) { #referenze-clienti figure {padding:1.5rem;} } @media handheld, only screen and (max-width:1024px) { .info-page {width:100% !important;-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width:100% !important;} .social-share {display:none;} .card.card-team figure img.over-team {display:none;} .filter-controls {margin-left:-10px;} #accordion-pagine .text-containeir p {font-size:1rem} #ente-formativo-text .min-vh-intro {min-height:50vh !important;} #progetto-countent p {font-size:1rem;} #logo {bottom:-4px;} .title-page span.d-inline-block {display:none !important;} #folio-countent .container-glitch .glitch-img {position: relative !important;} header#header {position: relative !important;} } @media handheld, only screen and (max-width:990px) { .filter-controls {margin:0px;} .progetti-header .filter-controls {text-align:right;} .progetti-header .filter-wrapper {top:-21px;right:15px;} .tablet-width {width:100vw;} } @media handheld, only screen and (max-width:768px) { #logo {white-space: nowrap;} #logo h3 span.payoff {font-variation-settings: "wdth" 60;} #logo h3 span.payoff.pl-3 {padding-left:0.5rem !important} #accordion-pagine .text-containeir {position:relative;top:inherit;left:inherit;} #folio-countent img {clear:both;float:none;margin-left:0px;margin-right:0px;display:block;width:100% !important;} #folio-countent hr {margin:20px 0px;} .min-vh-intro {min-height:auto !important;padding:10rem 0px} #ente-formativo-text .min-vh-intro {min-height:auto !important;padding:7.5rem 0px} #home-intro p.frontman-text br, #ente-formativo-text p.frontman-text br {display:none !important;} #menu-button {margin-left: 1.5rem !important;} #accordion-pagine a.collapse-button .arrow {font-size:2rem;} } @media handheld, only screen and (max-width:610px) { .mobile-hide {display:none;opacity:0;} .mobile-view {display:block;} .mt-10 {margin-top:3rem !important;} .mb-10 {margin-bottom:3rem !important;} .my-10 {margin-top:3rem !important;margin-bottom:3rem !important;} .pt-10 {padding-top:3rem !important;} .pb-10 {padding-bottom:3rem !important;} .py-10 {padding-top:3rem !important;padding-bottom:3rem !important;} #logo {bottom:-2px;} #logo h3 span.payoff {display:none;} .min-vh-intro {min-height:auto !important;padding:5rem 0px} #ente-formativo-text .min-vh-intro {min-height:auto !important;padding:2.5rem 0px} #up-button {transform: scale(0.8);} #up-button {right:10px;} #up-button.goup {bottom:10px;} #cta-scroll {left:10px;} #cta-scroll.goup {bottom:10px;} footer {padding-bottom:10px;} footer .my-4 {margin-top:10px !important;margin-bottom:10px !important;} .card.card-progetti.card-default .card-img img, .card.card-progetti.card-default .card-img-top img {width:100%;height:350px !important;} #slider-progetti-home {margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);} #slider-articoli-home {margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);} #slider-progetti-correlati {margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);} #slider-articoli-correlati {margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);} p.frontman-text br {display:none !important;} .d-block.mt-10 {margin-top:2rem !important;} .title-page .py-5 {padding-bottom:1.5rem !important;padding-top:1.5rem !important;} .slick-dots {text-align:left;} #referenze-clienti figure {padding:5px;} .grid {width:calc(100% + 10px);margin-left: -5px;margin-right:-5px;} .grid-item figure::before {border:5px solid #FFF;} #cta-contatti {margin-top:40px;} .lista-team {margin-left:0px;margin-right:0px;} .team-single-page .order-0 {order:1;} .team-single-page .order-1 {order:0;margin-bottom:40px;} #riconoscimenti .order-0 {order:1;} #riconoscimenti .order-1 {order:0;border-top:1px solid rgba(0,0,0,0.05);padding-top:20px;padding-bottom:20px;} #slider-progetti-correlati-controls-mobile.dark .slick-dots li button::before, #slider-articoli-correlati-controls-mobile.dark .slick-dots li button::before {background:#000} #accordion-pagine .text-containeir p {padding:20px 5px 0px 5px !important;} .card.card-default {margin-left:5px;margin-right:5px;} .filter-controls button {display: block;} .filter-controls {padding:0px;} .filter-controls hr {margin:10px -10px 0px -10px !important;border-top:1px solid rgba(255,255,255,.25) !important} .folio-header .order-0 {order:1;white-space: nowrap;} .folio-header .order-1 {order:0} .folio-header .order-1 p {margin-left:0px !important;} .folio-header .title {position:relative;width:100%;} .folio-header .title::before { content:""; position: absolute; top:0px; right:0px; bottom:0px; border-right:20px solid #03E02C; width: 50px; background: rgb(3,224,44); background: -moz-linear-gradient(270deg, rgba(3,224,44,1) 0%, rgba(3,224,44,0) 100%); background: -webkit-linear-gradient(270deg, rgba(3,224,44,1) 0%, rgba(3,224,44,0) 100%); background: linear-gradient(270deg, rgba(3,224,44,1) 0%, rgba(3,224,44,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03e02c",endColorstr="#03e02c",GradientType=1); } .progetti-header .filter-controls {text-align:left;} .progetti-header .filter-controls ul {margin-top:20px !important;} .progetti-header .filter-controls ul li {display:block !important;margin:0px !important;padding:2.5px 0px;} .progetti-header .filter-controls ul li.ml-lg-2 {margin:0px !important} .progetti-header .filter-controls ul li.d-none {display:none !important;} .progetti-header .title {white-space: nowrap} .progetti-header .filter-wrapper {top:-24px;right:0px;padding-right:10px;background:#222;} .filter-open::after {top:0px} .progetti-header .filter-wrapper::before { content:""; position: absolute; top:0px; left:-50px; bottom:0px; border-right:20px solid #222; width:50px; background: rgb(34,34,34); background: -moz-linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%); background: -webkit-linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%); background: linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1); } #progetto-countent p {margin-top:10px;margin-bottom:10px;} .professionista-correlato a .mobile-label {position:absolute;top:0px;} .professionista-correlato a .mobile-label .call-to {opacity:1;font-size:0.8rem} #thanks-wrapper .imgThk {width:100%} #accordion-pagine .sound-bar {top:10px;right:20px;transform:scale(0.8);} #accordion-pagine a p.frontman-text {padding-right:30px;font-size:4.5vh;line-height:2.8rem;} #accordion-pagine a.collapse-button .arrow {font-size:1.5rem;margin:5px 5px 0px 0px !important;} #accordion-pagine .video-containeir .video-wrapper::before {display:none;} #accordion-pagine .sound-bar {display:none;} #accordion-pagine .video-containeir .video-wrapper video::-webkit-media-controls {display:block;} } /*device rotator*/ #devicerotate {position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:auto;background:#FFF;z-index:99999;display:none;padding:40px;} #devicerotate .logo {display:block;margin:-10px auto 0px auto;text-align:center;} #devicerotate .logo h3 {color:#222;font-variation-settings: "wght" 800, "wdth" 90, "slnt" 0;} #devicerotate p {font-size:0.8em;line-height:1rem;color:#000;margin:0px;text-align:center;position:absolute;left:20px;right:20px;bottom:20px;} #devicerotate .icon { width:100px; height:100px; overflow:hidden; top: 50%; left: 50%; position:absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #devicerotate svg {width:100px;height:100px;margin:0px auto;} #devicerotate svg .freccia {fill:#222;} #devicerotate svg .landscape { fill:#222; -webkit-animation: landscape 2.5s infinite; animation: landscape 2.5s infinite; } @-webkit-keyframes landscape { 0% {fill:#CCC;} 50% {fill:#222;} 100% {fill:#CCC;} } @keyframes landscape { 0% {fill:#CCC;} 50% {fill:#222;} 100% {fill:#CCC;} } #devicerotate svg .portrait { fill:#FFF; -webkit-animation: portrait 2.5s infinite; animation: portrait 2.5s infinite; } @-webkit-keyframes portrait { 0% {fill:#222;} 50% {fill:#CCC;} 100% {fill:#222;} } @keyframes portrait { 0% {fill:#222;} 50% {fill:#CCC;} 100% {fill:#222;} } html.mobile.landscape #devicerotate {display:block;} html.mobile.portrait #devicerotate {display:none;} /*glitch*/ .container-glitch { position:relative; margin:0px; overflow:hidden; top:0px; left:0px; right:0px; bottom:0px; z-index:3; width:100%; height:100%; } .container-glitch .glitch-img { position:relative; width:100%; top:0; left:0; right:0; bottom:0; background-position:center; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; background-size:cover; } .container-glitch .glitch-img.back {position: relative;} /*team*/ .card.card-team figure {overflow:hidden;position:relative;display:block;border-radius:50%;} .card.card-team figure .container-glitch {position:absolute;top:0px;left:0px;opacity:0;transition: opacity 0.3s ease;z-index:1;} .card.card-team:hover figure .container-glitch {opacity:1;} .card.card-team figure img.team-mask {display:block;width:100%;height:auto;position: absolute;top:0px;left:0px;right:0px;z-index:3;} /*safari*/ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { p.frontman-text span.keyWord {position: relative;} p.frontman-text span.keyWord:before { content: ""; display: block; position: absolute; bottom: 2px; left: 0px; height: 1px; width: 100%; background-color: #FFF; opacity:1; } p.frontman-text span.keyWord.txt-white:before {background-color: #FFF !important;} p.frontman-text span.keyWord.txt-black:before {background-color: #000 !important;} p.frontman-text span.keyWord.txt-blue:before {background-color: #0D64FF !important;} p.frontman-text span.keyWord.txt-viola:before {background-color: #8338EC !important;} p.frontman-text span.keyWord.txt-verde:before {background-color: #03E02C !important;} p.frontman-text span.keyWord.txt-orange:before {background-color: #FB5607 !important;} p.frontman-text span.keyWord.txt-yellow:before {background-color: #FFBE0B !important;} body.team-page p.frontman-text span.keyWord:before {background-color: #000;} body.formazione-page p.frontman-text span.keyWord:before {background-color: #000;} } } @media not all and (min-resolution:.001dpcm) { @media { p.frontman-text span.keyWord {position: relative;} p.frontman-text span.keyWord:before { content: ""; display: block; position: absolute; bottom: 2px; left: 0px; height: 1px; width: 100%; background-color: #FFF; opacity:1; } p.frontman-text span.keyWord.txt-white:before {background-color: #FFF !important;} p.frontman-text span.keyWord.txt-black:before {background-color: #000 !important;} p.frontman-text span.keyWord.txt-blue:before {background-color: #0D64FF !important;} p.frontman-text span.keyWord.txt-viola:before {background-color: #8338EC !important;} p.frontman-text span.keyWord.txt-verde:before {background-color: #03E02C !important;} p.frontman-text span.keyWord.txt-orange:before {background-color: #FB5607 !important;} p.frontman-text span.keyWord.txt-yellow:before {background-color: #FFBE0B !important;} body.team-page p.frontman-text span.keyWord:before {background-color: #000;} body.formazione-page p.frontman-text span.keyWord:before {background-color: #000;} } } /*oldie*/ #oldie {width:650px;margin:5% auto 10% auto;font-style:normal;} #oldie img.logo {width:250px;} #oldie blockquote {font-size:16px;clear:both;float:none;margin:40px 0px 0px 0px;padding:0px;line-height:22px;font-style:normal;} #oldie blockquote span {font-weight:bold;} #oldie ul {margin:30px 0px 0px 0px;padding:0px;clear:both;list-style:none;} #oldie ul li {float:left;width:110px;margin:0px 10px;text-align:center;font-size:12px;} #oldie ul li img {width:50px;display:block;margin:0px auto 10px auto;opacity:0.6;} #oldie ul li a {color:#333;opacity:0.6;} #oldie ul li a:hover, #oldie ul li:hover img {opacity:1;} #oldie p {margin:60px 0px 0px 0px;padding:0px;font-size:14px;line-height:22px;} #oldie p a {padding-right:20px;} /*landing*/ #landing-intro figure {margin:0px;padding:20px;position:relative;} #landing-intro figure::after { content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius:50%; border:3px solid #FFF; display: block; width:95%; height:95%; animation: border-pulse 1s ease infinite alternate-reverse; } @keyframes border-pulse { 0% { width:95%; height:95%; } 100% { width:100%; height:100%; } } #landing-intro figure .container-glitch {display:block;border-radius:50%;overflow:hidden;} #landing-intro figure.primary-over {width:95%;} #landing-intro figure.secondary-over {width:55%;position:relative;z-index:9;float:right;margin-top:-35%;margin-right:-20px;} #landing-intro figure.secondary-over::after { width:88%; height:88%; animation: border-pulse-secondary 1s ease infinite alternate-reverse; } @keyframes border-pulse-secondary { 0% { width:88%; height:88%; } 100% { width:92%; height:92%; } } #landing-intro .text-animate {animation: text-bold 1s ease infinite alternate-reverse;} @keyframes text-bold { 0% { font-variation-settings: "wght" 200,"wdth" 100,"slnt" 0; } 100% { font-variation-settings: "wght" 900,"wdth" 100,"slnt" 0; } } #landing-text p {font-size:1.5rem;} #landing-text p.fs-small {font-size:1rem;} .landing-page input, .landing-page textarea { font-weight: 800;} @media handheld, only screen and (max-width:1024px) { .tablet-stack {-ms-flex:0 0 100% !important;flex:0 0 100% !important;max-width:100% !important;} #landing-intro figure .container-glitch .glitch-img {position: relative;} } @media handheld, only screen and (max-width:768px) { #landing-intro p br {display:none;} } @media handheld, only screen and (max-width:680px) { #landing-intro figure {margin:0px 40px 40px 40px;} #landing-intro figure.primary-over {width:auto;} #landing-intro figure.secondary-over {width:55%;float:none;clear:both;margin-top:-35%;margin-right:auto;margin-left:auto;} #landing-intro p br {display:block;} } body.landing-page-grazie #thanks-wrapper p a {color:#FFF;} body.landing-page-grazie #thanks-wrapper p a {border-bottom: 1px solid rgba(255, 255, 255, 0);} body.landing-page-grazie #thanks-wrapper p a:hover {border-bottom: 1px solid #FFF;} /*frontext height*/ body.landing-page #ente-formativo-text {padding:5rem 0px 10rem 0px;} body.landing-page #ente-formativo-text .min-vh-intro {min-height: auto !important;} /*form color*/ body.facilitare-page #ctaIscrizione input:-webkit-autofill, body.facilitare-page #ctaIscrizione input:-webkit-autofill:hover, body.facilitare-page #ctaIscrizione input:-webkit-autofill:focus, body.facilitare-page #ctaIscrizione textarea:-webkit-autofill, body.facilitare-page #ctaIscrizione textarea:-webkit-autofill:hover, body.facilitare-page #ctaIscrizione textarea:-webkit-autofill:focus, body.facilitare-page #ctaIscrizione select:-webkit-autofill, body.facilitare-page #ctaIscrizione select:-webkit-autofill:hover, body.facilitare-page #ctaIscrizione select:-webkit-autofill:focus { border: 1px solid #8338EC !important; border-bottom: 1px solid #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; -webkit-box-shadow: 0 0 0px 1000px #8338EC inset !important; transition: background-color 5000s ease 0s !important; } body.facilitare-page input.button, body.facilitare-page a.button {background:#8338EC;color:#FFF;} body.facilitare-page input.button:hover, body.facilitare-page a.button:hover {background:#FFF;color:#8338EC;} /*form color*/ body.gestire-page #ctaIscrizione input:-webkit-autofill, body.gestire-page #ctaIscrizione input:-webkit-autofill:hover, body.gestire-page #ctaIscrizione input:-webkit-autofill:focus, body.gestire-page #ctaIscrizione textarea:-webkit-autofill, body.gestire-page #ctaIscrizione textarea:-webkit-autofill:hover, body.gestire-page #ctaIscrizione textarea:-webkit-autofill:focus, body.gestire-page #ctaIscrizione select:-webkit-autofill, body.gestire-page #ctaIscrizione select:-webkit-autofill:hover, body.gestire-page #ctaIscrizione select:-webkit-autofill:focus { border: 1px solid #0D64FF !important; border-bottom: 1px solid #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; -webkit-box-shadow: 0 0 0px 1000px #0D64FF inset !important; transition: background-color 5000s ease 0s !important; } body.gestire-page input.button, body.gestire-page a.button {background:#0D64FF;color:#FFF;} body.gestire-page input.button:hover, body.gestire-page a.button:hover {background:#FFF;color:#0D64FF;} /******PUBBLICAZIONE******/ /*header #lang {display:none !important;opacity:0 !important;}*/ .formazione #accordion-pagine .video-containeir {display:none !important;} .formazione #accordion-pagine .text-containeir {position: relative !important;top:inherit !important;left:inherit !important;} .formazione #accordion-pagine .text-containeir p.p-5 {padding-left:0px !important;padding-right:0px !important;} /*form feedback*/ .feedback-post-webinar-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .feedback-post-webinar-page {background:#FFF;color:#000;} .feedback-post-webinar-page #logo h3 {color:#000;} .feedback-post-webinar-page header #lang h3.lang a {color:#000;} .feedback-post-webinar-page header #lang h3.lang a {color:#000;} .feedback-post-webinar-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .feedback-post-webinar-page header #menu-button span {background:#000;} #feedback-wrapper {width:100%;min-height:100vh;} #feedback-wrapper html {overflow: scroll !important;} /* Addon Alessandro 25/03/2012 */ ul.ordinary-list { list-style: circle; list-style-position: outside; margin: 10px 20px !important; } ul.ordinary-list li {font-size: 1.5rem; padding: 0px;} #landing-text .button { display: inline-block !important; margin: 20px 0px; width: auto !important; padding: 0 1.5rem;} /*IUBENDA LINK DISABLE - 25/06/2021*/ a.iubenda-tp-btn.iubenda-cs-preferences-link {display:none !important;} /*header progetti*/ #header {transition: all 0.35s ease-in-out !important;} #header.nav-up {top:-75px !important;} #header.nav-dw {top:0px !important;} .progetti-header {transition: all 0.35s ease-in-out !important;} .progetti-header.nav-up {top:0px !important;} .progetti-header.nav-dw {top:75px !important;} .folio-header {transition: all 0.35s ease-in-out !important;} .folio-header.nav-up {top:0px !important;} .folio-header.nav-dw {top:75px !important;} .casi-studio-header {transition: all 0.35s ease-in-out !important;} .casi-studio-header.nav-up {top:0px !important;} .casi-studio-header.nav-dw {top:75px !important;} /*cursor*/ /* * {cursor:none;box-sizing:border-box;} .cursor { width:30px; height:30px; border-radius: 100%; border: 1px solid #FFF; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; transform: translate(calc(-50% + 15px), -50%); z-index:999999; } .cursor2 { z-index:999999; width:10px; height:10px; border-radius:100%; background-color:#FFF; position:fixed; transform:translate(-50%, -50%); pointer-events:none; } .hover { width:50px; height:50px; } .cursorinnerhover { width: 50px; height: 50px; opacity:0.5; filter: blur(1.5rem); }*/ /*edit update - 27.01.2022*/ .opacity-0 {opacity:0 !important;} .position-relative {position:relative;} .position-absolute {position:absolute;} header#header .position-absolute {top:-8px;right:100px;height:40px;overflow:hidden;} header#header #folio-head a {text-align:right;color: #FFF;font-variation-settings: "wght" 150, "wdth" 75, "slnt" 0;line-height: 45px;font-size: 2rem;margin-right:35px;} header#header #folio-head a span {font-variation-settings: "wght" 600, "wdth" 75, "slnt" 0;} header#header #folio-head a span {transition:all 0.3s ease;} header#header #folio-head a:hover span {font-variation-settings: "wght" 900, "wdth" 115, "slnt" 0;} .flim-page header#header #folio-head a {color: #000;} .formazione-page header#header #folio-head a {color: #000;} .contatti-page header#header #folio-head a {color: #000;} .riconoscimenti-page header#header #folio-head a {color: #000;} .agenzia-page header#header #folio-head a {color: #000;} .team-page header#header #folio-head a {color: #000;} header#header.active #folio-head a {color:#000;} @media handheld, only screen and (max-width:1280px) { header#header .position-absolute {right:80px;} header#header #folio-head a {margin-right:25px;} } @media handheld, only screen and (max-width:900px) { #folio-head {display:none !important;} header#header .position-absolute {top:-1px;} } /*digital index*/ #digital-index .wrapper {background-image:url(https://osservatoriodigitale.info/wp-content/themes/osservatorio-digitale/inc/assets/digital-index/pattern.jpg);background-size:contain;background-position:right;overflow:hidden;} #digital-index .wrapper a {display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:9;text-indent:-999px;} #digital-index .wrapper .card {width:100%;max-width:620px;border:10px solid #FFF;padding:2.5rem;} #digital-index .wrapper .card.green {background:#2FEF38;} #digital-index .wrapper .card.blue {background:#1C3DEA;} #digital-index .wrapper .card p {font-size:1.3rem;line-height:1.5rem;} #digital-index .wrapper .card p.luogo {padding-left:3rem;} @media handheld, only screen and (max-width:1480px) { #digital-index .wrapper .card {max-width:480px;padding:1.5rem;} #digital-index .row-digital-index {margin-left:0px !important;margin-right:0px !important;} } @media handheld, only screen and (max-width:1280px) { #digital-index .wrapper .card p.luogo {padding-left:1.5rem;} } @media handheld, only screen and (max-width:768px) { #digital-index .wrapper .card {max-width:380px;} #digital-index .wrapper .card.first {border-bottom:0px;} #digital-index .wrapper .card p.luogo {padding-left:0rem;} } /*read more*/ #fine_folii {display:block;clear:both;width:100%;} a.altri_folii {background:#03d52a;color:#FFF;font-size:1.25rem;line-height:50px;display:block;width:100%;max-width:320px;height:50px;border:1px solid #FFF;text-align:center;margin:1rem auto 3rem auto;text-transform:uppercase;font-variation-settings: "wght" 650, "wdth" 100, "slnt" 0;} a.altri_folii:hover {background:#FFF;color:#03d52a;} body.progetti-page a.altri_folii {background:#222;color:#FFF;font-size:1.25rem;line-height:50px;display:block;width:100%;max-width:320px;height:50px;border:1px solid #FFF;text-align:center;margin:1rem auto 3rem auto;text-transform:uppercase;font-variation-settings: "wght" 650, "wdth" 100, "slnt" 0;} body.progetti-page a.altri_folii:hover {background:#FFF;color:#222222;} /********** CASI STUDIO ***********/ /*casistudio index white*/ body.casi-studio-index {background: #FFF;} body.casi-studio-index #header {background: #FFF;} body.casi-studio-index #header #logo h3 {color: #000000;} body.casi-studio-index #header #folio-head a {color: #000000;} body.casi-studio-index #header #lang h3.lang a {color: #000000;} body.casi-studio-index #header #lang h3.lang a:hover {border-bottom: 1px solid rgba(0,0,0,1);} body.casi-studio-index #header #lang h3.lang.active::after {background: #000;} body.casi-studio-index #header #menu-button span {background:#000;} body.casi-studio-index p.frontman-text {color:#000;} body.casi-studio-index .title-page p {color:#000;} body.casi-studio-index .filter-controls button {color:#000;} body.casi-studio-index .card.card-folio.card-default .card-body p {color:#000} /*casistudio dettaglio white*/ body.casi-studio-page.casi-studio-page-dettaglio #header {background: #FFF;} body.casi-studio-page.casi-studio-page-dettaglio #header #logo h3 {color: #000000;} body.casi-studio-page.casi-studio-page-dettaglio #header #folio-head a {color: #000000;} body.casi-studio-page.casi-studio-page-dettaglio #header #lang h3.lang a {color: #000000;} body.casi-studio-page.casi-studio-page-dettaglio #header #lang h3.lang a:hover {border-bottom: 1px solid rgba(0,0,0,1);} body.casi-studio-page.casi-studio-page-dettaglio #header #lang h3.lang.active::after {background: #000;} body.casi-studio-page.casi-studio-page-dettaglio #header #menu-button span {background:#000;} body.casi-studio-page {background:#FFF;} body.casi-studio-page main {overflow: hidden;} body.casi-studio-page.casi-studio-page-dettaglio .title-page p {color:#000} body.casi-studio-page.casi-studio-page-dettaglio #accordion-professionisti p {color:#000} body.casi-studio-page.casi-studio-page-dettaglio #accordion-professionisti {border-top: 1px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);} body.casi-studio-page.casi-studio-page-dettaglio #accordion-professionisti .professionista-correlato {border-top: 1px solid rgba(0,0,0,0.05);} body.casi-studio-page.casi-studio-page-dettaglio .slick-dots li button::before {background:#000;} body.casi-studio-page.casi-studio-page-dettaglio .card.card-progetti p {color:#000;} body.casi-studio-page.casi-studio-page-dettaglio .card.card-folio p {color:#000;} body.casi-studio-page.casi-studio-page-dettaglio footer .top-footer {border-top:1px solid rgba(0,0,0,0.05);} .casi-studio-header-spacer {background:#FFF;} .casi-studio-header {border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease;} .casi-studio-page .folio-header .bg-verde {background:#FFF !important;} .casi-studio-page .folio-header {border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease;background:#FFF;} .casi-studio-page .folio-header a {color:#000;border-bottom:1px solid rgba(0,0,0,0);line-height:2rem;} .casi-studio-page .folio-header a:hover {border-color:#FFF;} .casi-studio-page .folio-header i {font-style: inherit;} .casi-studio-page .folio-header.active {opacity:0;} .casi-studio-page .folio-header a.categoria {margin-left:5px;} .casi-studio-page .folio-header a.tag {margin-left:5px;} .casi-studio-page .folio-header span.separator {margin-left:5px} .casi-studio-page .folio-header a.categoria:first-of-type {margin-left:0px} .casi-studio-page .folio-header a.tag:first-of-type {margin-left:0px} .casi-studio-page .folio-header p {color:#000} .casi-studio-page .folio-header .col-auto.order-1 {display:none;} /*casi studio contenuti*/ #casi-studio-countent {border-bottom:1px solid rgba(0,0,0,0.05);} #casistudio-intro .display-3 {font-size:2.5rem;font-variation-settings: "wght" 700;color:#8338EC;} #casistudio-intro p.fs-5 {font-size: 1.3rem !important;} #casistudio-intro p {font-size: 1.1rem !important;} #casi-studio-countent p {font-size: 1.1rem !important;} #casi-studio-countent p strong {font-variation-settings: "wght" 600;margin:0px;} #casi-studio-countent ul {list-style:disc;list-style-position:outside;margin-left:20px;} #casi-studio-countent ol {list-style:decimal;list-style-position:outside;margin-left:20px;} #casi-studio-countent ul li, #casi-studio-countent ol li {font-size: 1.1rem !important;} #casi-studio-countent a {font-variation-settings: "wght" 700;text-decoration:underline;} #casi-studio-countent a:hover {text-decoration:none;} #casi-studio-countent h2 {color:#8338EC;} #casi-studio-countent h6 {color:#8338EC;} /*slider casi studio*/ .slider-casistudio .slick-list::before {content:"";position:absolute;top:0px;bottom:0px;left:50%;transform:translateX(-50%);background:#CCC;width:1px;z-index:9999;} .slider-casistudio.slider-casistudio-orizzontale .slick-list::before {display:none !important;} .slider-casistudio-wrapper {overflow:hidden;position:relative;padding:3rem 1rem;background:#f2f2f2;} .slider-casistudio {position:relative;z-index:1;} .slider-casistudio {margin:0px auto;padding:0px;width:100%;max-width:500px;} .slider-casistudio .slick-list {border:1px solid #CCC;} .slider-casistudio-wrapper button.slick-arrow {background:#000;top:50%;width:40px;height:40px;border-radius:50%;line-height:40px;} .slider-casistudio-wrapper button.slick-arrow.slick-prev::before, .slider-casistudio-wrapper button.slick-arrow.slick-next::before {top:7px;} .slider-casistudio-wrapper button.slick-arrow.slick-prev {left:0% !important;margin-left:-20px !important;z-index:99;} .slider-casistudio-wrapper button.slick-arrow.slick-next {right:0% !important;margin-right:-20px !important;z-index:99;} .slider-casistudio-wrapper .slick-dots {margin:20px auto 0px auto !important;text-align:center;} .slider-casistudio-wrapper .slick-dots li {display:inline-block;width:12px;height:12px;margin:0px 1px;border-radius:50%;opacity:.25;} .slider-casistudio-wrapper .slick-dots li.slick-active {opacity:1;} .slider-casistudio-wrapper .slick-dots li button::before {display:none;} .slider-casistudio-wrapper .slick-dots li button {width:12px;height:12px;background:#000;} /*white home*/ .white-page main {border-bottom:1px solid rgba(0,0,0,0.05);} .white-page {background:#FFF;color:#000;} .white-page #ente-formativo-text {color:#000;} .white-page #ente-formativo-text .txt-white {color:#000;} .white-page .title-page {color:#000;} .white-page .title-page .txt-white {color:#000;} .white-page .title-page a {color:#000;} .white-page .title-page a:hover {border-color:#000;} .white-page .slick-dots li button::before {background:#000;} .white-page header:hover {background:#FFF;} .white-page header #logo h3 {color:#000;} .white-page header #lang h3.lang a {color:#000;} .white-page header #lang h3.lang a {color:#000;} .white-page header #lang h3.lang a:hover {border-bottom:1px solid rgba(0,0,0,1);} .white-page header #menu-button span {background:#000;} .white-page header #lang h3.lang.active::after {background:#000;} .white-page header#header #folio-head a {color:#000;} /*job home*/ #slider-jobs-home {margin-left:-15px;margin-right:-15px;} .card.card-default.card-jobs figure video {position:relative;z-index:1; display: none} .card.card-default.card-jobs figure img {position:absolute;top:0px;left:0px;width:100%;height:auto;z-index:2;transition:all 1s ease;} /*.card.card-default.card-jobs:hover figure img {opacity:0;}*/ @media handheld, only screen and (max-width:610px) { #slider-jobs-home {margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);} } /* Osservatorio Digitale Evento */ #osservatorio_digitale { margin-top: -75px;} @media handheld, only screen and (max-width:610px) { #osservatorio_digitale .container-fluid { padding-top: 150px;} } /* FIX HEADER BG COLOR */ #header {background-color:#222;} .agenzia-page #header, .riconoscimenti-page #header, .contatti-page #header, .formazione-page #header {background-color:#fff;} .folio-page #header {background-color:#05e12d;} .team-page #header {background-color:#FFBE0B;} .flim-page #header {background-color:#ecdfab;} .facilitare-page #header {background-color:#8339ec;} .sviluppare-page #header {background-color:#fb5607;} .gestire-page #header {background-color:#0f63fe;}