/* Compagnucci High Tech s.r.l. - edit: tonidigrigio - 2017 */ /*import*/ @import url(normalize.css); @import url(grid.css); @import url(font-awesome.min.css); @import url(side.css); @import url(form.css); @import url(jquery.fancybox.min.css); @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); /*base*/ body {margin:0px;padding:0px;background:#EEEEEE;} img, object, embed {width:100%;} img {height:auto;} /*default*/ ::-moz-selection{background:#93C21F;color:#FFF;text-shadow:none} ::selection{background:#93C21F;color:#FFF;text-shadow:none} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} audio,canvas,iframe,img,svg,video{vertical-align:middle} fieldset{border:0;margin:0;padding:0} textarea{resize:vertical} .hidden{display:none!important} .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} .invisible{visibility:hidden} /*clearfix*/ .clearfix:before, .clearfix:after {content: " ";display: table;} .clearfix:after {clear:both;} .clearfix {*zoom:1;} /*link*/ a, a:link, a:visited, a:active, a:hover { color:#666; text-decoration:none; outline:none; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:inherit; text-transform:none; } a:hover {text-decoration:none;color:#000;} /*fixed*/ .left {float:left !important;} .right {float:right !important;} .noPad {padding:0px !important;} .noMarg {margin:0px !important;} .noBrd {border:none !important;} .dskpHide {display:none !important;visibility:hidden !important;} .relative {position:relative;} /*animation*/ .animation, .animation * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*typographic*/ html {font-family:serif;font-size:14px;-webkit-font-smoothing:antialiased;} body {font-size:1em;color:#666;font-family: 'Roboto', sans-serif;font-weight:400;} blockquote {font-size:1.6em;line-height:1.4em;margin:0;font-style: italic;font-weight:300;color:#333;} p {margin:1.5em 0;font-size:1.1em;line-height:1.5em;} strong {font-weight:700;} ul, ol {margin-top:1.5em;margin:0px 0px 0px 1.5em;} ul li, ol li {line-height:1.5em;font-size:1em;} ul ul, ol ul, ul ol, ol ol {margin-top:0;margin-bottom:0;} h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} h1 {font-size:3em;} h2 {font-size:2.50em;} h3 {font-size:2em;} h4 {font-size:1.750em;} h5 {font-size:1.500em;} h6 {font-size:1.250em;} html, * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*loading*/ .animsition-loading { position:fixed; width:100%;height:100%; left:0px;right:0px;bottom:0px;top:0px; border:none; margin:0px; padding:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .animsition-loading::before { width:150px; height:150px; content: ""; position:absolute; top:30%; left:50%; margin-left:-75px; background:url(../img/loading.png) no-repeat center center; background-size:150px 150px; } .animsition-loading::after { content: ""; width:40px; height:40px; position:fixed; top:calc(30% + 150px); left:50%; margin-left:-20px; border-radius: 50%; z-index:100; background-color: transparent; border-top: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; border-left: 2px solid #ccc; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } /*template*/ header, footer, section, article, side, nav, figure, figcaption, #mainContainer, #headWrapper, #mainWrapper, #footWrapper #mainBanner, figure, figcaption {width:auto;height:auto;margin:0px;padding:0px;clear:both;float:none;} a.scroll { padding:20px; display:block; width:180px; border:1px solid #FFF; text-align:center; font-size:1em; color:#FFF; position:absolute; left:0px; bottom:0px; } a.scroll.english {padding:20px 10px;width:220px;} a.scroll span {padding-right:30px;position:relative;} a.scroll span::after { content:""; position:absolute; right:2px; top:2px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.scroll:hover {background:#FFF;color:#6E6C69;} a.scroll:hover span::after {border-color:#6E6C69;} /*header*/ #headWrapper {background:#FFF;padding-top:20px;padding-bottom:20px;z-index:999999 !important;border-bottom:1px solid #EEEEEE;} #headWrapper .logo {float:left;margin:0px;padding:0px;height:60px;overflow:hidden;} #headWrapper .logo img {width:auto;height:60px;} #mobileLang {display:none;} /*mainMenu*/ nav {float:right;clear:none;} #mainMenu {margin:0px;padding:0px;list-style:none;} #mainMenu li {float:left;line-height:60px;margin-left:40px;font-weight: 500;} #mainMenu li a {color:#666;} #mainMenu li a:hover {color:#000;} #mainMenu li a.active, #mainMenu li a.active:hover {cursor:default;border-bottom:1px solid #666;color:#333;} #mainMenu li.lang {margin:0px 0px 0px 60px;position:relative;} #mainMenu li.lang::after { content: ""; width:1px; height:10px; position: absolute; left:-29px; top:25px; background:#999; } #mainMenu li.lang i.fa {padding-right:5px;color:#999;} /*footer*/ #footWrapper {background:#333;padding-top:40px;padding-bottom:40px;} #footWrapper .topFooter .row {border-bottom:1px solid #666;overflow:hidden;padding-bottom:20px;margin-bottom:20px;} #footWrapper .topFooter img.logoCMP {width:auto;height:40px;margin:20px 0px 30px 0px;border:none;outline:none;} #footWrapper .topFooter img.logoFGV {width:auto;height:70px;margin-bottom:20px;border:none;outline:none;} #footWrapper .topFooter p {margin:0px;padding:0px;font-size:0.9em;color:#999;} #footWrapper .topFooter p a {color:#8cb014;border-bottom:1px solid #333;} #footWrapper .topFooter p a:hover {border-color:#8cb014;} #footWrapper .topFooter .downloadFooter {position:relative;} #footWrapper .topFooter .downloadFooter .wrapper {position:relative;z-index:2;margin:90px 0px 0px 150px;} #footWrapper .topFooter .downloadFooter img {position:absolute;max-width:145px;left:-10px;bottom:-75px;z-index:1;} #footWrapper .topFooter .downloadFooter h5 {margin:0px;padding:0px;color:#ccc;font-weight:300;} #footWrapper .topFooter .downloadFooter h5 span {display:block;font-size:0.6em;font-weight:100;} #footWrapper .topFooter .downloadFooter h5.mainTitle {margin-bottom:20px !important;padding-bottom:20px !important;} #footWrapper .topFooter .downloadFooter h5.mainTitle::after {background:#5c5c5c;} #footWrapper .topFooter .downloadFooter h5.mainTitle::before {background:#b3b3b3;} #footWrapper .topFooter .downloadFooter ul {margin:0px;padding:0px;list-style:none;} #footWrapper .topFooter .downloadFooter ul li {padding:0px 0px 2px 0px;} #footWrapper .topFooter .downloadFooter ul li a {border-bottom:1px solid #333;color:#8cb014;} #footWrapper .topFooter .downloadFooter ul li a:hover {border-color:#FFF;color:#FFF;} #footWrapper .subFooter p {margin:0px;padding:0px;font-size:0.9em;color:#999;} #footWrapper .subFooter p {font-weight:300;} #footWrapper .subFooter p.credits a {color:#999;border-bottom:1px solid #333;font-weight:400;} #footWrapper .subFooter p.credits a:hover {border-color:#ccc;color:#ccc;} #footWrapper .subFooter ul {margin:0px;padding:0px;list-style:none;} #footWrapper .subFooter ul li {float:left;margin-left:20px;} #footWrapper .subFooter ul li a {font-size:0.9em;color:#999;} #footWrapper .subFooter ul li a:hover {color:#FFF;} #footWrapper .topFooter ul {margin:5px 0px 0px ;padding:0px;clear:both;float:none;list-style:none;} #footWrapper .topFooter ul li {font-size:0.9em;color:#999;padding:2px 0px 0px 0px;} #footWrapper .topFooter ul li a {color:#999;border-bottom:1px solid #333;} #footWrapper .topFooter ul li a:hover {color:#fff;border-color:#FFF;} /*slickSlider*/ .slick-slider { margin:0px; 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-slider, .slick-slider * {border:none;outline:none;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -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:before,.slick-track:after {display: table;content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;float:left;height:100%;min-height:100%;} [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;} button.slick-next {display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#FFF;z-index:99999 !important;top:50%;margin-top:-40px;left:10px;position:absolute;font-size:3em;opacity:0.6;overflow:hidden;border:none;outline:none;background:none;} button.slick-prev {display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#FFF;z-index:99999 !important;top:50%;margin-top:-40px;right:10px;position:absolute;font-size:3em;opacity:0.6;overflow:hidden;border:none;outline:none;background:none;} button.slick-next {background:url(../img/prew.svg) no-repeat center center;background-size: 40px 40px;text-indent:-99999px;} button.slick-prev {background:url(../img/next.svg) no-repeat center center;background-size: 40px 40px;text-indent:-99999px;} .slick-dots {margin:0px;padding:0px;clear:both;float:none;list-style:none;text-align:center;position:absolute;left:20px;right:20px;bottom:20px;z-index:9999;overflow:hidden;height:20px;} .slick-dots li {position:relative;display:inline-block;margin:0px 3px;padding:0px;width:20px;height:20px;} .slick-dots li button { position: absolute; top:8px;left:0px;right:0px; width:20px; height:2px; display: block; overflow:hidden; padding:0; margin:0px; cursor:pointer; text-indent:-99999px; outline:none; background:#ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slick-dots li.slick-active button {top:6px;height:4px;margin:0px;background:#97be0d;cursor:default;} /*title*/ .mainTitle {position:relative;font-weight:100;margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;} .mainTitle::after { content: ""; position: absolute; left:0px; right:0px; bottom:0px; width:100%; height:1px; background:#CCC; z-index:1; } .mainTitle::before { content: ""; position: absolute; right:0px; bottom:0px; width:15%; height:3px; background:#999; z-index:2; } /*paragrafi*/ /*p.hyphenate {text-align:justify;}*/ /*homepage*/ .sliderHome {padding-bottom:40px;overflow:hidden;} .sliderHome .slick-list {margin-left:-15px;margin-right:-15px;} .sliderHome button.slick-next {right:10px;left:inherit;background: url(../img/next.svg);} .sliderHome button.slick-prev {left:10px;right: inherit;background: url(../img/prew.svg);} /*azienda*/ #aziendaIntro {background:#FFF;position:relative;padding:120px 0px;} #aziendaIntro.homepage h3.mainTitle {color:#333;font-weight:300;} #aziendaIntro .container {position:relative;z-index:2;} #aziendaIntro p:last-child, #aziendaIntro p:last-of-type {margin-bottom:0px;} #aziendaIntro .background-image-holder { position:absolute; float:right; top:0px; bottom:0px; right:0px; width:47%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; z-index:1; } #aziendaIntro a { padding:20px; display:block; width:180px; border:1px solid #CCC; text-align:center; font-size:1em; color:#999; margin-top:40px; } #aziendaIntro a span {padding-right:30px;position:relative;} #aziendaIntro a span::after { content:""; position:absolute; right:2px; top:4px; width:6px; height:6px; border-top:1px solid #999; border-right:1px solid #999; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #aziendaIntro a span::before { content:""; position:absolute; top:7px; right:3px; width:10px; height:1px; background:#999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #aziendaIntro a:hover {background:#97be0d;color:#fff;border-color:#97be0d;} #aziendaIntro a:hover span::after {border-color:#fff;} #aziendaIntro a:hover span::before {background:#fff;} /*tecnologia*/ #aziendaIntro.likeChromoPage {padding-top:40px;background:#000;padding:60px 0px;} #aziendaIntro.likeChromoPage h1 {color:#FFF;} #aziendaIntro.likeChromoPage h1 strong {font-weight:300;} #aziendaIntro.likeChromoPage blockquote {color:#EEE;} #aziendaIntro.likeChromoPage p {color:#DDD;} #aziendaIntro.likeChromoPage p strong {font-weight:500;} #aziendaIntro.tecnoPage {padding:40px 0px;} #aziendaIntro.tecnoPage .mainTitle {max-width:inherit;} #aziendaIntro.tecnoPage .span-6 {overflow:hidden;} #aziendaIntro.tecnoPage.last {padding:60px 0px 120px 0px;} /*fgv*/ #fgvWrapper {background:#000;position:relative;padding:120px 0px;} #fgvWrapper .container {position:relative;z-index:2;} #fgvWrapper .mainTitle {color:#FFF;} #fgvWrapper .mainTitle strong {font-weight:300;} #fgvWrapper .mainTitle::before {background:#fff;} #fgvWrapper .mainTitle::after {background:#ccc;} #fgvWrapper p {color:#FFF;} #fgvWrapper p:last-child, #aziendaIntro p:last-of-type {margin-bottom:0px;} #fgvWrapper .background-image-holder { position:absolute; float:right; top:0px; bottom:0px; right:0px; left:0px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; z-index:1; opacity:0.3; } #galleryWrapper {background:#fff;position:relative;padding:60px 0px;} #galleryWrapper .row {margin-left:-35px;margin-right:-35px;} #galleryWrapper .wrapGallery {display:block;padding:20px;} /*inside slider*/ #insideSlider { position:absolute; float:right; top:0px; bottom:0px; right:0px; width:47%; z-index:1; } #insideSlider .imageSlider {width:100%;height:100%;} #insideSlider .imageSlider button.slick-prev, #insideSlider .imageSlider button.slick-next {display:none !important;} #insideSlider .slick-list {height:100%;width:100%;} #insideSlider .slick-track {height:100%;width:100%;} #insideSlider .slider-image-holder { position:absolute; top:0px; bottom:0px; right:0px; left:0px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; z-index:1; } /*contatti*/ #mapWrapper {position: relative;overflow:hidden;height:50vh;background:#2b2b2b;} #map {width:100%;cursor:default;height:55vh;} #map img, #map object, #map embed {max-width:none;} #contattiWrapper {padding:60px 0px;background:#FFF;} #contattiWrapper p {margin:0px;} #contattiWrapper p.need {font-style:italic;font-size:0.8em;margin-bottom:20px;} #contattiWrapper .privacy .checkbox {float:left;width:20px;} #contattiWrapper .privacy .checkboxLabel {float:left;width:calc(100% - 30px);font-size:0.9em;line-height:1.4em;padding-left:10px;} #contattiWrapper .privacy .checkboxLabel a {color:#97be0d;border-bottom:1px solid #FFF;} #contattiWrapper .privacy .checkboxLabel a:hover {border-color:#97be0d;} /*prodotto*/ #prodottoIntro {background:#6e6c69;padding:80px 0px;} #prodottoIntro p {color:#FFF;font-size:1.2em;margin:0px;padding:0px;font-weight:300;} #prodottoIntro p.info {font-size:1em;margin:20px 0px 0px 190px;} #prodottoIntro img {width:100%;max-width:350px;margin-left:100px;} #prodottoIntro h1 {color:#FFF;width:55%;margin-bottom:40px;} #prodottoIntro .mainTitle::after {background:#CCC;} #prodottoIntro .mainTitle::before {background:#e0e0e0;} #prodottoIntro.imageIntro h1 {width:100%;} #prodottoIntro.imageIntro img {width:100%;max-width:inherit;margin-left:0px;} #prodottoIntro .moreInfo {color:#FFF;text-transform:uppercase;font-size:1em;font-weight:500;border-bottom: 1px solid #6E6C69;margin:20px 0px 0px 190px;display:inline-block;} #prodottoIntro .moreInfo i.fa {padding-right:10px;} #prodottoIntro .moreInfo:hover {border-bottom: 1px solid #FFF;} /*lista prodotti*/ #listProdotti {background:#fff;padding:60px 0px;} #listProdotti.listaPagina .row {margin-right:-30px;margin-left:-30px;} #listProdotti .product {width:33.3333%;float:left;} #listProdotti .product .wrapper {position:relative;margin:20px 15px;overflow:hidden;} #listProdotti .product .wrapper a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-9999px;overflow:hidden;display:block;z-index:5;} #listProdotti .product .wrapper figure {overflow:hidden;position:relative;z-index:1;margin-bottom:30px;} #listProdotti .product .wrapper figure img {width:100%;} #listProdotti .product .wrapper:hover figure img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #listProdotti .product .wrapper figcaption {background:#FFF;padding-top:30px;color:#666;font-weight:500;font-size:1.4em;position:absolute;left:0px;right:0px;bottom:0px;z-index:2;} #listProdotti .product .wrapper figcaption::after { content: ""; position:absolute; z-index:1; left:0px; right:0px; top:15px; width:100%; height:1px; background:#c2c2c2; } #listProdotti .product .wrapper:hover figcaption {color:#333;padding-bottom:20px;} #listProdotti .product .wrapper figcaption span {display:block;width:15px;height:15px;position:absolute;top:30px;right:0px;opacity:0;} #listProdotti .product .wrapper figcaption span::after { content:""; position:absolute; right:2px; top:6px; width:8px; height:8px; border-top:1px solid #999; border-right:1px solid #999; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #listProdotti .product .wrapper figcaption span::before { content:""; position:absolute; top:10px; left:0px; right:0px; width:100%; height:1px; background:#999; } #listProdotti .product .wrapper:hover figcaption span {opacity:1;} /*lista prodotti interna*/ #listProdotti.correlatiSlider {padding-top:0px;} #listProdotti.introLinea .product {width:25%;} #listProdotti.introLinea .product figcaption {font-size:1.3em;} #listProdotti .sliderCorrelati .product .wrapper {margin:0px 15px;} #listProdotti .sliderCorrelati {padding-bottom:40px;overflow:hidden;} #listProdotti .sliderCorrelati .slick-list {margin-left:-15px;margin-right:-15px;} #listProdotti .sliderCorrelati .slick-dots {bottom:-10px;} #listProdotti .sliderCorrelati button.slick-next {right:10px;left:inherit;background: url(../img/next.svg);} #listProdotti .sliderCorrelati button.slick-prev {left:10px;right: inherit;background: url(../img/prew.svg);} /*breadcrumb*/ #bredCrumb {background:#6D6C68;padding:20px 0px;} #bredCrumb ul {list-style:none;margin:0px;padding:0px;color:#FFF;} #bredCrumb ul li {margin:0px;padding:0px;display:inline-block;text-transform:uppercase;} #bredCrumb ul li.sep {width:40px;position:relative;} #bredCrumb ul li.sep::after { content: ""; border-top:1px solid #FFF; border-right:1px solid #FFF; position: absolute; top: -7px; left: 13px; width:5px; height:5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #bredCrumb ul li a {color:#FFF;border-bottom:1px solid #6D6C68;} #bredCrumb ul li a:hover {border-color:#FFF;} #bredCrumb ul li.back {float:right;position:relative;padding-left:20px;} #bredCrumb ul li.back::after { content: ""; border-top:1px solid #FFF; border-left:1px solid #FFF; position: absolute; top:7px; left:0px; width:6px; height:6px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #bredCrumb ul li.back::before { content: ""; position: absolute; top:10px; left:0px; height:1px; width:10px; background:#fff; } /*prodotti*/ #prodottoWrapper {background:#FFF;padding:40px 0px;} #prodottoWrapper .textWrapper h1 {color:#97be0d;font-weight:300;border-top:3px solid #97be0d;margin:0px 0px 20px 0px;padding:20px 0px 40px 0px;font-size:2em;border-bottom:1px solid #CCC;} #prodottoWrapper .textWrapper blockquote {font-size:1.2em;margin:0px 0px 10px 0px;padding:0px;font-style:normal;font-weight:400;} #prodottoWrapper .textWrapper p {margin:0px;padding:0px;} #prodottoWrapper .sliderProdotto {background:#f2f2f2;} #prodottoWrapper .sliderProdotto button.slick-prev {left:10px;right:inherit;background: url(../img/prew.svg) no-repeat center center;} #prodottoWrapper .sliderProdotto button.slick-next {right:10px;left:inherit;background: url(../img/next.svg) no-repeat center center;} #prodottoWrapper .dettagliWrapper {padding-top:40px;} #prodottoWrapper .dettagliWrapper .mainTitle {max-width:100%;} #prodottoWrapper .dettagliWrapper p.info {margin:20px 0px 0px 0px;padding:0px;color:#666;font-size:0.9em;} #prodottoWrapper .dettagliWrapper p.info strong {font-weight:900;} #prodottoWrapper .dettagliWrapper p.info span {font-weight:700;} #prodottoWrapper p.infoExtra {margin:20px 0px 0px 0px;padding:0px;color:#666;font-size:0.9em;} #prodottoWrapper p.infoExtra strong {font-weight:900;} #prodottoWrapper p.infoExtra span {font-weight:700;} #disegniWrapper {background:url(../img/bg-disegni.png);padding:0px;text-align:center;} #disegniWrapper figure {width:calc((100% / 5) - 20px);display:inline-block;text-align:center;position:relative;} #disegniWrapper figure img {width:100%;max-width: 400px;margin:0px auto;} #disegniWrapper figure figcaption {color:#333;font-weight: 500;font-size:0.9em;position:absolute;left:0px;right:0px;bottom:40px;text-transform:uppercase;} #accessoriProdotti {background:#FFF;padding:0px 0px 40px 0px;} #accessoriProdotti .pianiList {margin-left:-15px;margin-right:-15px;width:auto;} #accessoriProdotti .product {width:25%;float:left;} #accessoriProdotti .product .wrapper {position:relative;margin:20px 15px;overflow:hidden;} #accessoriProdotti .product .wrapper figure {overflow:hidden;position:relative;z-index:1;} #accessoriProdotti .product .wrapper figure img {width:100%;} #accessoriProdotti .product .wrapper figcaption {background:#FFF;padding:0px;color:#666;font-weight:500;font-size:1em;margin-top:20px;padding-top:10px;border-top:1px solid #c2c2c2} /*callAction*/ #callAction {background:#97be0d;padding:40px 0px;} #callAction .wrapper {float:left;width:calc(100% - 230px);} #callAction h5 {margin:10px 0px 0px 0px;color:#FFF;} #callAction p {margin:0px;color:#FFF;} #callAction a { padding:20px; display:block; width:180px; float:right; border:1px solid #FFF; text-align:center; font-size:1em; color:#FFF; } #callAction a span {padding-right:30px;position:relative;} #callAction a span::after { content:""; position:absolute; right:2px; top:4px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #callAction a span::before { content:""; position:absolute; top:7px; right:3px; width:10px; height:1px; background:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #callAction a:hover {background:#FFF;color:#97be0d;} #callAction a:hover span::after {border-color:#97be0d;} #callAction a:hover span::before {background:#97be0d;} /*news*/ #listNewsWrapper {padding:40px 0px;background:#FFF;} #listNewsWrapper.homepage {background:#f7f7f7;} #listNews .row {margin-left:-30px;margin-right:-30px;} #listNews .news {width:33.3333%;float:left;} #listNews .news .wrapper { position: relative; margin: 20px 15px; overflow: hidden; border:3px solid #FFF; } #listNewsWrapper.homepage #listNews .news .wrapper {background:#FFF;} #listNewsWrapper.homepage #listNews .news .wrapper {border-color:#fff;} #listNews .news .wrapper img {width:100%;height:100%;opacity:0} #listNews .news .wrapper a {position: absolute;top:0px;left:0px;right:0px;bottom:0px;text-indent:-9999px;overflow:hidden;display:block;z-index:5;} #listNews .news .wrapper figcaption {margin:40px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:hidden;z-index:2;} #listNews .news .wrapper figcaption h5 {margin:0px 0px 20px 0px;color:#97be0d;font-weight:400;} #listNews .news .wrapper figcaption p {margin:0px;} #listNews .news .wrapper figcaption span.data {display:block;margin:0px 0px 10px 0px;font-size:0.9em;color:#333;} #listNews .news .wrapper figcaption span.more {display:block;position:absolute;left:0px;bottom:-5px;opacity:0;color:#97be0d;padding-right:20px;} #listNews .news .wrapper figcaption span.more::after { content:""; position:absolute; right:2px; top:4px; width:6px; height:6px; border-top:1px solid #97be0d; border-right:1px solid #97be0d; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #listNews .news .wrapper figcaption span.more::before { content:""; width:10px; position:absolute; top:7px; right:2px; height:1px; background:#97be0d; } #listNews .news .wrapper:hover {border-color:#97be0d;} #listNewsWrapper.homepage #listNews .news .wrapper:hover {border-color:#97be0d;} #listNews .news .wrapper:hover figcaption span.more {opacity:1;bottom:0px;} #listNews .news.image .wrapper {border-color:#FFF;background:#333;} #listNews .news.image .wrapper:hover {border-color:#fff;} #listNews .news.image .wrapper figure { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; opacity:.5; } #listNews .news.image .wrapper figcaption h5 {color:#FFF;} #listNews .news.image .wrapper figcaption p {color:#FFF;} #listNews .news.image .wrapper figcaption span.data {color:#EEE;} #listNews .news.image .wrapper figcaption span.more {color:#FFF;} #listNews .news.image .wrapper figcaption span.more::after {border-color:#FFF;} #listNews .news.image .wrapper figcaption span.more::before {background:#FFF;} #listNews .news.image .wrapper:hover figure { left:-20px; right:-20px; bottom:-20px; top:-20px; } #listNewsWrapper.homepage #listNews .news.image .wrapper:hover {border-color:#f7f7f7;} #listNewsWrapper.homepage #listNews .news.image .wrapper {border-color:#FFF;background:#333;} #newsSlider {padding-bottom:40px;background:#FFF;} /*dettaglio news*/ #newsWrapperText {background:#FFF;padding:20px 0px 40px 0px;} #newsWrapperText .span-7 {clear:both;float:none;margin:0px auto;} #newsWrapperText .span-7 span.data {display:block;margin:0px 0px 10px 0px;font-size:0.9em;color:#333;} #newsWrapperText .span-7 h1 {font-weight:400;color:#333;font-size:2.2em;margin-bottom: 20px;} #newsWrapperText .span-7 p {margin-bottom:0px;} #newsWrapperText .span-7 p a {color:#97be0d;font-weight:500;border-bottom:1px solid #FFF;} #newsWrapperText .span-7 p a:hover {border-color:#97be0d;} /*sitemap*/ #sitemapWrapper {background:#FFF;padding:40px 0px;} #sitemapWrapper .span-8 {margin:0px auto;clear:both;float:none;} #sitemapWrapper ul {margin:20px 0px 30px 0px;padding:0px;list-style:none;} #sitemapWrapper ul li {margin:0px;padding:0px;list-style:none;border-bottom: 1px solid #eee;overflow:hidden;} #sitemapWrapper ul li:last-child, #sitemapWrapper ul li:last-of-type {border:none;} #sitemapWrapper ul li a {padding:10px 0px;display:block;font-size:1.2em;font-weight:400;color:#93C21F;position: relative;margin-left:-10px;} #sitemapWrapper ul li a::before { font-family: 'FontAwesome'; content: '\f105 '; margin-right:10px; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #sitemapWrapper ul li a:hover::before {opacity:1;} #sitemapWrapper ul li:hover a {margin-left:0px;} #sitemapWrapper ul ul {margin:0px 0px 0px 20px;} #sitemapWrapper ul ul li:last-child, #sitemapWrapper ul ul li:last-of-type {border-bottom: 1px solid #eee;} /*nomenclatura*/ #nomenclatura {background:#6E6C69;} #nomenclatura .row {padding-top:40px;padding-bottom:40px;} #nomenclatura .span-6 {padding:20px 0px 0px 0px;border-top:1px solid #FFF;} #nomenclatura h6 {color:#FFF;font-weight:400;margin:0px 0px 40px 0px;padding:0px} #nomenclatura h6 strong {font-weight:500;} #nomenclatura p {margin:0px;padding:0px;color:#FFF;} #nomenclatura ul {margin:20px 0px 0px 10px;padding:0px;list-style:none;} #nomenclatura ul li {color:#FFF;font-size:1em;} #nomenclatura ul li strong {padding-right:10px;} #nomenclatura p span, #nomenclatura ul li span {padding:0px 10px;} /*fancybox update*/ .fancybox-container {z-index:9999999;} .fancybox-container {background:#6E6C69;} .fancybox-is-open .fancybox-bg {opacity:1 !important;} .fancybox-bg {background:#6E6C69;} .fancybox-close-small, .fancybox-close-small * {border:none !important;outline:none !important;} .fancybox-close-small:after {border:none !important;outline:none !important;} /*responsive*/ @media handheld, only screen and (max-width:1280px) { .container {width:auto;max-width:inherit;margin-left:20px;margin-right:20px;} .row {padding-right:0px;padding-left:0px;} #footWrapper {padding-top:20px;padding-bottom:20px;} #footWrapper .topFooter .downloadFooter img {max-width:115px;bottom:-45px;} #footWrapper .topFooter .downloadFooter .wrapper {margin:40px 0px 0px 130px;} #mainMenu li {margin-left:30px;} #aziendaIntro {padding:60px 0px;} #fgvWrapper {padding:60px 0px;} #prodottoIntro {padding:40px 0px;} #listProdotti {padding:20px 0px;} #prodottoIntro img {margin-left:50px;} #prodottoIntro p.info, #prodottoIntro .moreInfo {margin-left:90px;} #listNews .news .wrapper figcaption {margin:20px;} } @media handheld, only screen and (max-width:1100px) { #fgvWrapper .span-6 {clear:both;float:none;width:60%;margin:0px auto;} } @media handheld, only screen and (max-width:1024px) { #aziendaIntro {padding:40px 0px;} #fgvWrapper {padding:40px 0px;} #galleryWrapper {padding:40px 0px;} #listProdotti.correlatiSlider .container {padding-left:0px;padding-right:0px;} #listProdotti.correlatiSlider .row {margin-left:0px;margin-right:0px;} #listNews .news .wrapper figcaption span.more {opacity:1;bottom:0px;} #listNews .news.image .wrapper figcaption h5, #listNews .news .wrapper figcaption h5 {font-size:1.35em;} #listNews .news.image .wrapper figcaption p, #listNews .news .wrapper figcaption p {font-size:0.95em;} #listProdotti .product .wrapper figcaption {font-size:1.2em;} #listProdotti .product .wrapper figure {margin-bottom:0px;} #newsSlider {padding-bottom:20px;} #aziendaIntro.likeChromoPage .background-image-holder {background-position:35% !important;} } @media handheld, only screen and (max-width: 768px) { #menu-toggle {display:block;} #headWrapper {z-index:999999 !important;} #mobileLang {display:block;position:absolute;list-style:none;top:24px;right:70px;margin:0px;padding:0px;} #mobileLang li {line-height:18px;} #mobileLang::after { content: ""; width:1px; height:16px; position: absolute; right:-15px; top:0px; background:#999; } #mobileLang i.fa {padding-right:5px;color:#999;} html.tablet.portrait #footWrapper .topFooter .row .span-4 {width:48%;clear:none;float:left;padding:0px;margin-right:3.8%;} html.tablet.portrait #footWrapper .topFooter .row .span-4:nth-child(2) {margin-right:0px;} html.tablet.portrait #footWrapper .topFooter .row .span-4.downloadFooter {float:none;clear:both;width:auto;margin:0px;padding-top:40px;} html.tablet.portrait #footWrapper .topFooter .downloadFooter img {position:relative;left:inherit;bottom:inherit;float:left;margin:0px 40px 0px 0px} html.tablet.portrait #footWrapper .topFooter .downloadFooter .wrapper {margin:0px;float:right;width:calc(100% - 155px);padding-top:20px;} #headWrapper nav {display:none;} #headWrapper .logo, #headWrapper .logo img {height:50px;} #fgvWrapper .span-6 {width:auto;} #aziendaIntro {padding:20px 0px 0px 0px;} #aziendaIntro.tecnoPage {padding:20px 0px;} #fgvWrapper {padding:20px 0px;} #aziendaIntro .background-image-holder {position:relative;clear:both;float:none;top:inherit;height:400px;bottom:inherit;right:inherit;width:auto;z-index:1;margin:20px;} #galleryWrapper {padding:0px 0px 20px 0px;} #galleryWrapper .row {margin:0px;} #galleryWrapper .wrapGallery {padding:0px;} #galleryWrapper .span-full-4 .wrapGallery {width:calc(50% - 10px);float:left;clear:inherit;margin-top:20px;} #galleryWrapper .span-full-4 .wrapGallery:first-child, #galleryWrapper .span-full-4 .wrapGallery:first-of-type {padding-right:10px;} #galleryWrapper .span-full-4 .wrapGallery:last-child, #galleryWrapper .span-full-4 .wrapGallery:last-of-type {padding-left:10px;} #aziendaIntro h1 br, #fgvWrapper h2 br, #aziendaIntro.homepage h3 br {display:none;} #insideSlider {display:none;} #aziendaIntro.tecnoPage .mainTitle {max-width:none;} #aziendaIntro.tecnoPage .span-6 img {padding:40px 80px 0px 80px;margin:0px auto;width:calc(100% - 160px);} #prodottoIntro .span-6.last {text-align:center;} #prodottoIntro h1 {width:auto;margin-bottom:20px;} #prodottoIntro img {margin:20px auto;} #prodottoIntro p.info, #prodottoIntro .moreInfo {margin:0px auto;text-align:center;} #listProdotti .row {margin:0px;} #listProdotti.introLinea .product {width:33.3333%;} #prodottoWrapper .dettagliWrapper .mainTitle {max-width:inherit;} #listProdotti .mainTitle {max-width:inherit;} #disegniWrapper figure figcaption {position:relative;bottom:20px;} #prodottoWrapper .textWrapper .span-6 {clear:both !important;float:none !important;} #prodottoWrapper .sliderProdotto {margin-top:40px;} #prodottoWrapper .dettagliWrapper p.info {margin-top:10px;} #bredCrumb ul li.sep {width:20px;} #bredCrumb ul li.sep::after {left:6px;} #listNews .row {margin-left:-15px;margin-right:-15px;width: calc(100% + 30px);} html.tablet.portrait #listNews.homepage .news:nth-child(4) {display:block;} #listProdotti.listaPagina .row {margin-left:-15px;margin-right:-15px;width: calc(100% + 30px);} #prodottoIntro a.scroll {display:none;} #prodottoIntro.imageIntro img {display:none;} #prodottoWrapper .textWrapper .span-4 {clear:none;float:left;width:180px;margin:0px 20px 0px 0px;} #prodottoWrapper .textWrapper .span-8 {clear:none;float:left;width:calc(100% - 200px);} #aziendaIntro.likeChromoPage {padding-bottom:0px;} #aziendaIntro.likeChromoPage .background-image-holder {margin:0px;} #aziendaIntro.tecnoPage {padding-bottom:0px;} #aziendaIntro.tecnoPage .tecnoPage {padding-bottom:40px;} #aziendaIntro.tecnoPage.last {padding:20px 0px 40px 0px;} #galleryWrapper {padding-top:20px;} } @media handheld, only screen and (max-width: 740px) { #footWrapper .topFooter .row .span-4 {padding:0px;} #footWrapper .topFooter .row .span-4:nth-child(2) {margin-top:20px;} #footWrapper .subFooter p {clear:both !important;float:none !important;text-align:center;} #footWrapper .subFooter p span {display:none;} #footWrapper .subFooter ul {clear:both !important;float:none !important;text-align:center;margin-top:5px;} #footWrapper .subFooter ul li {clear:both !important;float:none !important;display:inline-block;margin:0px 3px;} #footWrapper .topFooter .downloadFooter img {left:0px;} #headWrapper .logo, #headWrapper .logo img {height:45px;} #aziendaIntro.tecnoPage .span-6 img {padding:20px 0px 0px 0px;width:120%;margin:0px -10%;} #callAction {padding:20px 0px;} #callAction .wrapper {float:none;clear:both;width:auto;} #callAction a {float:none;clear:both;width:auto;max-width: inherit;margin-top:20px;} #prodottoIntro, #listProdotti {padding:20px 0px;} #listProdotti .product .wrapper figure {margin-bottom:0px;} html.mobile.portrait #listProdotti.listaPagina .product {width:auto;clear:both;float:none;} html.mobile.portrait #listProdotti.listaPagina .product .wrapper {margin-left:0px;margin-right:0px;} html.mobile.landscape #listProdotti.listaPagina .product {width:50%;} html.mobile.landscape #listProdotti.listaPagina .product .wrapper {margin-left:10px;margin-right:10px;} #prodottoWrapper .textWrapper h1 {padding:10px 0px 20px 0px} #prodottoWrapper .dettagliWrapper p.info {margin-top:0px;} #listProdotti .siderCorrelati {padding-bottom:20px;} html.mobile.portrait #listProdotti .siderCorrelati .product .wrapper {margin:0px;} html.mobile.portrait #listProdotti .siderCorrelati {margin:0px;} html.mobile #bredCrumb {display:none;} html.mobile #prodottoWrapper {padding-top:20px;} html.mobile.portrait #disegniWrapper figure {width:auto;clear:both;float:none;display: block;} html.mobile #disegniWrapper figure img {max-width:250px;} html.mobile.landscape #listNews.homepage .news:nth-child(4) {display:block;} html.mobile.portrait #listNews.homepage .news {clear:both;float:none;width:100%;} html.mobile.portrait #listNews .news {clear:both;float:none;width:100%;} html.mobile.landscape #listProdotti.listaPagina .row {margin-left:-10px;margin-right:-10px;width:auto;} html.mobile.portrait #listProdotti.listaPagina .row {margin-left:0px;margin-right:0px;width:auto;} html.mobile #prodottoWrapper .textWrapper .span-4 {clear:none;float:left;width:100px;margin:0px 10px 0px 0px;} html.mobile #prodottoWrapper .textWrapper .span-8 {clear:none;float:left;width:calc(100% - 110px);} } /*tabelle*/ #tableInfo {margin:40px 0px 20px 0px;padding:0px;clear:both;float:none;} #tableInfo * {font-size:14px !important;} #tableInfo dt {line-height:50px;border-top:1px solid #b2b2b2;color:#333;font-weight:900;} #tableInfo dt span {font-weight:400;} #tableInfo dd {line-height:50px;margin-right:0px;border-top:1px solid #b2b2b2;color:#333;font-weight:500;} #tableInfo dt:first-child, #tableInfo dt:first-of-type, #tableInfo dd:first-child, #tableInfo dd:first-of-type {border-top:none;} #tableInfo dt.head {color:#666;font-weight:400;position:relative;padding-top:3px;text-transform:uppercase;} #tableInfo dt.head::after { content: ""; position:absolute; top:0px; left:0px; right:0px; width:100%; height:3px; background:#b2b2b2; } #tableInfoList li.head .codice::after { height:3px !important; } #tableInfo dd.head {color:#666;font-weight:400;position:relative;padding-top:3px;text-transform:uppercase;} #tableInfo dd.head::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } @media handheld, only screen and (max-width: 768px) { #tableInfo * {font-size:12px !important;} #tableInfo dt {width:30%;float:left;clear:none;} #tableInfo dd {width:calc(70% - 20px);float:left;clear:none;margin-left:20px;} } @media handheld, only screen and (max-width: 740px) { #tableInfo dt.head, #tableInfo dd.head {line-height:normal;padding:10px 0px;} #tableInfo dt, #tableInfo dd {line-height:normal;padding:10px 0px;} #tableInfo dd {width:calc(70% - 10px);margin-left:10px;} } #tableInfoList {margin:40px 0px 20px 0px;padding:0px;clear:both;float:none;list-style:none;} #tableInfoList * {font-size:14px !important;} #tableInfoList li .span-2 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li .span-3 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li .span-4 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li .span-5 {line-height:50px;color:#333;font-weight:900;} #tableInfoList li .span-6 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li .span-7 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li .span-8 {line-height:50px;color:#333;font-weight:900;border-top:1px solid #b2b2b2;} #tableInfoList li.head div {border-top:none;text-transform:uppercase;} #tableInfoList li.head .span-2 {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-2::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-3 {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-3::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-4 {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-4::after { content: ""; position:absolute; top:0px; left:0px; right:0px; width:100%; height:3px; background:#b2b2b2; } #tableInfoList li.head .span-5 {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-5::after { content: ""; position:absolute; top:0px; left:0px; right:0px; width:100%; height:3px; background:#b2b2b2; } #tableInfoList li.head .span-6 {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-6::after { content: ""; position:absolute; top:0px; left:0px; right:0px; width:100%; height:3px; background:#b2b2b2; } #tableInfoList li .span-2 span {font-weight:500;} #tableInfoList li .span-3 span {font-weight:500;} #tableInfoList li .span-4 span {font-weight:500;} #tableInfoList li .span-5 span {font-weight:500;} #tableInfoList li .span-6 span {font-weight:500;} #tableInfoList li.head .span-2.table {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-2.table::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-3.table {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-3.table::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-4.table {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-4.table::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-5.table {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-5.table::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } #tableInfoList li.head .span-6.table {color:#666;font-weight:400;position:relative;padding-top:3px;} #tableInfoList li.head .span-6.table::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } @media handheld, only screen and (max-width: 768px) { #tableInfoList * {font-size:12px !important;} #tableInfoList li .span-4 {width:30.75%;margin-right:3.8%;float:left;clear:none;} #tableInfoList li .span-4.last {margin-right:0px;} #tableInfoList li .span-8 {width:65.4%;float:left;clear:none;margin-right:0px;} #tableInfoList li .span-8.last {margin-right:0px;} } @media handheld, only screen and (max-width: 740px) { #tableInfoList li .span-4 {line-height:normal !important;padding:10px 0px !important;} } /*720girasolo*/ #tableInfoList.girasolo li.head .span-8 .span-4::after {display:none;} #tableInfoList.girasolo li.head .span-8 .span-4 {border-top:1px solid #b2b2b2} #tableInfoList.girasolo li .span-8 {border:none;} #tableInfoList.girasolo li:last-child .span-8, #tableInfoList.girasolo li:last-of-type .span-8 {border-top:1px solid #b2b2b2} /*324*/ @media handheld, only screen and (max-width: 768px) { #tableInfoList li.head .span-4.dimen-324 {width:48%;} #tableInfoList li.head .span-4.cesti-324 {width:13.45%;} #tableInfoList li .span-4.dimen-324 {width:48%;} #tableInfoList li .span-4.cesti-324 {width:13.45%;} } .borderTop {line-height:50px;color:#333;font-weight:500;font-size:0.9em;border-top:1px solid #b2b2b2 !important;} .tableInfoListFull {margin:40px 0px 0px 0px;padding:0px;clear:both;float:none;list-style:none;} .tableInfoListFull * {font-size:14px !important;} .tableInfoListFull.follow {margin:0px;border-top:1px solid #b2b2b2;} .tableInfoListFull.follow li:first-child div {border:none;} .tableInfoListFull li .span-4 {line-height:50px;color:#333;font-weight:900;font-size:1em;border-top:1px solid #b2b2b2;} .tableInfoListFull li .span-4 em {font-weight:500;} .tableInfoListFull li .span-4.null {border-color:#FFF;} .tableInfoListFull li .span-2 {line-height:50px;color:#333;font-weight:500;font-size:0.9em;border-top:1px solid #b2b2b2;} .tableInfoListFull li.head div {border-top:none;text-transform:uppercase;} .tableInfoListFull li.head .span-4 {color:#666;font-weight:400;font-size:1.1em;position:relative;padding-top:3px;} .tableInfoListFull li.head .span-4::after { content: ""; position:absolute; top:0px; left:0px; right:0px; width:100%; height:3px; background:#b2b2b2; } .tableInfoListFull li.head .span-2 {color:#666;font-weight:400;font-size:1.1em;position:relative;padding-top:3px;} .tableInfoListFull li.head .span-2::after { content: ""; position:absolute; top:2px; left:0px; right:0px; width:100%; height:1px; background:#b2b2b2; } .tableInfoListFull li.span-4.clearfix {line-height:50px;color:#333;font-weight:900;font-size:1.1em;border-top:1px solid #b2b2b2;} .tableInfoListFull li.span-8.clearfix {line-height:50px;color:#333;font-weight:500;font-size:1.1em;border-top:1px solid #b2b2b2;} @media handheld, only screen and (max-width:1024px) { .tableInfoListFull li.head .span-4, .tableInfoListFull li .span-4 {width:13.45%;} .tableInfoListFull li.head .span-8, .tableInfoListFull li .span-8 {width:82.7%;} } @media handheld, only screen and (max-width: 768px) { .tableInfoListFull * {font-size:12px !important;} .tableInfoListFull li.head .span-4, .tableInfoListFull li .span-4 {clear:none;float:left;margin-right:3.8%;} .tableInfoListFull li.head .span-8, .tableInfoListFull li .span-8 {clear:none;float:left;margin-right:3.8%;} .tableInfoListFull li.head .span-4.last, .tableInfoListFull li .span-4.last, .tableInfoListFull li.head .span-8.last, .tableInfoListFull li .span-8.last {margin-right:0px;} .tableInfoListFull li.head .span-2, .tableInfoListFull li .span-2 {clear:none;float:left;width:13.45%;margin-right:3.8%;} .tableInfoListFull li.head .span-2.last, .tableInfoListFull li .span-2.last {margin-right:0px;} .tableInfoListFull li .span-4, .tableInfoListFull li.head .span-4 {line-height:normal !important;padding:10px 0px !important;} .tableInfoListFull li .span-8, .tableInfoListFull li.head .span-8 {line-height:normal !important;padding:0px 0px 10px 0px !important;} .tableInfoListFull li.head .span-4, .tableInfoListFull li .span-4 {margin:0px 10px 0px 0px !important;width:10%;} .tableInfoListFull li.head .span-8, .tableInfoListFull li .span-8 {margin:0px !important;width:calc(90% - 10px);} .tableInfoListFull li.head .span-2, .tableInfoListFull li .span-2 {margin:0px 10px 0px 0px;} .tableInfoListFull li.head .span-2, .tableInfoListFull li .span-2 {width:calc((100% - 170px) / 4);} .tableInfoListFull li.head .span-2.cest-520, .tableInfoListFull li .span-2.cest-520 {width:60px;} .tableInfoListFull li.head .span-2.trav-520, .tableInfoListFull li .span-2.trav-520 {width:60px;margin:0px !important;} } @media handheld, only screen and (max-width: 740px) { html.mobile.portrait .mobileView {overflow:hidden;overflow-x: scroll} html.mobile.portrait .tableInfoListFull {width:900px;} } /*404*/ #notFound .wrapper {width:500px;margin:100px 80px;} #notFound .wrapper h1 {font-size:20em;margin:0px;opacity:.6;} #notFound .wrapper h5 {margin:0px;font-weight: 800;letter-spacing: 0.15em;} #notFound .wrapper p {margin:20px 0px;} #notFound .wrapper a {font-weight:900;} #notFound .wrapper a.logo {display:block;width:220px;margin:0px 0px 40px 0px;} /*oldie*/ #oldie {width:650px;margin:5% auto 10% auto;font-style:normal;} #oldie img.logo {width:220px;} #oldie h1 {margin:40px 0px 10px 0px;padding:0px;font-size:22px;text-align:left;} #oldie h1 span {display:block;} #oldie blockquote {font-size:16px;clear:both;float:none;margin:0px 0px 40px 0px;padding:0px;line-height:22px;font-style:normal;font-weight:400;} #oldie ul {margin:60px 0px 0px 0px;padding:0px;clear:both;list-style:none;} #oldie ul li {float:left;width:110px;margin:0px 10px;text-align:center;font-size:12px;} #oldie ul li img {width:50px;display:block;margin:0px auto 10px auto;} #oldie ul li a {opacity:0.6;} #oldie ul li a:hover, #oldie ul li:hover img {opacity:1;} #oldie p {margin:60px 0px 0px 0px;padding:0px;font-size:14px;line-height:22px;} #oldie p a {padding-right:20px;} /*cookies*/ .cc-cookies {position:fixed;width:calc(100% - 10%);left:0;top:0;padding:0.5em 5%;background:#000;background:rgba(0,0,0,0.8);font-size:12px;z-index:99999;text-align:center;color:#fff;font-weight:normal;} .cc-cookies a, .cc-cookies a:hover {color:#fff;text-decoration:underline;} .cc-cookies a:hover {text-decoration:none;} .cc-overlay {height:100%;padding-top:25%;} .cc-cookies-error {float:left;width:90%;text-align:center;margin: 1em 0 2em 0;background: #fff;padding: 2em 5%;border: 1px solid #ccc;font-size:16px;color:#333;} .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display:inline-block; color:#fff; text-decoration:none; background: #b6e939; padding: 0.5em 0.75em; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; margin:0px 20px; } .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {background:#af3b3b;margin-left:0.5em;} .cc-cookies a.cc-cookie-reset {background:#f15b00;} .cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background:#93C21F; -o-transition:background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {display:block;margin-top:1em;} .cc-cookies.cc-discreet {width:auto;padding:0.5em 1em;left:auto;top:auto;} .cc-cookies.cc-discreet a.cc-cookie-reset {background:none;text-shadow:none;padding:0;text-decoration:underline;} .cc-cookies.cc-discreet a:hover.cc-cookie-reset {text-decoration:none;} .cookieWrapper {width:100%;max-width:800px;margin:0px auto;} .cookieWrapper p, .cookieWrapper ul li {font-size:12px;line-height:18px;color:#333;margin:0px 0px 20px 0px;padding:0px;} @media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {display:block;margin:1em 0;} } @media screen and (max-width: 480px) { .cc-cookies {position:relative;float:left;} } /*11.2023*/ a.btn-whistleblowing {display:inline-block;margin:20px 0px 10px 0px;border:1px solid #999;color:#999;padding:10px 20px;} a.btn-whistleblowing:hover {background:#999;color:#333333;}