@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800'); @import url('balloon.min.css?i=1'); * { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, { display: block; } html { font-size: 100%; } body {background: #FFF; margin: 0px; font-family: 'Open Sans', sans-serif; font-size:15px; -webkit-text-size-adjust:100%; } h1, h2, h3 { font-weight:600; } a { text-decoration:none; outline:none; color:#D60016; } a:hover { color:#000; } img.scale { width:100%; height:auto; } img.loading { background: url('../images/loading.gif') no-repeat center; } .row { margin-bottom:15px; } input, select { height:40px; } input, select, textarea { color:#000; font-family: 'Open Sans', sans-serif; font-size:14px; padding: 10px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background-color: #EEE; border: 1px solid #CCCCCC; } input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#fadcdc; } label.error { color:#FF0000; font-size:0px; visibility:hidden; float:left; overflow:hidden; height:0px; } option { padding:0 5px; } form a { text-decoration:underline; } input[type='submit'] { font-weight:600; background:#D60016; color:#FFF; text-transform:uppercase; padding: 8px 20px; cursor:pointer; border:0px; } input[type='button'], input[type='reset'] { background:#666; color:#FFF; text-transform:uppercase; padding: 8px 20px; cursor:pointer; border:0px; } input[type='checkbox'], input[type='radio'] { padding:0; height:25px; width:25px; float:left; margin-right:10px; border: 1px solid #CCCCCC; border-radius: 3px; box-shadow:none; } input[type='checkbox']:checked, input[type='radio']:checked { background:#666; box-shadow:none; } input[type='checkbox'].error { border-color:#FF0000; color:#FF0000; } select { background: url('select_arrow.png') right center no-repeat #EEE; padding: 7px 35px 7px 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .icon_map { background: url('../images/icon_map.png') no-repeat left; padding-left:15px; margin-top:10px; display:inline-block; } .placeholder { color:#BBB; } i { margin-right:5px; font-family: FontAwesome; font-style: normal; } h1 { font-size:46px; margin:20px 0; color: #D60016; } h2 { font-size:22px; margin-bottom:20px; color: #D60016; } b { font-weight:800; } strong { font-weight:600; } p.data { font-weight:bold; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { width:100%; } .label { text-align:left; padding:10px 10px 0 0; font-weight:600; } .label2 { text-align:left; padding:10px 0; } .buttons { text-align:center; margin-top:40px; } .btn-mailing { float:right; background-color:#444; color:#FFF; display:block; padding:10px; } .btn-mailing:hover { background-color:#D60016; color:#FFF; } .wrapper { width:100%; margin: 0 auto; min-width:720px; max-width:100%; clear: both; } .content { max-width:1200px; margin: 0 auto; clear: both; padding: 0 40px; } .align_right { text-align: right; } .align_left { text-align: left; } .align_center { text-align: center; } .hidden { display:none; } .bold { font-weight:bold; } .mt40 { margin-top:40px; } .mt20 { margin-top:20px; } .mb40 { margin-bottom:40px; } .mb20 { margin-bottom:20px; } .relative { position: relative; } .relative img { display: block; } .bg_gray { background:#EEE; padding: 40px 0; } ul.list_disc li { list-style:disc; margin-left:20px; font-weight:bold; } p.caption { position:absolute; z-index:2; bottom:0; left:0; background:#000; color:#FFF; padding:5px 15px; font-size:12px; text-transform:uppercase; } .bxslider img { display:block; } .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .col { display: block; float:left; margin: 0 0 0 1.6%; } .col:first-child { margin-left: 0; } .span_1_of_2 { width: 49.2%; } .span_2_of_2 { width: 100%; } .span_1_of_3 { width: 32.2%; } .span_2_of_3 { width: 66.1%; } .span_3_of_3 { width: 100%; } .span_1_of_4 { width: 23.8%; } .span_2_of_4 { width: 49.2%; } .span_3_of_4 { width: 74.6%; } .span_4_of_4 { width: 100%; } .span_1_of_5 { width: 18.72%; } .span_2_of_5 { width: 39.04%; } .span_3_of_5 { width: 59.36%; } .span_4_of_5 { width: 79.68%; } .span_5_of_5 { width: 100%; } .span_1_of_6 { width: 15.33%; } .span_2_of_6 { width: 32.26%; } .span_3_of_6 { width: 49.2%; } .span_4_of_6 { width: 66.13%; } .span_5_of_6 { width: 83.06%; } .span_6_of_6 { width: 100%; } .span_1_of_8 { width: 11.1%; } .span_2_of_8 { width: 23.8%; } .span_3_of_8 { width: 36.5%;} .span_4_of_8 { width: 49.2%; } .span_5_of_8 { width: 61.9%; } .span_6_of_8 { width: 74.6%; } .span_7_of_8 { width: 87.3%; } .span_8_of_8 { width: 100%; } header, header * { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header { position:fixed; z-index:800; top:0; left:0; right:0; margin-bottom:10px; } header .header { height:110px; background:#FFF; top:0; left:0; right:0; background: url('../images/bg_logo.png') no-repeat -50px -20px #D60016; } header .logo { margin:10px 0 0 80px; } header .logo img { height:95px; width:auto; } header .social { position:absolute; top:9px; right:200px; color:#FFF; font-size:11px; z-index:999; white-space: nowrap; } header .social a { display:inline-block; border-radius:100px; background:#FFF; border:1px solid #D60016; color:#D60016; width:36px; height:36px; padding:2px; font-size:21px; text-align:center; } header .social a i { margin:0px; } header .lang { position:absolute; top:10px; right:40px; color:#FFF; font-size:11px; z-index:999; width:140px; text-transform:uppercase; } header .lang .select { background:#444; color:#FFF; padding:5px 10px; line-height: 25px; } header .lang a { color:#FFF; } header .lang li:hover { background:#CCC; } header #lang { display:none; width:140px; } header .lang li { padding:0px 10px; background:#EEE; border-bottom:1px solid #CCC; height:30px; line-height: 30px; } header .lang li:last-child { border-bottom:0; } header .lang li img { margin:3px 10px 0 0; float:left; } header .lang li a { color:#000; display:block; } header .search { background:#FFF; position:absolute; top:60px; right:40px; height:35px; } header .search input { border:0px; padding:7px; font-size:12px; background:#FFF; } header .search input[type=text] { width:300px; margin:0px; } header .search input[type=submit] { font-family: FontAwesome, 'Open Sans', sans-serif; cursor:pointer; margin:0px; background:#FFF; color:#D60016; font-size:16px; } header img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.smaller .header { height:50px; background-position: -100px -20px; } header.smaller .header .logo { height:35px; margin:10px 0 0 120px; } header.smaller .header .logo img { height:35px; width:auto; } header.smaller .search { border:1px solid #CCC; } #header { box-shadow: 2px 2px 2px #CCC; background:#FFF; } .anniversary { position:absolute; top:15px; left:450px; } header.smaller .anniversary { display:none; } nav { padding: 10px 10px 10px 10px; font-size:12px; background:#FFF; height:55px; } nav li { background:#666; border-left:1px solid #AAA; } nav li li { border-left:0; } nav li a { padding: 3px 30px 2px; color:#FFF; } nav li a:hover, nav li a.selected { background:#D60016; color:#FFF; } .nav { margin: 5px 40px; font-size:11px; text-transform:uppercase; } .nav a { font-weight:600; } .nav b { font-weight:normal; } footer { background: #444; padding: 40px 0; margin-top:40px; color:#CCC; } footer a { color:#CCC; } footer a:hover { text-decoration:none; color: #FFF; } footer .maps { text-transform:uppercase; font-size:12px; } footer .maps li { border-bottom:1px solid #666; padding: 4px 0; } footer .address { color:#999; font-size:12px; padding-top:10px; margin-top:40px; border-top:1px solid #666; } footer .address b { color:#FFF; font-weight:600; margin-right:20px; } footer h3 { margin: 0 0 15px 0; color:#CCC; font-size:12px; text-transform:uppercase; color:#FFF; } footer li { margin-bottom:3px; } footer .social i { font-size:22px; } footer .content { max-width:100%; } footer .language li { float:left; width:30px; height:25px; overflow: hidden; border:0px; margin-right:5px; } #main { margin-top: 190px; } #main.home { margin-top: 160px; } p.button { margin-top:20px; font-size:13px; display:inline-block; } p.button a { background:#D60016; color:#FFF; padding: 10px 20px; text-transform:uppercase; display: block; } p.button a:hover { background:#666; text-decoration:none; } p.button i { margin-right:10px; } .slide { height:550px; overflow:hidden; } .slide li { margin: 0 auto; background:#DB0001; } .slide li .content_slide { position:relative; height:500px; width:100%; margin: 0 auto; padding: 0 80px 0 120px; } .slide li .slide1 { background: url('../images/slide1.jpg') no-repeat top right; } .slide li .slide2 { background: url('../images/slide2.jpg') no-repeat top right; } .slide li .slide3 { background: url('../images/slide3.jpg') no-repeat top right; } .slide li .slide4 { background: url('../images/slide4.jpg') no-repeat top right; } .slide li .slide5 { background: url('../images/slide5.jpg') no-repeat top right; } .slide li .slide6 { background: url('../images/slide6.jpg') no-repeat top right; } .slide li .content_slide h1 { color:#FFF; font-size: 60px; line-height:70px; margin-bottom:30px; font-weight:600; text-align:left; } .slide li .content_slide h1 .counter { font-size:40px; } .slide li .content_slide h1 .eggs { font-size:25px; color:#FFF; } .slide li .content_slide h2 { margin:10px 0; } .slide li .content_slide .text {position:absolute; top: 80px; width:40%; color:#FFF; font-size:20px; } .slide p.button { font-size:15px; } .slide p.button a { background:#000; color:#FFF; padding: 7px 25px; } .slide p.button a:hover { background:#D60016;} .caption1 { position:absolute; padding:40px; right:20px; z-index:2; font-size:30px; text-align:right; font-weight:bold; color:#FFF; text-shadow: 1px 2px #000; } .caption1 span { font-size:60px; } .caption2 { position:absolute; padding:40px; right:20px; z-index:2; font-size:30px; text-align:right; font-weight:bold; color:#FFF; text-shadow: 1px 2px #000; } .caption2 span { font-size:60px; } .box h2 { margin-top:-5px; } .box h2, .box_news h2 { font-weight:600; background:#D60016; color:#FFF; text-transform:uppercase; color:#FFF; font-size:14px; padding: 10px 10px; line-height:normal; } .box_news h2 a { color:#FFF; display:block; } .box p { padding:10px; } .box .products h2 { margin-bottom:0px; } .box .products li { border-bottom:1px solid #BBB; padding:3px 10px; background:#DDD; } .box a { display:block; } .box .products li:hover { background:#BBB; } .box_news .item { border-bottom:1px solid #CCC; padding-bottom:20px; margin-bottom:20px; } .box a:hover h2 { background:#444; } .item_news a:hover h2 { background:#444; } .separator { border-top:1px solid #DDD; padding-top:1.6%; margin-top:1.6%; } .scheda { margin-top:40px; } .scheda h2 { margin-bottom:40px; font-size:22px; font-weight:normal; } h1 span { font-weight:600; } #main { text-align:justify; } #main a:hover img { opacity:0.8; } #main.company h1 { text-align:center; } #main.product .scheda .cat { text-transform:uppercase; font-weight:bold; } #main.product .scheda h1 { text-align:left; text-transform:uppercase; font-size:36px; } #main.product .scheda h2 { text-align:left; font-size:20px; color:#000; font-weight:normal; line-height:normal; font-weight:600; margin:20px 0; } #main.product .elenco .item { height:200px; position:relative; margin-bottom:20px; overflow:hidden; } #main.product .elenco .item .overlay { position:absolute; bottom:0; } #main.product .elenco .col:first-child, #main.product .elenco .col:nth-child(3n+1) { margin-left: 0px; } #main.product .elenco h2 { text-align:left; margin:0px; font-weight:600; background:#D60016; color:#FFF; text-transform:uppercase; color:#FFF; font-size:14px; padding: 10px 10px; line-height:normal; } #main h2 i { float:right; font-size:18px; } #main.product .elenco a:hover h2 { background:#444; } #main.product .scheda .tab { background:#EEE; padding: 10px; margin-top:40px; font-size:11px; } #main.product .scheda .tab h3 { font-size:14px; text-transform:uppercase;} #main.product .scheda .tab li { float:left; text-transform:uppercase; border:1px solid #999; border-right:0px; } #main.product .scheda .tab li:last-child { border-right:1px solid #999; } #main.product .scheda .tab li a { padding: 7px 20px; display:block; color: #D60016; font-weight:800; background: url('../images/bg_tab_up.png'); } #main.product .scheda .tab li a:hover { text-decoration:none; } #main.product .scheda .tab li a.selected { background: url('../images/bg_tab_down.png'); color:#444; } #main.product .scheda .tab_content h2 { font-size:18px; margin-bottom:5px; font-weight:600; } #main.product .scheda .tab_content { padding:20px 0; } #main.product .scheda .tab li { list-style:none; margin:0px; } #main.product .scheda .tab_content.gallery li { float:left; margin-bottom:10px; } #main.product .scheda .tab_content.gallery .span_1_of_4:nth-child(4n+1) { margin-left:0px; } #main.product .scheda .tab_content.gallery li img { margin:0px; } #main.product .scheda .tab_content.gallery li img:hover { opacity:0.8; cursor:pointer; } #main.product .scheda .tab_content.download img { margin-right:20px; float:left; border:1px solid #CCC; box-shadow: 2px 2px 5px 2px #555; -webkit-box-shadow: 2px 2px 5px 2px #555; -moz-box-shadow: 2px 2px 5px 2px #555; } #main.product .scheda .tab_content.download p.button { margin-top:20px; white-space:nowrap; } #main.product .scheda .others { padding:15px; background:#EEE; margin-top:20px; } #main.product .scheda .others h2 { margin:0 0 10px 0; border-bottom:1px solid #CCC; padding-bottom:5px; } #main.product .scheda .others li { position:relative; } #main.product .scheda .others li b { position:absolute; left:0px; } #main.product .scheda .others li.selected a { color:#000; } #main.product .scheda .text li, #main.product .elenco li, #main.product .scheda .item_caratteristiche li { list-style:disc; margin-left:15px; } #main.product .scheda .item_caratteristiche { border-top:1px solid #DDD; padding: 40px 0 20px 0; margin-top:20px; } #main.product .scheda .item_caratteristiche h3 { font-size:24px; margin-bottom: 20px; } #main.filiali .form { background: #EEE; padding:15px; margin-bottom:40px; } #main.filiali .form label { display:block; float:left; width:40%; padding-top:5px; font-weight:600; } #main.filiali .form h2 { margin-bottom:0px; } #main.filiali .form select { width:60%; font-weight:600; text-transform:uppercase; background-color:#FFF; } #main.filiali .form p { margin:5px 0; } #main.filiali .country-header { margin:40px 0; border-bottom:3px solid #CCC; padding-bottom:10px; } #main.filiali .country-header h1 { margin:0px; } #main.filiali .country-header select { margin-top:15px; } #main.filiali .list h3 { font-weight:600; height:65px; text-transform:uppercase; font-size:15px; line-height:17px; background:#D60016; color:#FFF; padding:5px 10px; margin:0px; } #main.filiali .list .item .text { height:250px; padding:10px; } #main.filiali .list .item { margin-bottom:80px; text-align:left; font-size:13px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); } #main.filiali .list .item:nth-child(4n+1) { margin-left:0px; } #main.filiali .list .item ul { margin-top:10px; } #main.filiali .list .item li { margin: 5px 0; } #main.filiali .list .item i { background: #D60016; color:#FFF; padding:8px; border-radius: 150px; width:30px; height:30px; text-align:center; } #main.filiali .list .btn { width:100%; display:block; margin-top:5px; } #main.filiali .list .btn a { padding:8px; border:2px solid #D60016; color:#D60016; display:inline-block; text-align:center; font-weight:600; text-transform:uppercase; font-size: 14px; } #main.filiali .list .btn a:hover { background:#D60016; color:#FFF; } #main.filiali .list .btn i { padding:0px; width:auto; height:auto; border-radius:none; color:inherit; background:inherit; } .item_text { font-size:16px; line-height:24px; margin:40px 0; } .list_filiali li { padding: 5px; border-bottom:1px solid #CCC; text-transform:uppercase; } .list_carriers li i { font-size:30px; margin-bottom:20px; color: #D60016; } .list_carriers li { font-size:20px; } .privacy { color:#888; font-size:12px; } #main .elenco_news .item { border-bottom:1px solid #CCC; min-height:530px; padding-top:20px; } #main .elenco_news .item:nth-child(3n+1) { margin-left:0px; } .contact .lato { padding-top:40px; text-align:left; } #lato { font-size:12px; } #lato h3 { color:#FFF; background:#D60016; padding: 7px 20px; text-transform:uppercase; font-size:11px; font-weight:600; } #lato li { border-bottom:1px solid #AAA; } #lato li a { background:#666; text-transform:uppercase; padding: 7px 20px; display:block; color:#FFF; } #lato li a:hover { text-decoration:none; background:#D60016; } #lato li.selected a { background:#CCC; } #lato .submenu2 li { border:0px;} #lato .submenu2 li a { background:url('../images/dot.gif') no-repeat 20px 13px #999; padding-left:35px; font-weight:600; } #lato .submenu2 li a:hover { background-color:#BBB; } #lato .answer { margin:60px 0; } #lato .answer i { font-size:36px; float:left; margin:0 20px 20px 0; } #lato .answer h3, #lato .share h3 { font-size:12px; margin-bottom:20px; background:none; border-top:3px solid #CCC; border-bottom:1px solid #CCC; color:#333; } #lato .answer p, #lato .share .fb-like { padding: 0 20px; font-size:13px; } #lato .answer p.button a { font-weight:600; background:#D60016; color:#FFF; padding: 7px 15px; display:inline-block; margin-top:10px; } #lato .answer p.button a:hover { text-decoration:none; background:#666; } #lato .open .accordprefix { width:15px; height:15px; background: url('../images/icon_plus.png') no-repeat; float:right; margin:8px 10px 0 0; } #lato .close .accordprefix { width:15px; height:15px; background: url('../images/icon_less.png') no-repeat; float:right; margin:8px 10px 0 0; } #lato .button { margin-top:10px; } .acc_title img { position:absolute; left:0px; top:10px; height:25px; width:auto; } .acc_title { border-bottom:1px solid #CCC; padding: 10px 10px 10px 60px; position:relative; font-size:18px; cursor:pointer; } .acc_title i { position:absolute; right:10px; top:12px; font-size:22px; } .acc_content { padding:20px 0px; border-bottom:1px solid #CCC; padding-bottom:40px; } .acc_content .address { display: flex; align-items: end; justify-content: center; margin:40px 0; border:2px solid #CCC; padding:20px; background:#EEE; display:grid; grid-template-columns:1fr auto; gap:20px; } .acc_content .address li { padding:5px 5px 5px 30px; position:relative; } .acc_content .address li i { position:absolute; left:0; top:10px; font-size:16px; } .acc_content .address div:last-child { float:right; } .acc_content h3 { margin-top:40px; } .acc_content img, .slick-slide img { margin:0 auto; display: block; } .acc_content ul.slider { width:100%; margin-top:40px; } div.top { display: none; position: fixed; right:40px; bottom:40px; font-size:40px; } div.top a { display:block; color: #D60016; cursor:pointer; } div.top a:hover { color:#000; text-decoration:none; } #newsletter-notice { top:0; bottom:0; left:0; right:0; position:fixed; background-color: rgba(0, 0, 0, 0.7); z-index:999; display: flex; align-items: center; justify-content: center; } #newsletter-notice .notice-inner { display:relative; width:100%; max-width:400px; margin:0 auto; background:#FFF; padding:20px; color:#000; text-align:center; font-size:13px; } #newsletter-notice.hidden { display:none; } #newsletter-notice strong { font-size:15px; } #close-newsletter-notice { float:right; font-size:20px; } .global-site-notice { background: #222 none repeat scroll 0% 0%; position:fixed; bottom:0; left:0; right:0; color: #CCC; display:block; padding: 20px 60px 20px 30px; float:none; font-size:13px; } .global-site-notice.hidden { display:none; } .global-site-notice .notice-inner { max-width:100%; margin: 0 auto; text-align:left; float:none; position:relative; } .global-site-notice .notice-inner p { width: auto; padding-right: 30px; adding-left: 40px; display: block; } .global-site-notice .notice-inner a { font-weight:bold; } .global-site-notice .notice-inner a:hover { text-decoration:underline; } #close-cookie-notice { position: absolute; right:0; top:0px; } .nav-menu { position:relative; display:block; text-transform:uppercase; } .nav-item { float:left; *display:inline; zoom:1; position:relative; background: #666; } .nav-item:last-child { padding:0; margin:0; border:0; } .nav-item a { display:block; padding:8px 20px; } .nav-item:hover .nav-submenu { display:block; text-decoration:none; } /* Navigation submenu */ .nav-submenu { display:none; position:absolute; z-index:200;} .nav-submenu-item a { border-top:1px solid #888; display:block; width:300px; } .nav-submenu-item a:hover { text-decoration:none; } /* Mobile navigation */ .nav-mobile { display:none; cursor:pointer; position:absolute; top:-40px; right:0px; background:#444 url('../images/nav.png') no-repeat center center; background-size:18px; height:40px; width:40px; cursor:pointer; } /* Mobile navigation, clickable area for revealing