// 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 "flaticon.css"; // ****************************************************** @color-text: #422918; @grigio: #bbb; @verde-scuro: #86bc26; @verde: #95c11e; @marrone: #3d322d; body { font-family: "Arial", serif; font-size: 18px; color: #444; } .trend { font-family: "Montagu Slab", serif; font-weight: 500; } .regular { font-family: "Montagu Slab", serif; font-weight: 500; } .bold { font-family: "Montagu Slab", serif; font-weight: bold; } .corsivo { font-family: "Montagu Slab", serif; font-weight: 500; } .flt_left { float: left; } .flt_right { float: right; } .fullWidth img { max-width: 100%; text-align: center; } .fullWidth.force img { width: 100%; } .rel { position: relative; } .box_half { width: 50%; } .box_third { width: 33.333%; } .box_two_third { width: 66.666%; } .box_quart { width: 25%; } .box_three_quart { width: 75%; } .int_5 { margin: 5px; } .int_10 { margin: 10px; } .int_20 { margin: 20px; } .center { margin: 0 auto; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after, .clearfix:before, .container_12:after, .container_12:before, .container_16:after, .container_16:before { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after { clear: both; } ::selection { background: #b8861f; color: #000; } ::-moz-selection { background: #b8861f; color: #000; } #pgall input[type="text"], #pgall input[type="password"], #pgall input[type="email"], #pgall input[type="number"], #pgall input[type="image"], #pgall textarea, #pgall select { width: 100%; margin: 0; text-indent: 8px; appearance: none; border: none; border-radius: 0px; } #pgall input[type="submit"], #pgall input[type="button"], .btn a, a.btn { width: 100%; text-align: center; cursor: pointer; display: block; appearance: none; border: none; border-radius: 0px; } .cb { display: none; } .container { transition: all 600ms ease; } a { transition: all 400ms ease; } #pgall select { background-image: url("/source/arr_down.png"); background-repeat: no-repeat; background-position: 97.5% 50%; } .lista-v { padding: 20px; padding-left: 35px; } .lista-v li { padding: 3px 0px 3px 0px; } #pgall .wrapper_form_cont input[type="text"] { height: 35px; } #pgall .wrapper_form_cont textarea { height: 85px; } #pgall .wrapper_form_cont input[type="submit"] { padding: 10px; font-weight: normal; background-color: #000; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe { } .pulsante:link, .pulsante:active, .pulsante:visited, .pulsante:focus, .pulsante { text-align: center; display: block; line-height: 40px; color: #000; } .pulsante2:link, .pulsante2:active, .pulsante2:visited, .pulsante2:focus, .pulsante2 { text-align: center; display: inline-block; line-height: 50px; color: #fff; background-color: #442a19; padding: 10px 23px; } .pulsante2:hover { background-color: #86bc26; } .no-pad { padding: 0px; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } #pgall #email_min { height: 60px; text-indent: 30px !important; color: #333; font-size: 18px; appearance: none; outline: none; background: #fff; } #pgall #button_email_min { border: none; height: 60px; margin-left: 0px; appearance: none; background: none; background-color: #432918; color: #fff; font-size: 16px; text-transform: uppercase; font-family: "Montagu Slab", serif; font-weight: 500; } .field_email_min { width: 78%; } .field_button_min { width: 20%; margin-left: 2%; } .link_email { font-size: 14px; color: #fff !important; } #wrapper_email_min { margin: 0 auto; margin-top: 0px; max-width: 640px; float: left; width: 100%; margin-left: 10px; } .newsletter_min_cont_privacy { margin-top: 10px; color: #fff !important; } .newsletter_min_cont_privacy a:link, .newsletter_min_cont_privacy a:active, .newsletter_min_cont_privacy a:visited, #testo_privacy a:link, #testo_privacy a:active, #testo_privacy a:visited { color: #428bca !important; } .op_block { cursor: pointer; } .op_block.open { background-image: url("/source/close.png") !important; } #menu_2637 .level1.slide-menu { transform: translate3d(0px, 0, 0); transition-duration: 1s; opacity: 1; } #menu_2637 ul li { list-style-type: none; display: inline-block; float: none; } ul#root_2637 li a { position: relative; z-index: 5; color: #fff; font-size: 21px; font-family: "Montagu Slab", serif; font-weight: 500; padding: 15px 8px; display: inline-block; } ul#root_2637 li a:hover, ul#root_2637 li a.cmsCurrentPage { background-color: #86bc26; } .sf-sub-indicator { display: none; } h1 { font-size: 75px; color: #fff; text-align: center; font-family: "Montagu Slab", serif; font-weight: 500; } .transition, .testo-inner-cont:before, .testo-inner-cont:after, .hideme, .testo-inner-cont-large:before, .testo-inner-cont-large:after { transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -ms-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; } .sfondo { position: absolute; right: 0; bottom: 0; opacity: 0; transform: translate3d(0, 600px, 0); background-size: cover; background-repeat: no-repeat; background-position: center top; } .testo-inner-cont { margin-top: 30px; padding: 60px 30px; position: relative; width: 500px; z-index: 27; padding-bottom: 20px; box-sizing: border-box; margin-right: auto; //margin-left: calc(50% - 500px); margin-left: calc(~"50% - 500px"); } .testo-inner-cont-large { padding: 60px 30px; position: relative; width: 550px; z-index: 27; padding-top: 420px; padding-bottom: 20px; box-sizing: border-box; margin-right: auto; //margin-left: calc(50% - 550px); margin-left: calc(~"50% - 550px"); } .testo-inner-tit { //margin-left: calc(50% - 550px); margin-left: calc(~"50% - 550px"); width: 100%; text-align: center; } .testo-inner { opacity: 0; transform: translate3d(0, 600px, 0); } .section-active .sfondo, .section-active .testo-inner { opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 1.2s; } .section-active .testo-inner { transition-delay: 1.5s; } .testo-inner-cont:before, .testo-inner-cont:after, .testo-inner-cont-large:before, .testo-inner-cont-large:after { left: 0; position: absolute; content: ""; background-color: #fff; transition-delay: 0.5s; transform: scale(0, 1); } .testo-inner-cont:after { transform: scale(1, 0); } .valori.testo-inner-cont:before, .valori.testo-inner-cont:after, .bio.testo-inner-cont-large:before, .bio.testo-inner-cont-large:after { background-color: #86bc26; } .storia.testo-inner-cont:before, .storia.testo-inner-cont:after, .storia.testo-inner-cont-large:before, .storia.testo-inner-cont-large:after { background-color: #86bc26; } .storia-2.testo-inner-cont:before, .storia-2.testo-inner-cont:after, .storia-2.testo-inner-cont-large:before, .storia-2.testo-inner-cont-large:after { right: 0; left: auto; } .testo-inner-cont:before, .testo-inner-cont-large:before { transform-origin: 100% 50%; height: 4px; top: 0; width: 400%; } .testo-inner-cont:after, .testo-inner-cont-large:after { width: 4px; top: 0; height: 100%; transform-origin: 50% 0; } .section-active .testo-inner-cont:before, .section-active .testo-inner-cont:after, .section-active .testo-inner-cont-large:before, .section-active .testo-inner-cont-large:after { transform: scale(1, 1); transition-delay: 0.5s; } .sottotitolo { font-weight: bold; font-size: 42px; color: #fff; line-height: 40px; } .tit-h1 { font-size: 102px; font-family: "Montagu Slab", serif; font-weight: 500; color: #fff; text-align: center; margin: 0; padding: 0; padding-top: 60px; } .testo-inner h3 { font-size: 27px; font-weight: bold; padding: 12px 0; color: #95c11e; font-family: "Montagu Slab", serif; font-weight: 700; } .testo-inner h4 { font-size: 35px; font-weight: bold; padding: 12px 0; color: #95c11e; font-family: "Montagu Slab", serif; font-weight: 500; } .testo-inner h2 { font-size: 28px; color: #95c11e; text-transform: uppercase; font-weight: bold; font-family: "Montagu Slab", serif; } .testo-inner hr { border-top: 1px solid #bbb; margin: 10px 0; margin-left: 0; max-width: 150px; } .verde { color: #95c11e; } .box { text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; font-size: 45px; line-height: 47px; height: 640px; text-shadow: 1px 1px 1px #333; } .box hr { max-width: 250px; margin: 12px auto; border-top: 1px solid #fff; } .box .ombra { height: 100%; background-imagexx: url("/source/ombra-index.png"); background-repeat: repeat; padding: 0; padding-top: 150px; } .box img { padding-bottom: 10px; } #blk_56984.visible { background-color: #86bc26; width: 100% !important; padding-top: 0; z-index: 9999; position: fixed; top: 0; left: 0; text-align: center; } #blk_56984.visible ul#root_2637 li a:hover, #blk_56984.visible ul#root_2637 li a.cmsCurrentPage { background-color: #432918; } #blk_56984.visible ul#root_2637 { float: none; } .vedi { background-color: #86bc26; color: #fff; font-family: "Montagu Slab", serif; font-weight: 500; display: inline-block; width: 220px !important; padding: 10px 15px; } .vedi:hover { background-color: #422918; color: #fff; } .tit-lm-mese { font-size: 28px; color: #422918; } .cont-linea-bio { width: 80%; padding: 20px 0; text-align: center; margin: 0 auto; } .row-linea-bio { font-family: "Montagu Slab", serif; font-weight: 500; font-size: 24px; } .row-linea-bio h2 { font-family: "Montagu Slab", serif; font-weight: 500; font-size: 31px; } @media (max-width: 767px) { .testo-inner-cont-large { padding-top: 20px; } .testo-inner-tit { margin-left: 0; text-align: left; } #pgall .col_sx, #pgall .col_dx { width: 100%; margin: 0px; } ul#root_2637 li a { width: 100%; padding: 8px 8px; text-align: center; font-size: 20px; color: #fff; line-height: normal; } ul#root_2637 li a.cmsCurrentPage, ul#root_2637 li a:hover, ul#root_2637 li a:focus, ul#root_2637 li ul#level2 li a:focus, ul#root_2637 li ul#level2 li a:hover, ul#root_2637 li ul#level2 li a.cmsCurrentPage { background: none; background-color: #6c836a; color: #fff; } ul#root_2637 li a.sf-with-ul { background-position: 95% 50%; } ul#root_2637 li { width: 100%; } #menu_2637 .level1 { background-color: #545454; background-color: rgba(84, 84, 84, 0.9); z-index: 9999; -webkit-backface-visibility: hidden; width: 100%; top: 55px; bottom: 0; position: fixed; box-sizing: content-box; -webkit-overflow-scrolling: touch; transform: translate3d(-101%, 0, 0); left: 0; box-shadow: 0px 0px 7px #333; overflow-y: auto; opacity: 0; } #wrapper_email_min { margin-left: 0px; } h1 { font-size: 25px; padding: 10px 0; } .testo-inner, .sfondo { opacity: 1; position: relative; right: auto; top: auto; left: auto; transform: translate3d(0, 0, 0); } .sfondo { height: 275px; } .section { margin-top: 0px; } .testo-inner-cont, .testo-inner-cont-large { margin-left: 5px; margin-top: 0; padding: 25px 10px; width: auto; } .testo-inner-cont:before, .testo-inner-cont:after, .testo-inner-cont-large:before, .testo-inner-cont-large:after { display: none; } .testo-inner h2 { font-size: 23px; } .field_email_min { width: 71%; } .field_button_min { width: 27%; margin-left: 2%; } .box { height: 300px; } .box .ombra { padding-top: 45px; } #catWrapperOutput { margin-top: 45px; } .tit-h1 { padding-top: 0; font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .testo-inner-cont-large { padding-top: 20px; } .testo-inner-tit { margin-left: 0; text-align: left; } #pgall .col_sx, #pgall .col_dx { width: 100%; margin: 0px; } ul#root_2637 li a { width: 100%; padding: 8px 8px; text-align: left; font-size: 20px; color: #fff; line-height: normal; } ul#root_2637 li a.cmsCurrentPage, ul#root_2637 li a:hover, ul#root_2637 li a:focus, ul#root_2637 li ul#level2 li a:focus, ul#root_2637 li ul#level2 li a:hover, ul#root_2637 li ul#level2 li a.cmsCurrentPage { background: none; background-color: #6c836a; color: #fff; } ul#root_2637 li a.sf-with-ul { background-position: 95% 50%; } ul#root_2637 li { width: 100%; } #menu_2637 .level1 { background-color: #545454; background-color: rgba(84, 84, 84, 0.9); z-index: 9999; -webkit-backface-visibility: hidden; width: 70%; top: 55px; bottom: 0; position: fixed; box-sizing: content-box; -webkit-overflow-scrolling: touch; transform: translate3d(-101%, 0, 0); left: 0; box-shadow: 0px 0px 7px #333; overflow-y: auto; opacity: 0; } #wrapper_email_min { margin-left: 0px; margin: 0 auto; float: none; } h1 { font-size: 38px; padding: 10px 0; } .testo-inner, .sfondo { opacity: 1; position: relative; right: auto; top: auto; left: auto; transform: translate3d(0, 0, 0); } .sfondo { height: 420px; } .section { margin-top: 0px; } .testo-inner-cont, .testo-inner-cont-large { margin-left: 5px; margin-top: 0; padding: 25px 10px; width: auto; } .testo-inner-cont:before, .testo-inner-cont:after, .testo-inner-cont-large:before, .testo-inner-cont-large:after { display: none; } .testo-inner h2 { font-size: 30px; } .box { font-size: 35px; line-height: 37px; height: 350px; } .box .ombra { padding-top: 85px; } .box hr { max-width: 90%; } #catWrapperOutput { margin-top: 45px; } .tit-h1 { padding-top: 20px; font-size: 30px; } .sottotitolo { font-size: 20px; line-height: 22px; } } @media (min-width: 992px) and (max-width: 1199px) { ul#root_2637 { } ul#root_2637 li a { font-size: 18px; padding: 15px 4px; } #wrapper_email_min { max-width: 530px; } .sfondo { background-size: auto; } .box { height: 410px; } .box .ombra { padding-top: 85px; } #blk_56984.visible ul#root_2637 li a { padding: 15px 12px; } .testo-inner-cont-large { //margin-left: calc(50% - 485px); margin-left: calc(~"50% - 485px"); } .hideme { opacity: 0; } } @media (min-width: 1200px) { .hideme { opacity: 0; } ul#root_2637 { } .sfondo { background-size: auto; } #blk_56984.visible ul#root_2637 li a { padding: 15px 15px !important; } } .green { padding: 5px; } .brd_green { padding: 20px; min-height: 376px; border: 1px solid #86bc26; } .tit_green { color: #86bc26; font-weight: bold; } .btn_green { padding: 10px; color: #fff !important; background-color: #86bc26; margin-top: 10px; } .sf-top { max-width: 2000px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center top; } .sf-maschera-top { background-image: url("/source/maschera-top.png"); background-repeat: no-repeat; background-position: center bottom; } .pg-home { .sf-maschera-top { background-image: none; } #blk_57000 { background-image: none; } #blk_56988 { background-image: none; } } #catWrapperOutput { .make-xs-column(12); .make-md-column(10); .make-md-column-offset(1); .make-lg-column-offset(1); border: 4px solid @verde-scuro; border-bottom: none; padding: 45px; .cat_riqCategoria, .cat_riqProdotto { .make-xs-column(12); .make-sm-column(4); background-color: transparent; > div { max-width: 423px; margin: 0 auto; .foto { text-align: center; img { max-width: 100%; max-height: 100%; } } h2 { line-height: 33px; margin-top: 10px; margin-bottom: 35px; text-align: center; a { font-family: "Montagu Slab", serif; font-size: 33px; color: @color-text; text-align: center; line-height: 18px; font-weight: bold; text-transform: uppercase; } } } &.riq-logo { padding-left: 20px; padding-right: 20px; } @media (max-width: @screen-xs-max) { } } .cat_riqProdotto { > div { h2 { a { font-size: 23px !important; } } } } .cat_riqCategoria { .make-sm-column(6); } .home-shop { .cat_riqCategoria, .cat_riqProdotto { .make-xs-column(12); .make-sm-column(6); } } .wrapper_ordinamento_prodotti { display: none; } } #scheda_prodotto { padding-top: 15px; h4 { font-family: "Montagu Slab", serif; font-size: 24px; text-transform: uppercase; color: @marrone; text-align: left; line-height: 24px; font-weight: bold; } .foto-prodotto { .make-xs-column(12); .make-sm-column(6); background-color: transparent; margin: 0 auto; max-width: 100%; text-align: center; img, a { max-width: 100%; max-height: 100%; } .f-small { margin-top: 20px; a { .make-xs-column(6); } } } .info-prodotto { .make-xs-column(12); .make-sm-column(6); h1 { font-family: "Montagu Slab", serif; font-weight: 500; font-size: 46px; color: @color-text; text-align: left; line-height: 41px; margin-bottom: 30px; text-shadow: 0 0 0 transparent; } } .maggiori-info { margin-top: 50px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid @grigio; border-bottom: 1px solid @grigio; table { margin-top: 30px; thead { tr { background-color: @verde; th { font-family: "Montagu Slab", serif; padding: 5px 25px; font-size: 20px; text-transform: uppercase; color: #fff; border-right: 1px solid @grigio; text-align: center; font-weight: bold; &:first-child { text-align: left; } &:last-child { border: none; } } } } tbody { tr { td { font-family: "Montagu Slab", serif; padding: 10px 25px; font-size: 24px; color: #442a19; border-right: 1px dotted @grigio; border-bottom: 1px dotted @grigio; text-align: center; font-weight: bold; &:first-child { text-align: left; } } } } } .pdf-prodotto { margin-top: 30px; a { font-family: "Montagu Slab", serif; color: #442a19; font-size: 22px; font-weight: bold; } } } .prodotti-correlati { padding: 30px 0; > h4 { margin-bottom: 30px; } } } @media (max-width: @screen-xs-max) { .h1-xs { font-size: 21px; } } .cntFormPopup { position: fixed; left: 0; right: 0; top: 0; z-index: 999; bottom: 0; #popup { text-align: center; max-width: 800px; padding: 50px 15px; background-color: #fff; margin: auto; margin-top: 10%; position: relative; @media (max-width: @screen-sm-max) { max-width: 700px; } @media (max-width: @screen-xs-max) { margin-left: 15px; margin-right: 15px; padding: 25px 15px; } a.cancel { color: #fff; background-color: #222; border-radius: 50%; width: 30px; height: 30px; display: block; text-align: center; line-height: 27px; position: absolute; right: -15px; top: -15px; span { font-size: 30px; } } } #cover { background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; } }