@font-face{font-family:ytpregular;src:url(../fonts/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url(font/ytp-regular.ttf) format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{display:block;transform:translateZ(0) translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important;background-color:#000!important;padding:0!important}.inlinePlayButton,.inlinePlayButtonMobile{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.inlinePlayButtonMobile{transform:scale(1)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:#000;transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;width:100%;height:10px;padding:5px;background:#333;position:fixed;bottom:0;left:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1;box-sizing:border-box}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;left:0;padding:5px;width:100%;height:40px;box-sizing:border-box}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.mb_YTPBar .mb_YTPMuteUnmute{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47) 1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:flat;box-sizing:border-box}.YTPOverlay.raster{background:url(../images/ytp/raster.png)}.YTPOverlay.raster.retina{background:url(../images/ytp/raster@2x.png)}.YTPOverlay.raster-dot{background:url(../images/ytp/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(../images/ytp/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} .slick-slide{margin:0 20px}.slick-slide img{width:100%}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} @-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @-webkit-keyframes slide-in-bottom-rev{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @-webkit-keyframes slide-in-top-rev{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @keyframes attention { 0% { } 5% { width: 0; left: -10px; } 25% { left: -10%; } 50% { width: 70%; left: 20%; right: 10px; } 100% { width: 0; left: 63px; right: 10px; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fromTop { 0% { opacity: 0; margin-top: -100%; } 100% { opacity: 1; margin-top: 0; } } @keyframes fromBottom { 0% { opacity: 0; margin-bottom: -100%; } 100% { opacity: 1; margin-bottom: 0; } } @keyframes shimmy{ 0% { transform:translate(0,0); } 100% { transform:translate(0px,-20px); } } @keyframes shimmy2{ 0% { transform:translate(0,0); } 100% { transform:translate(20px,0); } } @keyframes headerFromTop { 0% { top: -60px } 100% {top: 0} } @keyframes menuHover { 0% { width: 0; } 50% { width: 18px } 100% { width: 0; left: 4px } } @keyframes menuHoverRight { 0% { width: 0; } 50% { width: 18px } 100% { width: 0; right: -38px } } @keyframes menuHoverPadding { 0% { padding-left: 0 } 50% { padding-left: 6px } 100% { padding-left: 0 } } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: -100px 0; } } @keyframes buttonAnimation { 0% {width: 0; } 25% { width: 18px } 50% { width: 5px; left: 50% } 100% { width: 50%; height: 100%; left: 0; top: 0 } } @keyframes buttonAnimationRight { 0% {width: 0; } 25% { width: 18px } 50% { width: 5px; right: 50% } 100% { width: 50%; height: 100%; right: 0; top: 0; } } @keyframes headingFillAnimation { 0% { width: 0; top: 50%; opacity: 1; z-index: 2 } 60% { width: 100%; height: 10px; top: 50%; opacity: 1; z-index: 2 } 95% { height: 100%; width: 100%; top: 0; opacity: 1; z-index: 2 } 100% { height: 100%; width: 100%; top: 0; opacity: 0; z-index: -1 } } @keyframes headingWhite { 0% { opacity: 1 } 100% { opacity: 0; z-index: -1 }} @keyframes headingTitle { 0% { opacity: 0; top: 30px } 100% { opacity: 1; top: 0 }} @keyframes headingText { 0% { opacity: 0; top: 30px } 100% { opacity: 1; top: 0 }} @keyframes bounce { 0% { transform: scale(1,1) } 10% { transform: scale(1.1,.9); } 30% { transform: scale(.9,1.1) } 50% { transform: scale(1,1)} 100% { transform: scale(1,1) } } @keyframes bouncePlanet { 0% { transform: scale(1,1) } 10% { transform: scale(1.1,.9); } 30% { transform: scale(.9,1.1) } 50% { transform: scale(1,1)} 100% { transform: scale(1,1) } } @keyframes dancePlanet { 0% { transform: scale(1) translateY(0); opacity: 1; } 50% { transform: scale(1) translateY(5px); opacity: 1 } 100% { transform: scale(1) translateY(0); opacity: 1 } } @keyframes starLight { 0% { transform: scale(1) translateY(0); opacity: 1; } 50% { transform: scale(.7) translateY(1px); opacity: .6 } 100% { transform: scale(1) translateY(0); opacity: 1 } } @keyframes move_blink { from {background-position:0 0;} to {background-position:-10000px 5000px;} } @keyframes rotate { 100% { transform: rotate(360deg); } } .video-background {min-height: 100vh;position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;} .video-background iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* 404 */ .body_404 header { display: none; } .body_404 footer { display: none; } .page_not_found { background-color: #17202C; min-height: 100vh; height: 100%; width: 100% } .page_not_found .number_title { font-family: "LiberGrotesqueFamily-Bold"; font-size: 120px; line-height: 1; letter-spacing: -7px; color: #fff; text-align: center; } .page_not_found .section_text { font-family: "LiberGrotesqueFamily-Bold"; font-size: 25px; line-height: 1; letter-spacing: -1px; color: #fff; text-align: center; margin-top: 60px; position: relative;z-index: 1 } .page_not_found .section_intro { padding: 60px 15px; text-align: center; position: relative; z-index: 2 } .page_not_found .block.red { padding: 0; background-color: transparent; background-image: unset; display: flex; justify-content: center; align-items: center; margin-top: 30px } .page_not_found .block.red .btn { margin: 10px; position: relative; } .btn.joke.joked { } .btn.joke a { background-color: #fff; color: #17202C!important; width: 220px } .section_planet { text-align: center; margin-top: 100px; position: relative; z-index: 2; display: inline-block;} .page_not_found .block.red .varlink a { min-width: 210px } .section_planet .planet { position: relative; top: 200px; opacity: 0; transform: scale(0); transition: .8s; } .section_planet .planet.fired { animation: bouncePlanet 1s; animation-fill-mode: forwards; top: 0; opacity: 1} .section_planet .planet.fired.dance { animation: dancePlanet 2s infinite; opacity: 1; transform: scale(1); } .section_planet .star { position: absolute; z-index: 2; top: -40px; left: -100px; width: 30px; animation: starLight 4s infinite; } .section_planet .mini_star { top: 90%; left: -50px; width: 20px; animation-delay: 1s } .section_planet .big_star { top: 60px; left: 320px; width: 55px; animation-delay: 2s } .stars, .blink, .winner { position:absolute; display:block; top:0; bottom:0; left:0; right:0; width:100%; height:100%; } .stars { z-index: 0; background: #17202C url('../images/elements/stars.png') repeat top center; } .blink{ z-index: 1; background:transparent url('../images/elements/pattern_scuro.png') repeat top center; animation: move_blink 400s linear infinite; } .winner { z-index: 0; background: #17202C url('../images/elements/winner.gif?v=2') no-repeat; background-size: cover; display: none; } .winner.fired { display: block; z-index: 1 } .joke_win { display: none; } .joke_win.fired { display: block; } .page_not_found .number_title.win_title { display: none; } .page_not_found .number_title.fired.win_title { display: block; } .astronauta { position: absolute; z-index: 3; width: 67px; height: 63px; left: 210px; top: 950px; } .astronauta.fired { animation: bouncePlanet 1s; animation-fill-mode: forwards; top: 250px; } .astronauta.fired.rotating { animation: rotate 45s linear infinite alternate; } /* Gray Btns */ .gray_btn { background-color: rgb(255, 255, 255); border: 1px solid rgb(195, 195, 195); border-bottom-color: rgb(184, 185, 186); border-top-color: rgb(208, 208, 208); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(0 0 0 / 8%) 0px 1px 0px 0px; font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif; font-size: 11px; font-weight: 700; line-height: 18px; padding: 0 8px; text-decoration-color: rgb(89, 99, 109); text-decoration-line: none; text-decoration-style: solid; } .gray_btn a { color: rgb(89, 99, 109)!important; } body {font-family: "LiberGrotesqueFamily-SemiBold";background-color: #fff;font-size: 14px;color: #444444;} body.noscroll {overflow: hidden;} a { -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; } img { width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 150%; } strong { font-family: "LiberGrotesqueFamily-Bold"; font-weight: normal; } .text_dyn a, .text_dyn a:hover, .text_dyn a:focus, .text_dyn a:visited { color:#D7272D; } .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited { color:#D7272D; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity:0.9; } .clear { clear: both; } .overflow { overflow: hidden; } .documents, .videos { margin: 20px auto 40px auto; } .documents .document {margin: 10px;padding: 10px 0;display: block;clear:both;border-bottom: 1px solid #D5D5D5;overflow:hidden;text-align: left;} .documents .document a { } .documents .document a:before { margin:0px 10px 0px 0px !important; float:left; } .documents .document .document_size { float:right; color: #D5D5D5; } ul.cnt { margin:0; padding:0; display:flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: stretch; } ul.cnt li.half { width:50%; } .cnt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; justify-content: center; } .cnt.flexstart {-webkit-align-items: flex-start;align-items: flex-start;} .slick-arrow { font-size: 0; bottom: 45%; position: absolute;} .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-next { right: 0; } .slick-arrow:before { color: #49485D; font-family: "Font Awesome 5 Pro";font-size: 36px; font-weight: 200;} .slick-arrow.slick-prev:before { content: "\f177";} .slick-arrow.slick-next:before { content: "\f178";} .slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) forwards} .slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) reverse forwards;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) reverse forwards} .slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both} .slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both} .slide-in-top-rev{-webkit-animation:slide-in-top-rev .5s cubic-bezier(.25,.46,.45,.94) reverse both;animation:slide-in-top-rev .5s cubic-bezier(.25,.46,.45,.94) reverse both} .slide-in-bottom-rev{-webkit-animation:slide-in-bottom-rev .5s cubic-bezier(.25,.46,.45,.94) reverse both;animation:slide-in-bottom-rev .5s cubic-bezier(.25,.46,.45,.94) reverse both} .text_dyn .accordion { margin: 30px 0; box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); } .text_dyn .accordion a, .text_dyn .accordion a:hover, .text_dyn .accordion a:focus, .text_dyn .accordion a:visited {display: block; } .text_dyn .accordion .accordion-title {padding: 10px;text-align: left;color: #000;font-size: 32px;font-family: "LiberGrotesqueFamily-SemiBold";letter-spacing: -2px;background-color: #f9f9f9;} .text_dyn .accordion .accordion-title.selected { color: #fff; background-color: #D7272D;} .text_dyn .accordion-content { padding: 10px 20px; text-align: left; line-height: 1.3; font-size: 16px;} .text_dyn .accordion-content p { margin: 10px 0;} .zsimplebutton a { padding: 15px 30px; font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 12px; color: #d7272d; letter-spacing: 2px; text-transform: uppercase; display: inline-block; border: 2px solid #d7272d; } .zsimplebutton a, .zsimplebutton a:after { transition: all .2s; } .zsimplebutton a:after { margin: 5px 0 0 0; } .zsimplebutton a:hover { color: #D7272D; } /* animazione */ .zsimplebutton a { position: relative; overflow: hidden; } .zsimplebutton a:before { position: absolute; content: ''; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; z-index: -1; left: 0; right: 0; top: 100%; margin: 0 auto; transition: .3s } .zsimplebutton a:hover:before { width: 100%; height: 100%; top: 0; border-radius: 0; } .zsimplebutton a:hover { color: #D7272D!important; animation: bounce; animation-timing-function: ease; animation-duration: 1s; transform-origin: center; animation-fill-mode: forwards;} /* Elementi comuni */ /* Button model red */ .button_model_red a {padding: 20px 35px;position: relative; overflow: hidden;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 12px;color: #d7272d;letter-spacing: 2px;text-transform: uppercase;display: inline-block;border: 2px solid #d7272d; position: relative; z-index: 1; transition: .4s} .button_model_red a:before { position: absolute; content: ''; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; z-index: -1; left: 0; right: 0; top: 100%; margin: 0 auto; transition: .3s } .button_model_red a:hover:before { width: 100%; height: 100%; top: 0; border-radius: 0; background-color: #D7272D;} .button_model_red a:hover { animation: bounce; animation-timing-function: ease; animation-duration: 1s; transform-origin: center; animation-fill-mode: forwards; color: #fff;} header {padding: 20px; height: 220px;z-index: 0; transition: .6s} header .cnt {justify-content: space-between;align-items: flex-start;} header .logo { margin:0 auto;width: 250px; position: absolute; left: 0; right: 0; top: 50px;} header .logo.fixed { display: none; } header .symbol { display: none; } header .cnt .dx {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: flex-end;align-items: flex-end;justify-content: space-around;width: auto;} header #social { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: flex-end; align-items: flex-end; justify-content: flex-end; } header #social .varlink { margin: 0 5px; } header #varsimple_contactus { margin: 0 40px 0 0; cursor: pointer;} header #varsimple_contactus:before {margin: 0 10px 0 0;} /* animazioni */ header #varsimple_contactus_slideup {cursor: pointer; display: block;font-family: "LiberGrotesqueFamily-Bold";font-size: 14px;color: #000;text-align: left;line-height: 1;letter-spacing: 0; } header #varsimple_contactus_slideup:before {margin: 0 10px 0 0;font-family:"Font Awesome 5 Pro";font-size: 14px;color: #000;text-transform: lowercase;text-align: center;line-height: 1;letter-spacing: 0;content: "\f2b6";font-weight: 400;} header .cnt .dx .contactus_cnt { position: relative; overflow: hidden; height: 15px } header .cnt .dx .contactus_cnt .first { position: relative; top: 1px; transition: .3s } header .cnt .dx .contactus_cnt .last { position: relative; top: 20px; transition: .3s } header .cnt .dx .contactus_cnt:hover .last { top: -13px } header .cnt .dx .contactus_cnt:hover .first { top: -20px } #video {width: 100vw;max-width: 100%;max-height: 100vh;height: 100vh;} #menu-btn {margin: 0;padding: 0 54px 0 0;cursor: pointer;width: auto;position: relative;} #menu-btn:after {content: "menù";text-transform: uppercase;font-family: "LiberGrotesqueFamily-Bold";color: #000;display: inline-block;position: absolute;top: 3px;right: 0;font-size: 12px;} #menu-btn.fired:after { color: #fff } #menu-btn.fired #bars .bar { background-color: #fff } #menu-btn { z-index: 9999;} .home #menu-btn:after { color: #fff; } #menu-btn #bars { position: relative; height: 15px } #menu-btn #bars .bar { transition: .2s; position: absolute; } .home #menu-btn #bars .bar { background-color: #ffffff; } .home header {position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 1001; background-color: transparent; height: auto;} .home header #social .varlink a:before, .home header #varsimple_contactus, .home header #varsimple_contactus:before, .home header #varsimple_contactus_slideup, .home header #varsimple_contactus_slideup:before{ color: #fff; } .home header.fixed #varsimple_contactus_slideup, .home header.fixed #varsimple_contactus_slideup:before{ color: #D7272D; } #menu-btn .bar.first { top: -1px } #menu-btn .bar.central { top: calc(50% - 1px) } #menu-btn .bar.last { top: 100% } #menu-btn.fired .bar.central { opacity: 0 } #menu-btn.fired .bar.first { transform: rotate(45deg); top: 50% } #menu-btn.fired .bar.last { transform: rotate(-45deg); top: 50% } header.fixed, .home header.fixed {position: fixed;left: 0;right: 0;top: -60px; animation: headerFromTop .4s ease-out; animation-fill-mode: forwards; width: auto; z-index: 1001;background-color: #fff;height: auto;} header.fixed .logo { display: none; } header.fixed .logo.logo_big { display: block; } header.fixed .logo.fixed {display: block;top: 7px;width: 47px; } header.fixed .logo.fixed img { min-width: 100%; } header.fixed #menu-btn:after { color: #000; transition: .4s } header.fixed #menu-btn #bars .bar { background-color: #000; } header.fixed #social .varlink a:before { color: #000; } header.fixed #varsimple_contactus, header.fixed #varsimple_contactus:before { color: #D7272D; } header.fixed #menu-btn.fired #bars .bar { background-color: #fff } header.fixed #menu-btn.fired:after { color: #fff } #menu-close {padding: 30px;position: absolute;cursor: pointer;z-index: 1;} #menu-close:before { color: #fff; font-family: "Font Awesome 5 Pro";font-size: 36px; font-weight: 200; content: "\f00d";} #menuopen {top: 0; left: 0;position: fixed;width: 100%;height: 100%;background-color: #fff; opacity: 0; visibility: hidden; z-index: -1; transition: .3s} #menuopen.open_fired { opacity: 1; visibility: visible; z-index: 1002 } #menuopen.fired { background-color: transparent;} #menuopen .cnt {height: 100vh;-webkit-align-items: center;align-items: stretch;justify-content: space-between;} #menuopen .caption { width: 40%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; justify-content: center; } #menuopen .caption.one {position: relative; bottom: 100%; transition: .2s; padding: 0 40px 0 100px; background-image: url('../images/bg/box-booster.svg'); background-repeat: no-repeat; background-size: cover; background-color: #D7272D; color:#fff; justify-content: space-between; } #menuopen.open_fired .caption.one { bottom: 0 } #menuopen .caption.one #menus {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: flex-start;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} #menuopen .caption.one ul.nav-pills {margin: 0;} #menuopen .caption.one ul.nav-pills li {margin: 15px auto;padding: 0 30px;clear: both;display: block;font-size:42px;font-family: "LiberGrotesqueFamily-SemiBold";letter-spacing: -2px;} #menuopen .caption.one ul.nav-pills li, #menuopen .caption.one ul.nav-pills li a, #menuopen .caption.one ul.nav-pills li a:hover {color: #fff;display: inline-block; text-align: left;} #menuopen .caption.one ul.nav-pills li ul.extended-menu {margin: 15px 0;padding: 0;} #menuopen .caption.one ul.nav-pills li ul.extended-menu li {margin: 10px auto;padding: 0;clear: both;display: block;font-size: 28px;font-family: "LiberGrotesqueFamily-Regular";letter-spacing: -1px;} #menuopen .caption.one ul.nav-pills li.cid-29 ul.extended-menu { display: none} /* animazione cambio colore menu */ #menuopen .caption.one ul.nav-pills li a { display: inline-block; position: relative; transition: .4s; transition-delay: .1s } #menuopen .caption.one ul.nav-pills li a:before { transition: width .5s ease; width: 0; height: 2px; background-color: #fff; position: absolute; z-index: 1; content: ''; top: calc(50% + 3px); left: -40px } #menuopen .caption.one ul.nav-pills li a:after { transition: width .5s ease; width: 0; height: 2px; background-color: #fff; position: absolute; z-index: 1; content: ''; top: calc(50% + 3px); right: -2px } #menuopen .caption.one ul.nav-pills li a:hover:before { animation: menuHover .4s cubic-bezier(.53, .16, .39, .96); } #menuopen .caption.one ul.nav-pills li a:hover:after { animation: menuHoverRight .4s cubic-bezier(.53, .16, .39, .96); animation-delay: .3s} #menuopen .caption.one ul.nav-pills li a:hover { animation: menuHoverPadding .4s cubic-bezier(.53, .16, .39, .96); animation-delay: .1s; color: #fff; } #menuopen .caption.two {position: relative; top: 100%; transition: .4s; background:#fff; display: block; width: 60%;} #menuopen.open_fired .caption.two { top: 0 } #menuopen .caption.two .logo {margin: 0 auto;width: 100%;position: absolute;top: 0;height: 75vh; } #menuopen .caption.two .logo.logo_big { transform: scale(.5); opacity: 0; transition: .4s; transition-delay: .4s; top: 20% } #menuopen.open_fired .caption.two .logo.logo_big { opacity: 1; transform: scale(1); top: 0 } #menuopen .caption.two .logo .cnt { height: 100%; text-align: center;} #menuopen .caption.two .logo img { margin: 0 auto; width: 50%;} #menuopen .zsuitebanner {padding: 50px 30px;width: 100%;position: absolute;bottom: 0;height: 25vh;border-top: 1px solid #f1f1f1;} #menuopen .zsuitebanner .cnt {margin:0 auto;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: center;height: 100%;} #menuopen .zsuitebanner .cnt div {height: auto;display: block;} #menuopen .zsuitebanner .cnt .logo { margin:0; position: relative; height: auto; width: auto;} #menuopen .zsuitebanner .cnt .logo img { min-width: 100%; } #menuopen .zsuitebanner .cnt .text {margin: 0 0 0 40px;padding: 0 0 0 40px;border-left: 2px solid #E3E3E3; text-align: left;} #menuopen .zsuitebanner .cnt .text .varsimple {margin: 0 0 15px 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 32px;line-height: 1;color: #185a7d;letter-spacing: -2.1px;} #menuopen .zsuitebanner .cnt .text .vareditor { margin: 0; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 18px; line-height: 1.3; color: #636363; letter-spacing: -1.2px; } #menuopen .zsuitebanner .cnt .text .varlink { margin: 20px 0 0 0; } #menuopen .zsuitebanner .cnt .text .varlink a { font-size: 12px;color: #185a7d; border: 2px solid #185a7d;} /* animazione pulsante */ #menuopen .zsuitebanner .cnt .text .varlink a:before { background-color: #185a7d;} #menuopen .zsuitebanner .cnt .text .varlink a:hover { color: #fff!important } .heading { padding: 50px; background-image: url('../images/bg/box-booster.svg'); background-repeat: no-repeat; background-color: #D7272D; } .heading .title { margin: 0 0 20px 0; } .heading .title #page_name, .heading .title #container_name { line-height: 1; font-size: 65px; } .heading .description {margin: 10px auto 0 auto;max-width: 1200px;} /* animazioni */ .heading { opacity: 1; position: relative; } .heading:before { position: absolute; content: ''; width: 0; height: 10px; left: 0; top: 50%; z-index: 2; background-color: #D7272D;} .heading.inview:before { animation: headingFillAnimation 2s cubic-bezier(.53, .16, .39, .96); animation-fill-mode: forwards; } .heading:after { position: absolute; content: ''; background-color: #fff; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; opacity: 1; } .heading.inview:after { animation: headingWhite .4s cubic-bezier(.53, .16, .39, .96); animation-fill-mode: forwards; animation-delay: 1.7s} .heading .title { position: relative; opacity: 0; top: 30px;} .heading.inview .title { animation: headingTitle .4s cubic-bezier(.53, .16, .39, .96); animation-fill-mode: forwards; animation-delay: 2s } .heading .summary { position: relative; opacity: 0; top: 30px;} .heading.inview .summary { animation: headingText .4s cubic-bezier(.53, .16, .39, .96); animation-fill-mode: forwards; animation-delay: 2.1s } .heading .description { position: relative; opacity: 0; top: 30px;} .heading.inview .description { animation: headingText .4s cubic-bezier(.53, .16, .39, .96); animation-fill-mode: forwards; animation-delay: 2.2s } .block { padding: 50px; background-color: #fff; } .block .title { font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 52px; text-align: center; line-height: 1; letter-spacing: -3px; display: block; color: #D7272D;} .block .title .varsimple:after { display: inline-block; } .block .summary {margin: 29px 0 0 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 22px;text-align: center;line-height: 24px;letter-spacing: -1.3px;color: #000;} .block .summary:after { width: 60px; height: 2px; display: inline-block; background-color: #D7272D; text-align: left; content: ""; } .block .description { margin: 10px 0 20px 0; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 16px; text-align: center; line-height: 24px; letter-spacing: -1.07px; } .block .varlink { margin: 30px 0 0 0; display: block; } .block .varlink a {padding: 20px 35px;/* background: #050505; */font-family: "LiberGrotesqueFamily-ExtBd";font-size: 12px;color: #d7272d;letter-spacing: 2px;text-transform: uppercase;display: inline-block;border: 2px solid #d7272d; position: relative; z-index: 1; transition: .4s} /* animazione */ .block .varlink a { position: relative; overflow: hidden; } .block .varlink a:before { position: absolute; content: ''; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; z-index: -1; left: 0; right: 0; top: 100%; margin: 0 auto; transition: .3s } .block.white .varlink a:before { background-color: #D7272D; } .block.white .varlink a:hover { color: #fff; } .block .varlink a:hover:before { width: 100%; height: 100%; top: 0; border-radius: 0; } .block .varlink a:hover { animation: bounce; animation-timing-function: ease; animation-duration: 1s; transform-origin: center; animation-fill-mode: forwards;} .block.red .varlink a:hover { color: #d7272d } .block.red { background-image: url('../images/bg/box-booster.svg'); background-repeat: no-repeat; background-color: #D7272D; } .block.red .title { color: #FFFFFF; } .block.red .title:after { color: #FFFFFF; } .block.red .summary { color: #FFFFFF; } .block.red .summary:after { background-color: #FFFFFF; } .block.red .description { color: #FFFFFF; } .block.red .varlink a { color: #FFFFFF; border: 2px solid #FFFFFF;} .block.grey { background-image: url('../images/bg/bg-grey.svg'); background-repeat: no-repeat; background-color: #F9F9F9; } .block.white {background-image: url('../images/bg/bg-white.svg');background-repeat: no-repeat;background-color: #fff;min-height: 400px;} #concept { padding: 90px 0; } #concept .title:after { margin: 0 auto; width: 60px; height: 2px; display: inline-block; background-color: #fff; text-align: left; content: ""; } #concept .summary { font-size: 20px; } #concept .summary:after { display: none; } #services .title { margin: 0 0 5px 0; font-size: 65px; } #services .summary { margin: 0 0 5px 0; } #services .description { font-size: 16px; line-height: 24px;} #services .ztemplate {margin: 40px auto 40px auto;max-width: 1440px;text-align: center;} #services .ztemplate .row .box { margin:0; padding:0 40px; } #services .ztemplate .row .box .elem {margin: 0 5px;padding: 20px;display: inline-block;background: #FFFFFF;text-align: left;} #services .ztemplate .row .box .elem .caption-cnt {padding: 35px;text-align: left;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);min-height: 350px;transition:all 0.3s ease;position: relative; overflow: hidden;} #services .ztemplate .row .box .elem .caption-cnt .caption .title {margin: 0 0 10px 0;text-align: left;letter-spacing: -1px;} #services .ztemplate .row .box .elem .caption-cnt .caption .title a {display: block;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 42px;color: #000;line-height: 42px;letter-spacing: -2.5px;} #services .ztemplate .row .box .elem .caption-cnt .caption .ztextarea {font-family: "LiberGrotesqueFamily-SemiBold";font-size: 20px;line-height: 1.3;/* color: #000000; */letter-spacing: -0.42px;} #services .ztemplate .row .box .elem .caption-cnt .caption .ztextarea strong { font-family: "LiberGrotesqueFamily-SemiBold"; } #services .ztemplate .row .box .elem .caption-cnt .caption .zlink { display: inline-block; text-align: left; } #services .ztemplate .row .box .elem .caption-cnt .caption .zlink a { display: block; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 10px; color: #1A1918; text-transform: uppercase; text-align: left; line-height: 1; letter-spacing: 2px; } #services .ztemplate .row .box .elem .caption-cnt .caption .zlink a { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: color 1000ms; transition: color 1000ms; } #services .ztemplate .row .box .elem .caption-cnt .caption .zlink a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: -5px; border-bottom: 2px solid #D7272D; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; } #services .ztemplate .row .box .elem .caption-cnt .caption .zlink a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } #services .ztemplate .row .box .elem .caption-cnt .caption-alt { margin: 20px 0 0 0;} #services .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-family: "LiberGrotesqueFamily-Regular";font-size: 14px;line-height: 1.5;color: #444444;letter-spacing: 0;} #services .ztemplate .row .box .elem .caption-cnt .caption-add {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: center;width: 100%;height: 100%;position: absolute;left:0;right: 0;top: 0;bottom: 0; background:#D7272D; opacity: 0; left: -100%; transition: .6s; background-image: url('../images/bg/box-booster.svg'); background-repeat: no-repeat; background-size: cover; } #services .ztemplate .row .box .elem .caption-cnt:hover .caption-add { opacity: 1; left: 0; animation: animatedBackground .8s reverse forwards; animation-fill-mode: forwards;} #services .ztemplate .row .box .elem .caption-cnt .caption-add .zsimplebutton a, #services .ztemplate .row .box .elem .caption-cnt .caption-add .zsimplebutton a:hover { color: #fff; border: 2px solid #fff;} #services .ztemplate .row .box .elem .caption-cnt .caption { position: relative; left: 0; transition: .4s } #services .ztemplate .row .box .elem .caption-cnt .caption-alt { position: relative; left: 0; transition: .4s } #services .ztemplate .row .box .elem .caption-cnt:hover .caption { left: 90px; opacity: 0 } #services .ztemplate .row .box .elem .caption-cnt:hover .caption-alt { left: 90px; opacity: 0 } #services .ztemplate .row .box .elem .caption-cnt:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,.7); transition: .4s } #services .ztemplate .row .box .elem .caption-cnt:hover:before { opacity: 1; } #services .ztemplate .row .box .elem .caption-cnt .caption-add .zsimplebutton { position: relative; right: 30px; transition: .6s; transition-delay: .4s } #services .ztemplate .row .box .elem .caption-cnt:hover .caption-add .zsimplebutton { right: 0 } #zsuite {margin:0 0 80px 0;padding: 50px 0; overflow: hidden;} #zsuite .cnt { margin: 0 auto; max-width: 1000px; align-items: center; justify-content: space-between; } #zsuite .logo { min-width: 300px; } #zsuite .ztemplate { margin: 0 0 0 40px; padding: 0 0 10px 55px; border-left: 2px solid #E3E3E3; } #zsuite .ztemplate .row .box .elem .caption-cnt .caption .ztextarea {margin: 0 0 15px 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 32px;line-height: 1;color: #185a7d;letter-spacing: -2.1px;} #zsuite .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { margin: 0; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 18px; line-height: 1.3; color: #636363; letter-spacing: -1.2px; } #zsuite .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 strong { color: #44a03f; } #zsuite .ztemplate .row .box .elem .caption-cnt .caption-alt { position: relative; margin-top: 15px; opacity: 0; top: 30px; transition: .6s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .6s } #zsuite .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { padding: 20px 35px; color: #185a7d; border: 2px solid #185a7d; font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; display: inline-block; } /* animazione */ body.desktop #zsuite .ztemplate { position: relative; left: 40px; opacity: 0; transition: .6s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .4s } body.desktop #zsuite .logo { position: relative; left: 50%; transform: translateX(-50%); transition: .6s cubic-bezier(0.19, 1, 0.22, 1)} body.desktop #zsuite.inview .ztemplate { left: 0; opacity: 1 } body.desktop #zsuite.inview .logo { left: 0; transform: translateX(0); } body.desktop #zsuite.inview .ztemplate .row .box .elem .caption-cnt .caption-alt { opacity: 1; top: 0; } #zsuite .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a { } /* animazione pulsante */ #zsuite .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:before { background-color: #185a7d;} #zsuite .ztemplate .row .box .elem .caption-cnt .caption-alt .zsimplebutton a:hover { color: #fff!important } #customers { padding: 10px 0 0 0; text-align: center; overflow: hidden; margin-bottom: 90px; background:none;} #customers .title { margin: 0 0 5px 0; font-size: 65px; } #customers .summary { margin: 0 0 5px 0; } #customers .description { font-size: 16px; line-height: 24px;} #customers .cover .ztemplate { text-align: center; } #customers .cover .ztemplate .template_filters { margin: 30px auto; text-align: center;} #customers .cover .ztemplate .template_filters .filter_key { display: none; } #customers .cover .ztemplate .template_filters .filter_values label { display: none; } #customers .cover .ztemplate .template_filters .filter_values .value { font-size: 100%; letter-spacing: 0; font-size: 16px; } /*Checkbox*/ #customers .cover .ztemplate .template_filters .filter_values .form_checkbox {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: center;} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox {text-align: left;position: relative;height: 25px;display: flex;align-items: center;padding: 0 0 0 55px;margin: 5px 40px 5px 0;cursor: pointer;width: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox .check { text-align: left; } #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox .check:after {width: 25px;height: 25px;display: block;border: 1px solid #B6B6B6;border-radius: 5px;background-color: #B6B6B6;text-align: left;box-shadow: 0 6px 13px -6px rgba(0,0,0,0.22);z-index: 216;position: absolute;left: -13px;right: unset;top: 0px;bottom: unset;content: '\f00c'; font-family: "Font Awesome 5 Pro"; color: #D7272D; font-size: 0; text-align: center; line-height: 25px; transition: 0.3s ease-out;} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox .check:before {width: 62px;height: 31px;display: block;border: 1px solid #DEDEDE;border-radius: 8px;background-color: #FFFFFF;text-align: left;z-index: 200;position: absolute;left: -16px;right: unset;top: -3px;bottom: unset;content: '';transition: 0.3s ease-out;} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox.checked { text-align: left; } #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox.checked .check { text-align: left; } #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox.checked .check:after {width: 25px;height: 25px;border: 1px solid #FFFFFF;border-radius: 5px;background-color: #FFFFFF;text-align: left;box-shadow: 0 6px 13px -6px rgba(0,0,0,0.22);z-index: 152;position: absolute;left: 18px;right: unset;top: 0px;bottom: unset; box-shadow: -3px 0px 5px 0px rgb(0,0,0,.3)} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox.checked .check:before {width: 62px;height: 31px;border: 1px solid #D7272D;border-radius: 8px;background-color: #D7272D;text-align: left;z-index: 136;position: absolute;left: -16px;right: unset;top: -3px;bottom: unset;} #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox.checked .check:after { font-size: 13px; text-align: center; animation: bounce; animation-timing-function: ease; animation-duration: 1s; transform-origin: center; animation-fill-mode: forwards; } #customers .cover .ztemplate .row .box .elem { text-align: center; float: left; width: 33.3333%; position: relative;} #customers .cover .ztemplate .row .box .elem .caption-cnt {position: relative; overflow: hidden; } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption { padding: 10%; text-align: left; position: absolute; width: 100%; height:100%; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.6); opacity: 0; } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .title { margin: 0 0 15px 0; font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 32px; color: #F9F9F9; letter-spacing: -1.66px; line-height: 32px; text-align: left;} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { margin: 0 auto 30px auto; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #FFFFFF; line-height: 16px; letter-spacing: 0; text-align: left;} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zcheckbox { max-width: 65%; font-family: "LiberGrotesqueFamily-Bold"; font-size: 16px; color: #FFFFFF; letter-spacing: 0; } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zcheckbox .fieldvalue { margin: 5px 10px 5px 0; padding:0 0 0 10px; position: relative; display: inline-block;} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zcheckbox .fieldvalue:before { width: 5px; height: 5px; border-radius: 100%; content: ""; display: inline-block; background-color: #D7272D; position: absolute; top: calc(50% - 2.5px); left: 0; } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zlink { position: absolute; right: 5%; bottom: 5%; display: inline-block; text-align: right;} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zlink a { display: block; font-family: "LiberGrotesqueFamily-Bold"; font-size: 16px; color: #FFFFFF; line-height: 1; letter-spacing: 0; text-align: right;} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zlink a:before { margin: 0 10px 0 0; font-family: "Font Awesome 5 Pro"; font-weight: 200; content: "\f0c1";} #customers .cover .ztemplate .row .box .elem .caption-cnt:hover .caption { opacity: 1; } /* animation */ #customers .cover .ztemplate .row .box .elem .caption-cnt .caption { transition: .6s cubic-bezier(0.19, 1, 0.22, 1); z-index: 2 } #customers .cover .ztemplate .row .box .elem:hover .caption-cnt .caption { opacity: 1 } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption-alt img { transition: .8s cubic-bezier(0.19, 1, 0.22, 1); transform: scale(1); } #customers .cover .ztemplate .row .box .elem:hover .caption-cnt .caption-alt img { transform: scale(1.2);} #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .title { margin-top: 30px; transition: .8s cubic-bezier(0.19, 1, 0.22, 1); } #customers .cover .ztemplate .row .box .elem:hover .caption-cnt .caption .title { margin-top: 0 } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zcheckbox { margin-top: 40px; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } #customers .cover .ztemplate .row .box .elem:hover .caption-cnt .caption .zcheckbox { margin-top: 0 } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zlink { transform: scale(0); opacity: 0; transform-origin: center; transition: .8s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .2s } #customers .cover .ztemplate .row .box .elem:hover .caption-cnt .caption .zlink { transform: scale(1); opacity: 1 } body.desktop #customers .cover .ztemplate .row .box .elem { opacity: 0; transition: 1s; transform: scale(.8); transform-origin: center; } body.desktop #customers .cover .ztemplate .row .box .elem:nth-of-type(2n +2){ top: 290px; right: 190px; } body.desktop #customers .cover .ztemplate .row .box .elem:nth-of-type(2n +3){ top: 490px; right: 320px; } body.desktop #customers .cover .ztemplate .row .box .elem:nth-of-type(2n +4){ top: 690px; left: 290px; } body.desktop #customers .cover { position: relative; top: 120px; transition: .4s } body.desktop #customers .cover.inview { top: 0 } body.desktop #customers .cover.inview .ztemplate .row .box .elem { top: 0; left: 0; right: 0; opacity: 1; transform: scale(1); } #customers .logo {margin: 50px auto;max-width: 90%;} #customers .logo .ztemplate .row .box {margin: 0 auto;text-align: center;} #customers .logo .ztemplate .row .box .elem {margin: 0 20px 20px;display: inline-block;float: none;vertical-align: middle; } #customers .logo .ztemplate .row .box .elem .zimage img {margin:0 auto; filter: grayscale(100%); opacity: 0.9; transition: .3s; width: auto; min-width: unset; } #customers .logo .ztemplate .row .box .elem .zimage:hover img { filter: none; opacity: 1;} .home #customers .cover .ztemplate .template_filters { display: none; } #showcase { height: auto; border-bottom: 0;} #showcase .head .title #container_name {margin: 0 0 -30px 0;} #showcase .head .summary { padding: 40px 0; } #team { padding: 50px; } #team .ztemplate { margin: 0 auto 0 auto;padding: 0;text-align: center; max-width: 80%;} #team .ztemplate .row .box { margin:0; padding:0; } #team .ztemplate .row .box .elem {margin: 50px;padding: 0;float:left;text-align: left;width: calc(50% - 100px);} #team .ztemplate .row .box .elem .caption-cnt {padding: 0;position: relative;} #team .ztemplate .row .box .elem .caption-cnt .caption {margin: 0;width: 100%; overflow: hidden;} #team .ztemplate .row .box .elem .caption-cnt .caption .zimage { } #team .ztemplate .row .box .elem .caption-cnt .caption .zimage img {opacity: 1;max-width: 100%;/*min-width: inherit;*/} #team .ztemplate .row .box .elem .caption-cnt .caption-alt {padding: 30px 0 0 0; position: relative; } #team .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin: 0 0 30px 0;display: block;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 36px;color: #000;line-height: 1;letter-spacing: -1.8px;} #team .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput {margin: 0 0 10px 0;font-family: "LiberGrotesqueFamily-SemiBold";font-size: 18px;line-height: 1;color: #D7272D;letter-spacing: -0.3px;} #team .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { font-family: "LiberGrotesqueFamily-Regular"; font-size: 15px; line-height: 1; color: #000; letter-spacing: -0.1; } #team .ztemplate .row .box .elem .caption-cnt .caption-add {position: absolute;right: 20px;top: 20px;} #team .ztemplate .row .box .elem .caption-cnt .caption-add .zinput {margin: 0;padding:0 20px 0 0;font-family: "LiberGrotesqueFamily-SemiBold";font-size: 16px;line-height: 1;color: #585858;letter-spacing: -0.3px;position: relative;} #team .ztemplate .row .box .elem .caption-cnt .caption-add .zinput:before { content: "\f3c5"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 0; } #team .ztemplate .row .box .elem .caption-cnt .zlink {position: absolute;right: 0;top: 37px;} #team .ztemplate .row .box .elem .caption-cnt .zlink a { font-size: 0; } #team .ztemplate .row .box .elem .caption-cnt .zlink a:before { content: "\f08c"; font-family: "Font Awesome 5 Brands"; font-size: 24px; color: #D7272D; font-weight: 300;} #team .ztemplate .row .box .elem .caption-cnt:hover .caption-add { } #team .ztemplate .row .box .elem.c191 { cursor: pointer; } #team .ztemplate .row .box .elem.c191 .caption-cnt .caption-alt .zinput {padding: 0 30px 0 0;position: relative;display: inline-block;} #team .ztemplate .row .box .elem.c191 .caption-cnt .caption-alt .zinput:after {content: "\f093";font-family: "Font Awesome 5 Pro";color: #D7272D;position: absolute;right: 0; top: 0;} /* animazione */ body.desktop #team .ztemplate .row .box .elem { position: relative; transition: .6s; top: 90px; opacity: 0} body.desktop #team .ztemplate .row .box .elem:nth-of-type(2n+0) { transition-delay: .3s } body.desktop #team .ztemplate .row .box .elem:nth-of-type(3n+0) { transition-delay: .6s } body.desktop #team .ztemplate .row .box .elem.inview { top: 0; opacity: 1 } body.desktop #team .ztemplate .row .box .elem .caption-cnt .caption-alt .title { opacity: 0; position: relative; top: 30px; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .3s } body.desktop #team .ztemplate .row .box .elem.inview .caption-cnt .caption-alt .title { opacity: 1; top: 0 } body.desktop #team .ztemplate .row .box .elem .caption-cnt .caption-alt .zinput { opacity: 0; position: relative; top: 30px; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .4s } body.desktop #team .ztemplate .row .box .elem.inview .caption-cnt .caption-alt .zinput { opacity: 1; top: 0 } body.desktop #team .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea { opacity: 0; position: relative; top: 30px; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .5s } body.desktop #team .ztemplate .row .box .elem.inview .caption-cnt .caption-alt .ztextarea { opacity: 1; top: 0 } body.desktop #team .ztemplate .row .box .elem .caption-cnt .zlink { transform: scale(0); transform-origin: center; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .9s} body.desktop #team .ztemplate .row .box .elem.inview .caption-cnt .zlink { transform: scale(1); } #team .ztemplate .row .box .elem .caption-cnt .caption .zimage img { transition: .4s cubic-bezier(.53, .16, .39, .96); transform: scale(1) rotate(0); } #team .ztemplate .row .box .elem:hover .caption-cnt .caption .zimage img { transform: scale(1.05) rotate(2deg); } #page { height: auto; border-bottom: 0;} #page .head .summary { padding: 40px 0; } #page .content {margin: 50px 0 100px 0;text-align: left;font-size: 16px;line-height:1.3;} #page .content .text_dyn.g4 { margin: 0 auto; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 16px; color: #1A1918; line-height: 1.3; letter-spacing: -1px; } #page.service .content { margin:0 auto; max-width: 1440px; } #page.service .text_dyn { margin: 0 auto 100px auto; overflow: hidden; } #page.service .text_dyn .fieldvalue.first { } #page.service .text_dyn .fieldvalue {margin: 60px 0;clear: both;/* overflow: hidden; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between;} #page.service .text_dyn .fieldvalue img {background: #FFFFFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);border-radius: 6px;width: 45%;} #page.service .text_dyn .fieldvalue h2 {margin: 0 0 10px 0;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 52px;color: #D7272D;letter-spacing: -2.8px;line-height: 1;} #page.service .text_dyn .fieldvalue h2 sup { padding: 5px 10px; font-size: 16px; background-color: #D7272D; color: #fff; letter-spacing: 0; text-transform: uppercase; position:relative; top: -30px; letter-spacing: 0px;} #page.service .text_dyn .fieldvalue h3 { margin: 0 0 20px 0;font-family: LiberGrotesqueFamily-Bold;font-size: 24px;color: #1A1918;letter-spacing: -0.82px;line-height: 1; display: block;} #page.service .text_dyn .fieldvalue p { font-family: LiberGrotesqueFamily-SemiBold; font-size: 16px; color: #424242; letter-spacing: 0; line-height: 1.7; } #page.service .text_dyn .fieldvalue > div { order: 2; text-align: left !important; } #page.service .text_dyn .fieldvalue img { order: 1; margin: 0 60px 0 0 !important; } #page.service .text_dyn .fieldvalue.odd { text-align: right;} #page.service .text_dyn .fieldvalue.odd > div { order: 1; text-align: right !important; } #page.service .text_dyn .fieldvalue.odd img { margin: 0 0 0 60px !important; order: 2; } /* animazione */ body.desktop #page.service .text_dyn .fieldvalue img { position: relative; right: 30px; transition: .4s cubic-bezier(.53, .16, .39, .96); opacity: 0 } body.desktop #page.service .text_dyn .fieldvalue > div { position: relative; left: 30px; transition: .4s cubic-bezier(.53, .16, .39, .96); opacity: 0 } body.desktop #page.service .text_dyn .fieldvalue.inview img { right: 0; opacity: 1 } body.desktop #page.service .text_dyn .fieldvalue.inview > div { left: 0; opacity: 1 } #page.contacts .address { margin: 40px auto 0 auto; position: relative; } #page.contacts .address:after { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; width:100%; height: 70%; background-color: #1A1918; content:""; z-index:-1; } #page.contacts .g3.text { margin: 0 0 0 40px; padding: 40px; width: 40%; background-color: #D8272C; text-align: right; color: #fff; line-height: 20px; } #page.contacts .map-canvas { margin: 0 0 50px 0; width: 60%; float: right; } #page.zsuite { color: #636363; } /*#page.zsuite .heading { background-image: url('../images/bg/bg-grey.svg'); background-repeat: no-repeat; background-color: #F9F9F9; } #page.zsuite .heading .title { color: #185a7d; } #page.zsuite .heading .summary { color: #185a7d;} #page.zsuite .heading .summary:after { background-color: #185a7d; } #page.zsuite .heading .description { color: #636363; }*/ #page.zsuite .content { margin:0 auto; max-width: 1440px; } #page.zsuite .text_dyn { margin: 0 auto 100px auto; } #page.zsuite .text_dyn .fieldvalue.first { } #page.zsuite .text_dyn .fieldvalue {margin: 60px 0;clear: both;/* overflow: hidden; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between;} #page.zsuite .text_dyn .fieldvalue img {background: #FFFFFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);border-radius: 6px;width: 45%;} #page.zsuite .text_dyn .fieldvalue h2 {margin: 0 0 10px 0;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 52px;color: #185a7d;letter-spacing: -2.8px;line-height: 1;} #page.zsuite .text_dyn .fieldvalue h2 sup { padding: 5px 10px; font-size: 16px; background-color: #185a7d; color: #fff; letter-spacing: 0; text-transform: uppercase; position:relative; top: -30px; letter-spacing: 0px;} #page.zsuite .text_dyn .fieldvalue h3 { margin: 0 0 20px 0;font-family: LiberGrotesqueFamily-Bold;font-size: 24px;color: #636363;letter-spacing: -0.82px;line-height: 1; display: block;} #page.zsuite .text_dyn .fieldvalue p { font-family: LiberGrotesqueFamily-SemiBold; font-size: 16px; color: #424242; letter-spacing: 0; line-height: 1.7; } #page.zsuite .text_dyn .fieldvalue > div { order: 2; text-align: left !important; } #page.zsuite .text_dyn .fieldvalue img { order: 1; margin: 0 60px 0 0 !important; } #page.zsuite .text_dyn .fieldvalue.odd { text-align: right;} #page.zsuite .text_dyn .fieldvalue.odd > div { order: 1; text-align: right !important; } #page.zsuite .text_dyn .fieldvalue.odd img { margin: 0 0 0 60px !important; order: 2; } #showcase { color: #636363; } #showcase .heading { background-image: url('../images/bg/bg-grey.svg'); background-repeat: no-repeat; background-color: #F9F9F9; } #showcase .heading .title { color: #185a7d; } #showcase .heading .summary { color: #185a7d;} #showcase .heading .summary:after { background-color: #185a7d; } #showcase .heading .description { color: #636363; } #page.zsuite #vareditor_zsuite { width: 50%; font-family: "LiberGrotesqueFamily-Bold"; font-size: 20px; color: #636363; letter-spacing: -1.2px; line-height: 1.3; } #page.zsuite .logo { margin: 0 40px 0 0; padding: 20px 40px 20px 0; border-right: 2px solid #E3E3E3; } #page.zsuite .block .cnt { margin: 0 auto; max-width: 1200px; text-align: left; } /* animazioni */ body.desktop #page.zsuite #vareditor_zsuite { position: relative; left: 40px; opacity: 0; transition: .6s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .4s } body.desktop #page.zsuite .logo { position: relative; left: 50%; transform: translateX(-50%); transition: .6s cubic-bezier(0.19, 1, 0.22, 1)} body.desktop #page.zsuite .block.white.inview #vareditor_zsuite { left: 0; opacity: 1 } body.desktop #page.zsuite .block.white.inview .logo { left: 0; transform: translateX(0); } #z-suite { margin: -220px 0 0 0; } #z-suite .block .title {font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 48px; color: #175A7D; letter-spacing: -2.95px; line-height: 65px; } #z-suite .block .summary { margin:0 0 0 0; font-family: "LiberGrotesqueFamily-Bold"; font-size: 22px; color: #424242; letter-spacing: -1px; line-height: 24px; } #z-suite .block .summary:after { display: none;} #z-suite .what .ztemplate {margin: 40px auto 0 auto;max-width: 1440px;text-align: center;} #z-suite .what .ztemplate .row .box { margin:0; padding:0 40px; } #z-suite .what .ztemplate .row .box .elem {margin: 0 5px;padding: 20px;display: inline-block; vertical-align: top; text-align: left; width: calc(33.3333% - 10px); } #z-suite .what .ztemplate .row .box .elem .caption-cnt {padding: 35px;text-align: left;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);transition:all 0.3s ease;position: relative;overflow: hidden;background: #FFFFFF;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption .title {margin: 0 0 10px 0; display: block;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 42px;color: #175A7D;line-height: 42px;letter-spacing: -2.5px; position: relative;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption .zoption { color: #fff; font-family: "LiberGrotesqueFamily-ExtBd"; text-align: right;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue {padding: 10px;background-color: #79c55b;display: inline-block;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption-alt { margin: 0;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 { margin: 0 0 10px 0; font-family: "LiberGrotesqueFamily-SemiBold";font-size: 20px;line-height: 1.3;/* color: #000000; */letter-spacing: -0.42px;} #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 strong { font-family: "LiberGrotesqueFamily-SemiBold"; } #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-family: "LiberGrotesqueFamily-Regular";font-size: 14px;line-height: 1.5;color: #444444;letter-spacing: 0;} /* animazioni */ body.desktop #z-suite .what .ztemplate .row .box .elem { position: relative; transition: .6s; top: 90px; opacity: 0} body.desktop #z-suite .what .ztemplate .row .box .elem:nth-of-type(1) { transition-delay: .3s } body.desktop #z-suite .what .ztemplate .row .box .elem:nth-of-type(2) { transition-delay: .6s } body.desktop #z-suite .what .ztemplate .row .box .elem:nth-of-type(3) { transition-delay: .9s } body.desktop #z-suite .what .ztemplate .row .box .elem.inview { top: 0; opacity: 1 } #z-suite .why {margin: 60px auto 60px auto; padding:0 50px; max-width: 1440px;text-align: left;} #z-suite .why .cnt { justify-content: space-between; } #z-suite .why .sx { width: 45%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); border-radius: 15px 0 0 15px; overflow: hidden;} #z-suite .why .sx {width: 40%;} #z-suite .why .dx {width: 55%;} #z-suite .why .dx .varsimple { font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 48px; color: #175A7D; letter-spacing: -2.95px; line-height: 65px; } #z-suite .why .dx .vareditor { font-family: "LiberGrotesqueFamily-Bold"; font-size: 22px; color: #424242; letter-spacing: -1px; line-height: 24px; } #z-suite .why .ztemplate { margin: 70px 0 0 0; } #z-suite .why .ztemplate .box {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: flex-start;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;} #z-suite .why .ztemplate .elem { width: 50%; } #z-suite .why .ztemplate .elem .caption-cnt {padding: 0 35px 0 0;clear: both;} #z-suite .why .ztemplate .elem .caption { overflow: hidden;} #z-suite .why .ztemplate .elem .caption .title {margin: 0 0 10px 0;padding: 2px 0 0 35px;font-family: "LiberGrotesqueFamily-ExtBd";font-size: 22px;color: #185a7d;letter-spacing: -1px;line-height: 1;position: relative;} #z-suite .why .ztemplate .elem .caption .title:before {content: "\f058";font-family: "Font Awesome 5 Pro";position: absolute;left: 0;top:0;font-weight: 900;color: #79c55b;font-size: 26px;} #z-suite .why .ztemplate .elem .caption .ztextarea { margin: 0 0 20px 0; padding: 0 0 0 35px; font-family: LiberGrotesqueFamily-SemiBold;font-size: 14px;color: #636363;letter-spacing: 0px;line-height: 1.3; display: block;} /* animazioni */ #z-suite .why .sx { position: relative; right: 40px; opacity: 0; transition: .6s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .4s } #z-suite .why .dx { position: relative; left: 40px; opacity: 0; transition: .6s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: .4s } #z-suite .why .ztemplate .elem { position: relative; transition: .3s; top: 60px; opacity: 0} #z-suite .why .ztemplate .elem:nth-of-type(1) { transition-delay: .2s } #z-suite .why .ztemplate .elem:nth-of-type(2) { transition-delay: .4s } #z-suite .why .ztemplate .elem:nth-of-type(3) { transition-delay: .6s } #z-suite .why .ztemplate .elem:nth-of-type(4) { transition-delay: .9s } #z-suite .why.inview .ztemplate .elem { top: 0; opacity: 1 } #z-suite .why.inview .sx { right: 0; opacity: 1 } #z-suite .why.inview .dx { left: 0; opacity: 1 } #z-suite .feature .ztemplate {margin: 40px auto 0 auto; max-width: 1440px; text-align: center;} #z-suite .feature .ztemplate .row .box { margin:0; padding:0 40px;} #z-suite .feature .ztemplate .row .box .elem {margin: 15px;padding:25px 45px 25px 25px;text-align: left;background: #FFFFFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);min-height: 210px;position: relative;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt { text-align: left;transition:all 0.3s ease;overflow: hidden; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption { right: 0; top: 0; position: absolute;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption { color: #fff; font-family: "LiberGrotesqueFamily-ExtBd"; text-align: right; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue { background-color: #79c55b;display: inline-block; font-size:0; width: 40px; height: 40px; line-height: 40px; text-align: center;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue:before { font-family: "Font Awesome 5 Pro"; font-size: 18px; font-weight: 900; line-height: 40px; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue.v6:before { content: "\f0e7"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue.v7:before { content: "\f675"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue.v8:before { content: "\f847"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue.v9:before { content: "\f2e8"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption .zoption .fieldvalue.v10:before { content: "\f073"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption-alt { margin: 0;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin: 0 0 20px 0; padding:0 30px 0 0; font-family: "LiberGrotesqueFamily-ExtBd";font-size: 24px; color: #185a7d;letter-spacing: -1px;line-height: 1.2; text-align: left;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 {margin: 0;font-family: "LiberGrotesqueFamily-SemiBold";font-size: 16px;line-height: 1.3;/* color: #000000; */letter-spacing: -0.35px;} #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea.g2 strong { font-family: "LiberGrotesqueFamily-SemiBold"; } #z-suite .feature .ztemplate .row .box .elem .caption-cnt .caption-alt .ztextarea {font-family: "LiberGrotesqueFamily-Regular";font-size: 14px;line-height: 1.5;color: #444444;letter-spacing: 0;} /*#page.zsuite #interesting .varsimple { color: #185a7d;} #page.zsuite #interesting .vareditor { color: #636363;} #page.zsuite #interesting .dx .cnt.flexstart .vareditor a { color: #185a7d; } */ #partners { padding: 0; } #partners .summary { font-size: 18px; text-align: center; line-height: 1; letter-spacing: -0.8px; } #partners .summary:after { display: none; } #partners .logos {padding: 20px;background: #FFFFFF;box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);display: inline-block;max-width: 1170px;} #partners .partner { margin: 0 25px; display: inline-block; vertical-align: middle; } #partners .slick-list { padding: 0 !important } /* Pagina Chi Siamo */ #page.about .content { margin: 50px auto 50px auto; max-width: 1200px; text-align: left; font-size: 16px; line-height: 1.3; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: space-between; } #page.about .content .videobox { background: #FFFFFF;width: 45%; border-radius: 6px; overflow: hidden;} #page.about .content .text_dyn.g4 { margin: 0 0 0 50px; width: 55%; } #page.about .content .text_dyn.g4 .fieldvalue p { font-family: LiberGrotesqueFamily-SemiBold; font-size: 16px; color: #424242; letter-spacing: 0; line-height: 1.7; } #timeline {background-image: url(../images/bg/bg-grey.svg);background-repeat: no-repeat;background-color: #f9f9f9; overflow: hidden;} #timeline.block .summary { margin:10px 0 0 0; } #timeline .ztemplate { text-align: left; position: relative; } #timeline .ztemplate .row {position:relative;margin:0 auto 50px auto;padding:40px 0;max-width: 1200px;box-sizing:border-box;} #timeline .ztemplate .row:before{content:'';position:absolute;left:50%;width: 2px;height: 96%;background: #dcdcdc;} #timeline .ztemplate .row .box {text-align: left; position: relative;} #timeline .ztemplate .row .box .elem { margin:20px 0;list-style:none;position:relative;width:50%; box-sizing:border-box;} #timeline .ztemplate .row .box .elem.first {margin-top: 50px;} #timeline .ztemplate .row .box .elem.odd { padding:10px 100px 40px 0; float:left; text-align:right; clear:both; } #timeline .ztemplate .row .box .elem.odd .title { text-align:right;} #timeline .ztemplate .row .box .elem.even {padding:10px 0 40px 100px;float:right;text-align:left;clear:both;} #timeline .ztemplate .row .box .elem.even .title { text-align:left;} #timeline .ztemplate .row .box .elem .caption-alt {content:'';position:absolute;width:100px;height:100px; background: #fff; color: #000;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); } #timeline .ztemplate .row .box .elem.odd .caption-alt { top:24px;right:-50px;} #timeline .ztemplate .row .box .elem.even .caption-alt {top:24px;left:-50px;} #timeline .ztemplate .row .box .elem .caption-alt .zoption { font-size: 0; text-align: center; } #timeline .ztemplate .row .box .elem .caption-alt .zoption:before {font-family: "Font Awesome 5 Pro";font-size: 42px;font-weight: 300;position: relative;color: #000;line-height: 100px;content: "";} #timeline .ztemplate .row .box .elem .caption-alt .zoption.v0:before { content: "\f04b"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v1:before {content: "\f5a2";} #timeline .ztemplate .row .box .elem .caption-alt .zoption.v2:before {content: "\f2b5";} #timeline .ztemplate .row .box .elem .caption-alt .zoption.v3:before { content: "\f8c5"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v4:before { content: "\e036"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v5:before { content: "\f1fd"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v6:before { content: "\f121"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v7:before { content: "\f58c"; } #timeline .ztemplate .row .box .elem .caption-alt .zoption.v8:before { content: "\e076"; } #timeline .ztemplate .row .box .elem .caption .zinput.number .comma, #timeline .ztemplate .row .box .elem .caption .zinput.number .decimal { display: none; } #timeline .ztemplate .row .box .elem .caption {margin:0;padding:8px 16px;position:absolute;top: 55px;background: #d7272d;color:#fff;} #timeline .ztemplate .row .box .elem.odd .caption { right: -150px; } #timeline .ztemplate .row .box .elem.even .caption { left: -150px; } #timeline .ztemplate .row .box .elem .caption-add .title {margin: 0 0 10px 0;font-family: LiberGrotesqueFamily-Bold;font-size: 32px;color: #1A1918;letter-spacing: -0.82px;line-height: 1;display: block;} #timeline .ztemplate .row .box .elem .caption-add .ztextarea {font-family: LiberGrotesqueFamily-SemiBold;font-size: 16px;color: #424242;letter-spacing: 0;line-height: 1.4;} /* animation */ #timeline .ztemplate .row .box .elem.even .caption-add{ position: relative; left: 80px; opacity: 0; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .4s } #timeline .ztemplate .row .box .elem.odd .caption-add{ position: relative; right: 80px; opacity: 0; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .4s } #timeline .ztemplate .row .box .elem.inview.even .caption-add{ left: 0; opacity: 1 } #timeline .ztemplate .row .box .elem.inview.odd .caption-add{ right: 0; opacity: 1 } #timeline .ztemplate .row .box .elem.even { position: relative; left: 115px; transition: .4s cubic-bezier(.53, .16, .39, .96); } #timeline .ztemplate .row .box .elem.inview.even { left: 0 } #timeline .ztemplate .row .box .elem.odd { position: relative; right: 115px; transition: .4s cubic-bezier(.53, .16, .39, .96); } #timeline .ztemplate .row .box .elem.inview.odd { right: 0 } #timeline .ztemplate .row .box .elem .caption-alt { opacity: 0; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .4s } #timeline .ztemplate .row .box .elem.inview .caption-alt { opacity: 1 } #timeline .ztemplate .row .box .elem .caption-alt .zoption { transform: scale(0); transform-origin: center; transition: .4s cubic-bezier(.53, .16, .39, .96); transition-delay: .4s} #timeline .ztemplate .row .box .elem.inview .caption-alt .zoption { transform: scale(1); } /* Contact FORM */ .compile {padding: 80px 0;clear: both;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #f9f9f9;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: center;z-index: 1002;background-image: url(../images/bg/bg-grey.svg);background-repeat: no-repeat; display: flex; z-index: -1; transform: scale(.8); transform-origin: center; opacity: 0; transition: .2s;} .compile.fired { opacity: 1; z-index: 9999; opacity: 1; transform: scale(1); } .compile .close {padding: 30px;position: absolute;cursor: pointer;top: 30px;left: 30px;} .compile .close:before {color: #d7272d;font-family: "Font Awesome 5 Pro";font-size: 36px;font-weight: 200;content: "\f00d";} .compile .cnt { margin: 0 auto; width: 70%; } .compile .sx {padding: 30px;width: 50%;text-align: left;} .compile .dx {margin: 0;padding: 60px;background-color: #d7272d;width: 50%;box-shadow: 0 0 30px rgba(0,0,0,0.2); text-align: left;} .compile .varsimple { margin: 0 0 20px 0; font-family: "LiberGrotesqueFamily-Bold"; font-size: 62px; text-align: left; line-height: 55px; letter-spacing: -4px; color: #D7272D; } .compile .varsimple:before {margin: 0 auto;font-family: "Font Awesome 5 Pro";content: "\f2b6";font-weight: 300;display: block;clear: both;font-size: 200px;line-height: 1.3;color: #e6e6e6;} .compile .vareditor { font-family: LiberGrotesqueFamily-SemiBold;font-size: 16px;color: #1A1918;letter-spacing: -0.82px;line-height: 1.3; max-width: 80%; } .compile .vareditor h3 { font-family: LiberGrotesqueFamily-SemiBold;font-size: 20px;color: #1A1918;letter-spacing: -0.82px;line-height: 1.5; } .compile .vareditor strong { font-family: LiberGrotesqueFamily-Bold;font-size: 18px;color: #d7272d;letter-spacing: -0.82px;line-height: 1.3; max-width: 80%; } .compile .vareditor a {font-family: LiberGrotesqueFamily-SemiBold;font-size: 14px;color: #d7272d;letter-spacing: -0.82px;line-height: 1.3;max-width: 80%;font-style: normal;} .compile .vareditor a:before { margin: 0 5px 0 0; font-family: "Font Awesome 5 Pro"; content: "\f10b"; } .compile form { font-size: 14px; } .compile form .caption-fields .form.field .form_element_title {margin: 0 0 10px 0;color:#fff;font-family: "LiberGrotesqueFamily-Bold";font-size: 16px;letter-spacing: -0.7px;} .compile form .caption-fields .form.field.textarea textarea, .compile form .caption-fields .form.field.text input[type="text"], .compile form .caption-fields .form.field.email input[type="email"], .compile form .caption-fields .form.field.phone input[type="phone"] {border-top:none;border-left:none;border-right:none;/* background: none; */} .compile form .caption-fields .form.field.file input[type="file"] { padding: 0; color: #fff; } .compile form .caption-fields .form.field.textarea { clear: both; display: block; float: none; width: 100%; } .compile form .caption-fields .form.field.textarea textarea { padding: 10px; height: 150px; width: 100%; } .compile form .caption-fields .form.field.text, .compile form .caption-fields .form.field.phone, .compile form .caption-fields .form.field.email { width: 50%; } .compile form .caption-fields .form.field.radio .form_element_title { margin: 0 0 10px 0; color: #fff; font-family: "LiberGrotesqueFamily-Bold"; font-size: 16px; letter-spacing: -0.7px; } /*Checkbox*/ .compile form .caption-fields .form.field.checkbox_wrap { padding: 0 15px 15px 15px; } .compile form .caption-fields .form.field .form_checkbox {margin: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: flex-start;justify-content: flex-start;color: #fff;flex-wrap: wrap;} .compile form .caption-fields .form.field .form_checkbox .checkbox {margin: 0 20px 10px 0;text-align: left;position: relative;display: flex;align-items: center;cursor: pointer;width: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;} .compile form .caption-fields .form.field .form_checkbox .checkbox .check {margin: 0 10px 0 0;text-align: left;} .compile form .caption-fields .form.field .form_checkbox .checkbox .check:after {content: "\f0c8";font-family: "Font Awesome 5 Pro";font-weight: 300;font-size: 22px;} .compile form .caption-fields .form.field .form_checkbox .checkbox.checked { text-align: left; } .compile form .caption-fields .form.field .form_checkbox .checkbox.checked .check { text-align: left; animation: bounce; animation-timing-function: ease; animation-duration: 1s; transform-origin: center; animation-fill-mode: forwards; } .compile form .caption-fields .form.field .form_checkbox .checkbox.checked .check:after {content: "\f14a";font-family: "Font Awesome 5 Pro";font-weight: 900;} .compile form .caption-fields .form {padding: 0 15px 25px 15px;} .compile form .intl-tel-input .selected-flag { } .compile form .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { font-size: 14px; } .compile form #showprivacy {margin: 0 auto;color: #fff; } .compile form #showprivacy .privacy_field {padding: 0 0 10px 0;} .compile form #showprivacy a {display: inline;color: #fff;} .compile form #showprivacy a, .compile #showprivacy form textarea.cnt_privacy a, .compile #showprivacy form p.privacy label {text-decoration: underline;} .compile form #showprivacy p { line-height: 1.5; } .compile form #showprivacy p.privacy.flag { padding: 5px 0 0 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;list-style: none;-ms-box-orient: horizontal;-webkit-align-items: center;align-items: center;justify-content: flex-start;} .compile form #showprivacy p.privacy.flag label { margin: 0 10px 0 0; } .compile form #showprivacy p.privacy label input[type="radio"] {margin: 0px 5px 0px 1px;position: relative;top: 1px;} .compile form .newsletter {margin: 0 15px;padding: 15px 15px 15px 60px;color: #fff;background: rgba(0,0,0,0.1);width: auto; position: relative; border-radius: 5px;} .compile form .newsletter:before { font-family: "Font Awesome 5 Pro";font-size: 26px;font-weight: 200; content: "\f1d8"; position: absolute; left:15px; top: 30%; } .compile form .newsletter .newsletter_text { } .compile form .newsletter label { } .compile form .newsletter label input {margin: 0px 5px 0px 1px;} .compile form .caption-fields input[type="submit"] { margin: 25px 15px 0 15px; padding: 20px 40px;font-family: "LiberGrotesqueFamily-Bold";font-size: 14px;background-color: transparent;color: #fff;border: 2px solid #fff;} .compile form .form_messages .message { color: #fff } .compile form label.error { font-size: 10px; padding: 5px; color: #fff; position: absolute; } .compile.onpage { margin: 0;padding: 30px;display: block; position: relative; left: inherit;right: inherit;top: inherit;bottom: inherit; background: none; background-color: #d7272d;width: auto;box-shadow: 0 0 30px rgba(0,0,0,0.2); text-align: left; z-index: 0; opacity: 1; transform: scale(1);} .compile.onpage.white_page { background-color: #fff; text-align: center; max-width: 920px; margin: 0 auto; } .compile.onpage.white_page form .caption-fields .form.field .form_element_title { color: #000;} .compile.onpage.white_page form .caption-fields .form.field.email input[type="email"] { border: 1px solid #000;} .compile.onpage.white_page form .caption-fields input[type="submit"] { color: #000; border: 2px solid #000; } .compile.onpage.white_page form .caption-fields .form.field.email { width: 100%;} #page.contact .content { margin:50px auto 100px auto; max-width: 1200px; } #page.contact .content .cnt { -webkit-align-items: flex-start;align-items: flex-start;justify-content: space-between; } #page.contact .sx { width: 50%; } #page.contact .dx { width: 50%; overflow: hidden; } /* Landing */ #page.landing .content .cnt { margin: 0 auto; max-width: 1200px; gap: 50px; } #page.landing .content .cnt .sx { width: 50%;} #page.landing .content .cnt .dx { width: 50%;} #page.landing .compile.onpage { background-color: #fff;} #page.landing .compile form .caption-fields .form.field .form_element_title { color: #D7272D;} #page.landing .compile form .caption-fields .form.field.textarea textarea, #page.landing .compile form .caption-fields .form.field.text input[type="text"], #page.landing .compile form .caption-fields .form.field.email input[type="email"], #page.landing .compile form .caption-fields .form.field.phone input[type="phone"] { border: 1px solid #989898;} #page.landing .compile form .caption-fields input[type="submit"] { color: #fff; background-color: #D7272D; width: 100%;} #page.landing .compile form #showprivacy, #page.landing .compile form #showprivacy a, #page.landing .compile form #showprivacy p.privacy.flag label { color: #050505;} #page.landing .compile form .caption-fields { display: flex; flex-wrap: wrap; } #page.landing .compile form .caption-fields .form.field.radio { display: flex; flex-wrap: wrap; gap: 0;} #page.landing .compile form .caption-fields .form.field.radio .form_element_title { width: 100%;} #page.landing .compile form .caption-fields .form.field.radio label { width: calc(50% - 10px);} #page.landing .compile form .form_messages .message { color: #D7272D; } .smartphone #page.landing .content .cnt .sx { padding: 0 25px; width: 100%;} .smartphone #page.landing .content .cnt .dx { width: 100%;} .smartphone #page.landing .compile.onpage { box-shadow: none;} .smartphone .compile form #showprivacy { padding: 10px;} .smartphone #page.landing .compile form .caption-fields input[type="submit"] { margin: 0;} .smartphone #page.landing .compile form .caption-fields .form.field.radio label { width: 100%;} /* Configurazione CSS per SEPA */ #page.service.sepa .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: flex-start; align-items: flex-start; justify-content: center; } #page.service.sepa .content .box { margin: 0 20px 10px 20px; padding: 20px; background: #FFFFFF; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); } #page.service.sepa .content .sx { width: 40%; } #page.service.sepa .content .dx { width: 60%; } #page.service.sepa #page_name { font-size: 20px; color: #D7272D; } #page.service.sepa .content .sx .groupfield { margin: 0 0 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: flex-start; align-items: flex-start; justify-content: flex-start; } #page.service.sepa .content .sx .groupfield .fieldkey { margin: 0 5px 0 0; } #page.service.sepa .content .sx .groupfield .fieldkey:after { margin: 0 3px 0 0; content: ":"; } #page.service.sepa .content .sx .groupfield .fieldvalue { color: #D7272D; } #page.service.sepa .content .sx .groupfield.g2 { margin: 0 0 10px 0; } #page.service.sepa .content .sx .groupfield.g2 .fieldvalue { color: #000; } #page.service.sepa .content .sx .groupfield.znumber .fieldvalue:before { margin: 0 3px 0 0; content: "\20ac"; } #page.service.sepa .content .sx .groupfield.znumber.g4 .fieldvalue:before, #page.service.sepa .content .sx .groupfield.znumber.g9 .fieldvalue:before { margin:0; content: ""; } #page.service.sepa .content .sx .groupfield.znumber.g4 .fieldvalue .comma, #page.service.sepa .content .sx .groupfield.znumber.g4 .fieldvalue .decimal, #page.service.sepa .content .sx .groupfield.znumber.g9 .fieldvalue .comma, #page.service.sepa .content .sx .groupfield.znumber.g9 .fieldvalue .decimal { display: none; } #page.service.sepa .content .sx .zlink { margin: 20px 0 0 0; display: block; width: 100%; } #page.service.sepa .content .sx .zlink a {padding: 20px;font-family: "LiberGrotesqueFamily-Bold";font-size: 13px;background-color: #D7272D;color: #fff;border: none;text-transform: uppercase;display: inline-block;text-align: center;} #page.service.sepa .content .dx form .form-row.inline { margin: 0 0 20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: flex-start; align-items: flex-start; justify-content: flex-start; } #page.service.sepa .content .dx form .form-row.inline .col { margin: 0 20px 0 0; width: 50%; } #page.service.sepa .content .dx form label { margin: 0 0 3px 0; } #page.service.sepa .content .dx input { padding: 10px; border: 1px solid #ccc; width: 100%; } #page.service.sepa .content .dx #iban-element { padding: 10px; border: 1px solid #ccc; width: calc(100% - 20px); } #page.service.sepa #mandate-acceptance { margin: 10px 0; font-size: 12px; } #page.service.sepa button#submit-button { margin: 20px 0; padding: 20px 40px; font-family: "LiberGrotesqueFamily-Bold"; font-size: 16px; background-color: #73c77e;; color: #fff; border: none; text-transform: uppercase;} #page.service.sepa #messages { } #page.service.sepa #messages .message { margin: 0; padding: 10px; color: #fff; font-size: 14px; border-radius: 3px; display: none; } #page.service.sepa #messages .message.ok { background-color: #297221; } #page.service.sepa #messages .message.not_ok { background-color: #D7272D; } .smartphone.body_sepa header { height: 170px; } .smartphone.body_sepa header .logo { top: 25px; } .smartphone #page.service.sepa .heading .title { font-size: 38px; letter-spacing: -2px; line-height: 1; } .smartphone #page.service.sepa .content { margin: 20px 0 0 0;display: block; } .smartphone #page.service.sepa .content .sx, .smartphone #page.service.sepa .content .dx { width: auto; } .smartphone #page.service.sepa .content .dx form .form-row.inline { margin: 0 0 20px 0; display: block; } .smartphone #page.service.sepa .content .dx form .form-row.inline .col { margin: 0 0 10px 0; width: 100%; } .smartphone #page.service.sepa .content .dx #iban-element { padding: 10px; border: 1px solid #ccc; width: 100%; } /* Footer */ footer { margin: 50px 0 0 0;} footer #partners .logos { margin: 30px 0 0 0; } footer #partners .logos .logo { margin: 0 20px; } footer #partners .logos .logo.google img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 180px; } footer #partners .logos .logo.nexi img { width: 120px; } footer #company_profile #vareditor_company_contact3 { font-family: "LiberGrotesqueFamily-Regular"; font-size: 12px; color: #FFFFFF; text-align: left; line-height: 19px; letter-spacing: 0; } footer #company_profile #vareditor_company_contact3 h3 { font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 14px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } footer #company_profile #vareditor_company_contact4 { font-family: "LiberGrotesqueFamily-Regular"; font-size: 12px; color: #FFFFFF; text-align: left; line-height: 19px; letter-spacing: 0; } footer #company_profile #vareditor_company_contact4 h3 { font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 14px; color: #FFFFFF; text-align: left; line-height: 1; letter-spacing: 0; } footer #company_profile {margin: 0 auto;padding: 40px 0;display: inline-block;} footer #company_profile .cnt { align-items: center; justify-content: center;} footer #company_profile .cnt > div { margin: 0 30px; } footer #legal {padding: 20px 0;display: block;overflow: hidden;} footer #border_bottom { background-color: #FFFFFF; position: fixed; bottom: 0; height: 40px; width: 100%; z-index: 500; } footer .iubenda_button.nostyle {display: block;} .iubenda.iubenda_button.light { margin-bottom: 5px } .desktop #page.service .content { padding:50px; } .desktop footer #partners .logos .logo {display: inline-block;vertical-align: middle;float: none;text-align: center;} .desktop footer #partners .logos .logo img { margin: 0 auto; } #infosplash { margin: 0 auto; padding: 30px; text-align: center; width: auto; position: fixed;z-index: 99999999;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7); overflow: auto; overflow-y: scroll;} #infosplash #infosplash_container { margin: 0 auto; text-align: center; width: auto; max-width: 70%; display: inline-block; position: relative; } #infosplash #infosplash_container .close { margin: 5px 0; display: block; clear: both; text-align: right; cursor: pointer; } #infosplash #infosplash_container .close:before { color:#fff; font-size: 14px; } #infosplash #infosplash_content { padding: 40px; display: block; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #infosplash #infosplash_content img { max-width: 590px; width: 100% } /* Infosplash Template */ #infosplash #infosplash_content .ztemplate { text-align: left; } #infosplash #infosplash_content .ztemplate .row { text-align: left; } #infosplash #infosplash_content .ztemplate .row .box { text-align: left; } #infosplash #infosplash_content .ztemplate .row .box .elem { text-align: left; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt { display: block; text-align: left; list-style: none; -ms-box-orient: horizontal; -webkit-align-items: center; align-items: center; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption { margin: 0 auto 31px auto; width: 100%; text-align: left; order: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption .title { margin:0 0 10px 0; font-family: "LiberGrotesqueFamily-Bold"; font-size: 65px; color: #000000; text-align: left; line-height: 65px; letter-spacing: -5px; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption .title:after { font-family: "LiberGrotesqueFamily-Bold"; font-size: 65px; color: #D8232A; text-transform: lowercase; text-align: left; line-height: 65px; letter-spacing: 0; content: "."; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { margin: 0 auto; font-family: "LiberGrotesqueFamily-Regular"; font-size: 22px; color: #1A1918; text-align: left; line-height: 30px; letter-spacing: -1.5px; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption .zimage img { max-width: 800px; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt { text-align: left; order: 2; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form { text-align: left; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields { text-align: left; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field .form_element_title { margin: 0 auto 5px auto; font-family: "LiberGrotesqueFamily-Regular"; font-size: 16px; color: #D7272D; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.radio { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.radio input { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.input { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.input input { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.text { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.text input[type="text"] { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.email { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.email input[type="email"] { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-transform: lowercase; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.password { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.password input[type="password"] { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-transform: lowercase; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.phone { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.phone input[type="phone"] { border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-transform: lowercase; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.textarea { width: 50%; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.textarea textarea { width: 100%; height: 300px; border: 1px solid #BDBDBD; font-family: "LiberGrotesqueFamily-Regular"; font-size: 14px; color: #000000; text-transform: lowercase; text-align: left; line-height: 1; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields input[type="submit"] { margin: 10px 15px 0 15px; padding: 20px 25px;clear: both;border: none;background: #D7272D;font-family: "LiberGrotesqueFamily-SemiBold";font-size: 15px;color: #FFFFFF;text-transform: uppercase;text-align: center;line-height: 1;letter-spacing: 2.4px;border-radius: 0;} #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.checkbox { width: 100%; float: none; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.checkbox .form_checkbox .checkbox { margin: 0 15px 0 0; font-size: 14px; color: #000; display: inline-block; vertical-align: middle; cursor: pointer; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.checkbox .form_checkbox .checkbox.checked span.check:before { margin: 0 5px 0 0; content: "\e153"; font-family:"Glyphicons Regular"; font-size:18px; line-height:15px; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.checkbox .form_checkbox .checkbox span.check:before { margin: 0 5px 0 0; content: "\e154"; font-family:"Glyphicons Regular"; font-size:18px; line-height:15px; } #infosplash #infosplash_content .ztemplate .row .box .elem .caption-cnt .caption-alt form .caption-fields .form.field.text.element_2 { width: 100%; float: none; } form .caption-fields .form .hidden_form_element { margin: 0; padding: 0 !important; height: 0; width: 0; font-size: 0; } #infosplash form .caption-fields .form { padding: 0 15px 35px 15px; } #infosplash form .caption-fields .form.field.textarea textarea, #infosplash form .caption-fields .form.field.text input[type="text"], #infosplash form .caption-fields .form.field.email input[type="email"], #infosplash form .caption-fields input[type="submit"] { padding: 10px 0 3px 0; border-top:none; border-left:none; border-right:none; background: none; } #infosplash form .caption-fields .form.field.phone input[type="phone"] { border-top:none; border-left:none; border-right:none; background: none; } #infosplash form .caption-fields .form.field.textarea textarea { height: 150px; } #infosplash form .intl-tel-input .selected-flag { padding: 0; } #infosplash form .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { color: #000; font-size: 14px; } #infosplash form #showprivacy a, #infosplash form textarea.cnt_privacy a, #infosplash form p.privacy label {color: #000;} #infosplash form textarea.cnt_privacy { line-height: 1.5; } #infosplash form .form_messages .message { color: #000; } /* form newsletter unsubscribe */ .newsletter_unsubscribe { margin: 0 0 100px 0; text-align: center; } .newsletter_unsubscribe form { text-align: center; } .newsletter_unsubscribe form .caption-fields .form {padding: 0;float: none;} .newsletter_unsubscribe form .caption-fields .form input { padding: 15px; font-size: 23px; border: 1px solid #dedede; text-align: center; margin: 0 auto; max-width: 90%; } .newsletter_unsubscribe form #showprivacy, form p.privacy, form .newsletter, form .g-recaptcha { display: inline-block; } .newsletter_unsubscribe form .caption-fields input[type="submit"] { margin: 0 auto; padding: 15px; color: #fff; background-color: #D8232A; display: block; text-transform: uppercase; letter-spacing: 2px; width: 90%; } form .caption-fields .form input:focus { } .your_ip { font-size: 72px; font-size: 72px; min-height: 30vh; display: flex; justify-content: center; align-items: center; } #interesting { text-align: left; } #interesting .varsimple { margin:0 0 15px 0; font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 52px; line-height: 1; letter-spacing: -3px; display: block; color: #D7272D;} #interesting .vareditor {margin: 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 22px;line-height: 1.2;letter-spacing: -1.3px;color: #000;} #interesting .sx { margin: 0 50px 0 0; } #interesting .sx .vareditor {line-height: 1.3;} #interesting .dx .cnt.flexstart { justify-content: flex-start; } #interesting .dx .vareditor { margin: 20px 0 0 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 16px;line-height: 1.2;letter-spacing: -0.5px;color: #424242;} #interesting .dx .varsimple { margin:0 0 5px 0; display: block;font-family: "LiberGrotesqueFamily-Bold";font-size: 20px;color: #D7272D;text-align: left;line-height: 1;letter-spacing: -0.5px; cursor: pointer;} #interesting .dx .varsimple:before {margin: 0 7px 0 0;font-family:"Font Awesome 5 Pro"; content: "\f2b6";font-weight: 400; position: relative; top: -1px;} #interesting .dx #vareditor_interesting2 { margin: 0 20px 0 0;} #interesting .dx .cnt.flexstart .vareditor { margin: 20px 30px 0 0; line-height: 1.3;} #interesting .dx .cnt.flexstart .vareditor a {font-family: LiberGrotesqueFamily-SemiBold;font-size: 14px;color: #d7272d;font-style: normal;} #interesting .dx .cnt.flexstart .vareditor a:before { margin: 0 5px 0 0; font-family: "Font Awesome 5 Pro"; content: "\f10b"; } #interesting .sx { margin: 0 50px 0 0; } #interesting .sx .vareditor {line-height: 1.3;} #interesting .dx .cnt.flexstart { justify-content: flex-start; } #interesting .dx .vareditor { margin: 20px 0 0 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 16px;line-height: 1.2;letter-spacing: -0.5px;color: #424242;} #interesting .dx .varsimple { margin:0 0 5px 0; display: block;font-family: "LiberGrotesqueFamily-Bold";font-size: 20px;color: #D7272D;text-align: left;line-height: 1;letter-spacing: -0.5px; cursor: pointer;} /* #datastudio {margin: 30px 0;border: 10px solid #ececec;background: #fff;} #datastudio iframe {min-height: 720px;background: #fff;} */ /* Blog */ .ztemplate_model_18 { margin: 30px auto;} .ztemplate_model_18 .box { display: flex; justify-content: center; flex-wrap: wrap;} .ztemplate_model_18 .elem { margin: 0 15px; width: calc(50% - 30px)} .ztemplate_model_18 .caption { position: relative; overflow: hidden; background-color: #000} .ztemplate_model_18 img { position: relative; transition: .6s; transform: scale(1);} .ztemplate_model_18 .elem:hover img { transform: scale(1.1) rotate(2deg); opacity: .5} .ztemplate_model_18 .caption-alt { text-align: left; padding: 15px} .ztemplate_model_18 .zdatepicker { color: #636363; padding: 5px} .ztemplate_model_18 .zdatepicker .fieldvalue:before { font-family: "Font Awesome 5 Pro"; font-size: 14px; content: "\f073"; font-weight: 400; margin-right: 5px} .ztemplate_model_18 .zdatepicker .day:after, .ztemplate_model_18 .zdatepicker .month:after { content: '/'; margin-left: 5px} .ztemplate_model_18 .title { margin-bottom: 20px} .ztemplate_model_18 .title a { font-family: "LiberGrotesqueFamily-ExtBd"; font-size: 28px; color: #D7272D; letter-spacing: -1.8px; line-height: 1;} .ztemplate_model_18 .zsimplebutton { margin-top: 30px; opacity: 0; transition: .6s; position: relative; top: 10px} .ztemplate_model_18 .elem:hover .zsimplebutton { opacity: 1; top: 0} #page .post_content { max-width: 900px; margin: 30px auto; padding: 0 15px} #page .post_content p { margin-bottom: 15px; font-size: 16px; color: #424242; line-height: 1.7;} #page .post_cover_image { max-width: 900px; margin: 30px auto -150px; position: relative; z-index: 2} #page .post_content img.left { float: none!important; margin:0 0 20px!important; width: 100%;} #page .post_content .text_dyn .fieldvalue { margin-bottom: 40px} #page.blog_post .heading { min-height: 600px; margin-bottom: 150px;} .date_field .day:after, .date_field .month:after { content: '/'; margin-left: 5px} #page.blog_post .title h2, #page.blog_post .title h1 { color: #fff; border-bottom: unset} #page.blog_post h2 { color: #D7272D; border-bottom: 2px solid #D7272D; margin-bottom: 20px;} #page.blog_post h3{ margin-bottom: 20px} #page.blog_post li { margin-bottom: 25px; line-height: 1.7} #page.blog_post strong { font-weight: 400; color: #000; font-family: "LiberGrotesqueFamily-ExtBd";} #page .post_cover_image .top_seo { font-size: 14px; text-transform: uppercase; color: #aaaaaa; margin-top: 10px} /* SMARTPHONE */ .smartphone #page.blog_post .heading { min-height: unset; margin-bottom: 0; padding: 30px 15px 15px} .smartphone #page .post_cover_image { margin-bottom: 0} #page .post_cover_image .top_seo { color: #fff} .smartphone #video { height: auto; padding-top: 212px; background-color: #000; } .smartphone #menu-btn #bars .bar:nth-of-type(2) { top: calc(50% - 1px) } .smartphone #menu-btn.fired #bars .bar:nth-of-type(2) { opacity: 0 } .smartphone #menu-btn:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 45px } .smartphone.home #menu-btn.fired #bars .bar { background-color: #000 } /*.smartphone.home header { position: relative; background-color: #000 }*/ .smartphone header.fixed, .home header.fixed { position: fixed; background-color: #fff } .smartphone.home header .logo { position: relative; top: 15px; padding-bottom: 25px } .smartphone.home header.fixed #menu-btn.fired #bars .bar { background-color: #000 } /*.smartphone.home #menu-btn.fired:after, .smartphone #menu-btn.fired:after { color: transparent } */ /* .smartphone.home header.fixed #menu-btn.fired:after { color: #fff } */ .smartphone #menu-btn.fired:after { color: #000 } .smartphone #menu-btn.fired #bars .bar { background-color: #000 } .smartphone #menuopen .caption.one { margin-top: 0; padding-bottom: 30px } .smartphone #menuopen .caption.one ul.nav-pills li ul.extended-menu li { margin: 8px 0; } .smartphone #menuopen { background-color: #e21219 } .smartphone.home header.fixed #menuopen .caption.one { height: 100% } .smartphone header.fired .cnt { position: relative; } .smartphone header.fired .cnt:before { position: absolute; content: ''; width: calc(100% + 30px); height: 46px; left: -15px; top: -15px; z-index: 9991; background-color: #fff; } .smartphone header.fixed #menuopen .caption.one #menus { padding-top: 60px } .smartphone header.fixed #menuopen .caption.one { height: 100% } /* 404 smarphone */ .smartphone .section_planet .star { display: none; } .smartphone .page_not_found .block.red { flex-direction: column; } .smartphone .page_not_found { padding-bottom: 90px } .smartphone .page_not_found .block .varlink { margin: 0 } .smartphone .section_planet { margin-top: 20px } .smartphone #menu-close { padding: 20px; width: 100%; text-align: right; } .smartphone #menu-close:before { color: #d7272d;} .smartphone #menuopen { overflow-y: scroll; /* z-index: 99991; */ } .smartphone #menuopen .caption { width: auto; display: block; padding-bottom: 40px } .smartphone #menuopen .caption.one { padding: 0 0 60px 0; } .smartphone #menuopen .caption.one #menus { padding: 30px 0 30px 44px; display: block; } .smartphone #menuopen .caption.one ul.nav-pills li {margin: 10px auto;padding: 0;font-size:26px;letter-spacing: -1.8px;} .smartphone #menuopen .caption.one ul.nav-pills li ul.extended-menu {margin: 15px 0;padding: 0;} .smartphone #menuopen .caption.one ul.nav-pills li ul.extended-menu li { margin: 10px 0;font-size: 20px;} .smartphone #menuopen .caption.one .logo {margin: 0 auto; padding:46px 30px 30px 30px;width: 100%;position: relative;top: 0; height: auto; background-color: #fff; text-align: center;} .smartphone #menuopen .caption.one .logo img { margin: 0 auto; width: 80%;} .smartphone #menuopen .zsuitebanner {padding: 30px;width: 100%;position: relative;bottom: inherit;height: auto;border: none;} .smartphone #menuopen .zsuitebanner .logo { margin:0 0 20px 0; position: relative; height: auto; width: 80%; } .smartphone #menuopen .zsuitebanner .logo img { min-width: 100%; } .smartphone #menuopen .zsuitebanner .text {margin: 0;padding: 0;border:none;} .smartphone #menuopen .zsuitebanner .text .varsimple {margin: 0 0 15px 0;font-family: "LiberGrotesqueFamily-Bold";font-size: 22px;line-height: 1.2;color: #185a7d;letter-spacing: -1.8px;} .smartphone #menuopen .zsuitebanner .text .vareditor { margin: 0; font-family: "LiberGrotesqueFamily-SemiBold"; font-size: 18px; line-height: 1.3; color: #636363; letter-spacing: -1.2px; } .smartphone #menuopen .zsuitebanner .text .varlink { margin: 20px 0 0 0; } .smartphone #menuopen .zsuitebanner .text .varlink a { font-size: 12px;color: #185a7d; border: 2px solid #185a7d;} .smartphone #menuopen .caption.two { display: none; } .smartphone .heading .title #page_name, .smartphone .heading .title #container_name {font-size: 45px;letter-spacing: -3px;} .smartphone .heading .summary { font-size: 22px;letter-spacing: -1.5px; line-height: 1.2;} .smartphone #page.about .content {margin: 0;padding: 30px;display: block;} .smartphone #page.about .content .text_dyn.g4 { margin: 0; width: auto; } .smartphone #timeline { padding: 50px 0 0 0; } .smartphone #timeline .ztemplate .row { padding: 0 0; } .smartphone #timeline .ztemplate .row:before { left: 35px; } .smartphone #timeline .ztemplate .row .box .elem { width: auto; position: relative;} .smartphone #timeline .ztemplate .row .box .elem.even, .smartphone #timeline .ztemplate .row .box .elem.odd { padding: 0; float: none; width: auto; text-align: left;} .smartphone #timeline .ztemplate .row .box .elem.even .caption, .smartphone #timeline .ztemplate .row .box .elem.odd .caption { left: 1px; top: 80px; right: inherit;} .smartphone #timeline .ztemplate .row .box .elem.even .caption-alt, .smartphone #timeline .ztemplate .row .box .elem.odd .caption-alt { left: inherit; position: absolute; right: inherit; top: 0; width: 70px; height: 70px;} .smartphone #timeline .ztemplate .row .box .elem .caption-alt .zoption:before { line-height: 70px; font-size: 32px; } .smartphone #timeline .ztemplate .row .box .elem.even .caption-add, .smartphone #timeline .ztemplate .row .box .elem.odd .caption-add { padding: 0 0 0 100px; } .smartphone #timeline .ztemplate .row .box .elem.even .title, .smartphone #timeline .ztemplate .row .box .elem.odd .title { text-align: left; font-size: 24px; line-height: 1.3; } .smartphone #timeline .ztemplate .row .box .elem .caption-add .ztextarea { font-size: 14px; } .smartphone #customers .logo .ztemplate .row .box .elem { margin: 0; } .smartphone #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .zcheckbox {max-width: 100%;} .smartphone #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .title { font-size: 28px; } .smartphone #customers .cover .ztemplate .template_filters { margin: 0 -15px; padding: 20px 10px; background: #f9f9f9; } .smartphone #customers .cover .ztemplate .template_filters .filter_values .form_checkbox {display: block;padding: 0 30px;text-align: left;} .smartphone #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox {margin: 10px auto;display: block;position: relative;width: auto;} .smartphone #customers .cover .ztemplate .template_filters .filter_values .value {font-size: 14px;position: relative;top: 6px;} .smartphone #team { padding: 30px;} .smartphone #team .ztemplate { max-width: 100%;} .smartphone #team .ztemplate .row .box .elem {margin: 20px;width: auto;} .smartphone #team .ztemplate .row .box .elem .caption-cnt {padding: 0 0 30px 0;} .smartphone #team .ztemplate .row .box .elem .caption-cnt .caption-add { top: 0; right: 0; display: none; } .smartphone #team .ztemplate .row .box .elem .caption-cnt .caption-alt {position: initial;padding: 10px 0 0 0;} .smartphone #team .ztemplate .row .box .elem .caption-cnt .caption-alt .zlink {right: 10px;top: 10px;} .smartphone #team .ztemplate .row .box .elem .caption-cnt .caption-alt .title {margin: 0 0 10px 0;font-size: 32px;} .smartphone #page.zsuite .block.white { min-height: auto; background: none; } .smartphone #page.zsuite .logo { margin: 0 auto; padding: 40px 50px 30px 50px; border-right: none; } .smartphone #page.zsuite .logo img { min-width: 100%; } .smartphone #page.zsuite #vareditor_zsuite { padding: 0 5px; width: auto; text-align: center; font-size: 18px; letter-spacing: -0.7px; line-height: 1.3; } .smartphone #z-suite { margin: 0; } .smartphone #z-suite .block .title { margin: 0 0 10px 0; font-size: 48px; letter-spacing: -2.95px; line-height: 1; } .smartphone #z-suite .block .summary { margin: 0 10px; font-size: 22px; letter-spacing: -1px; line-height: 1.2; } .smartphone #z-suite .what .ztemplate {margin: 20px auto 0 auto;max-width: 100%; } .smartphone #z-suite .what .ztemplate .row .box { padding:10px 20px; } .smartphone #z-suite .what .ztemplate .row .box .elem {margin: 0;padding: 10px;display: block; width: auto; } .smartphone #z-suite .what .ztemplate .row .box .elem .caption-cnt {padding: 20px; } .smartphone #z-suite .why {margin: 0 auto; padding:30px; max-width: 100%; text-align: center; } .smartphone #z-suite .why .dx { width: auto; } .smartphone #z-suite .why .dx .varsimple { margin:0 0 20px 0; font-size: 48px; letter-spacing: -2.95px; line-height: 1; } .smartphone #z-suite .why .dx .vareditor { font-size: 22px; letter-spacing: -1px; line-height: 1.2; } .smartphone #z-suite .why .ztemplate { margin: 20px 0 0 0; } .smartphone #z-suite .why .ztemplate .box { display: block; } .smartphone #z-suite .why .ztemplate .elem { padding: 20px 0 0 0; width: auto; } .smartphone #z-suite .why .ztemplate .elem .caption-cnt { padding: 0; } .smartphone #z-suite .why .ztemplate .elem .caption .title { margin: 0 0 10px 0; padding: 45px 0 0 0; } .smartphone #z-suite .why .ztemplate .elem .caption .title:before { left: 0;right:0;top:0; font-size: 36px; } .smartphone #z-suite .why .ztemplate .elem .caption .ztextarea { padding: 0; } .smartphone #z-suite .feature .ztemplate { margin: 20px auto 0 auto; max-width: 100%; } .smartphone #z-suite .feature .ztemplate .row .box { padding:0;} .smartphone #z-suite .feature .ztemplate .row .box .elem { margin: 25px 15px; min-height: inherit; } .smartphone #page.contact .content { margin: 20px; max-width: 100%; } .smartphone .compile.onpage { margin: 30px 0 0 0; } .smartphone .compile.fired {padding: 0;display: block;overflow-y: scroll;background: #fff;z-index: 99991;} .smartphone .compile .sx {padding: 30px;width: auto; display: block; clear: both;} .smartphone .compile .dx {margin: 20px;padding: 30px;background-color: #d7272d;width: auto;box-shadow: 0 0 30px rgba(0,0,0,0.2);display: block;clear: both;} .smartphone .compile .close {padding: 0;right: 30px;left: inherit;text-align: right;} .smartphone .compile .varsimple {margin: 0 0 5px 0;font-size: 38px;letter-spacing: -2.5px;} .smartphone .compile .varsimple:before { font-size: 60px;} .smartphone .compile .vareditor { max-width: 100%; } .smartphone .compile .vareditor h3 { font-size: 18px; letter-spacing: -0.6px;line-height: 1.3;} .smartphone .compile .vareditor strong { font-family: LiberGrotesqueFamily-Bold;font-size: 18px;color: #d7272d;letter-spacing: -0.82px;line-height: 1.3; max-width: 80%; } .smartphone .compile .vareditor a {font-family: LiberGrotesqueFamily-SemiBold;font-size: 14px;color: #d7272d;letter-spacing: -0.82px;line-height: 1.3;max-width: 80%;font-style: normal;} .smartphone .compile .vareditor a:before { margin: 0 5px 0 0; font-family: "Font Awesome 5 Pro"; content: "\f10b"; } .smartphone .compile form .caption-fields .form.field { padding: 0 5px 15px 5px;width: 100%;float: none;display: block;clear: both;} .smartphone .compile form .caption-fields .form.field .form_checkbox .checkbox { width: 100%; } .smartphone .compile form .newsletter {margin: 0 10px;padding: 15px;} .smartphone .compile form .newsletter:before { display: none; } .smartphone .compile form .newsletter label { margin: 0 5px 0 0; } .smartphone #contactmobile { position: fixed; background-color: #D8272C; bottom: 0; left: 0; right: 0; z-index: 9999; text-align: center; } .smartphone #contactmobile .varsimple { padding:20px;display: block;font-family: "LiberGrotesqueFamily-Bold";font-size: 14px;color: #fff; line-height: 1;letter-spacing: 0; cursor: pointer; } .smartphone #contactmobile .varsimple:before {margin: 0 5px 0 0;font-family:"Font Awesome 5 Pro";font-size: 14px;color: #fff;text-transform: lowercase;text-align: center;line-height: 1;letter-spacing: 0;content: "\f2b6";font-weight: 400;} .smartphone footer {margin: 0 0 56px 0;} .smartphone footer.nomargin {margin: 0;} .smartphone footer .btniub .iubenda_button { margin:0 10px; display: inline-block; } .smartphone .your_ip { font-size: 32px; padding: 20px 0px; min-height: unset; } .smartphone #z-suite .why .dx { opacity: 1; left: 0 } .smartphone #z-suite .why .ztemplate .elem { opacity: 1 } .smartphone .feature.block { margin-top: 60px } .smartphone #concept { padding: 40px 0 } /* TABLET */ .tablet #page.blog_post .heading { min-height: unset; margin-bottom: 0; padding: 30px 15px 15px} .tablet #page .post_cover_image { margin-bottom: 0} /* Configurazione per RWD */ /* Generic Mobile Devic Tablet */ @media (max-width: 1440px){ #menuopen .zsuitebanner .cnt .text .varsimple { font-size: 28px } #menuopen .zsuitebanner .cnt .text .vareditor { font-size: 16px } } @media (max-width: 1289px){ #page.contact .sx { padding-left: 50px; padding-right: 15px } } @media (max-width: 1210px){ #partners .logos { max-width: 990px } #page.service .text_dyn .fieldvalue h2 { font-size: 38px } .heading .title #page_name, .heading .title #container_name { font-size: 45px } #z-suite .what .ztemplate .row .box .elem .caption-cnt .caption .title { font-size: 38px } } @media (max-height: 819px){ #menuopen .zsuitebanner { height: auto!important; padding: 30px } } @media (max-height: 690px){ #menuopen .zsuitebanner { height: auto!important; padding: 30px } #menuopen .caption.two .logo .cnt { height: 75% } #menuopen .caption.two .logo .cnt img { width: 35% } #menuopen .caption.one ul.nav-pills li { font-size: 30px } #menuopen .caption.one ul.nav-pills li ul.extended-menu li { font-size: 20px } #menuopen .caption.one ul.nav-pills li { margin: 8px auto } } @media (max-width: 1199px){ #z-suite .what .ztemplate .row .box .elem { width: 100% } #z-suite .why .ztemplate .box { flex-direction: column; } #z-suite .why.inview .ztemplate .elem { width: 100% } #z-suite .why .cnt { align-items: flex-start; } } @media (max-width: 1099px){ #menuopen .zsuitebanner .cnt { flex-direction: column; align-items: flex-start;} #menuopen .zsuitebanner .cnt .text { border-left: unset; padding-left: 0; margin-left: 0; } #menuopen .zsuitebanner .cnt .logo { width: 180px } #menuopen .caption.one ul.nav-pills li { font-size: 28px; margin: 8px auto; } #menuopen .caption.one ul.nav-pills li ul.extended-menu li { font-size: 18px } #menuopen .caption.one { padding-left: 80px } #menuopen .zsuitebanner .cnt .text .varsimple { font-size: 22px } } @media (max-width: 1024px){ #team .ztemplate { max-width: unset!important; } #page.contact .sx { width: 100%; padding: 0 30px 30px 30px } #page.contact .dx { width: 100% } #page.contact .content .cnt { display: block; } .section_planet { margin-top: 40px } .astronauta.fired { top: 200px } } @media (max-width: 1023px){ h1, h2, h3, h4, h5, h6 { line-height: 125% } #timeline .ztemplate .row .box .elem .caption-add .title { font-size: 26px } #page.service .text_dyn .fieldvalue h2 { font-size: 28px } #page.zsuite .block .cnt { flex-direction: column; align-items: center; } #interesting .varsimple { text-align: center; } #interesting .sx .vareditor { text-align: center; } #page.zsuite .block .cnt {text-align: center;} #interesting .dx .varsimple { text-align: center; margin-top: 30px } #interesting .dx #vareditor_interesting2 { margin: 20px auto } #interesting .sx { margin: 0 auto } #page.zsuite .block.white.inview .logo { border-right: 0 } #page.zsuite .logo { padding-right: 0; margin-right: 0 } #page.zsuite #vareditor_zsuite { width: 100% } } @media (max-width: 979px) { .ztemplate_model_18 .box { flex-direction: column} .ztemplate_model_18 .elem { width: 100%; margin-bottom: 60px} .ztemplate_model_18 .zsimplebutton { top: 0; opacity: 1} header { padding: 15px; } header.fixed .logo.fixed { top: 8px; width: 35px } header .cnt { display: flex; } header #varlink_section1-cnt a, header #varlink_section1-cnt a:before {color: #D7272D;} header #varlink_section1-cnt { margin: 0 15px 0 0; } header .logo { top: 70px; } header.fixed #varlink_section1-cnt a, header.fixed #varlink_section1-cnt a:before {color: #D7272D;} .cnt {display: block;} .block { padding: 20px; } .block .title {font-size: 32px;line-height: 1;letter-spacing: -3px;} #services .title, #customers .title { margin: 0 0 10px 0; font-size: 48px; } #services { padding: 40px 20px 0 20px; } #services .ztemplate .row .box { padding: 0 0 40px 0; } #services .ztemplate .row .box .slick-arrow.slick-prev { left:35%; bottom: 0; } #services .ztemplate .row .box .slick-arrow.slick-next {right:35%; bottom: 0; } #services .ztemplate .row .box .elem { margin: 0; padding: 15px; } #services .ztemplate .row .box .elem .caption-cnt { text-align: center; min-height: 180px;} #services .ztemplate .row .box .elem .caption-cnt .caption .title { margin: 0 0 15px 0; } #services .ztemplate .row .box .elem .caption-cnt .caption .title a { font-size: 32px; text-align: center; line-height: 1; } #services .ztemplate .row .box .elem .caption-cnt .caption .ztextarea, #services .ztemplate .row .box .elem .caption-cnt .caption .ztextarea strong { font-size: 18px; letter-spacing: -0.5px; font-family: "LiberGrotesqueFamily-SemiBold";} #zsuite {margin: 0 20px 50px 20px;padding: 40px 0;} #zsuite .logo {margin: 0 auto 30px auto;text-align: center;display: block;clear: both;min-width: inherit;max-width: 60%;} #zsuite .logo a { display: inline-block; } #zsuite .ztemplate {margin: 0;padding: 0 35px;border: none;text-align: center;} #zsuite .ztemplate .row .box .elem .caption-cnt .caption .ztextarea { margin: 0 0 15px 0; font-size: 26px; letter-spacing: -1.5px; } #zsuite .ztemplate .row .box .elem .caption-cnt .caption .ztextarea.g3 { font-size:16px; line-height: 1.5; } #z-suite .why .dx { width: 100% } #z-suite .why .sx { margin: 0 auto 25px } #z-suite .why .dx .varsimple { text-align: center; } #z-suite .why .dx .vareditor { text-align: center; } #customers .summary { margin: 0 30px; } #customers .cover .ztemplate .row .box .elem { width: 50%; display: block; } #customers .cover .ztemplate .row .box .elem .caption-cnt .caption .title { font-size: 24px } #customers .logo {margin: 20px auto 20px auto; /*width: 50%;*/} #customers .logo .ztemplate .row .box .elem { /* margin:0 0 20px 0; */ } #customers .logo .ztemplate .row .box .elem .zimage { text-align: center; } #customers .logo .ztemplate .row .box .elem .zimage img {margin: 0 auto;min-width: inherit;max-width: 110px; max-height: unset;} #page.service .text_dyn .fieldvalue {margin: 40px 20px;clear: both; display: block;} #page.service .text_dyn .fieldvalue > div { text-align: center !important; } #page.service .text_dyn .fieldvalue img, #page.service .text_dyn .fieldvalue.odd img { margin: 0 0 15px 0!important; width: 100%; } #page.service .text_dyn .fieldvalue h2, #page.service .text_dyn .fieldvalue.odd h2 {margin: 0 0 10px 0;font-size: 36px;line-height: 1;letter-spacing: -1.5px;text-align: center;} #page.service .text_dyn .fieldvalue h3, #page.service .text_dyn .fieldvalue.odd h3 {margin: 0 0 10px 0;line-height: 1;letter-spacing: -1px;text-align: center;} #page.service .text_dyn .fieldvalue p {text-align: center;} footer #partners {margin: 0 auto; padding:0 30px; width: 100%;} footer #partners .logos {margin:20px auto;padding: 15px 0;display: block;text-align: center;width: 100%;} footer #partners .logos .logo {margin: 0; display: inline-block; float: none; vertical-align: middle;} footer #partners .logos .logo a { display: block; } footer #partners .logos .logo img { margin: 0 auto; min-width: inherit;max-width: 80%;width: auto; } footer #company_profile .cnt div.logo_footer { margin: 0 auto 30px auto; text-align: center; } footer #company_profile .cnt div.logo_footer a, footer #company_profile .cnt div.logo_footer img { text-align: center; } footer #company_profile #vareditor_company_contact1 { margin: 0 0 10px 0; } footer #company_profile #vareditor_company_contact1, footer #company_profile #vareditor_company_contact2, footer #company_profile #vareditor_company_contact1 h3, footer #company_profile #vareditor_company_contact2 h3 {text-align: center;} footer #company_profile .cnt > div.btniub { margin: 30px auto 0 auto; text-align: center; font-size: 12px; } footer #legal { padding: 20px; } footer #legal #vareditor_legal { line-height: 1.2; } footer #legal #vareditor_legal a { color: #fff; } #team .ztemplate { max-width: unset; } #team .ztemplate .row .box .elem { margin: 30px; width: calc(50% - 60px); } } @media (max-width: 898px){ #menuopen .cnt { flex-direction: column; position: relative; justify-content: flex-start; } #menuopen .caption.one { width: 100%; margin-top: 145px; padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 2 } #menuopen.open_fired { overflow: auto; } #menuopen .caption.two { width: 100%; position: initial; } .home #menu-btn.fired #bars .bar { background-color: #000 } .home #menu-btn.fired:after { color: #000 } #menuopen .zsuitebanner { position: relative; padding: 30px 30px 30px 100px; height: auto; } #menuopen.open_fired .caption.two .logo.logo_big { height: 145px; padding-top: 15px } #menuopen .caption.two .logo img { width: auto } header.fixed #menu-btn.fired #bars .bar { background-color: #000 } header.fixed #menu-btn.fired:after { color: #000 } #menuopen.open_fired { background-color: #f6f6f6 } #customers .cover .ztemplate .template_filters .filter_values .form_checkbox .checkbox:last-of-type { margin-right: 0 } #team { padding: 30px } #team .ztemplate .row .box .elem { margin: 0 0 60px 0; width: 100% } } /* Generic Mobile Devic Phone */ @media (max-width: 480px) { } @media (max-width: 767px) { #customers .cover .ztemplate .row .box .elem { width: 100% } .compile form .caption-fields .form.field.text, .compile form .caption-fields .form.field.phone, .compile form .caption-fields .form.field.email { width: 100% } #customers { overflow: hidden; } #page.service .text_dyn .fieldvalue { margin-bottom: 90px } .compile .cnt { width: 100% } } @media (max-width: 393px){ #menuopen .caption.one { margin-top: 0 } } /* iPad landscape | Kindle landscape width: 1024px */ @media (min-width: 980px) and (max-width: 1199px) { #team .ztemplate { max-width: 80%;} #team .ztemplate .row .box .elem { margin: 30px; width: calc(50% - 60px); } } /* Large Desktop */ @media (min-width: 1200px) and (max-width: 1365px) { #team .ztemplate { max-width: 90%;} #team .ztemplate .row .box .elem { margin: 50px; width: calc(50% - 100px); } } @media (min-width: 1366px) and (max-width: 1600px) { #menuopen .caption.two > .logo { height: 70vh; } #menuopen .zsuitebanner { height: 30vh; } } @media (min-width: 1680px) { } @media (min-width: 1900px) { #team .ztemplate .row .box .elem { width: calc(33.33333% - 100px); } #customers .cover .ztemplate .row .box .elem { width: 25%; } } /* Regole per display ad alta densita  */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { }