/* Theme Name: Step Author: NovityLab Author URI: http://www.novitylab.it/ Description: Tema creato da NovityLab per Step Version: 1.0 */ @import url('./slick/slick.css'); @import url('./slick/slick-theme.css'); /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /* splide */ .splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /*********************/ /****** GRID *******/ /*********************/ .grid{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .grid-item{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-gap{ margin-left: 8px; margin-right: 8px;} .grid-gap > .grid-item, .grid-gapbox > .grid-item{ padding-left: 8px; padding-right: 8px; } .grid-gapbox{ margin-left: -8px; margin-right: -8px; } .grid-clearfix{ width:100%; height: 0; visibility: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-span1{ width: 8.33333%; } .grid-span2{ width: 16.66666%; } .grid-span3{ width: 25%; } .grid-span4{ width: 33.33333%; } .grid-span5{ width: 41.66666%; } .grid-span6{ width: 50%; } .grid-span7{ width: 58.33333%; } .grid-span8{ width: 66.66666%; } .grid-span9{ width: 75%; } .grid-span10{ width: 83.33333%; } .grid-span11{ width: 91.66666%; } .grid-span12{ width: 100%; } .grid-push1{ margin-left: 8.33333%; } .grid-push2{ margin-left: 16.66666%; } .grid-push3{ margin-left: 25%; } .grid-push4{ margin-left: 33.33333%; } .grid-push5{ margin-left: 41.66666%; } .grid-push6{ margin-left: 50%; } .grid-push7{ margin-left: 58.33333%; } .grid-push8{ margin-left: 66.66666%; } .grid-push9{ margin-left: 75%; } .grid-push10{ margin-left: 83.33333%; } .grid-push11{ margin-left: 91.66666%; } .grid-push12{ margin-left: 100%; } @media screen and (max-width: 35.5em) { .hidden-xs{ display: none; } } @media screen and (min-width: 35.5em) { .grid-container{ man-width: 35.5em; } .grid-span1-sm{ width: 8.33333%; } .grid-span2-sm{ width: 16.66666%; } .grid-span3-sm{ width: 25%; } .grid-span4-sm{ width: 33.33333%; } .grid-span5-sm{ width: 41.66666%; } .grid-span6-sm{ width: 50%; } .grid-span7-sm{ width: 58.33333%; } .grid-span8-sm{ width: 66.66666%; } .grid-span9-sm{ width: 75%; } .grid-span10-sm{ width: 83.33333%; } .grid-span11-sm{ width: 91.66666%; } .grid-span12-sm{ width: 100%; } .grid-push0-sm{ margin-left: 0%; } .grid-push1-sm{ margin-left: 8.33333%; } .grid-push2-sm{ margin-left: 16.66666%; } .grid-push3-sm{ margin-left: 25%; } .grid-push4-sm{ margin-left: 33.33333%; } .grid-push5-sm{ margin-left: 41.66666%; } .grid-push6-sm{ margin-left: 50%; } .grid-push7-sm{ margin-left: 58.33333%; } .grid-push8-sm{ margin-left: 66.66666%; } .grid-push9-sm{ margin-left: 75%; } .grid-push10-sm{ margin-left: 83.33333%; } .grid-push11-sm{ margin-left: 91.66666%; } .grid-push12-sm{ margin-left: 100%; } .hidden-sm{ display: none; } } @media screen and (min-width: 48em) { .grid-gap{ margin-left: 15px; margin-right: 15px;} .grid-gap > .grid-item, .grid-gapbox > .grid-item{ padding-left: 15px; padding-right: 15px; } .grid-gapbox{ margin-left: -15px; margin-right: -15px; } .grid-span1-md{ width: 8.33333%; } .grid-span2-md{ width: 16.66666%; } .grid-span3-md{ width: 25%; } .grid-span4-md{ width: 33.33333%; } .grid-span5-md{ width: 41.66666%; } .grid-span6-md{ width: 50%; } .grid-span7-md{ width: 58.33333%; } .grid-span8-md{ width: 66.66666%; } .grid-span9-md{ width: 75%; } .grid-span10-md{ width: 83.33333%; } .grid-span11-md{ width: 91.66666%; } .grid-span12-md{ width: 100%; } .grid-push0-md{ margin-left: 0%; } .grid-push1-md{ margin-left: 8.33333%; } .grid-push2-md{ margin-left: 16.66666%; } .grid-push3-md{ margin-left: 25%; } .grid-push4-md{ margin-left: 33.33333%; } .grid-push5-md{ margin-left: 41.66666%; } .grid-push6-md{ margin-left: 50%; } .grid-push7-md{ margin-left: 58.33333%; } .grid-push8-md{ margin-left: 66.66666%; } .grid-push9-md{ margin-left: 75%; } .grid-push10-md{ margin-left: 83.33333%; } .grid-push11-md{ margin-left: 91.66666%; } .grid-push12-md{ margin-left: 100%; } .hidden-md{ display: none; } } @media screen and (min-width: 64em) { .grid-span1-lg{ width: 8.33333%; } .grid-span2-lg{ width: 16.66666%; } .grid-span3-lg{ width: 25%; } .grid-span4-lg{ width: 33.33333%; } .grid-span5-lg{ width: 41.66666%; } .grid-span6-lg{ width: 50%; } .grid-span7-lg{ width: 58.33333%; } .grid-span8-lg{ width: 66.66666%; } .grid-span9-lg{ width: 75%; } .grid-span10-lg{ width: 83.33333%; } .grid-span11-lg{ width: 91.66666%; } .grid-span12-lg{ width: 100%; } .grid-push0-lg{ margin-left: 0%; } .grid-push1-lg{ margin-left: 8.33333%; } .grid-push2-lg{ margin-left: 16.66666%; } .grid-push3-lg{ margin-left: 25%; } .grid-push4-lg{ margin-left: 33.33333%; } .grid-push5-lg{ margin-left: 41.66666%; } .grid-push6-lg{ margin-left: 50%; } .grid-push7-lg{ margin-left: 58.33333%; } .grid-push8-lg{ margin-left: 66.66666%; } .grid-push9-lg{ margin-left: 75%; } .grid-push10-lg{ margin-left: 83.33333%; } .grid-push11-lg{ margin-left: 91.66666%; } .grid-push12-lg{ margin-left: 100%; } .hidden-lg{ display: none; } } @media screen and (min-width: 80em) { .grid-span1-xl{ width: 8.33333%; } .grid-span2-xl{ width: 16.66666%; } .grid-span3-xl{ width: 25%; } .grid-span4-xl{ width: 33.33333%; } .grid-span5-xl{ width: 41.66666%; } .grid-span6-xl{ width: 50%; } .grid-span7-xl{ width: 58.33333%; } .grid-span8-xl{ width: 66.66666%; } .grid-span9-xl{ width: 75%; } .grid-span10-xl{ width: 83.33333%; } .grid-span11-xl{ width: 91.66666%; } .grid-span12-xl{ width: 100%; } .grid-push0-xl{ margin-left: 0%; } .grid-push1-xl{ margin-left: 8.33333%; } .grid-push2-xl{ margin-left: 16.66666%; } .grid-push3-xl{ margin-left: 25%; } .grid-push4-xl{ margin-left: 33.33333%; } .grid-push5-xl{ margin-left: 41.66666%; } .grid-push6-xl{ margin-left: 50%; } .grid-push7-xl{ margin-left: 58.33333%; } .grid-push8-xl{ margin-left: 66.66666%; } .grid-push9-xl{ margin-left: 75%; } .grid-push10-xl{ margin-left: 83.33333%; } .grid-push11-xl{ margin-left: 91.66666%; } .grid-push12-xl{ margin-left: 100%; } .hidden-xl{ display: none; } } /*********************/ html, button, input, select, textarea { font-family: 'Nunito Sans', sans-serif; color: #505961; } html { scroll-padding-top: 120px; scroll-behavior: smooth; image-rendering: smooth; } .img-responsive{ display: inline-block; max-width: 100%; height: auto; } strong, b{ font-weight: bold;} .margin, .margin-top{ margin-top: 25px; } .margin, .margin-bottom{ margin-bottom: 25px; } .margin-big, .margin-top-big{ margin-top: 50px; } .margin-big, .margin-bottom-big{ margin-bottom: 50px; } .margin-small, .margin-top-small{ margin-top: 15px; } .margin-small, .margin-bottom-small{ margin-bottom: 15px; } .padding, .padding-top{ padding-top: 25px; } .padding, .padding-bottom{ padding-bottom: 25px; } .padding-big, .padding-top-big{ padding-top: 50px; } .padding-big, .padding-bottom-big{ padding-bottom: 50px; } .padding-small, .padding-top-small{ padding-top: 15px; } .padding-small, .padding-bottom-small{ padding-bottom: 15px; } .testo p{ margin: 1em 0; } .testo p.claim{ font-size: 1.2em; } .testo ul{ margin: 1em 0; padding-left: 1em; } .testo li{ list-style: disc; line-height: 1.4em; margin-bottom: 6px; } .titolo1 { font-size: 2.9rem; line-height: 3.1rem; } .titolo1 strong{ color: #D32D33; font-weight: 800; } .titolo2 { font-size: 2rem; line-height: 2.4rem; font-weight: 300; } .titolo2 strong{ font-weight: 800; } .titolo3 { font-size: 2.85rem; line-height: 3.6rem; font-weight: 300; } .titolo3 strong{ font-weight: 800; } .titolo4 { font-size: 1.7rem; line-height: 2rem; font-weight: 800; } .titolo5{ font-size: 1.1rem; font-weight: bold; line-height: 1.6rem; text-transform: uppercase; } .titolo6{ font-size: 0.88rem; font-weight: bold; letter-spacing: 1px; line-height: 1.1rem; margin: 0.2rem 0; text-transform: uppercase; padding-left: 1px; } .titolo7{ font-size: 1.3rem; font-weight: 800; line-height: 1.8rem; } .titolo8{ font-size: 1.7rem; line-height: 2rem; } .titolo8 strong{ font-weight: 800; } .testogrande{ font-size: 1.25rem; line-height: 1.85rem; } .linea-rossa{ position: relative; } .linea-rossa:after{ z-index: 5; background-color: #D32D33; height: 5px; top: 50%; position: absolute; right: 0; left: 200px; transform: translate(0, -50%); content: ''; } a.link-freccia{ text-indent: -1000px; overflow: hidden; display: block; text-decoration: none; color: #D32D33; width: 30px; position: relative;} a.link-freccia::after, a.link-freccia::before{ content:''; position: absolute; top:0; } a.link-freccia::after{ left:0; width:18px; height:50%; border-bottom: 2px solid; top: -1px; } a.link-freccia::before{ width:6px; height:6px; border-top: 2px solid; border-right: 2px solid; top: 50%; margin-top: -4px; left:11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a.arrow-link{ display: inline-block; text-decoration: none; color: #0c2340; padding-right: 30px; position: relative;} a.arrow-link::after, a.arrow-link::before{ content:''; position: absolute; top:0; } a.arrow-link::after{ right:0; width:18px; height:50%; border-bottom: 2px solid; top: -1px; } a.arrow-link::before{ width:6px; height:6px; border-top: 2px solid; border-right: 2px solid; top: 50%; margin-top: -4px; right:2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } ul.links > li{ line-height: 36px; } ul.links > li.separator{ height: 1px; background-color: #D6D9DD; display: block; } .business-unit-item{ position: relative; } .business-unit-item .business-unit-background{ position: relative; business-unit-item } .business-unit-item .business-unit-background .business-unit-image{ padding-bottom: 60%; margin: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .business-unit-item .business-unit-content{ background-color: #F3F4F5; padding: 20px; } .titolo-riga-blu{ position: relative; } .titolo-riga-blu > span{ position: relative; z-index: 1; display: inline-block; background-color: white; padding: 0 5px; margin-left: -5px;} .titolo-riga-blu:before { content: ''; height: 5px; background-color: #11273D; position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); display: block; } @media screen and (min-width: 48em) { .titolo1 { font-size: 4.5rem; line-height: 4.85rem; } .titolo2 { font-size: 3.3rem; line-height: 3.6rem; } .titolo3 { font-size: 2.4rem; line-height: 2.8rem; } .titolo4, .titolo8 { font-size: 1.90rem; line-height: 2.25rem;} .titolo6{ font-size: 0.88rem; padding-left: 2px; } .testogrande{ font-size: 1.4rem; line-height: 1.85rem; } } @media screen and (min-width: 64em) { .titolo5{ font-size: 1.3rem; } } a {color: #0c2340; /* #11273D; */ text-decoration: underline; font-weight: bold; } a:hover, a:focus { color: #D32D33; } a:focus { outline: none; } .text-color-bianco{ color: #FFF; } .text-color-blu{ color: #0c2340; /* #11273D; */ } .text-color-rosso{ color: #D32D33; } .text-color-grigio{ color: #505961; } .text-strong-azzurro strong, .text-strong-azzurro b{ color: #36A4DD; } .bk-grigio{ background-color: #F3F4F5; } .bk-bianco{ background-color: #FFF; } .bk-blu{ background-color: #0c2340; /* #11273D; */ } .hidden-xs{ display: none; } .center-block{ margin-left: auto; margin-right: auto; } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .l-box { padding-left: 1em; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .svg{ stroke: #454343; width: 100%; height: 100%; display: block; } .menu, .menu li{ margin: 0; padding: 0; list-style: none; display: block; } .btn{ text-decoration: none; font-weight: 600; display: inline-block; color: #FFF; border: none; background: #0c2340; /* #11273D; */ border-radius: 32px; cursor: pointer; padding: 14px 30px; min-width: 130px; text-align: center; box-sizing: border-box; position: relative; } .btn-text{ display: inline-block; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; } .btn-arrow{ display: inline-block; vertical-align: middle; height: 20px; width: 20px; margin-left: 10px; overflow: hidden;} .btn-arrow-fx{ width: 20px; height: 100%; display: block; position: relative; opacity:0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out, opacity .3s ease-out; transition: transform .3s ease-out, opacity .3s ease-out; } .btn-arrow-fx::after, .btn-arrow-fx::before{ content:''; position: absolute; top:0; } .btn-arrow-fx::after{ left:0; width:18px; height:50%; border-bottom: 2px solid; top: -1px; } .btn-arrow-fx::before{ width:6px; height:6px; border-top: 2px solid; border-right: 2px solid; top: 50%; margin-top: -4px; right:2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn:hover{ text-decoration: none; color: #FFF; } .btn:hover .btn-arrow-fx, .btn-semplice:hover .btn-arrow-fx{ opacity:1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .btn:hover .btn-text{ transform: translateX(0px); } .btn-bianco{ color: #0c2340; /* #11273D; */ background: #FFF; } .btn-bianco:hover{ color: #0c2340; /* #11273D; */ } .btn2{ color: #454343; padding: 14px 40px; border-radius: 50px; background-color: #FFF; } .btn2-inverso{ color: #FFF; background-color: #454343; background: #D32D33; } .btn-azzurro{ background: #36A4DD; } .btn-azzurro:hover{ color: #FFF; } .btn-rosso{ color: white; /* #11273D; */ background: #D32D33; } .btn-bianco-rosso{ color: #D32D33; /* #11273D; */ background: #FFF; } .btn-bianco-rosso:hover{ color: #D32D33; /* #11273D; */ background: #FFF; } .btn-semplice{ text-decoration: none; display: inline-block; border: none; background: none; cursor: pointer; color: #0c2340; /* #11273D; */ font-size: 0.88rem; font-weight: bold; line-height: 20px; text-transform: uppercase; } .btn-semplice .btn-text{ -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transition: none; -o-transition: none; transition: none; } .btn-semplice .btn-arrow{ margin-left: 5px; } .btn-semplice .btn-arrow-fx{ top: -1px; } .slider::after{ content:''; display: block; width: 100%; height: 0; clear: both; } .slider-items { float: left; width: 100%; display: block; position: relative; overflow: hidden; } .slider-item { position: relative; float: left; left: 100%; margin-left: -100%; width: 100%; box-sizing: border-box; opacity:0; visibility: hidden; background-color: #0c2340; /* #11273D; */ } .slider-item-next, .slider-item-active{ opacity:1; visibility: visible; z-index: 2; } .slider-item-next, .slider-item-prev{ -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .slider-item-next { z-index: 3; } .slider-item-prev { z-index: 2; opacity:0; } .slider-control{ text-align: right; padding: 15px; } .slider-control-arrow, .slider-control-count{ display: inline-block; vertical-align: middle; } .slider-control-arrow{ position: relative; margin-right: 10px;} .slider-control-arrow::after{ content:''; position: absolute; top:0; left: 50%; width: 1px; height: 100%; background-color: #FFF; } .slider-arrow{ background: none; border: none; padding: 0; margin: 0; float: left; color: #FFF; margin: 0 10px; cursor: pointer; outline: none; } .slider-arrow-ico{ width: 20px; height: 26px; display: block; position: relative; } .slider-arrow-ico::after, .slider-arrow-ico::before{ content:''; position: absolute; } .slider-arrow-ico::after{ left:0; width:18px; height:50%; border-bottom: 2px solid; top: -1px; } .slider-arrow-ico::before{ width:6px; height:6px; border-top: 2px solid; border-right: 2px solid; top: 50%; margin-top: -4px; right:2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slider-arrow-prev{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slider-control-count{ font-family: "Nunito Sans"; font-size: 14px; } .slider-count-active::after{ content:''; display: inline-block; width: 30px; height: 1px; vertical-align: middle; background-color: #FFF; margin: 0 5px; } .alert { padding: 15px; margin: 20px 0; border-left: 10px solid transparent; border-radius: 4px; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin: 0; } .alert > p + p { margin-top: 5px; } .alert-success { color: #4A4A4A; background-color: #E4E9E4; border-color: #9FB4A1; padding: 20px; border-radius:0;} .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link, .alert-success a { color: #4A4A4A; text-decoration:underline; } .alert-success .alert-link:hover, .alert-success a:hover { color: #9FB4A1; } .alert-info { color: #4A4A4A; background-color: #D2E2EB; border-color: #6E9EBA; padding: 20px; border-radius:0;} .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link, .alert-info a { color: #4A4A4A; text-decoration:underline; } .alert-info .alert-link:hover, .alert-info a:hover { color: #6E9EBA; } .alert-warning { color: #4A4A4A; background-color: #F8EDD1; border-color: #E4CE95; padding: 20px; border-radius:0; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link, .alert-warning a { color: #4A4A4A; text-decoration:underline; } .alert-warning .alert-link:hover, .alert-warning a:hover { color: #E4CE95; } .alert-danger { color: #FFF; background-color: #EC9797; border-color: #CB6161; padding: 20px; border-radius:0; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link, .alert-danger a { color: #FFF; text-decoration:underline; } .alert-danger .alert-link:hover, .alert-danger a:hover { color: #CB6161; } /******* Modal *******/ .modal{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.90); padding: 8px; box-sizing:border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 0; z-index: -1; opacity:0; text-align: center; } .modal:after{ content:''; width:0; height: 100%; vertical-align: middle; display: inline-block; } .modal-animation{ -webkit-transition: opacity .400s cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: opacity .400s cubic-bezier(0.4, 0.0, 0.2, 1); transition: opacity .400s cubic-bezier(0.4, 0.0, 0.2, 1); } .modal-animation, .modal-open{ max-height: none; z-index: 109; } .modal-open{ opacity:1; } .admin-bar .modal{ padding-top: 54px; } .modal-body{ background: #FFF; box-sizing: border-box; position: relative; padding:8px; display: inline-block; width: 100%; max-width: 780px; text-align: left; vertical-align: middle; } .modal-body-full{ height: 100%; max-width: none; padding: 0; } .modal-toggle{ cursor:pointer; text-decoration: underline; } .modal-close{ cursor: pointer; width: 40px; height: 40px; float: right; margin-left: 10px; } .modal-body-full .modal-close{ position: absolute; top:8px; right:8px; z-index: 2; } .modal-close .svg{ width: 100%; height: 100%; stroke: #676766; stroke-linecap: round; } .modal .galleryParallaxContainer{ padding: 44px 8px 66px 8px; height:100%; } body.admin-bar #wpadminbar{ position: fixed;} /******* PERSONALIZZAZIONI *******/ html,body{ font-size: 16px; line-height: 1.5em; background-color: #FFF; color: #505961; word-wrap: break-word; } #header{ position:fixed; width:100%; top:0; left:0;box-sizing: border-box; z-index:90; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column ; flex-direction: column ; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transform: translateZ(0); transform: translateZ(0); } .admin-bar #header{ top: 46px; } #header-menubox, #header-top{ padding: 15px; background-color: #FFF; width: 100%; box-sizing: border-box; } #header-top{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #header-menubox{ display: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: scroll; padding-bottom: 100px; overflow: auto; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: contain; } #header-top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header-logobox{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #header-mobilemenu{ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; } #header-logo{ display: block; height: 38px; background: no-repeat left center; background-size: contain; } .hamburger{ width: 30px; height:20px; display: block; border-top: 2px solid #0c2340; /* #11273D; */ border-bottom: 2px solid #0c2340; /* #11273D; */ position: relative; } .hamburger::after{ content: ''; position: absolute; top:50%; width:100%; height:0; border-bottom:2px solid #0c2340; /* #11273D; */ margin-top: -1px; } #header-mobilemenu{ display: inline-block; cursor: pointer; } .menu-open .hamburger{ height:0; border-width:1px; transform: rotate(45deg); } .menu-open .hamburger::after{ transform: rotate(90deg); } #linkLingue li { display: inline-block; margin-left: 10px; } #linkLingue li:first-child { margin-left: 0px; } #linkLingue a { padding-left: 24px; text-decoration: none; display: block; line-height: 36px; color: #9FA5AB; text-transform: uppercase; font-size: 14px; background: url('images/icona-globo.svg?v=1.0') no-repeat left center; background-size: 18px 18px; } #linkLingue a:hover{ color: #0c2340; /* #11273D; */ } #linkLingue a.itemLangActive, #linkLingue a.itemLangActive:hover{ color: #0c2340; font-weight: bold; } #header-menu{ margin: 30px 0 15px 0; } #header-menu .menu-item { border-bottom: 1px solid #F3F4F5; } #header-menu a{ display: block; padding: 6px 0; color: #0c2340; /* #11273D; */ font-size: 16px; font-weight: bold; text-decoration: none; } #header-menu a:hover{ color: #D32D33; text-decoration: none; } #header-menu .current-menu-item > a, #header-menu .current-menu-item > a:hover{ color: #D32D33; } #header-menu .sub-menu{ padding: 10px 0 20px; } #header-menu .sub-menu .menu-item{ border-bottom: 0; } #header-menu .sub-menu .menu-item > a { font-weight: normal; padding-left: 20px; } #header-menu .highlight{ display: none; } #header-menu .sub-menu.animation{ opacity:0; display: block; } #business-menu{ margin: 0 0 15px 0; background-color: #F3F4F5; padding: 20px; } #business-menu .menu-item { border-bottom: 1px solid #F3F4F5; } #business-menu a{ display: block; padding: 6px 0; color: #0c2340; /* #11273D; */ font-size: 16px; font-weight: bold; text-decoration: none; } #business-menu a:hover{ color: #D32D33; text-decoration: none; } #business-menu .current-menu-item > a, #header-menu .current-menu-item > a:hover{ color: #D32D33; } #business-menu .sub-menu{ padding: 10px 0 20px; } #business-menu .sub-menu .menu-item{ border-bottom: 0; } #business-menu .sub-menu .menu-item > a { font-weight: normal; padding-left: 20px; } #business-menu .highlight{ display: none; } #business-menu .sub-menu.animation{ opacity:0; display: block; } body.menu-open{ overflow: hidden;} .menu-open #header{ height: 100%; } .menu-open #header-menubox{ display: block; } #header-placeholder{ height: 48px; display: block; } #wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .container{ max-width: 538px; margin-left: auto; margin-right: auto; } .fascia{ margin: 15px; } #home-units{ display: flex; position: relative; z-index: 10; padding-left: 15px; } #home-units > li{ position: relative; padding: 0 25px 40px 10px; font-size: 0.7rem; line-height: 0.9rem; letter-spacing: -0.3px; cursor: pointer; } #home-units > li:first-child{ color: #D32D33; } #home-units > li:before{ transition: height 0.2s ease; position: absolute; left: 0; top: 0; height: 35px; border-left: 5px solid currentColor; content: ''; } #home-units > li.active:before{ height: 100px; } .splide{ margin-bottom: 5em; } .splide .splide__pagination { bottom: -4em; } .splide .splide__pagination .is-active { background-color: #11273D; transform: none !important; } #home-managers > li{ background-color: #F3F4F5; padding: 35px 15px; margin-right: 5px; opacity: 0.5; transition: all 0.2s ease; } #home-managers > li.is-active{ opacity: 1.0; } #home-managers > li > .immagine{ width: 25%; float: left; } #home-managers > li > .immagine > figure{ border-radius: 50%; padding-bottom: 100%; position: relative; overflow: hidden; } #home-managers > li > .immagine > figure > img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } #home-managers > li > .info{ margin-left: 30%; } #home-managers > li > .info > .titolo4{ font-size: 1.2rem; line-height: 1.5rem; } #home-managers > li > .info > .titolo6{ font-size: 0.8rem; line-height: 1.0rem; text-transform: none; } #home-managers > li > .contenuto{ clear: both; } #home-managers > li > .contenuto > .testo{ padding: 10px 0 0 0; font-size: 0.9rem; line-height: 1.2rem; } #home-slider, #home-slider .slider-item{ } .home-slider-image-bk, .servizio-intro-image-bk{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat bottom right; background-size: contain; opacity: 0.4; } .home-slider-image{ max-width: 300px; } .home-slider-item-boxtext, .servizio-intro-boxtext{ padding: 30px 15px; position: relative; z-index: 2; min-height: 70vh; box-sizing: border-box; } .slider-container, #servizio-intro-content{ max-width: 1520px; margin: auto; position: relative; } .home-slider-item-boxtext, .servizio-intro-boxtext{ height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #home-azienda-ico{ height: 100px; display: inline-block; width: 100%; margin-bottom:25px; background: url('images/home-step-punti-retail.png?v=1.0') no-repeat center left; background-size: contain;} .home-azienda-dati{ border-left: 2px solid; padding-left: 15px; } .home-azienda-dati-big{ color: #0c2340; /* #11273D; */} #home-servizi .ico{ width: 50px; } .home-servizio .titolo4{ margin: 10px 0 30px; } #home-estep{ position: relative;} #home-estep .container{ position: relative; z-index: 2; } #home-azienda-box{ background-color: #F3F4F5; padding: 25px 15px; margin-left: -15px; margin-right: -15px; margin-top: 30px; } .cta-item{ padding: 60px 15px; } #cta-sx{ background-color: #D32D33; } #cta-dx{ background: #0c2340 url('images/bg-contattaci-min3.jpg?v=1.0') no-repeat center center; background-size: cover; } #cta-casestudy{ background-color: #0C2340; padding: 10px; margin-bottom: 50px; } #cta-contatti{ background: #0C2340 url('images/bg-banner-contattaci.jpg?v=1.0') no-repeat center center; background-size: cover; padding: 10px; } #loghi-expand{ display: none; } #loghi-expand-content{ max-height:350px; overflow: hidden; position: relative; transition: max-height 0.5s ease; } #loghi-expand-content label[for="loghi-expand"]{ display: block; position: absolute; bottom: 0; right: 0; left: 0; color: #D32D33; text-align: center; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.6) 95%, rgba(255, 255, 255, 0) 100%); padding-top: 100px; font-weight: bold; } #loghi-expand-content label > span{ position: relative; padding-right: 30px; cursor: pointer; } #loghi-expand-content label > span::after, #loghi-expand-content label > span::before{ content:''; position: absolute; top:0; } #loghi-expand-content label > span::after{ right:5px; width:50%; height:18px; border-right: 2px solid; top: 1px; } #loghi-expand-content label > span::before{ width:6px; height:6px; border-bottom: 2px solid; border-right: 2px solid; top: 50%; margin-top: 0px; right:2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #loghi-expand:checked + #loghi-expand-content { max-height: 1000px; } #loghi-expand:checked + #loghi-expand-content label { display: none; } .item-logo{ margin: 15px 0; } .item-logo-img{ width: 100%; height: auto; } #home-loghi-more{ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } .fascia-foto{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .fascia-foto-item{ width: 100%; height:0; padding-top:48%; background: no-repeat center center; background-size: cover; margin-bottom: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #servizio-componenti-intro { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #azienda-intro-dati{ margin: 30px 0;} #azienda-foto .fascia-foto-item1{ background-image: url('images/azienda-gallery1.jpg?v=1.0'); } #azienda-foto .fascia-foto-item2{ background-image: url('images/azienda-gallery2.jpg?v=1.0'); } #azienda-foto .fascia-foto-item3{ background-image: url('images/azienda-gallery3.jpg?v=1.0'); } .servizio-box, .contatti-sede{ height: 100%; padding: 30px 15px; box-sizing: border-box; color: #505961; } .servizio-box .ico{ width: 68px; } .corporate-box{ position: relative; padding: 30px 15px; background-color: #fff; height: 100%; box-sizing: border-box; } .corporate-box .ico{ width: 50px; height: 61px; margin-bottom: 16px;} .margin-corporate-box{ margin-bottom: 30px; } #servizio-intro-content{ position: relative; } .servizio-desc-list{ margin-top: 60px; } .servizio-desc-item{ margin-bottom: 30px; word-break:initial; } .servizio-ico{ max-width: 72px; max-height: 72px; width: auto; height: auto; } .casestudy-item{ margin: 30px 0; } .casestudy-item-effex{ opacity:0; } .casestudy-item-prepare{ -webkit-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px); } .no-js .casestudy-item, .casestudy-item-animate{ opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s; } .casestudy-item-box{ padding: 30px 15px; position: relative; z-index: 2; } .casestudy-item-bk{ display:block; width: 100%; height: 0; padding-bottom: 56.25%; background: #d6d6d6 no-repeat center center; background-size: cover;} .management-item { box-sizing: border-box; padding: 0 8px; margin-bottom: 16px; } .management-item-box{ padding: 16px; } .management-item-bk{ width: 100%; height:0; padding-top: 75%; background: no-repeat center center; background-size: cover; display: block;} .management-item > .grid{ flex-direction: column-reverse; } .page-template-tpl-management .titolo6 {text-transform: none; letter-spacing: .5px;} .listapag, .listapag li{ display: inline-block; margin: 0; list-style: none; text-align: center; } .listapag{ width: 100%;} .listapag-item{ display: block; width: 35px; height: 35px; line-height: 35px; border:2px solid #F3F4F5; text-decoration: none; color: #0c2340; margin: 5px; } .listapag-item:hover, .listapag-item-active{ border-color: #0c2340; color: #0c2340; } .listapag-item-active, .listapag-item-active:hover{ color: #FFF; background-color: #0c2340; } .form{ position: relative;} .form::after{ content:''; display: block; width: 100%; height: 0; clear: both; } .form-ele{ margin-top: 40px; } .form-label{ display: block; margin: 0; padding: 0; line-height: 1.5em; margin-bottom: 10px; } .form-input, .form-textarea, .form-select{ border: none; margin: 0; padding: 0 8px; height:46px; font-size:16px; line-height: 1em; display: block; width: 100%; box-sizing: border-box; resize: none; background: #FFF; } .form-textarea{ height: auto; padding: 8px; } .form-input:focus, .form-textarea:focus, .form-select:focus{ background: #f9f9f9; outline: none; } .form-checkbox-label{cursor: pointer; vertical-align: middle; } .form-checkbox{ vertical-align: middle; display: inline-block; margin-right: 5px; } .form-button{ font-size: 16px; } .relative-container{ position: relative; } #form-contatti-placeholder{ position: absolute; top: -100px; left:0; width: 100%; height: 0; z-index: -1; } footer{ clear: both; background-color: #0c2340; /* #11273D; */ color: #FFF; } footer a{ color: #FFF; text-decoration: none; font-weight: normal; } footer h6{ margin-bottom: 15px; color: #D32D33; } .footer-menu a{ margin-bottom: 10px; display: block; line-height: 1.1em; } #footer-aziende ul, #footer-aziende li{ display: block; list-style: none; width: 100%; } #footer-aziende ul a{ display: block; text-decoration: none; color: #FFF; padding: 5px 10px 5px 30px; border-bottom: 1px solid #314457; position: relative;} #footer-aziende ul a:hover{ color: #D32D33; } #footer-aziende ul a::after, #footer-aziende ul a::before{ content:''; position: absolute; top:0; } #footer-aziende ul a::after{ left:0; width:18px; height:50%; border-bottom: 2px solid; top: -1px; } #footer-aziende ul a::before{ width:6px; height:6px; border-top: 2px solid; border-right: 2px solid; top: 50%; margin-top: -4px; left:11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #footer-linkedin{ display:block; width: 30px; height: 30px; overflow: hidden; margin-top: 62px; } #footer-linkedin .svg{ fill: #FFF; stroke: #FFF;} #privacy-modal{ position: fixed; bottom: 0px; right:0; padding: 20px; line-height: 1.5em; width:100%; font-size: 13px; background-color: #f6f6f6; z-index: 999; box-sizing:border-box; width:100%; text-align:center; border-top:solid 1px #e8e8e8;} #privacy-form{ display: inline-block; } #privacy-modal a{ color: #3a3a3a; } #privacy-modal-btn{ white-space: normal; padding: 5px 15px; } .box-contatti-landing {background-color: #fff; padding-top:20px; padding-bottom:20px; text-align: center; border: solid 2px #D32D33;} /******* MEDIA QUERY *******/ @media screen and (min-width: 783px) { .admin-bar #header{ top:32px; } } @media screen and (min-width: 35.5em) { .hidden-xs{ display: inline-block; } .hidden-sm{ display: none; } .testo2col{ column-count: 2; column-gap: 30px; } .casestudy-item-bk{ position: relative;; top: -30px; } .home-slider-item-boxtext, .servizio-intro-boxtext{ padding: 30px 30px; } #azienda-foto .fascia-foto-item2, #azienda-foto .fascia-foto-item3{ width: 30%; padding-top: 24%; } #azienda-foto .fascia-foto-item2{ margin-left: 1px; order: 3; } #azienda-foto .fascia-foto-item3{ margin-right: 1px; order: 2; } .contatti-sede{ padding: 30px; } .servizio-box{ padding-right: 120px; position: relative; } .servizio-box .ico{ width: 90px; position: absolute; bottom: 30px; right:15px; } #privacy-modal{ max-width: 350px; border: 1px solid #e8e8e8; right: 10px; } #home-azienda-ico{ margin-bottom: 0; background-position: center; } #home-azienda-box .grid{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #home-azienda-box .home-azienda-dati{ margin-left: 8px; } } @media screen and (min-width: 48em) { .container { max-width: 708px; box-sizing: border-box; } .hidden-xs, .hidden-sm{ display: inline-block; } .hidden-md{ display: none; } .modal{ padding: 16px; } .admin-bar .modal{ padding-bottom: 32px; } .modal-body{ padding:16px; } .modal-body-full{ padding: 0; } .modal .galleryParallaxContainer{ padding: 52px 16px 74px 16px; } .modal-close, .modal-body-full .modal-close{ top:16px; right: 16px; } #header-menubox, #header-top{ padding-left: 30px; padding-right: 30px; padding-bottom: 0; } #header-placeholder { height: 32px; } .fascia{ margin: 30px 30px 0; } footer.fascia{ margin-bottom: 30px; } #home-azienda-box .home-azienda-dati{ margin-left: 15px; } #home-azienda-ico{ background-position: center; margin-bottom: 0;} #home-units{ padding-left: 0; } #home-units > li{ font-size: 0.88rem; padding-bottom: 50px; line-height: 1.1rem; } #home-units > li.active:before{ height: 120px; } #home-managers > li{ padding: 100px 50px; margin-right: 25px; } #home-managers > li > .immagine{ width: 35%; float: left; } #home-managers > li > .info, #home-managers > li > .contenuto { margin-left: 40%; clear: none; } #home-managers > li > .info > .titolo4 { font-size: 1.7rem; line-height: 2.0rem; } #home-managers > li > .info > .titolo6 { font-size: 0.88rem; line-height: 1.1rem; text-transform: uppercase; } #home-managers > li > .contenuto > .testo { padding: 15px 0 0 0; font-size: 0.9rem; line-height: 1.2rem; } .casestudy-item{ margin: 0 auto 60px; padding: 60px 0; position: relative; max-width: 1520px; } .casestudy-item-box{ padding: 30px; } .casestudy-item-bk{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 0; } .casestudy-item-reverse .casestudy-item-bk{ right:50%; } .management-item { margin-bottom: 30px; margin-top: 70px; } .management-item > .grid { flex-direction: row; } .management-reverse > .grid { flex-direction: row-reverse; } .management-item-bk{ padding-top: 100%; position: relative; top: -40px; width: calc(100% + 40px); padding-top: calc(100% + 40px); left:-40px; } .management-item-box{ padding-right: 56px; } .management-reverse .management-item-bk{ left: 0px; } .management-reverse .management-item-box{ padding-right: 16px; padding-left: 56px; } .casestudy-item-effex{ opacity:1; } .casestudy-item-prepare{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .no-js .casestudy-item, .casestudy-item-animate{ -webkit-transition: none; -o-transition: none; transition: none; } .casestudy-item-effex .casestudy-item-box{ opacity:0; } .casestudy-item-prepare .casestudy-item-box{ -webkit-transform: translateY(120px); -ms-transform: translateY(120px); transform: translateY(120px); } .no-js .casestudy-item .casestudy-item-box, .casestudy-item-animate .casestudy-item-box{ opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s; } .form-ele{ width: 33.33333%; float: left; position: relative; } .form-ele::after{ content:''; position: absolute; height: 30px; left:-1px; bottom:8px; width: 2px; background-color: #D6D9DD; } .form-ele-big{ width: 100%; clear: both; } .form-ele-big::after, .form-ele-first::after{ content:none; } #cta-casestudy{ background: #0C2340 url('images/img-banner-case-study.png?v=1.0') no-repeat right center; background-size: auto 100%; padding: 50px; margin-bottom: 50px; } #cta-contatti{ padding: 100px; } #home-estep{ position: relative; padding-top: 30%; background: #0c2340 no-repeat center center; background-size: cover; } #home-estep-bk{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url('images/home-estep-min.png?v=1.0') no-repeat left top; background-size: contain; } #home-estep-box{ position: relative; top: 75px; } #home-estep-content{ margin: 70px 55px; } #home-servizi .container { padding-top: 130px; } .servizio-box{ padding: 30px 204px 30px 84px; } .servizio-box .ico{ right: 84px; } .corporate-box{ padding: 30px 30px 30px 110px; } .corporate-box .ico{ position: absolute; top: 30px; left:30px; } .cta-item{ padding: 60px 30px; } .home-slider-item-boxtext, .servizio-intro-boxtext{ min-height: 65vh; } .btn-right{ position: absolute; bottom: 0; right: 0; } .business-unit-item{ position: relative; padding-bottom: 50px; } .business-unit-item .business-unit-background .business-unit-image{ margin: 50px; } .business-unit-item:nth-child(odd) .business-unit-background{ position: relative; left: -15%; top: 50px; width: 75%; } .business-unit-item:nth-child(odd) .business-unit-content { position: absolute; right: 0; top: 0; left: 50%; padding: 50px 100px; } .business-unit-item:nth-child(even) .business-unit-background{ position: relative; left: 40%; top: 50px; width: 75%; } .business-unit-item:nth-child(even) .business-unit-content { position: absolute; left: 0; top: 0; right: 50%; padding: 50px 100px; } } @media screen and (min-width: 64em) { .container { max-width: 964px; } .hidden-xs, .hidden-sm, .hidden-md{ display: inline-block; } .hidden-lg{ display: none; } .casestudy-item-box { padding: 14.333333%; } .casestudy-item-reverse .management-item-bk{ background-position: right center; } .management-item-box{ padding: 64px; padding-right: 72px; } .management-reverse .management-item-box{ padding-right: 32px; padding-left: 72px; } #home-azienda-dati-big-box{ order: 0;} #home-azienda-ico{ margin-top: 0; } #home-azienda-box{ padding: 30px; margin-left: 0px; margin-top: 0; height: 100%; box-sizing: border-box; } #home-azienda-box > .grid{ height: 100%; } #home-azienda-box .home-azienda-dati{ margin-left: 0px; border: 0; padding: 0; } #home-azienda-ico{ background-position: left center; margin-bottom: 10px;} #home-estep{ padding-top: 0; background-image: url('images/sfondo-estep-home-min.jpg?v=1.0'); } #home-estep-content{ margin: 60px 93px; } #linkLingue a{ line-height: 24px; } .home-servizio{ padding-left: 15px;} #azienda-intro-bk, #servizi-intro-bk, #lavora-intro-bk{ display: block; width: 100%; height: 0; padding-top: 75%; background: url('images/azienda-min.png?v=1.0') no-repeat center center; background-size: contain; } #azienda-foto .fascia-foto-item1, #azienda-foto .fascia-foto-item2, #azienda-foto .fascia-foto-item3{ width: 30%; padding-top: 16%; margin: 0 1px; order:1; } #azienda-foto .fascia-foto-item1{ margin-left: 0; } #azienda-foto .fascia-foto-item3{ margin-right: 0; } #servizi-intro-bk{ background-image: url('images/e-step-pc-min.png?v=1.0'); } #lavora-intro-bk{ background-image: url('images/azienda-min.png?v=1.0'); } .servizio-box{ padding: 30px 150px 30px 30px; } .servizio-box .ico{ right: 30px; } .home-slider-image-bk, .servizio-intro-image-bk{ opacity: 0.7; } #servizio-desc{ position: relative; } #logo-estep{ position: absolute; top:70px; right:30px; } } @media screen and (min-width: 80em) { .container { max-width: 1220px; } .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg{ display: inline-block; } .hidden-xl{ display: none; } .menu li { display: inline; } body.menu-open{ overflow: auto; } .menu-open #header{ height: auto; } #header{ padding: 45px 60px 15px; position: absolute; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header.fixed{ position: fixed; animation: headerfx 0.35s ease-out 0.5s forwards; background-color: #FFF; padding-top: 15px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); transform: translateY(-101%); } @keyframes headerfx { 0% { transform: translateY(-101%); } 100% { transform: translateY(0%); } } #header-top, #header-menubox{ padding: 0; background-color: transparent; } #header-top{ width: auto; } #header-mobilemenu{ display: none; } #header-logo img { visibility: hidden;} #header.headnegative #header-logo{ background-image: url('images/step-logo-bianco@2x.png?v=1.0'); } #header-logo{ width: 258px; height: 60px; background-image: url('images/step-logo@2x.png?v=1.0'); } #header.fixed #header-logo{ height: 38px; width: 198px; background-image: none; } #header.fixed #header-logo img{ visibility: visible; } #header-menubox, .menu-open #header-menubox{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: end; } #header-menu{ margin: 0; } #header-menu > .menu-item{ display: inline-block; margin-right: 30px; } #header-menu a{ border: none; } #header-menu .menu-item > a { padding: 0px; position: relative; } #header-menu > .current-menu-item > a::before{ content:''; position:absolute; width: 100%; height:3px; left:0; top: -33px; background-color: #D32D33; } #business-menu{ background-color: inherit; margin: 0 20px 0 0; background-color: white; padding: 10px 20px; border-radius: 22px; } #business-menu:before{ content: 'Business Unit:'; color: #A1A7AE; font-size: 14px; display: inline-block; padding-right: 30px; } #business-menu > .menu-item{ display: inline-block; margin-right: 30px; } #business-menu > .menu-item:last-child { margin-right: 0; } #business-menu a{ border: none; } #business-menu .menu-item > a { padding: 0px; position: relative; } #header.headwhite #business-menu{ background-color: #F7F7F7; } #header.headnegative #header-menu > .menu-item > a{ color: #FFF; } #header.headnegative #header-menu > .current-menu-item > a{ color: #D32D33; } #header.headnegative #header-menu > .current-menu-item > a::before{ background-color: #D32D33; } #header.headnegative #business-menu{ background-color: rgba(255, 255, 255, 0.1); } #header.headnegative #business-menu > .menu-item > a{ color: #FFF; } #header.headnegative #business-menu > .current-menu-item > a{ color: #D32D33; } #header.headnegative #business-menu > .current-menu-item > a::before{ background-color: #D32D33; } #header.headnegative #linkLingue a.itemLangActive, #header.headnegative #linkLingue a.itemLangActive:hover{ color: #FFF; } #header.fixed #header-menu > .menu-item > a{ color: #0c2340; /* #11273D; */ } #header.fixed #business-menu > .menu-item > a{ color: #0c2340; /* #11273D; */ } #header.fixed #header-menu > .current-menu-item > a{ color: #D32D33; } #header.fixed #header-menu > .current-menu-item > a::before{ top:-22px; } #header.headnegative #header-menu > .menu-item > a:hover, #header.fixed #header-menu > .menu-item > a:hover, #header-menu > .menu-item > a:hover{ color: #D32D33; } #header.fixed #business-menu{ background-color: rgba(0, 0, 0, 0.01); } #header.fixed #business-menu > .current-menu-item > a{ color: #D32D33; } #header.fixed #business-menu > .current-menu-item > a::before{ top:-22px; } #header.headnegative #business-menu > .menu-item > a:hover, #header.fixed #business-menu > .menu-item > a:hover, #business-menu > .menu-item > a:hover{ color: #D32D33; } #header.fixed #linkLingue a.itemLangActive, #header.fixed #linkLingue a.itemLangActive:hover{ color: #0c2340; } #linkLingue{ padding-left: 30px; position: relative; } #linkLingue:after{ content:''; position: absolute; height: 100%; left:0; top:0; border-left: 1px solid #0c2340; /* #11273D; */ width: 0; } #header.headnegative #linkLingue:after { border-color: #FFF; } #header.fixed #linkLingue:after{ border-color: #0c2340; /* #11273D; */ } #header.headnegative #linkLingue a:hover { color: #FFF; } #header.fixed #linkLingue a:hover{ color: #0c2340; /* #11273D; */ } #header-placeholder{ display: none; } #header-placeholder-desktop{ height: 112px; display: block; } #header-menubox{ overflow: visible; } #header-menu .menu-item{ border: 0; } #header-menu .menu-item-has-children{ position: relative; } #header-menu .sub-menu{ position: absolute; top: 100%; left:50%; margin-top:12px; margin-left: -130px; background-color: #FFF; width: 260px; box-shadow:0 0px 30px rgba(0,0,0,0.1); padding: 10px 0 10px; display: none; } #header-menu .sub-menu::before{ content:''; background-color: #FFF; width: 10px; height:10px; position:absolute; top: -5px; left: 50%; margin-left: -5px; box-shadow: 0 0px 30px rgba(0,0,0,0.1); transform: rotate(45deg); } #header-menu .sub-menu::after{ content:''; background-color: #FFF; width: 100%; height:10px; position:absolute; top: 0px; left: 0px; } #header-menu .sub-menu a{ padding: 7px 0; } #header-menu .submenu-animation > .sub-menu { display: block; opacity:0; transform: translateY(30px); transition: transform 0.3s ease-out, opacity 0.3s ease-out; } #header-menu .submenu-open > .sub-menu { opacity:1; transform: translateY(0px); } #header-menu .highlight{ display: block; } #header-menu .sub-menu .menu-item.highlight > a{ font-weight: bold; border-bottom: 1px solid #F3F4F5; } #header-menu .sub-menu .menu-item.divider > a{ border-top: 1px solid #F3F4F5; } #business-menu .menu-item{ border: 0; } #business-menu .menu-item-has-children{ position: relative; } #business-menu .sub-menu{ position: absolute; top: 100%; left:50%; margin-top:12px; margin-left: -130px; background-color: #FFF; width: 260px; box-shadow:0 0px 30px rgba(0,0,0,0.1); padding: 10px 0 10px; display: none; } #business-menu .sub-menu::before{ content:''; background-color: #FFF; width: 10px; height:10px; position:absolute; top: -5px; left: 50%; margin-left: -5px; box-shadow: 0 0px 30px rgba(0,0,0,0.1); transform: rotate(45deg); } #business-menu .sub-menu::after{ content:''; background-color: #FFF; width: 100%; height:10px; position:absolute; top: 0px; left: 0px; } #business-menu .sub-menu a{ padding: 7px 0; } #business-menu .submenu-animation > .sub-menu { display: block; opacity:0; transform: translateY(30px); transition: transform 0.3s ease-out, opacity 0.3s ease-out; } #business-menu .submenu-open > .sub-menu { opacity:1; transform: translateY(0px); } #business-menu .highlight{ display: block; } #business-menu .sub-menu .menu-item.highlight > a{ font-weight: bold; border-bottom: 1px solid #F3F4F5; } #business-menu .sub-menu .menu-item.divider > a{ border-top: 1px solid #F3F4F5; } .casestudy-item-box { padding: 14.333333% 28.66666% 14.333333% 14.333333%; } .home-slider-image-bk, .servizio-intro-image-bk{ opacity: 1; } .management-item-box{ padding: 64px 8.333333%; padding-right: 16.666666%; } .management-reverse .management-item-box{ padding-right: 8.333333%; padding-left: 16.666666%; } .management-item-bk { width: calc(100% + 80px); padding-top: calc(100% + 80px); left: -80px; } #home-azienda-ico{ margin-bottom: 0; background-position: center; } #home-azienda-box .home-azienda-dati{ margin-left: 8px; border-left: 2px solid; padding: 0 15px; } #home-estep{ padding-top: 80px; } #home-estep-content{ margin: 60px 113px; } .cta-item{ padding: 60px 180px 60px 30px; box-sizing: border-box; } #cta-sx .cta-item{ float: right; } #azienda-intro-dati{ margin: 60px 0;} #home-azienda-dati{ margin-top: 30px; } #home-azienda-ico{ height: 147px;} #logo-estep{ right:95px; } }