// Core variables and mixins @import "bootstrap3.2.0/less/variables.less"; @import "bootstrap3.2.0/less/mixins.less"; // Reset @import "bootstrap3.2.0/less/normalize.less"; @import "bootstrap3.2.0/less/print.less"; // Core CSS @import "bootstrap3.2.0/less/scaffolding.less"; @import "bootstrap3.2.0/less/type.less"; @import "bootstrap3.2.0/less/code.less"; @import "bootstrap3.2.0/less/grid.less"; @import "bootstrap3.2.0/less/tables.less"; @import "bootstrap3.2.0/less/forms.less"; @import "bootstrap3.2.0/less/buttons.less"; // Components @import "bootstrap3.2.0/less/component-animations.less"; @import "bootstrap3.2.0/less/glyphicons.less"; //@import "bootstrap3.2.0/less/dropdowns.less"; //@import "bootstrap3.2.0/less/button-groups.less"; //@import "bootstrap3.2.0/less/input-groups.less"; //@import "bootstrap3.2.0/less/navs.less"; //@import "bootstrap3.2.0/less/navbar.less"; //@import "bootstrap3.2.0/less/breadcrumbs.less"; //@import "bootstrap3.2.0/less/pagination.less"; //@import "bootstrap3.2.0/less/pager.less"; //@import "bootstrap3.2.0/less/labels.less"; //@import "bootstrap3.2.0/less/badges.less"; //@import "bootstrap3.2.0/less/jumbotron.less"; //@import "bootstrap3.2.0/less/thumbnails.less"; @import "bootstrap3.2.0/less/alerts.less"; //@import "bootstrap3.2.0/less/progress-bars.less"; //@import "bootstrap3.2.0/less/media.less"; //@import "bootstrap3.2.0/less/list-group.less"; //@import "bootstrap3.2.0/less/panels.less"; //@import "bootstrap3.2.0/less/wells.less"; @import "bootstrap3.2.0/less/close.less"; // Components w/ JavaScript @import "bootstrap3.2.0/less/modals.less"; @import "bootstrap3.2.0/less/tooltip.less"; //@import "bootstrap3.2.0/less/popovers.less"; //@import "bootstrap3.2.0/less/carousel.less"; // Utility classes @import "bootstrap3.2.0/less/utilities.less"; @import "bootstrap3.2.0/less/responsive-utilities.less"; // ****************************************************** // import less catalog @import "style_css_catalog.less"; @import "checkout.less"; @import "newsletter_cms.less"; @import (less) "areavending-icon.less"; @import (css) "https://admin.abc.sm/cms/js_lib/jquery/effects/slick-slider/slick.css"; // ****************************************************** @color-brown: #594937; @color-grey: #F5F3F1; @color-arancio: #f18e00; @color-blu: #0060A9; @color-azzurro: #0072C6; @font: 'Raleway', sans-serif; @font-bold: 'Raleway', sans-serif; @font-light: 'Raleway', sans-serif; @font-italic: 'Cormorant Garamond', serif; @font-extrabold: 'Raleway', sans-serif; @font-black: 'Raleway', sans-serif; @brand-primary: @color-arancio; body{ font-family: @font; font-weight: 400; font-size:15px; } a{ color: @color-brown; &:hover,&:focus,&:active{ color: @color-brown; } } /* .cookies_policy { bottom: auto !important; top: 0 !important; position: relative !important; } */ .font-light{ font-family: @font-light; font-weight: 300; } b,strong,.bold{ font-family: @font-bold; font-weight: 700; } .font-extrabold { font-family: @font-extrabold; font-weight: 800; } .font-black { font-family: @font-black; font-weight: 900; } .italic,.titolo,.scritta-35-g-b,.scritta-40-g-b,.scritta-55-g-b,.scritta-59-g-b,#contenuto_264023 h1,.scritta-17-b a{ font-family: @font-italic; font-style: italic; line-height: 1; } .italic { font-family: @font-italic; font-weight: 400; font-style: italic; color: #45312c; font-size: 25px; margin: 0; padding: 0; } .scritta-59-g-b { color: #f2f2f2; font-size: 40px; } .scritta-55-g-b { color: #f2f2f2; font-size: 36px; } .scritta-41-g-2 { color: #f2f2f2; font-size: 26px; } .scritta-40-g-b { color: #f2f2f2; font-size: 25px; } .scritta-35-g-b { color: #f2f2f2; font-size: 20px; } .scritta-20-m-b { color: #45312c; font-size: 20px; } .scritta-17-b a, .scritta-17-b a:active, .scritta-17-b a:visited, .scritta-17-b a:link, .scritta-17-b a:hover { color: #ffffff; font-size: 17px; text-align: center; } .scritta-15-a-2, .scritta-15-a-2 a:link, .scritta-15-a-2 a:visited, .scritta-15-a-2 a:active, .scritta-15-a-2 a:hover { color: #f18e00; font-size: 15px; text-transform: uppercase; } .titolo { color: #45312c; font-size: 41px; margin: 0; padding: 0; } .titolo2 { color: #45312c; font-size: 20px; margin: 0; padding: 0; } .txt-blu { color: #005fa9; } .disponibile { color: green; text-transform: uppercase; } .prezzo_normale { color: #880000; } .prezzo_barrato { color: #880000; text-decoration: line-through; } .prezzo_speciale { color: #ff0000; font-weight: bold; } .link-11-m, .link-11-m a:active, .link-11-m a:visited, .link-11-m a:link { color: #594937; font-size: 11px; text-decoration: none; } .cat_modulo { background-color: #ffffff; border: 1px solid #666666; color: #000000; font-family: Arial,sans-serif; font-size: 11px; font-weight: normal; border-radius:0; } .bootbox-body { max-height: 400px; overflow-y: auto; } .qta_carrello { display: inline !important; width: 20px !important; } .cat_button { &:extend(.btn-primary all); //background-color: #f18e00; //border: medium none; //color: #ffffff; //font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; //padding: 4px; //border-radius:0; } .alert-contratto { margin-top: 10px; } .top-menu{ height:42px; width:100%; z-index:989; position:fixed; background-color:@color-brown; #menu_1464 { display: table; margin: 0 auto; } } .header{ width:100%; padding-top:42px; background-color:@color-grey; border-bottom: 4px solid @color-brown; margin-bottom: 50px; .container{ height: 100%; position:relative; padding-top: 15px; .img-macchine{ img{ display: block; margin: 0 auto -25px; } } .slogan{ padding-top:10px; text-align:center; .italic{ font-size:31px; } } .logo{ padding-top:10px; text-align:center; } .divisione-casa{ padding-top:26px; text-align:right; } .info{ font-size: 30px; color: @color-brown; font-family: @font-italic; font-style: italic; text-align: center; } .languages{ padding: 10px 0 5px; text-align: center; a{ display: inline-block; } a + a{ margin-left: 10px; } } } .acquista-ora{ .make-xs-column(12); .make-sm-column(2); .make-sm-column-offset(10); height:50px; padding-top:12px; padding-left:50px; background-image:url(http://areavending.cmstitanka.com/source/sf-acquista-ora.png); background-repeat:no-repeat; background-position:left top; margin-top:10px; } } .btn-catalog-prodotti{ display:block; background: @color-arancio; border: 1px solid @color-arancio; color: #FFF; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 40px; text-align: center; &:hover,&:focus,&:active{ color: #fff; text-decoration: none; } } .box-login-cart{ border: 1px solid @color-arancio; line-height: 40px; height: 42px; text-transform: uppercase; font-size: 15px; color: #525252; padding-right: 15px; .flaticon{ background: @color-arancio; width: 55px; color: #fff; text-align: center; display: inline-block; font-size: 22px; margin-right: 15px; float:left; &:before{ line-height: 40px; } } .text{ display: inline-block; } .totale{ float: right; .cat_CartBoxTotale{ display: inline-block; } } @media (max-width: @screen-md-max) { padding-right: 10px; .flaticon{ margin-right: 10px; } } } .btn-catalog-coupon{ border: 1px solid @color-azzurro; background: @color-blu; line-height: 40px; height: 42px; text-transform: uppercase; font-size: 15px; color: #FFF; display: block; width: 100%; padding: 0; .flaticon{ background: @color-azzurro; width: 55px; color: #fff; text-align: center; display: inline-block; font-size: 30px; margin-right: 0; float:left; &:before{ line-height: 40px; } } .text{ font-weight: bold; display: inline-block; } &:hover,&:focus{ color: #FFF; } } .search{ .cat_moduloSearch { border: 1px solid #CCC; background-color: #f2f2f2; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKBAMAAACQ3rmwAAAALVBMVEUAAACIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiw8NU1AAAADnRSTlMAQGDggPDQsFBwwJAgELioSXwAAABESURBVAjXY2BgcH2XCCTZX0vkCTAwyE1gYDNgYHBmYGB6AKY4gJSeAAMXUNAv8mBdAwPLu7p3QUCxR7yCQG12CgxAAADWzw1r1PIpGQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center right 10px; height:30px; } .cat_moduloButton{ color: #fff; //line-height:30px; height:30px; font-size: 13px; background: @color-blu; } } .info-utili-slide{ margin-bottom: 0; margin-top: 10px; .info-utili{ .make-xs-column(12); .make-sm-column(6); .make-md-column(12); @media (min-width: @screen-xs-min) and (max-width: @screen-xs-max) { padding: 0 5px; } .foto{ img{ } } .titolo{ } .sottotitolo{ } } } .info-utili{ .foto{ margin-bottom: 10px; img{ max-width: 100%; margin: 0 auto; display: block; } } .titolo{ text-transform: uppercase; font-size: 15px; color: #000; font-family: @font-bold; font-weight: 700; } .sottotitolo{ font-size: 14px; color: #000; } } .banner-sda{ clear: both; position: relative; max-width: 300px; padding-bottom: 15px; border-bottom: 1px solid #DDD; margin-bottom: 15px; img{ width: 100%; } a{ display: block; } .text-1, .text-2{ position: absolute; left: 25px; } .text-1{ top: 20px; font-size: 16px; line-height: 1; font-family: @font-bold; font-weight: 700; color: #44382B; } .text-2{ top: 40px; font-size: 20px; font-family: @font-italic; font-style: italic; color: @color-blu; } } .banner-contact{ clear: both; position: relative; max-width: 300px; img{ width: 100%; } a{ display: block; } .text-1, .text-2{ position: absolute; right: 15px; } .text-1{ top: 17px; font-size: 16px; line-height: 1; font-family: @font-bold; font-weight: 700; color: #44382B; } .text-2{ bottom: 10px; font-size: 20px; font-family: @font-italic; font-style: italic; color: #FFF; } } .block-pagamenti{ background-color: @color-blu; color: #FFF; line-height: 70px; font-size: 20px; font-family: @font-bold; font-weight: 700; margin-top: 30px; img{ margin: 18px auto 0; } .block-brown{ background: @color-brown; font-size: 11px; img{ margin: 0 5px; } div{ display: inline-block; } div + div{ margin-left: 10px; } } @media (max-width: @screen-sm-max) { text-align: center; img{ margin: 15px auto 15px; } } } .foot-newsletter{ h3{ font-family: @font-bold; font-weight: 700; color: @color-blu; font-size: 24px; } .wrapper_email_min .bottone_email_min{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeBAMAAADX14MiAAAAElBMVEUAAAATExMTExMTExMTExMTExMM8S5GAAAABXRSTlMAoGDQcBbqYLcAAAAtSURBVBjTYzBkgAJRASiDMZAYIRa4kCpMiIl8ITgDLkW2AEsgmlMZCQrAAwEA7SQHc+K26WwAAAAASUVORK5CYII='); } .wrapper_email_min .modulo_email_min{ background: #FFF; border: none; } @media (max-width: @screen-sm-max) { text-align: center; margin-bottom: 15px; > img{ margin: 0 auto; } .wrapper_email_min{ max-width: 100%; } } } .foot-social{ text-align: right; @media (max-width: @screen-sm-max) { text-align: center; } } .foot-datianagrafici{ margin-top: 15px; font-size: 13px; color: #594837; @media (max-width: @screen-sm-max) { text-align: center; } } .foot-credits{ margin-top: 15px; text-align: right; font-size: 13px; color: #594837; font-family: @font-bold; font-weight: 700; @media (max-width: @screen-sm-max) { text-align: center; } } .titolo-prod-evidenza{ color: #212121; font-size: 32px; font-family: @font-italic; font-style: italic; margin: 20px 10px; line-height: 1; } .block-categoria{ .make-xs-column(12); .make-sm-column(6); .make-md-column(12); padding: 0; > div{ position: relative; border: 1px solid #CCC; padding: 15px; margin: 20px 0; .top-cat{ position: relative; .row; .titolo-cat{ .make-xs-column(8); margin-top: 5px; a{ font-size: 16px; font-family: @font-extrabold; font-weight: 800; text-transform: uppercase; color: @color-blu; line-height: 1; height: 3em; overflow:hidden; } } .immagine-cat{ .make-xs-column(4); padding: 0; min-height: 65px; img{ position: relative; max-width: 100%; margin-top: -25px; max-height: 90px; float: right; } } } .sub-cat{ border-top: 1px solid #CCC; padding-top: 10px; margin-top: 10px; ul{ padding: 0; list-style: none; li{ padding: 5px 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAACHh4eHh4eEhISNjY2Hh4eHh4eIiIiamppTpSh7AAAACXRSTlMAi88SFNGrfQU9IODUAAAAMUlEQVQI12NgYGhggIJEGMNVAMpgCYQJGcGEmBUxhdQRDIQUQjFCAGGgqwC6pQ5gEgBWeAR775LcQgAAAABJRU5ErkJggg=='); background-position: left center; background-repeat: no-repeat; background-size: 11px; padding-left: 15px; a{ font-size: 14px; color: #868686; line-height: 1.1; } } } ul.livello_1{ display: none; padding-left: 10px; } li.current_cat{ .cmsCurrentPage{ font-family: @font-bold; font-weight: 700; } ul.livello_1{ display: block; } } } } @media (max-width: @screen-sm-max) { padding: 0 5px; > div{ margin: 20px 0 0; .top-cat{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sub-cat{ display: none } } } } .separatore{ height:18px; width:100%; margin-bottom:35px; background-image:url('/source/separatore-top.jpg'); background-repeat:no-repeat; background-position:center top; } .sf-dw{ width:100%; background-image:url('/source/sf-dw.png'); background-repeat:no-repeat; background-position:center top; background-size: auto 100%; } .sf-dati-anagrafici{ width:100%; background-color:@color-brown; text-align:center; padding:10px; } .banner-bottom{ display:none; height:145px; width:100%; left:0; bottom:0; z-index:100; position:fixed; pointer-events:none; .container{ text-align:center; color:#FFFFFF; margin:0 auto; padding-top:66px; background-image:url('/source/banner-bottom.png'); background-repeat: no-repeat; } } .div-img-resposive{ img{ max-width:100% !important; } } .three-box-top{ border:1px solid #CCCCCC; height:125px; padding:10px; } .form-control, .cat_modulo, .modulo_email_min, .cat_moduloLogin{ background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; height:auto; } .cat_moduloButton { background: @color-brown none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 11px; font-weight: bold; //width: 75px; border-radius:0; &:hover, &:focus{ background: @color-brown none repeat scroll 0 0; } } .cat_moduloLogin { background: #d5cdc1 none repeat scroll 0 0; border: 0 none; color: @color-brown; font-size: 11px; margin-top: 5px; padding: 5px; border-radius:0; } #catalog_search_value { margin-right: 5px; padding: 3px 5px; width: 175px; width: -webkit-calc(~'100% - 80px'); width: -moz-calc(~'100% - 80px'); width: calc(~'100% - 80px'); border-radius:0; float:left; } .banner-coupon{ font-size:14px; color:#444; margin-top:15px; margin-bottom: 15px; padding-bottom:15px; border-bottom: 1px solid #DDD; .banner{ .row; background: @color-blu; color: #FFF; margin: 0 0 15px; .testo{ .make-xs-column(12); .make-sm-column(9); padding: 16px 20px; min-height: 80px; h3{ font-size: 27px; font-family: @font-bold; font-weight: 700; color: #FFF; margin: 0; line-height: 1; small{ color: #FFF; font-size: 20px; font-family: @font; font-weight: 400; display: block; } } } .codice{ .make-xs-column(12); .make-sm-column(3); background-image: url('/source/img/bg-coupon.png'); background-repeat: no-repeat; background-position: center right; background-size: cover; font-family: @font-bold; font-weight: 700; font-size: 20px; text-align: center; height: 80px; padding: 10px 5px; .flaticon{ display: block; text-align: center; font-size: 32px; } } } @media (max-width: @screen-sm-max) { .banner{ .testo{ padding: 20px 20px; h3{ font-size: 21px; small{ font-size: 16px; } } } .codice{ background: @color-arancio; } } } @media (max-width: @screen-xs-max) { .banner{ .testo{ text-align: center; h3{ small{ } } } .codice{ } } } } .menu-categorie{ margin-top:20px; margin-bottom:15px; .cat_menuCategoria{ .livello-1{ border-bottom: 1px solid #c8c8c8; margin-bottom: 8px; padding-bottom: 4px; a, a:hover, a:focus{ color: @color-arancio; font-size: 15px; text-transform: uppercase; } } .livello-2{ margin-bottom:5px; a{ color: #999999; font-size: 15px; &:hover, &:focus{ text-decoration:underline; } } } } } .cat_riqCategoria { border: 1px solid #c8c8c8; margin-bottom: 5px; position: relative; padding: 5px; .riquadro-categoria{ overflow: hidden; .cat_immagine{ text-align: center; a{ display: block; } img{ max-width: 100%; } } .cat_titolo{ position: relative; background: #E7E2DC; padding: 60px 35px 0px 5px; height: 140px; line-height: 1; border-right: 1px solid #c8c8c8; a{ display: block; } .cat_entra{ position:absolute; top:35px; right:-32px; } } .cat_descrizione{ font-size: 12px; color: #999; line-height: 1.4; padding: 0 5px 0 35px; max-height: 9.8em; } } @media (max-width: @screen-sm-max) { padding: 0; .riquadro-categoria{ margin: 0; .cat_immagine{ padding: 5px; } .cat_titolo{ text-align: center; padding: 40px 5px 5px; border: none; height: auto; .cat_entra{ position:relative; top:0; left:0; text-align: center; img{ margin-top:-70px; } } } .cat_descrizione{ padding: 15px; text-align: center; background: #E7E2DC; max-height: none; } } } } .cat_riqProdotto, .cat_riqProdottoBox{ .make-xs-column(12); .make-sm-column(6); margin-bottom: 15px; text-align: center; .prod-foto{ .make-xs-column(5); .make-sm-column(5); text-align:center; background-color:#fff; padding: 15px; img{ max-width:100%; } .prod_label { height: 75px; width: 75px; } } .prod-dettagli{ .make-xs-column(7); .make-sm-column(7); background-color:#E7E2DC; border:1px solid #FFFFFF; text-align:left; padding:12px 12px 12px 19px; @media (max-width: @screen-md-max) { padding:12px 5px; } .titolo{ line-height: 1; min-height: 3em; font-size: 18px; font-family: @font-bold; font-weight: 700; } .prezzi{ font-size:18px; color:#000000; line-height:1.4;height: 2.8em; } .cat_modulo { width:25%; float:left; margin-right:5px; padding: 4px 5px; } .cat_button{ width:70% !important; } } } .cat_breadCrumb{ font-size: 12px; a{ font-size: 12px; } } .klarna-msg { b { font-size: 16px; } } .scheda-prodotto{ .foto-grande{ width: 100%; height: 250px; padding: 1px; text-align: center; border:1px solid #ccc; position: relative; } .foto-piccola { .make-xs-column(4); height: 100%; padding: 1px; a{ text-align: center; border:1px solid #ccc; display:block; } } .caratteristica { color: #ff0000; font-weight: bold; &:not(:empty){ margin-top: 10px; } } .cat_modulo { width:50px; float:left; margin-right:5px; padding: 4px 5px; } .cat_button{ width:70% !important; } .descrizione { img { max-width: 100%; height: auto; } } .video-scheda { iframe { width: 80%; margin: 10px 10% 20px; } } .desc-estesa { text-align:justify; font-size:11px; margin: 15px 0; img { max-width: 100%; height: auto; } } .prezzo-box{ font-size: 18px; font-weight: bold; .cat_schedaProdottoTitolo{ font-size: 24px; } .cat_prezzo_barrato{ font-size: 18px; } .cat_prezzo_offerta { font-size: 24px; } } } #cat_InfoProdotto { .cat_modulo { width: 100%; } } /* .btn-primary, .btn_add_cart, #bt_avanti, .btn_procedi .cat_button, .cat_button_scheda, .cat_moduloButton, .link_form_info, .col_sx_login_registrazione .cat_button, .col_dx_reg_guest .cat_button, #cat_FormForgotPassword .cat_button, .checkout .btn-avanti input{ background-color: auto; border-color: auto; color: auto; border: auto; border-radius: auto; cursor: pointer; display: inline-block; font-size: auto; font-weight: auto; line-height: auto; margin-bottom: auto; padding: auto; text-align: auto; vertical-align: auto; white-space: nowrap; } */ .prod_label { background-repeat: no-repeat; background-size: contain; height: 90px; width: 90px; left: -4px; pointer-events: none; position: absolute; top: -5px; &.testo_sped_gratis { background-image: url("/source/fasce/sped-gratis.png"); } &.testo_sped_gratis.-en { background-image: url("/source/fasce/sped-gratis-en.png"); } &.testo_offerta { background-image: url("/source/fasce/offerta.png"); } &.testo_offerta.-en { background-image: url("/source/fasce/offerta-en.png"); } &.testo_novita { background-image: url("/source/fasce/novita.png"); } &.testo_novita.-en { background-image: url("/source/fasce/novita-en.png"); } &.testo_ultimipezzi { background-image: url("/source/fasce/ultimi-pezzi.png"); } &.testo_ultimipezzi.-en { background-image: url("/source/fasce/ultimi-pezzi-en.png"); } } #cat_InfoProdotto { background-color: #efefef; border: 4px solid #003366; color: #000; display: none; margin: 10px; overflow: auto; padding: 6px; position: absolute; text-align: left; } .wrapper_coupon { background-color: #fffdea; border: 1px solid #f7eca5; margin: 10px 0; padding: 15px; text-align: left; } .cat_tabellaElenco{ /* th { background-color: #999999; color: #ffffff; padding: 4px; } .cat_rigaElenco2 { background-color: #cccccc; padding: 3px; } */ &:extend(.table all); //&:extend(.table-bordered all); &:extend(.table-striped all); } .logo-footer{ background-image: url("/source/logo-footer.png"); background-position: center top; background-repeat: no-repeat; height: 285px; margin-top: 13px; padding-top: 200px; width: 100%; } .barra-menu-xs{ background-color: @color-brown; color: #fff; button{ border:none; background:none; box-shadow:none; margin: 0 auto; } .boxLogin{ a.btn-login{ color:#fff !important; text-decoration: underline !important; line-height: 67px; } .popupLogin { background: #fff none repeat scroll 0 0; border: 1px solid #d9d9d9; color: #333; list-style: outside none none; max-width: 100%; padding: 20px; position: fixed; right: 0; text-align: left; top: 0px; width: 100%; display: none; li{ margin:15px 5px; a{ text-align:center; text-transform:uppercase; font-size:16px; display:block; } } .cat_moduloLogin{ width:100%; } .btn-login-close{ border:none; background:none; box-shadow:none; position:absolute; top:0px; right:15px; .flaticon::before{ color: #000; font-size: 20px !important; margin: 0; padding: 0 0px; } } } } a:hover, button:hover{ text-decoration: none; } .flaticon::before{ color: #fff; font-size: 30px !important; line-height: 67px; margin: 0; padding: 0 20px; } .btn-chiudi{ display:none; position:fixed; top:10px; left:10px; z-index:1000; } .flaticon.apri-chiudi{ color: #fff; margin-left:0; padding: 0 20px 0 0; border: none; } .menu-xs{ background-color: rgba(50, 52, 57, 0.88); box-sizing: content-box; left: 0; margin: 0 auto; max-width: 100%; overflow-y: auto; position: fixed; right: 0; top: 0px; width: 100%; z-index: 99; height:100%; opacity: 0; transform: translate3d(-102%, 0px, 0px); transform-origin: right center 0; transition-duration: 1.5s; visibility: hidden; &.open{ opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 1s; visibility: visible; } ul{ width:100% !important; li{ float:none !important; text-align:center; color:#fff; padding:5px !important; &:hover{ border-bottom:1px solid #999 !important; } a{ color: #fff; font-size: 20px !important; letter-spacing: 2px; line-height: normal; padding: 0px 0; position: relative; text-align: center; z-index: 5; transition: all 400ms ease 0s; &:hover{color: #ffcc00;} } .cmsCurrentPageContainer a{color: #fff;} &:first-child{ margin-top: 50px; } } } .sep-menu, .noLava{ width:0 !important; padding:0 !important; margin:0 !important; } } .info{ text-align: right; font-size: 23px; font-family: @font-italic; font-style: italic; line-height: 67px; padding-right: 15px; a{ color: #FFF; } } } .slick-prev, .slick-next{ background-repeat: no-repeat; background-position: center center; background-size: contain; height: 35px; width: 35px; z-index: 10; &:hover, &:focus{ background-repeat: no-repeat; background-position: center center; background-size: contain; } &:before{ content:''; } } .slick-prev{ left: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD/nQDxjgDvlAD/igDyjgDxjgDxjwDxjgDwjgDxjwDxjgDxjgDxjgDxjgDxjgDxiwD/gADxjgDxjwDwjQDyjQDxjwDyjwDyjADxjgBdzBbmAAAAGXRSTlMAAqILBs7DurSvqZuUiYJbEQTUj3lya2QUddJD2QAAAINJREFUOMuF01cOgCAQBFB7B8W+97+oY/x1dvgieRDYlv2vuci/DXMz98RlZuvC/YTXN/fjdef+Dm9K7lF4gLeOb/CuopxP8N7xET4k7oW5CUwDfORe9fDJ8Q4eeHhlC48E2QH+hP6kDlMnSqdaF0uXWzeMbjndtLrt9eDo0dPDK8f/AWaADFOivLh6AAAAAElFTkSuQmCC'); &:hover, &:focus{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD/nQDxjgDvlAD/igDyjgDxjgDxjwDxjgDwjgDxjwDxjgDxjgDxjgDxjgDxjgDxiwD/gADxjgDxjwDwjQDyjQDxjwDyjwDyjADxjgBdzBbmAAAAGXRSTlMAAqILBs7DurSvqZuUiYJbEQTUj3lya2QUddJD2QAAAINJREFUOMuF01cOgCAQBFB7B8W+97+oY/x1dvgieRDYlv2vuci/DXMz98RlZuvC/YTXN/fjdef+Dm9K7lF4gLeOb/CuopxP8N7xET4k7oW5CUwDfORe9fDJ8Q4eeHhlC48E2QH+hP6kDlMnSqdaF0uXWzeMbjndtLrt9eDo0dPDK8f/AWaADFOivLh6AAAAAElFTkSuQmCC'); } } .slick-next{ right: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD/nQDxjgDvlAD/igDyjgDxjgDxjwDxjgDwjgDxjwDxjgDxjgDxjgDxjgDxjgDxiwD/gADxjgDxjwDwjQDyjQDxjwDyjwDyjADxjgBdzBbmAAAAGXRSTlMAAqILBs7DurSvqZuUiYJbEQTUj3lya2QUddJD2QAAAIJJREFUOMud01cOgCAQRVGxN1Dss/+N+kz8viTMLycwTCn+cOVSQOjcDMW6mdlN4mkkLrzjEyeJqpU4kiKg6CQ8ibqX2FEMErMDEUeJySVKaiWKSWKMJGaJoaZUvUSPIkh0VT7gJzhJ/iYXikvNzeJ288DwyPHQ8tjz4vDq5S4vr/8Ldu4MU59dtVkAAAAASUVORK5CYII='); &:hover, &:focus{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD/nQDxjgDvlAD/igDyjgDxjgDxjwDxjgDwjgDxjwDxjgDxjgDxjgDxjgDxjgDxiwD/gADxjgDxjwDwjQDyjQDxjwDyjwDyjADxjgBdzBbmAAAAGXRSTlMAAqILBs7DurSvqZuUiYJbEQTUj3lya2QUddJD2QAAAIJJREFUOMud01cOgCAQRVGxN1Dss/+N+kz8viTMLycwTCn+cOVSQOjcDMW6mdlN4mkkLrzjEyeJqpU4kiKg6CQ8ibqX2FEMErMDEUeJySVKaiWKSWKMJGaJoaZUvUSPIkh0VT7gJzhJ/iYXikvNzeJ288DwyPHQ8tjz4vDq5S4vr/8Ldu4MU59dtVkAAAAASUVORK5CYII='); } } .modulo_alt{ .form-control; border: none; height: 40px; color: #000; border: 1px solid #ccc; border-radius: 1px; &:focus{ color: #000; } } .form-contatti{ label{ display:block; margin-top: 10px; font-size: 18px; font-weight: 400; } .privacy{ font-size: 16px; text-align: right; input[name="privacy"]{ margin-right: 10px; margin-top: 15px; } label{ font-size: 16px; display:inline-block; } } .obbligatorio{ font-size: 16px; margin-top: 15px; } .bottone_alt{ color: #FFF; background-color: @color-arancio; border: none; padding: 10px 20px; margin-top: 20px; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; &:hover{ background-color: @color-brown; } } .modulo_file{ background-color: #FFF !important; } } #catElencoProdotti{ margin-top: 25px; } #cat_ForgotPassword{ z-index: 1100 !important; } #darkLayer{ z-index: 995 !important; } .modal-dialog-coupon{ width: 1065px; max-width: 100%; @media (max-width: @screen-md-max) { width: 950px; } @media (max-width: @screen-sm-max) { width: 730px; } @media (max-width: @screen-xs-max) { } .modal-header{ text-align: right; button.close{ background: transparent; color: #333; border: none; } } .banner-coupon{ border: none; } } .float-menu-dx{ background-color: rgba(231,226,220,0.9); border-radius: 2px; position: fixed; right: 10px; padding: 4px; top: 50%; top: -webkit-calc(~'50% - 85px'); top: -moz-calc(~'50% - 85px'); top: calc(~'50% - 85px'); z-index: 100; .info-btn{ font-family: @font-extrabold; font-weight: 800; color: #FFF; background-color: @color-blu; text-align:center; font-size:11px; line-height:1; border-radius: 2px; cursor:pointer; padding: 10px 8px; img{ margin-top: 5px; } border-bottom: 1px solid #DCD2C7; } .tazza-btn{ text-align:center; padding: 10px 8px; margin-top: 5px; border-top: 1px solid #DCD2C7; border-bottom: 1px solid #DCD2C7; } .fb-btn{ text-align:center; padding: 10px 8px; } @media (max-width: 1120px) { display: none; } } .float-menu-news{ display: none; top: 50%; top: -webkit-calc(~'50% - 85px'); top: -moz-calc(~'50% - 85px'); top: calc(~'50% - 85px'); right:70px; position:fixed; overflow-y:auto; max-height: 325px; background-color: rgba(255,255,255,0.9); z-index: 100; border:1px solid #CCCABD; .news{ padding:16px 12px; max-width: 400px; img{ max-width: 100%; } a{ display: block; } a + a{ margin-top: 10px; border-top: 1px solid #DCD2C7; padding-top: 10px; } } &.open{ display: block; } @media (max-width: 1120px) { display: none !important; } } @media (max-width: @screen-md-max) { } @media (max-width: @screen-sm-max) { .container{ width:auto; } .header{ padding-top:5px; padding-bottom:10px; height: auto; margin-bottom: 20px; .container{ background-image: none; padding-top: 0px; .logo{ padding: 0; text-align:center; } .tondo-home{ display:inline-block; margin-bottom:20px; > div{ text-align:center; position:relative; padding-top:18px; float:left; } .tondo-blu{ top:0px; left:0px; background-image:url('/source/tondo-blu.png'); } .tondo-grigio{ top:0px; left:0px; background-image:url('/source/tondo-grigio.png'); } .tondo-arancio{ top:0px; left:0px; background-image:url('/source/tondo-arancio.png'); margin-top:20px; } } .cat_moduloButton { margin: 15px 0 0; width: 18%; padding: 7px; } #catalog_search_value { background: #e7e2dc none repeat scroll 0 0; box-shadow: none; border:none; margin: 15px 5px 0px 0; padding: 5px; } .acquista-ora{ display:none; } } } .banner-coupon{ } .banner-bottom{ height:auto; background-color: #98cb00 ; padding-bottom:30px; padding-top:10px; .container{ background-image: none; padding-top:0px; > div:first-child{ line-height: 28px !important; padding-left:35px !important; text-align:center !important; } } } .three-box-top{ margin-bottom:15px; } } @media (max-width: @screen-xs-max) { .scritta-40-g-b { font-size: 15px; } .scritta-41-g-2 { font-size: 16px; } .scritta-35-g-b { font-size: 13px; } .scritta-55-g-b { font-size: 16px; } .scritta-59-g-b { font-size: 20px; } .titolo { font-size: 30px; } .titolo2 { font-size: 18px; } .italic{ font-size: 20px; } h1{ font-size:25px; } h2{ font-size:20px; } .header{ height: auto; padding-bottom: 0px; margin-bottom: 0px; .container{ .slogan{ padding:10px; text-align:center; .italic{ font-size:30px; line-height: 1; } } .tondo-home{ display:inline-block; > div{ height:90px; width:90px; } .tondo-blu{ padding-top:18px; } .tondo-arancio{ padding-top:9px; } } } } .catalog-element{ .row{ > div{ margin-bottom: 10px; padding: 0; } } } .logo-footer{ margin-top:27px; } .banner-coupon{ } .cat_riqProdotto{ .prod-foto{ img{ } } .prod-dettagli{ .cat_modulo { width:100%; } .cat_button{ width:100% !important; } } } } // ****************************************************** // SITE MENU .nav-menu{ display: block; ul.level1{ list-style: none !important; margin: 0; display: table !important; width: 100%; padding-left: 0; > li { text-align: center; float: none !important; display: table-cell; } li { list-style: none; a{ font-size:12px; color:#fff; margin-right:30px; line-height: 42px; &:hover { color: #F18E00; } &.cmsCurrentPage{ color: @color-arancio; } &.sf-with-ul{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAEAgMAAADOo5ZjAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAoKBFbtAAAAAUSURBVAjXY8haySC1hIFtAgOjAwATIAKpQ2jkQAAAAABJRU5ErkJggg==') !important; background-repeat: no-repeat !important; background-position: center bottom 8px !important; } } &.cmsCurrentPageContainerLevel_1{ > a{ color: @color-arancio; } } } ul.level2{ background-color: #594937; padding-left: 10px; li{ text-align: left; padding: 6px 0; a { line-height: 1.2; } } } } .sf-sub-indicator{ display: none; } } @media (max-width: @screen-sm-max){ .btn-menu{ background: transparent; border: none; box-shadow: none; font-size: 28px; color: #FFF; font-weight: normal; max-width: 100%; .icon{ color: #FFF; font-size: 35px; } } .btn-open-menu{ color: #FFF; padding: 0px; } .btn-close-menu{ color: #FFF; padding: 10px 20px; } .top-menu{ text-align: center; background: fade(@color-brown,98%); position: fixed; top:0; bottom:0; left:0; width: 100%; width: -webkit-calc(~'100% - 50px'); width: -moz-calc(~'100% - 50px'); width: calc(~'100% - 50px'); box-sizing: content-box; z-index: 999; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(-101%, 0, 0); -moz-transform: translate3d(-101%, 0, 0); -ms-transform: translate3d(-101%, 0, 0); -o-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition-duration: 1s; overflow-y: auto; opacity: 0; padding: 10px 25px; float: none; margin-bottom: 0; margin-top: 0; border: none; height: 100%; &.open{ -webkit-transform: translate3d(0px,0,0); -moz-transform: translate3d(0px,0,0); -ms-transform: translate3d(0px,0,0); -o-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; opacity:1; } .nav-menu{ text-align: center; > div{ display: inline-block; ul{ padding:0; margin: 0px 0 0; li{ margin: 0 !important; display: block; float: none !important; line-height: 1.5; a{ text-transform: uppercase; font-size: 18px; padding: 10px 20px; &:hover,&:active,&:focus,&.cmsCurrentPage{ text-decoration: none !important; } } &.sf-with-ul{ background: none; } &.cmsCurrentPageContainerLevel_1{ a{ text-decoration: none !important; } } } } ul.level1{ > li{ line-height: 1.5; > a{ &:hover,&:active,&:focus,&.cmsCurrentPage{ background-position: left center !important; } } &.cmsCurrentPageContainerLevel_1 { background-position: left center !important; } } } #level2{ width: 100%; } ul#level2, ul#level3 { background: @color-brown !important; -webkit-backface-visibility: hidden !important; -webkit-overflow-scrolling: touch !important; -webkit-transform: translate3d(-101%, 0, 0) !important; -moz-transform: translate3d(-101%, 0, 0) !important; -ms-transform: translate3d(-101%, 0, 0) !important; -o-transform: translate3d(-101%, 0, 0) !important; transform: translate3d(-101%, 0, 0) !important; -webkit-transition-duration: 1s !important; overflow-y: auto !important; opacity: 0 !important; position: fixed !important; display: block !important; z-index: 900 !important; top: 0px !important; left: 0 !important; height: 100% !important; padding-top: 0 !important; &.open{ -webkit-transform: translate3d(0px,0,0) !important; -moz-transform: translate3d(0px,0,0) !important; -ms-transform: translate3d(0px,0,0) !important; -o-transform: translate3d(0px,0,0) !important; transform: translate3d(0px,0,0) !important; -webkit-transition-duration: 1s !important; -o-transition-duration: 1s !important; -ms-transition-duration: 1s !important; -moz-transition-duration: 1s !important; transition-duration: 1s !important; opacity:1 !important; visibility: visible !important; box-shadow: 0 3px 15px 0px #999; } li{ text-align: center; line-height: 1.5; a{ text-transform: uppercase; padding: 10px 10px; } &.back{ text-align: left; border-bottom: 1px solid #999; cursor: pointer; margin-bottom: 20px; } } } } } } }