@charset "utf-8"; /*test per testi sottili sui cellulari*/ body{font-weight: 400; font-size: 1.2rem;} /* Classi x compatibilità con bootstrap 3.5 */ /*glyphicons, not included in bootstrap anymore */ @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .pull-left { float: left !important; } .pull-right { float: right !important; } .center-block{ display: block; margin-left: auto; margin-right: auto; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-circle { border-radius: 50% !important; } .btn-default { color: #212529; background-color: #f8f9fa; border-color: #d4d6d7; } .btn-default:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-default:focus, .btn-default.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-default.disabled, .btn-default:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .breadcrumb li + li::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; content: "/"; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } /* CUSTOM CSS RULES ===================================================================================================== Questo file contiene le classi personalizzate esterne a bootstrap */ /* rimuovo il print degli href in stampa */ @media print { a[href]:after { content: none !important; } } /* ======= typography ========*/ .light{font-weight:100;} /* usato nei titoli delle sezioni. Solitamente affiancato a big-title. Es: titoli sezioni pagina linee */ .large{font-size:300%;} /* aumenta la dimensione dei testi. Usato negli h1 con .light. Es: titoli sezioni pagina linee*/ .navbarFont{font-size:16px;} /* il testo nel sito è di 18. La navBar con 18 sbrocca*/ .w1{max-width:800px; margin:auto;} /* i paragrafi nelle linee */ .white{color:#EEE6E6;} .black{color:#111111;} /* ======= backgrounds ========*/ .bg-light-grey{background-color:#F6F6F6;} /*background leggero per evidenziare le diverse sezioni in una pagina. Si alterna un container bianco ed uno grigio. Esistono varianti qui sotto*/ .bg-medium-grey{background-color:#EEE;} .bg-light-grey-gradient { border-top:1px solid rgba(210,210,210,1); background: -webkit-linear-gradient(-65.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%); background: -moz-linear-gradient(155.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%); background: linear-gradient(155.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .bg-light-grey-gradient-inverted { border-top:1px solid rgba(210,210,210,1); background: -webkit-linear-gradient(-65.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%); background: -moz-linear-gradient(155.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%); background: linear-gradient(155.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .bg-instantpasta-gradient { border-top:none; background: -webkit-linear-gradient(-65.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%); background: -moz-linear-gradient(155.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%); background: linear-gradient(155.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } /* ==== box Linea In Breve ==== */ .inBreve{ color: rgba(255,255,255,1); background-image: url("/images/lines/commons/bg-premix.jpg"); background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: cover; /*auto auto;*/ text-shadow: 1px 1px 1px rgba(0,0,0,1) ; font-size: 120%; } .inBreve h1{color:#FFF;} @media (min-width: 768px) {.inBreve h1{font-size:36px;}} @media (min-width: 992px) {.inBreve h1{font-size:46px;}} .inBreve h2{color:#FFF;} .inBreve a{color:#09F;} .inBreve ul{list-style-type:none; padding:0;} .inBreve li{padding-top:20px;} .inBreve small{color:#EEE;} .inbreve_bg2{background-image: url("/images/lines/commons/bg-premix_1.jpg");} /* ==== slide div ==== */ .slide{ /*min-height:440px;*/ background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: cover; font-size:20px; } .slide h1{font-size:200%;} .slide-content-left{width:50%; padding-left:10%; padding-top:90px; padding-bottom:50px; text-align:center; float:left;} .slide-content-right{width:50%; padding-right:10%; padding-top:90px; padding-bottom:50px; text-align:center; float:right;} .slide-content-center{width:50%; margin:auto; padding-top:90px; padding-bottom:50px; text-align:center;} @media (min-width: 768px) {.slide{/*min-height:590px;*/ font-size:28px;} .slide-content{padding-top:130px;} } @media (min-width: 2500px) {.slide{/*min-height:890px;*/ font-size:38px;}} .text-shadow{text-shadow: 1px 1px 1px rgba(0,0,0,0.5) ;} .text-black{color:#000;} .text-white{color:#FFF;} .text-light{color:#888;} /* ==== end of slide div ==== */ .bg-black{background-color: #000;} .blackBox-transparent{ background-color: rgba(0,0,0,0.5); padding:40px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.35) ; box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.35) ; border:1px solid rgba(200,200,200,0.75); } /* ==== sezione Tecnologia ==== */ .tecnologia{ border-top:1px solid rgba(210,210,210,1); } @media (min-width: 768px) { .tecnologia h1{font-size:36px;} } @media (min-width: 992px) { .tecnologia h1{font-size:46px;} } .no-upper-border{border-top:none;} .spotBoxBlue{ font-weight:100; font-size:56px; color:#06F; line-height:56px;} .spotBoxGreen{ font-weight:100; font-size:56px; color:#093; line-height:56px;} .spotBoxOrange{ font-weight:100; font-size:56px; color:rgb(254,63,26); line-height:56px;} .spotBoxBlue small{ font-size:16px; line-height:0px;} .spotBoxGreen small{ font-size:16px; line-height:0px;} .spotBoxOrange small{ font-size:16px; line-height:0px;} .spotBoxNote{ font-size:16px; color:#987;} /* ==== End Tecnologia ==== */ .sep{height:30px;} /* usato per spaziare i contenuti. Ad esempio per spaziare le sezioni nella pagina linee */ .blue-list, .grey-list { /* lista usata nelle pallinate. il primo span è il nunero, con sfondo blu. Il secondo span è il testo, normale*/ list-style:none; list-style-position:outside; } .blue-list > li > span:first-child, .grey-list > li > span:first-child{ color:#FFF; display:inline-block; margin-right:10px; width:26px; font-size:80%; font-weight:bold; text-align:center; } .blue-list > li > span:first-child{ background-color:#004067; } .grey-list > li > span:first-child{ background-color:#AAA; } .popUpSearchBox{ display:none; position:fixed; border:1px solid #ccc; padding:8px; /*width:200px; height:50px;*/ right: 0px; top: 55px; z-index:100; background:#fafafa; } /*override left position of the carousel images, so they will remain in the middle*/ .carousel-inner > .item > img, .carousel-inner > .item > a > img { margin:auto; } /*home box typography*/ .homebox{ display:block; height:235px; color:#333; padding:0; margin-bottom:0px; background:#eee; border-left:2px solid #FFF; border-right:2px solid #FFF; border-top:4px solid #FFF; border-bottom:0; overflow:hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e0e0e0+100 */ } .homebox.lightGray{ background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #f4f4f4 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(135deg, #f4f4f4 0%,#e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .instantPastaBG{ background: -webkit-linear-gradient(-76.65deg, #a54606 0, #a54606 1%, #ff6c00 100%); background: -moz-linear-gradient(166.65deg, #a54606 0, #a54606 1%, #ff6c00 100%); background: linear-gradient(166.65deg, #a54606 0, #a54606 1%, #ff6c00 100%); background-position: 50% 50%; } .instantPastaBG:hover{ background:#ff6c00; } .box_blue{ background: -webkit-linear-gradient(-76.65deg, #0646a5 0, #0646a5 1%, #006cff 100%); background: -moz-linear-gradient(166.65deg, #0646a5 0, #0646a5 1%, #006cff 100%); background: linear-gradient(166.65deg, #0646a5 0, #0646a5 1%, #006cff 100%); background-position: 50% 50%; } .box_blue:hover{ background:#006cff; } .homebox h1{ font-size:22px; color:inherit; } .homebox img, .homebox h1{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; } .homebox:hover { text-decoration:none; color:#000; } .homebox.lightGray:hover{background:#f6f6f6;} .homebox:hover img, .homebox:hover h1{ -webkit-transform:scale(1.15); /* Safari and Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* IE 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); padding-top:4px; } .homebox > h1.white{ color:#fff} .homebox > h1.white > small{ color:#ccc} .footer{ color:#444; font-size:12px; padding:20px 10px;; } /* bootstrap modifiers */ .page-header{border-bottom:0;} .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } /* .modal-fullscreen size: we use Bootstrap media query breakpoints */ .modal-fullscreen .modal-dialog { margin: 0; margin-right: auto; margin-left: auto; width: 100%; } @media (min-width: 768px) { .modal-fullscreen .modal-dialog { width: 750px; } } @media (min-width: 992px) { .modal-fullscreen .modal-dialog { width: 970px; } } @media (min-width: 1200px) { .modal-fullscreen .modal-dialog { width: 1170px; } } /* end of modal full screen modifier */ /* ======================================= Loading Div con immagine loading ==========================================*/ #loading { width: 100%; height: 100%; position: absolute; margin:0px auto; display: block; opacity: 1.0; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: relative; top: 200px; /* left: 240px; */ z-index: 100; } /* end of loading div */ /* ======================================= Sottomenu affix ==========================================*/ .affix-top{background:#EEE; border-bottom:1px solid #CCC;} .affix { z-index:1000; top: 0px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; width:100%; background:#FFF; opacity:0.97; border-bottom:1px solid #CCC; } .navbar-lower{ position: fixed; width: 100%; z-index: 10; margin-bottom: 20px; top: 76px; opacity:0.97; background:#EEE; border-bottom:1px solid #CCC; } .navbar-lower-height{height:40px;} /* in caso di sottomenu diversi in pagine diverse questi 2 stili vanno messi personalizzati in ogni pagina */ .affixPadding{padding-bottom:40px;} /* in caso di sottomenu diversi in pagine diverse questi 2 stili vanno messi personalizzati in ogni pagina */ /*.navbar-lower-border{border-bottom:1px solid #CCC;}*/ .breadcrumb{ font-family:Arial, Helvetica, sans-serif; background:none; font-size:12px; padding:0; margin:0; padding-left:0px; padding-top:16px;} ul.navbar-lower-navigation{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; padding-top:16px; list-style: outside none none; font-size:12px; color:#333; } ul.navbar-lower-navigation li{ display: inline-block; margin-left:20px; } ul.navbar-lower-navigation a{ color:#000;} ul.navbar-lower-navigation a:hover{ color: #337ab7;; text-decoration: none;} /* ==== Fine Sottomenu affix ==== */ /* .gallery{ background:url(/images/lines/commons/bg-gallery-768.jpg) top center no-repeat; background-repeat: no-repeat; background-position: 50% 0%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: cover; background-size: cover; } @media screen and (min-width: 769px) { .gallery{ background:url(/images/lines/commons/bg-gallery-1920.jpg) top center; background-repeat: no-repeat; background-position: 50% 0%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: cover; background-size: cover; } } @media screen and (min-width: 1921px) { .gallery{ background:url(/images/lines/commons/bg-gallery-2560.jpg) no-repeat; background-repeat: no-repeat; background-position: 50% 0%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: cover; background-size: cover; } } */ .playVideoButton:hover{cursor:pointer;} .gallery{ background:url(/images/lines/commons/bg-gallery-768.jpg) top center no-repeat; background-repeat: no-repeat; background-position: 50% 0%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: cover; background-size: cover; } @media screen and (min-width: 769px) { .gallery{ background:url(/images/lines/commons/bg-gallery-1920.jpg) top center; background-repeat: no-repeat; background-position: 50% 0%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: cover; background-size: cover; } } .galleryThumb{ display:inline-block; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #EEE; cursor:pointer; margin:4px; overflow:hidden; -webkit-box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.91) ; box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.91) ; -webkit-transition: all .2s; transition: all .2s; } .galleryThumb:hover{ -webkit-box-shadow: 0px 0px 26px 0 rgba(255,255,255,0.91) ; box-shadow: 0px 0px 26px 0 rgba(255,255,255,0.91) ; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .galleryThumb:hover img{ -webkit-transform:scale(1.15); /* Safari and Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* IE 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .specsTable{width:100%;} .specsTable td{vertical-align:top; padding-top:6px;} .specsTable td p{ line-height:100%; padding:0; padding-top:9px; margin:0;} .specsTable td p.first{ padding-top:16px;} .specsTable h4{font-weight:bold; font-size:18px; margin-top:0;} .specsTable h4.topMargin{margin-top:10px;} .specsTable td.capacity{width:24%; font-style: italic; text-align: right; font-size: smaller; padding-top: 2px; padding-right: 38px; padding-bottom:16px;} /* lista paste per capacità produttiva. Padding va fatto su misura per ogni lingua*/ .specsTable th{width:24%; font-size:28px; font-weight:200; vertical-align:top;} .specsTable ul{ list-style:none; padding:0; margin:0; padding-bottom:20px;} .specsTable ul li{padding-bottom:16px;} hr { border-top: 1px solid #ddd; } .formatoPasta{ width:160px; height:160px; vertical-align:top; text-align:center; /* ========================================= test per trasformarle in icona. Non male. ========================================= border: 1px solid #CCC; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:20px; background: -webkit-linear-gradient(-90deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%); background: -moz-linear-gradient(180deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%); background: linear-gradient(180deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; */ } .formatoPasta img{width:120px; height:120px;} .formatoPasta .caption {line-height:16px; } .formatoPasta .caption small{ font-size:x-small;} /*gmap*/ #map-canvas { width: 100%; height: 500px; border:0; } blockquote{font-style:italic;} .contactBox{ text-align:center; padding-top:30px; padding-bottom:30px; } .contactBox h3 {font-weight:bold;} .contactBox .glyphicon{font-size:50px; color:#888; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -o-transition: all 0.5s ease; /* IE 9 */ -ms-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; } .contactBox hr{margin-left:30%; margin-right:30%} .contactBox:hover .glyphicon{ -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -o-transition: all 0.5s ease; /* IE 9 */ -ms-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; color:#06C; } .ricambiBox{ text-align:center; padding-top:30px; padding-bottom:30px; } /* Gamma prodotti */ .row.gamma-prodotti{ padding-top:20px; padding-bottom: 20px; } .row.gamma-prodotti img{ max-height: 200px; } .row.gamma-prodotti h3{ font-weight: bold; } .ricambiBox .imgContainer{height:170px; overflow:hidden; vertical-align:bottom;} .ricambiBox h3 {font-weight:bold;} .ricambiBox hr{margin-left:30%; margin-right:30%} /*****************bootstrap tabs overrides*****************************/ /*tabs*/ .nav-tabs { border: 0px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0px; background-color: #32c5d2; color: #fff; } .nav-tabs > li > a { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #f4f4f4; border: 0px; } .nav-tabs > li > a:hover { border: 0px; } .tabs .nav-tabs { border-bottom: none; } .tabs .nav-tabs li { margin-bottom: 0; } .tab-content { overflow: hidden; padding: 15px 0; } /*****vertical left tabs--*****/ .tabs-left .nav-tabs { float: left; margin-right: 19px; } .tabs-left .nav-tabs > li { float: none; margin-bottom: 2px; } .tabs-left .tab-content { padding: 0px; } .openGallery:hover{cursor:pointer;} .src-news-date { font-size: 13px; color: #666; padding: 21px 33px 12px 10px; } .pa15{padding:15px;} .movingContactBox { position: fixed; left:-200px; top:-200px; display:none; z-index:1000; } /* riga a destra del testo. usata nei tipi di file dell'area riservata */ .right_line{overflow:hidden} .right_line:after{ content:""; display: inline-block; height: 0.3em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 20px; border-top: 1px solid #CCC; } /* Animazione testimonials */ @keyframes a_testimonial_box { from {left:0px;} to {left:-750px;} } /* The element to apply the animation to */ .testimonial_logos { position:relative; bottom:30px; animation: a_testimonial_box 20s linear alternate infinite; } /* questions box*/ .questions-box{ background-image:url(/images/site_images/Questions.jpg); background-size:cover; background-position: right center; border:1px solid #ccc; border-radius:4px; padding-bottom:30px; padding-right:100px; margin-bottom:40px; } .card{ display: flex; /* table-cell; */ background-color:#FFF; padding:40px 20px 20px 30px; margin-bottom:30px; border: 1px solid #DDD; border-radius:5px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.20);} .btn-orange { color: #fff; background-color: rgb(254,63,26); border-color: rgb(254,63,26); } .btn-orange:hover { color: #fff; background-color: rgb(202, 57, 28); border-color: rgb(202, 57, 28); } input.error, textarea.error, #g-recaptcha.error{ background-color: #fcebeb; border: 2px solid #ff0033; } input[type="checkbox"].error::after { content: '*'; position:relative; left:-10px; top:-2px; color: #ff0033; padding:1px; } .footer-container{ background-color: rgb(227, 227, 235); padding-top:35px; font-size:1rem; } .footer-container h3{font-size:1.1rem; font-weight: bold;} .footer-container a{color:#777;} .footer-container ul.footer-list{list-style:none; padding:0px;} .footer-container ul.footer-list>li{padding-bottom:4px; white-space: nowrap;} .footer-container ul.copyright{padding:20px 0px;margin:0;list-style:none;} .footer-container ul.copyright>li{display:inline-block; padding:0px 10px; } .footer-container ul.copyright>li+li{border-left:1px solid #bbb;} .footer-container ul.footer-list.socials li svg{margin-right:6px; position:relative; top:2px;} .submenu-spacer{height: 30px;} /* FAVA CSS */ .bg-gray-gradient { background: linear-gradient(200deg, #ffffff, #cccccc); background-size: 100% 100%; } .fava_line .card{padding:0} .fava_line .card.bg-transparent{box-shadow: none;} .text-grey{color:#e6e6e6} .text-orange{color:rgb(240,78,41)} /* .text-orange{color:rgb(254,63,26)} vecchio arancio */ .border-left-2{border-left: 2px solid #999 !important;} .border-right-2{border-right: 2px solid #999 !important;} .border-top-2{border-top: 2px solid #999 !important;} .display-5 { font-size: 3rem; font-weight: 400; line-height: 1.2; } .news-container .card{box-shadow: none; padding:0;} .link-dark {color: #000;} .text-deco-0:hover {text-decoration: none;} .campagne .card{padding:0; box-shadow: none;} .rassegna-stampa .card{padding:0; box-shadow: none;} .linkbox:hover { cursor: pointer; } .oi-s-1 { font-size: 36px;} .timeline-item { opacity: 0;} .timeline-line { height: 7rem; width: 1px; background-color: #999; margin-top: 40px; margin-bottom: 0px; } .video-gallery .video-container{padding:10px;} .video-gallery .video-container .playVideoButton{ max-width: 100%; border-radius: 3px; box-shadow: 1px 1px 20px rgba(0,0,0,.4); } .video-gallery .video-container .playVideoButton:hover{ opacity: 0.7; cursor: pointer; } .video-gallery .video-container .video-title{ margin-top:6px; font-weight: bold; font-size: .9rem; height: 60px; overflow: hidden; } .photoSwipeGallery { cursor: pointer;} /* nuove classi */ .big-1{font-size:2.5rem} .big-2{font-size:2.5rem} .big-2.subtitle{font-size:1.2rem;} .big-3{font-size:3.6rem; } .big-3.subtitle{font-size:1.7rem;} .big-4{font-size:4rem; line-height: 3.5rem;} .big-4.subtitle{font-size:2.6rem;} @media (max-width: 992px) { .big-4{font-size:3rem; line-height: 2.4rem;} .big-4.subtitle{font-size:2rem;} } @media (max-width: 768px) { .big-2{font-size:2.2rem} .big-3{font-size:2.4rem} .big-3.subtitle {font-size:1.4rem;} .big-4{font-size:2.4rem; line-height: 2rem;} .big-4.subtitle{font-size:1.7rem;} } .service .card{border:none;} .service .card .card-img-top{border-bottom: solid 8px rgb(79, 152, 255);} .service .card .card-text{padding-top:1.3rem; padding-bottom:1.3rem;} .ricambi .card{border:none;} .ricambi .card .card-img-top{border-bottom: solid 8px orangered;} .ricambi .card .card-text{padding-top:1.3rem; padding-bottom:1.3rem;} @media (max-width: 575px) { .service .card .card-footer, .ricambi .card .card-footer{ padding-left:1rem !important;} .service .card .card-footer p, .ricambi .card .card-footer p{ white-space: nowrap;} } .slide-badge-blurred{background-color: rgba(237, 246, 255, 0.47); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); border: 1px solid rgba(226, 219, 196, 1); border-radius: 10px 10px 10px 10px;} .toggler { padding: 1rem; height: 100%; border: 2px solid rgb(200,200,200); margin:0px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 2px solid rgb(147,147,147); background-color:rgba(215, 215, 215, 0.6); color:rgb(176, 176, 176); overflow: hidden; cursor: pointer; } @media (max-width: 575px) { .toggler{font-size:100%;} } .toggler-spacer {border-bottom: 2px solid rgb(170, 170, 170);} .toggler.active { border: 2px solid rgb(170, 170, 170); color: #000; background-color: #FFF; border-bottom: 2px solid rgb(255, 255, 255); border-top-right-radius: 6px; border-top-left-radius: 6px; box-shadow: 0px -10px 12px rgba(0,0,0,.06); z-index: 100; cursor: default; } /* SEGNAPOSTO IMMAGINI E VIDEO */ .image-placeholder { background-color: #E9ECEF; border: 2px dashed #ADB5BD; color: #495057; padding: 40px 20px; text-align: center; border-radius: 6px; margin: 20px 0; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center; } .image-placeholder span.icon { font-size: 2rem; margin-bottom: 10px; }