/* FIX FOR EXPLORER */ /* Internet Explorer 11+ */ _:-ms-fullscreen, :root .nav-pills > li > a { font-size: 1.15em; } /* Internet Explorer 10+ */ _:-ms-input-placeholder, :root .nav-pills > li > a { font-size: 1.15em; } /* Internet Explorer 9 */ :root .nav-pills > li > a { font-size: 1.15em \d; } /*override*/ /* CSR 2014 */ a { font-weight: bold; } h1 { color: #ce9b0a; font-size: 14px; font-weight: bold; } blockquote { border-bottom: 1px solid #E6E6E6; border-left: medium none; border-top: 1px solid #E6E6E6; margin: 15px 0; padding: 12px 17px; } @media (width: 768px){ .flip blockquote { height: 540px; display: table-cell; vertical-align: middle; } } blockquote p { color: #508EBA; font-size: 13px; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .loader { background: url("/assets/gfx/AjaxLoader.gif") center center #ffffff no-repeat; width: 100%; height: 100%; } .loader-50 { min-height: 60px; } .btn { border-radius: 0px; } .disNone { display: none; } .full-width { width: 100%; } .ico-quote { width: 25px; height: 22px; display: block; } .ico-quote-open { background: url("/assets/gfx/open-quote.gif") 0 0 #ffffff no-repeat; float: left; margin: -10px 0 0 -26px; } .ico-quote-close { background: url("/assets/gfx/close-quote.gif") 0 0 #ffffff no-repeat; float: right; margin: -10px -26px 0 0; } input, select, textarea { border: 1px solid #333333; width: 100%; } input, select { line-height: 30px; height: 30px; } input.ck-check { float: left; height: 10px; line-height: 10px; margin: 2px 10px 2px 2px; width: 10px; } label.lb-check { cursor: pointer; float: left; margin: 0 30px 0 0; width: auto; } label.lb-check-img { cursor: pointer; float: left; margin: 0 5px 0 0; width: auto; } /*select{ background-color: #F2F2F2; }*/ .form-layout select { -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background-image: url('/assets/gfx/dropdown_arrow.png'); /*Adds background-image*/ background-repeat: no-repeat; background-position: 98% 7px; /*Position of the background-image*/ background-color: #f2f2f2; text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ cursor: pointer; } label { font-weight: normal; display: block; } /*form*/ .loader { width: 100%; } .col .btn { background-color: #000000; color: #FFFFFF; display: block; padding: 0; text-transform: uppercase; } #frmContacts .col .btn { padding: 0 12px; display: inline-block; } .col-size { margin: 10px auto!important; width: 100%; float: left; } .col-size > .col-center { margin: 0 auto; } .col-lrg > .col-sml { margin-left: 0px; margin-right: 15px; float: left; } .col-lrg { width: 280px; } .col-mdm { width: 130px; } .col-sml { width: 75px; } .content-form .divider-h { width: 100%; margin: 15px 0; float: left; } .content-form .esito-msg p { margin: 10px; } .input-textarea { height: 100px; line-height: 16px; } .contact-form .article-CNT .text-CNT { margin: 0 10px 20px; } .col-hightlight { background-color: #F2F2F2; float: left; padding: 0 0 10px; border: 2px solid #ffffff; } .col-hightlight select { background-color: #ffffff; } .col-check-brand { float: left; } #cookie_content { margin: 0 auto; position: relative; } #cookie_content img { display: inline; float: left; margin: 10px 5px; width: auto; } #cookie_content p { color: #ffffff; float: left; margin: 10px; text-align: left; width: 80%; } #cookie_content a { color: #ffffff; text-decoration: underline; } #cookie_content .btn-close { position: absolute; right: 20px; top: 5px; color: #ffffff; cursor: pointer; font-size: 18px; } #cookieAlert { background-color: #ec9d30; min-height: 100px; width: 100%; position: fixed; z-index: 100; bottom: 0px; left: 0px; } /*content-calendar news-cat, videocategories*/ .search-free input, .channel-cat select { background-color: #ffffff; border: 0 none; color: #333233; font-size: 11px; height: 20px; line-height: 20px; } .content-calendar select { border: medium none; height: 20px; line-height: 20px; margin: 16px 0 6px 11px; width: 278px; } .search-CNT .icon-search_posi { color: #333233; } .search-CNT .icon-piu_posi { color: #acadad; } .search-CNT .search-free { float: left; margin: 6px 0 6px 11px; width: 278px; } .search-free input { float: left; width: 235px; } .search-free a.icon-search_posi, .search-free a.icon-piu_posi { font-size: 20px; line-height: 20px; cursor: pointer; float: left; } .search-free a.icon-search_posi:hover, .search-free a.icon-piu_posi:hover { text-decoration: none; } .gradient-light { background: #f2f2f2; background: -moz-linear-gradient(90deg, #e6e6e6 50%, #f2f2f2 50%); background: -webkit-linear-gradient(90deg, #e6e6e6 50%, #f2f2f2 50%); background: -o-linear-gradient(90deg, #f2f2f2 50%, #e6e6e6 50%); background: -ms-linear-gradient(90deg, #f2f2f2 50%, #e6e6e6 50%); background: linear-gradient(180deg, #f2f2f2 50%, #e6e6e6 50%); } .gradient { background: #e6e6e6; background: -moz-linear-gradient(90deg, #cccccc 50%, #e6e6e6 50%); background: -webkit-linear-gradient(90deg, #cccccc 50%, #e6e6e6 50%); background: -o-linear-gradient(90deg, #e6e6e6 50%, #cccccc 50%); background: -ms-linear-gradient(90deg, #e6e6e6 50%, #cccccc 50%); background: linear-gradient(180deg, #e6e6e6 50%, #cccccc 50%); } .gradient.current, .tab-accordion .label:hover, .tab-categories .label:hover { background: #e5a350; background: -moz-linear-gradient(90deg, #e18715 50%, #e5a350 50%); background: -webkit-linear-gradient(90deg, #e18715 50%, #e5a350 50%); background: -o-linear-gradient(90deg, #e5a350 50%, #e18715 50%); background: -ms-linear-gradient(90deg, #e5a350 50%, #e18715 50%); background: linear-gradient(180deg, #e5a350 50%, #e18715 50%); } .label { color: #ce9b0a; padding: 0 0 0 11px; border-radius: 0; font-weight: bold; margin-top: 0; margin-bottom: 0; height: 40px; line-height: 40px; text-transform: uppercase; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; } .label > .icon { float: left; font-size: 30px; margin: 3px 0 0 5px; } .divider-h { border-top: 1px solid #cccccc; widht: 100%; height: 1px; } /* GLOBAL */ .sprite-ico { display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(/assets/gfx/spr/ico.png); } .ico-arrow-left { background-image: url(/assets/gfx/spr/ico-arrow-left.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; width: 12px; height: 14px; } .ico-arrow-right { background-image: url(/assets/gfx/spr/ico-arrow-right.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; width: 12px; height: 14px; } .rotate { transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -moz-transform: rotate(270deg); /* Firefox */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ -o-transform: rotate(270deg); /* Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')"; } .rotate180 { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ -o-transform: rotate(180deg); /* Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; /* IE8 */ } .rotate45 { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; /* IE8 */ } /* OBJECT */ .cnt { margin: 7px auto; background-color: #ffffff; } .browse { position: absolute; display: block; cursor: pointer; } .browse.disabled { visibility: hidden; } .browse-prev { width: 14px; height: 12px; background-position: 0px -12px; } .browse-next { width: 14px; height: 12px; background-position: 0px 0px; } a.link-arrow:after { border-color: transparent transparent transparent #508EBA; border-style: solid; border-width: 7px 0 7px 10px; content: " "; display: block; float: right; height: 0; margin-right: 0px; margin-top: 10px; margin-left: 5px; width: 0; } a.link-arrow-back:before { border-color: transparent #508EBA transparent transparent ; border-style: solid; border-width: 7px 10px 7px 0; content: " "; display: block; float: left; height: 0; margin-right: 5px; margin-top: 2px; margin-left: 0px; width: 0; } /*Img of Flash*/ .header-CNT { text-align: center; } .header-CNT figure img { width: 100%; } .flash-CNT > div > img { width: 100%; } /*PROMO*/ .cnt-promo { height: 195px; width: 450px; } .cnt-promo > div { width: 450px; height: 165px; margin: 0 auto; } .cnt-promo .flash-CNT { width: 395px; height: 165px; } /*VERTICAL CAROUSEL*/ .external-links .vertical .carousel-inner { display: block; height: 265px; margin: 0 auto; overflow: hidden; width: 300px; } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .external-links .carousel.vertical .item figure img { height: 225px; overflow: hidden; } .external-links .carousel.vertical .item a { text-align: center; margin: 0pt; line-height: 40px; display: block; } /*carousel navigation*/ .carousel.vertical .active { top: 0; } .carousel.vertical .next { top: 400px; } .carousel.vertical .prev { top: -400px; } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; } .carousel.vertical .active.left { top: -400px; } .carousel.vertical .active.right { top: 400px; } .carousel.vertical .item { left: 0; } /**/ /* ITEM IN DOCUMENTS_REPOSITORY */ .content-documents-repository { width: 100%; height: auto; } .content-documents-repository .label { padding-left: 10px; } .content-documents-repository ul { list-style: none; padding: 10px; margin: 0; } .content-documents-repository li { line-height: 28px; margin: 4px 0; } .content-documents-repository li span { font-size: 20px; color: #C30908; margin: 4px 4px 0 0; float: left; } /* ITEM IN BANNER_WEBTV */ .content-banner-webtv { float: left; } .content-banner-webtv, .content-banner-webtv .flash-CNT { width: 300px; height: 375px; } .content-banner-webtv .flash-CNT img { height: 100%; width: auto; } .content-banner-webtv .label { padding: 0; } .content-banner-webtv .main-video { width: 230px; height: 131px; margin: 0pt auto; padding: 0; background-color: #000000; position: relative; overflow: hidden; } .content-banner-webtv.webtv article { margin: 15px 6px 22px; } .webtv article { margin: 20px 6px; } .webtv article figure { float: left; width: 95px; margin: 0 10px 0 0; } .webtv .txt-CNT { height: 54px; width: 155px; overflow: hidden; } .webtv .txt-CNT h4 { font-weight: bold; } .webtv .txt-CNT p { line-height: 14px; } .webtv .link-arrow { line-height: 35px; text-align: right; display: block; } /* ITEM IN THE MULTIMEDIA_BOX */ .content-multimedia-box { height: 375px; overflow: hidden; position: relative; background-color: #f5f5f5; } .content-multimedia-box .article-CNT { background-color: #ffffff; overflow: hidden; } .content-multimedia-box .items { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; } .content-multimedia-box .slide-thumb { bottom: 0; position: absolute; z-index: 99; } #owl-rolling-mthumb .owl-item img { width: 92px; height: 92px; } /* ITEM IN THE ROLLING_PRODUCTS*/ .cnt-slide-thumb { width: 667px; padding-bottom: 5px; } .one-slide-thumb { width: 205px; text-align: center; } .one-slide-thumb h3.label { padding: 0; } .slide-thumb { width: 100%; padding: 17px 23px 6px; } .product-index .slide-thumb { width: 100%; padding: 0; margin: 0 145px; } .product-index .slide-thumb.slides-container .owl-carousel { width: 100%; margin: 0 auto; position: inherit; } .cnt-slide-thumb .label { padding-left: 40px; } .cnt-slide-thumb p.label { line-height: 14px; white-space: normal; } .cnt-slide-thumb .slide-thumb .owl-item p.label { text-transform: capitalize; } #owl-rolling-prod .owl-item img { border: 1px solid #e6e6e6; margin-bottom: 4px; background-image: url("/assets/img/gamme_base_responsive.jpg"); background-repeat: no-repeat; } /* ITEM IN THE ROLLING HISTORY YEAR/IMAGE */ #owl-rolling-year.owl-theme .owl-item a.current { font-size: 30px; -moz-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #owl-rolling-year.owl-theme .owl-item a { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; line-height: 40px; -moz-opacity: 0.50; opacity: 0.50; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } #owl-rolling-year.owl-theme .owl-item a:hover { text-decoration: none; -moz-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #owl-rolling-year.owl-theme .owl-controls .owl-buttons > div { top: 14px; } #owl-rolling-img.owl-theme .owl-controls .owl-buttons > div { display: none; } #owl-rolling-img.owl-theme .owl-item .text-CNT { text-align: left; font-family: Arial, Helvetica, sans-serif; /*font-size: @font-size-base*/ } #owl-rolling-img.owl-theme .owl-item .text-CNT h3 { font-weight: bold; color: #ce9b0a; /*font-size: @font-size-base*/ } .history-gallery .navigation-CNT .slide-thumb { padding: 35px 23px; height: auto; } .history-gallery .header-CNT figure img { width: 100%; } .history-gallery .article-CNT .text-CNT { padding: 0 8px; } .history-gallery .article-CNT .main-txt h1 { margin-bottom: 8px; margin-top: 17px; color: #ce9b0a; } .history-gallery .article-CNT .main-txt { padding-bottom: 15px; } .history-gallery .owl-pagination { display: none; } .history-gallery.btn-on #owl-rolling-img.owl-theme .owl-controls .owl-buttons > div { display: block; } .history-gallery #owl-rolling-img.owl-theme .owl-controls .owl-buttons > div { display: none; } .history-gallery .countline { width: 100%; text-align: center; } .history-gallery .countline p { font-size: 30px; color: #AEAEAE; } .history-gallery .countline #actualSlide { color: #ce9b0a; } /* ITEM IN THE ROLLING WEBSITES IMAGE */ .web-site-gallery .slide-thumb { margin-top: 55px; } .web-site-gallery .item { margin: 0 auto; background: url("/assets/gfx/cnt-website-item-gallery.png") no-repeat center center transparent; height: 277px; position: relative; width: 306px; } .web-site-gallery .item a { left: 18px; position: absolute; top: 20px; display: block; width: 270px; height: 202px; } .web-site-gallery .item a img { width: 100%; } .web-site-gallery .owl-theme .owl-controls .owl-buttons > div { top: 340px; } .web-site-gallery .owl-theme .owl-controls .owl-buttons .owl-prev { /*left: 150px;*/ left: 0; } .web-site-gallery .owl-theme .owl-controls .owl-buttons .owl-next { /*right: 150px;*/ right: 0; } .web-site-gallery .article-CNT { margin-bottom: 55px; } .web-site-gallery .article-CNT .item .text-CNT a { position: absolute; top: 250px; } .web-site-gallery .article-CNT .text-CNT { text-align: center; } .web-site-gallery .article-CNT h1 { color: #ce9b0a; font-size: 25px; font-weight: bold; text-transform: uppercase; } /* * Core Owl Carousel CSS File * v1.22 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; text-align: center; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-pagination { display: none; } /* mouse grab icon */ .grabbing { cursor: url(/assets/gfx/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } /* * Owl Carousel Owl Demo Theme * v1.22 */ .owl-theme .owl-controls { text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; display: block; cursor: pointer; background-image: url(/assets/gfx/spr/ico-arrow-right.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; width: 12px; height: 14px; right: -11px; top: 55px; } .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; display: block; cursor: pointer; background-image: url(/assets/gfx/spr/ico-arrow-left.png); background-repeat: no-repeat; display: inline-block; overflow: hidden; width: 12px; height: 14px; left: -11px; top: 55px; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 3px; filter: alpha(opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ce9b0a; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 190px; /*background: url(/assets/gfx/AjaxLoader.gif) no-repeat center center*/ } /* ITEM IN THE TEXT_BOXES AND COMMON TABS */ /*tab small*/ .tab-news { width: 300px; height: 195px; } .tab-small article { height: 114px; overflow: hidden; padding: 17px 0; } .tab-news .content-tab-accordion { width: 300px; height: 155px; top: 40px; } .tab-news .content-tab-accordion .browse-prev { right: 8px; top: 21px; } .tab-news .content-tab-accordion .browse-next { right: 8px; bottom: 20px; } .tab-news .content-tab-accordion .scrollable { width: 270px; } .tab-categories { width: 100%; height: auto; float: left; } .tab-categories .navigation { float: left; width: 100%; } .tab-categories article { height: auto; overflow: hidden; padding: 0; } .tab-categories .content-tab-accordion { width: 300px; height: auto; top: 40px; } .tab-categories a.link-arrow:after { border-color: transparent transparent transparent #ce9b0a; margin-top: 9px; } .cnt-accordion article { margin: 20px 0; } .tab-small .label { line-height: 38px; padding: 0; width: 97px; } .tab-small .content-tab-accordion .article-CNT { float: left; margin: 21px 0 0 11px; overflow: hidden; width: 260px; height: 114px; position: relative; } .tab-small .content-tab-accordion .article-CNT .items { position: absolute; top: 0; left: 0; width: 260px; } .tab-small article figure { float: left; margin-right: 7px; width: 95px; } .tab-small article .txt-CNT p, .content-banner-webtv .txt-CNT p { display: block; font-size: Arial, Helvetica, sans-serif; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; margin: 0; } /*tab common*/ .tab-common .label { padding: 0 20px; } .tab-common.tab-accordion .content-tab-accordion { width: 100%; position: relative; } .tab-common .article-CNT { float: left; margin: 21px 0 0 0; } .tab-common.tab-accordion .content .article-CNT { margin-top: 0; } .tab-common article .txt-CNT { margin: 5px 10px 10px 10px; } .tab-common article .txt-CNT p { display: block; /*font-size: @font-size-base*/ line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-align: justify; margin: 0; } /*tab in product sheet*/ .product-sheet .text-CNT h1 { margin: 30px 0 20px; } .product-sheet h4 { font-size: 12px; } .tab-sheet.tab-accordion .label { margin: 0 4px 4px 0; padding: 0 12px; } .tab-sheet.tab-accordion .content-tab-accordion { border-top: 0; /*top:40px;*/ } .tab-sheet.tab-accordion .content { border-top: 0; top: 40px; } .tab-sheet .content .divider-h { display: none; } .tab-sheet.tab-accordion .article-CNT { float: left; overflow: hidden; position: relative; margin: 0; width: 667px; font-size: 11px; } .tab-sheet .ingredients { width: 100%; margin: 0 auto 6px; } .tab-sheet .nutritional-table { width: 100%; margin: 0 auto 6px; } .tab-sheet .nutritional-table .flash-CNT { width: 320px; height: 300px; } /*tabella nutrizionali*/ .nutritional-table > table { font-size: 9px; width: 100%; } .nutritional-table > table > tbody > tr > th { color: #e18715; font-size: 10px; padding: 0 3px; text-align: center; } .nutritional-table > table > tbody > tr { border-bottom: 1px solid #e18715; } .nutritional-table > table > tbody > tr > td, .nutritional-table > table > tbody > th > tr { text-align: center; line-height: 14px; padding: 0 3px; } .nutritional-table > table > tbody > tr > td:first-child, .nutritional-table > table > tbody > tr > th:first-child { text-align: left; } /**/ .tab-sheet .article-CNT h4 { font-family: Arial, Helvetica, sans-serif; /*font-size: @font-size-base*/ color: #ce9b0a; font-weight: bold; } /* ITEM IN THE TEXT_BOXES COMMON */ .tab-accordion { position: relative; overflow: hidden; } .tab-accordion .label, .tab-categories .label { color: #666666; font-weight: normal; float: left; margin: 0 0 0 4px; text-align: center; cursor: pointer; } .tab-categories .label a { color: #666666; font-weight: normal; text-decoration: none; display: block; } .tab-categories .label a:hover { color: #ffffff; } .tab-categories .current a { color: #ffffff; font-weight: bold; } .tab-accordion .label:first-child, .tab-categories .label:first-child { margin-left: 0; } .tab-accordion .content-tab-accordion { position: absolute; left: 0; border-top: 1px solid #ccc; overflow: hidden; } .tab-accordion li { margin-bottom: 0; padding: 0 20px; margin-right: 3px; } .tab-accordion .current { color: #fff; font-weight: bold; } .tab-accordion .label:hover, .tab-categories .label:hover { color: #fff; } .tab-accordion article .txt-CNT h4, .webtv article .txt-CNT h4 { font-size: 12px; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #508eba; margin-top: 0; margin-bottom: 0px; } .content-tab { width: 100%; border-top: 1px solid #CCCCCC; float: left; padding: 0 7px; } .container { margin: 0 auto; padding-left: 0; padding-right: 0; position: relative; /*z-index: 9;*/ } /*header*/ .navbar { background-color: #ffffff; } .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } .navbar-up ul.tool-grp { list-style: none; padding: 15px 0 0 0; margin: 0; } .navbar-up ul.tool-grp li { display: inline-block; } .navbar-up .brand { display: block; padding: 21px 0; position: relative; width: auto; float: left; } .navbar-up .social, .navbar-up .tools { display: block; float: left; width: auto; } .navbar-up .social ul li, .navbar-up .tools ul li { display: inline-block; float: left; height: 35px; width: 35px; margin: 0 6px; line-height: 35px; } .navbar-up .social ul, .navbar-up .tools ul { list-style: none; margin: 0; padding: 0; } .navbar-up .icon, .navbar-up-small .icon { cursor: pointer; line-height: 33px; font-size: 33px; } .navbar-up .social .fb-icon { color: #5c78b9; } .navbar-up .social .tw-icon { color: #12b9f7; } .navbar-up .social .yt-icon { color: #e60202; } .navbar-up .search-free { float: left; padding: 15px 0 0 0; margin: 0 6px; width: auto; } .navbar-up .search-free input { width: 167px; } .navbar-up .search-free .icon-piu_posi { color: #acadad; text-decoration: none; } .navbar-up .search-free .icon-search_posi { color: #333233; } /*.navbar-up .tool, .navbar-up .flag{ margin: 0 6px; color: @gold; }*/ .nav-pills > li > a { border-radius: 0px; /*font-family: Tahoma, Geneva, sans-serif;*/ font-family: Arial; font-size: 14px; text-transform: uppercase; font-weight: normal; color: #6e6e6e; line-height: 14px; padding:15px 10px; } .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #ffffff; color: #ce9b0a; } .nav-pills > li:hover, .nav-pills > li:focus, .nav-pills > li.active > a, .nav-pills > li.active:focus, .nav-pills > li.active:hover { background-color: #ffffff; color: #ce9b0a; } .navbar-collapse { padding-left: 0; padding-right: 0; max-height: 1500px; } .navbar .btn-navbar { padding: 0; box-shadow: 0 0 0 0; text-shadow: none; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { background: none; background-color: #ce9b0a; color: #ffffff; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .btn-tap { padding: 0; box-shadow: 0 0 0 0; text-shadow: none; } /*.navbar .dropdown-box:hover .btn-tap, .navbar .dropdown-box:focus .btn-tap, .navbar .dropdown-box:active .btn-tap, .navbar .dropdown-box.active .btn-tap, .navbar .dropdown-box.disabled .btn-tap, .navbar .dropdown-box[disabled] .btn-tap { background: none; background-color: #CE9B0A; color: #FFFFFF; }*/ .navbar-up .icon-1lvl, .navbar-up .icon-1lvl.collapsed { background-color: #ffffff; border: 1px solid #CCCCCC; color: #CE9B0A; } .navbar-thirdlvl .container { height: 40px; background-color: #ffffff; position: relative; z-index: 1; } .navbar-thirdlvl .container .mnu-slider { position: relative; left: 0; width: 980px; height: 100%; } .navbar-thirdlvl .container .mnu-slider ul { list-style: none; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; } .navbar-thirdlvl .container .mnu-slider ul li { display: inline-block; margin-left: 8px; margin-right: 8px; } .navbar-thirdlvl .container .mnu-slider ul li a { line-height: 40px; font-weight: normal; /*font-size: @font-size-base*/ color: #666666; } .navbar-thirdlvl .container .mnu-slider ul li a:hover, .navbar-thirdlvl .container .mnu-slider ul li.active a { color: #ce9b0a; } .dropdown-box { position: relative; } .dropdown-box > .dropdown-menu { top: 3px; left: 33px; z-index: 9999; } .over-cnt .icon { color: #ce9b0a; font-size: 26px; line-height: 22px; } .dropdown-box .tool, .dropdown-box .flag { border: 1px solid #cccccc; } .dropdown-search { float: right; margin-left: 5px; margin-right: 5px; } .over-cnt { position: absolute; z-index: 9999; background-color: #FFFFFF; border: 1px solid #cccccc; padding: 10px 0 0 0; } .navbar-up .tools .over-cnt ul li, .navbar-up .social .over-cnt ul li { line-height: 25px; width: 100%; } .over-cnt ul li a { font-weight: normal; color: #333233; } .flag-cnt a img { margin: 0 10px 0 0; } .tool-cnt span, .tool-cnt a, .flag-cnt span, .flag-cnt a { float: left; line-height: 20px; } .flag-collapse, .tool-collapse, .search-collapse { display: none; } .navbar-up > .container > .left, .navbar-down > .container > .navbar-thirdlvl { height: 50px; } .navbar-up > .container > .right { height: 63px; padding: 16px 0 0; float: right; } .dropdown-menu { padding: 8px 0; margin: 0; border: 0px; border-radius: 0px; box-shadow: none; z-index: 9; } .dropdown-menu > li > a { display: block; padding: 6px 10px; clear: both; font-weight: normal; line-height: 17px; background-color: #fff; height: 32px; margin-top: 1px; margin-bottom: 1px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; } .dropdown-menu > li:first-child > a { margin-top: 0; } li.dropdown > ul.dropdown-menu > li > a { margin-left: 8px; margin-right: 8px; padding: 6px 29px 6px 5px; background-color: #efddac; color: #333233; font-size: 12px; text-decoration: underline; margin-top: 1px; } li.dropdown > ul.dropdown-menu > li > a.no-link { text-decoration: none; } .dropdown-submenu span.glyphicon { text-decoration: none!important; } /*footer*/ .footer { background-color: #ffffff; border-top: 1px solid #333333; text-align: center; margin-top: 0; /*prima 60px*/ padding-top: 10px; padding-bottom: 20px; } .footer p { color: #666666; display: inline; font-size: 10px; margin: 0 16px 0 0; } .footer p a { color: #666666; font-weight: normal; } .footer .footer-disclaimer { margin-top: 10px; } .footer .footer-disclaimer p { color: #a3a3a3; } /*layout*/ .text-CNT { background-color: transparent; } .text-CNT .news { float: left; width: 100%; } .text-CNT h1 { color: #ce9b0a; margin: 6px 0; font-size: 14px; } .text-CNT p { text-align: justify; } .accordion-text { display: none; } .accordion-content h4, .tab-accordion article .txt-CNT .accordion-content h4 { position: relative; color: #CE9B0A; font-weight: bold; cursor: pointer; font-size: 12px; height: 35px; line-height: 15px; text-transform: uppercase; border-top: 1px solid #E6E6E6; background-color: #F1F1F1; border-bottom: 1px solid #E6E6E6; padding: 5px; margin: 15px 0 0; } .accordion-content h4:after { border-color: transparent transparent transparent #CE9B0A; border-style: solid; border-width: 7px 0 7px 10px; content: " "; display: block; float: right; height: 0; /*margin-left: 5px; margin-right: 5px;margin-top: 5px;*/ position: absolute; top: 8px; right: 5px; width: 0; } .accordion-content h4:hover:after, .accordion-content h4.active:after { border-color: transparent transparent transparent #CE9B0A; border-style: solid; border-width: 7px 0 7px 10px; content: " "; display: block; float: right; height: 0; margin-left: 5px; margin-right: 5px; margin-top: 5px; width: 0; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ -o-transform: rotate(90deg); /* Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')"; } .accordion-text strong em { color: #CE9B0A; } .external-links { width: 300px; } .content-fblikebox { width: 300px; } .content-fblikebox > div { width: 300px; margin: 0 auto; display: block; } .content-customer-service, .content-contact-box { width: 300px; height: 200px; } .content-customer-service .text-CNT, .content-contact-box .text-CNT { margin-right: 11px; margin-left: 11px; } .content-customer-service ul { list-style: none; padding-left: 0; } .content-box-promo { width: 300px; } .content-box-promo .slide-thumb { padding: 16px 23px 0; } .content-box-promo .slide-thumb .owl-pagination { display: block; } .content-box-promo .slide-thumb .owl-theme .owl-controls { margin-top: 2px; } .up-news { width: 100%; height: 30px; float: left; } .data-news { color: #666666; line-height: 30px; width: auto; float: left; } .main-news figure img { width: 100%; } .news h4 { font-size: 14px; color: #ce9b0a; margin: 0pt 0pt 4px; font-weight: bold; } .box-news { width: 327px; float: left; height: 210px; padding: 0 12px; } .box-news .icon, .up-news .icon { color: #ce9b0a; font-size: 30px; width: auto; float: right; } .news-archive .box-news { width: 100%; height: 148px; } .news-archive .article-CNT .news { height: 87px; } .tool-social { padding: 12px; height: 50px; } .tool-social .btn-social { float: left; margin: 0 14px 0 0px; width: 35px; } .tool-social .print-news { float: right; } .tool-social .icon { float: right; font-size: 35px; line-height: 31px; color: #afafaf; } .article-CNT .news { overflow: hidden; height: 148px; float: left; width: 100%; } .article-CNT .news figure { float: left; margin: 0pt 10px 10px 0pt; } a.link-news.link-arrow:after { margin-top: 2px; } a.link-news { float: left; margin: 7px 0; } .row-tb { width: 100%; } .col-tb { width: 50%; float: left; text-transform: uppercase; color: #aeaeae; line-height: 30px; } .col-tb-3 { width: 33.3333%; float: left; } .col-tb-5 { width: 20%; float: left; } .form-layout .row-tb { margin-bottom: 30px; float: left; } .form-layout .col-tb-3 { padding: 0 30px 0 12px; } .news-yy { position: relative; margin: 0 5px 0 0; width: 100px; float: right; } .current { color: #508eba; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; } a.prev.link-arrow:after { left: 0px; position: absolute; top: 4px; border-color: transparent #ce9b0a transparent transparent; border-width: 7px 10px 7px 0; } a.next.link-arrow:after { position: absolute; top: 4px; right: 4px; border-color: transparent transparent transparent #ce9b0a; } .content-calendar { float: left; width: 100%; background-color: #ffffff; } .content-calendar .header { float: left; width: 100%; } .content-calendar .label { float: left; } .content-calendar .news-cat .icon { font-size: 20px; line-height: 25px; background-color: #f2f2f2; color: #333233; } .content-calendar .news-cat a { display: block; float: right; margin: 14px 6px 0 0; text-decoration: none; } .news-cat { float: left; width: 100%; } .news-mounth { padding: 0 11px 6px; float: left; width: 100%; } a.disable { -moz-opacity: 0.50; opacity: 0.50; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); cursor: auto; } .pagination-centered { text-align: center; } .pagination a:hover, .pagination .active a { background-color: #F5F5F5; } .pagination .active a { color: #ce9b0a; cursor: default; } .pagination, .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0px; } .pagination > li > a, .pagination > li > span { border: none; background-color: transparent; } .pagination a.prev.link-arrow:after { left: 0; margin: 7px 0 0; top: 0; } .pagination a.next.link-arrow:after { right: 0; margin: 7px 0 0; top: 0; } .pagination a.prev:hover, .pagination a.next:hover { background-color: transparent; } /*Layout WebTV*/ .main-video { padding: 20px 0 0; } .main-video .tool-social { width: 100%; } .video-CNT { width: 603px; height: 342px; margin: 0 auto; } .video-focus { width: 667px; } .video-focus .article-CNT { padding: 0 7px; } .video-focus .article-CNT > div { width: 50%; } .video-focus .cnt-pagination { float: right; height: 40px; width: 100px; } .video-focus .cnt-pagination .pagination { margin: 5px 0pt; } .video-focus .cnt-pagination .pagination > li > a, .vidoe-focus .cnt-pagination .pagination > li > span { line-height: 29px; padding: 2px 12px; } .video-focus .cnt-pagination .pagination a.prev.link-arrow:after { left: 0; margin: 9px 0 0; top: 0; } .video-focus .cnt-pagination .pagination a.next.link-arrow:after { right: 0; margin: 9px 0 0; top: 0; } .main-video .text-CNT { margin: 40px 11px; } .cat-label { position: relative; height: 88px; width: 100%; background-color: #e6e6e6; margin: 10px 0 ; padding: 13px; } .cat-label figure { width: auto; float: left; margin: 0pt 10px 0pt 0pt; } .cat-label h4 { float: left; font-size: 16px; font-weight: bold; } .link-close { float: right; margin: -7px -6px; } .webtv .aside .search-CNT { float: left; } .webtv .aside .header .link-close { margin: 7px 0 0 0; } .webtv .aside .header .link-close span { color: #ce9b0a; } a.link-close:hover { text-decoration: none; } .link-close .icon { color: #acadad; font-size: 27px; } .link-channel { position: absolute; bottom: 15px; right: 13px; } .channel-cat { width: 100%; margin: 5px; } .search-free { width: 100%; } .accordion h5 { cursor: pointer; background-color: #e6e6e6; color: #666666; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; text-align: left; line-height: 40px; } .accordion h5 a.link-arrow:after { border-color: transparent transparent transparent #6F6F6F; margin: 14px 5px 0; float: left; } .accordion h5.current { color: #666666; font-weight: normal; } .accordion h5.current a.link-arrow:after { border-color: #6F6F6F transparent transparent; border-width: 10px 7px 0; } /*Layout Search Results*/ .search-result-top { width: 100%; border-bottom: 1px solid #cccccc; float: left; } .search-result-top p { text-align: left; font-family: Tahoma, Geneva, sans-serif; color: #666666; } .search-result-top p.left { float: left; padding: 0 0 0 10px; } .search-result-top p.right { float: right; padding: 0 10px 0 0; } .search-result-CNT .cnt h4 { text-transform: uppercase; } .search-result-CNT .cnt { width: 100%; float: left; padding: 0 11px; margin: 7px auto; } /*Layout World Seats*/ .world-seats .label { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 17px; margin-top: 30px; float: left; } .world-seats .flash-CNT { height: 500px; width: 940px; } .world-seats .link-CNT { float: right; margin: 10px 43px; } .world-seats .link-CNT a.link-arrow:after { margin-top: 2px; border-color: transparent transparent transparent #CE9B0A; } .world-seats a { color: #ce9b0a; } .world-seats b, .world-seats strong { color: #ce9b0a; font-weight: normal; } .world-seats .col-lrg { width: 265px; } .world-seats .col-sml { margin-top: 28px; } .world-seats .main { background-color: #ffffff; padding: 15px 0 30px 0; } .flag-frame { background-repeat: no-repeat; background-position: center center; height: 41px; width: 41px; float: left; } .world-seats .col-tb-5 a.link { line-height: 41px; float: left; margin: 0 0 0 10px; color: #909090; } /*Layout iFrame*/ .iframe { margin: 0 auto; display: block; } /*Layout 404*/ .error-404 h1 { font-size: 40px; } .error-404 p { font-size: 25px; } .error-404 a { font-size: 14px; } .error-404 a.link-arrow:after { line-height: 34px; margin-top: 3px; } .error-page-404 h1 { font-size: 30px; font-family: 'Open Sans', sans-serif; } .error-page-404 p { font-size: 18px; color: #6b4b2c; } /*Layout SiteMap*/ .livello ul { list-style: none; padding-left: 10px; } .livello ul li.nd-level { background: url("/assets/img/ico_arrowMappa_open.gif") no-repeat 0 6px transparent; } .livello ul li { background: url("/assets/img/ico_arrowMappa_close.gif") no-repeat 0 6px transparent; line-height: 18px; margin: 2px 0; padding: 0 0 0 10px; } .livello ul li a { color: #6e6e6e; font-weight: normal; } /*Layout Form*/ .error-msg { border-radius: 0px; } ul.cmd-recaptcha { list-style: none; padding: 0; } ul.cmd-recaptcha li { float: left; margin: 4px; } ul.cmd-recaptcha li:first-child { margin-left: 0px; } ul.cmd-recaptcha li a span { color: #000000; font-size: 15px; } /*Layout popup*/ .blankTmp { padding: 8px; position: absolute; top: 0; width: 100% !important; background-color: #f5f5f5; min-height: 100% !important; } /*Layout product index*/ .product-index .main { margin: 40px 0px 0px; } .product-index .main .header-CNT { margin: 0 15px 0 0; width: 190px; } .product-index .main .header-CNT figure img { width: auto; } .product-index .main .text-CNT.full-width { margin: 0; width: 100%; } .product-index .main > div { width: 100%; margin: 0 0 20px 0; } .product-index .row-tb { padding: 20px 0; float: left; } .product-index .col-tb-3 { text-align: center; } /*Layout contact map*/ .contacts-map .item { text-align: left; padding: 0 10px; } .contacts-map .item > p { margin: 0; } .contacts-map .item > p b { color: #ce9b0a; margin: 0 0 9px; } .contacts-map .owl-theme .owl-controls .owl-buttons .owl-prev, .contacts-map .owl-theme .owl-controls .owl-buttons .owl-next { top: 47px; } .contact-address { min-height: 130px; } .contact-link { float: left; position: relative; height: 100px; text-align: center; width: 100px; padding: 0 0 10px; margin: 18px 0 0 0; } .contact-link img { position: absolute; } .cnt-contacts-link img { left: 12px; bottom: 10px; } .cnt-newsletter-link img { left: 8px; bottom: 5px; } /*Layout customer services*/ .customer-service h2 { font-size: 14px; font-weight: bold; color: #ce9b0a; margin-top: 3px; } .customer-service .full-width { margin: 0 0 15px 0; } .customer-service .full-width.top-cnt { margin: 0px 0 15px 0; float: left; } .customer-service .full-width.bottom-cnt { margin: 22px 0 50px 0; float: left; } .customer-service .bottom-cnt .article-CNT .header-CNT { float: left; } .customer-service .article-CNT .text-CNT { float: left; margin: 0px 10px; } .customer-service .service-cnt { width: 225px; height: 220px; margin: 0 0 0 25px; float: left; padding: 14px; } .customer-service .service-cnt:first-child { margin: 0 0 0 0; } .customer-service .service-cnt p { color: #747474; min-height: 75px; /*overflow: hidden;*/ } .customer-service .service-cnt a.link-arrow { width: auto; float: left; } .customer-service .service-cnt a.link-arrow:after { margin-top: 1px; margin-left: 5px; } .service-cnt div > figure > img { display: block; margin: 0 auto 10px; } /*Layout sales promo*/ .sales-promo .text-CNT h1 { margin: 30px 0 20px; } .content-archive-promo .content-calendar { border-bottom: 1px solid #CCCCCC; } .content-active-promo ul, .content-archive-promo ul { color: #508eba; padding: 0 16px 0 30px; float: left; } .content-active-promo ul li, .content-archive-promo ul li { margin: 5px 0 15px 0; } /*Layout sponsor*/ .sponsor .text-CNT h1 { margin: 30px 0 20px; } .sponsor .owl-theme .owl-controls .owl-buttons .owl-prev, .sponsor .owl-theme .owl-controls .owl-buttons .owl-next { top: 69px; } /*Layout faq*/ .full-width .tab-common .article-CNT { width: 100%; margin: 10px 0 0; } .full-width .tab-common .article-CNT h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #508eba; margin: 10px 0 5px; } /*Layout product-index new version */ .full-width .header-CNT .xmas-bk { margin: 0px auto; background: url('../../assets/img/img_cms/bk-natale.jpg') no-repeat transparent; width: 979px; height: 433px; } .logo-kinder-xmas { margin-top: 100px; } .logo-ferrero-xmas { float: right; margin-top: 133px; } /*For effect zoom on products*/ .zoomable { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .transition-prod { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #owl-rollings-ferrero .item img { -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; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .img-responsive { max-width: none; } } /* inizio @ABDM - img safari companybusiness */ .content-tab-accordion div.article-CNT div.header-CNT img, div.article-CNT div.header-CNT img { width: auto; } div.article-CNT div.header-CNT img { width: 100%; } .icon-new-share { background-image: url(/assets/img/csr/share.png); width: 35px; height: 35px; background-size: contain; }