/* CSS Document */ /* COLORE PRIMARIO VERDE: #861006 rgba(134,16,6, rgba(134, 16, 6, COLORE SECONDARIO ROSSO: #000000 rgba(0,0,0, rgba(0, 0, 0, */ /* Formattazione Testo GENERICO */ .popup { position: relative; /*display: inline-block;*/ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 160px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -80px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; transition-duration : 0.5s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} } body, html { /*color: #77888F;*/ color: #505354; font-family: 'Public Sans', sans-serif !important; font-size: 16px; background:#FFF /*url(images/grafica/-sf.jpg) right 155px fixed no-repeat*/; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-bckg { background-color:transparent !important; } /* LINK */ a { text-decoration:none; color:#000000; -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } a:active, a:hover, a:focus { text-decoration:none; color:#333 !important; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } a.email { text-decoration:underline; color:#999 !important; -o-transition:color .5s ease-in; -ms-transition:color .52s ease-in; -moz-transition:color .5s ease-in; -webkit-transition:color .5s ease-in;} a.email:hover { text-decoration:none; color:#000000 !important; -o-transition:color .5s ease-in; -ms-transition:color .52s ease-in; -moz-transition:color .5s ease-in; -webkit-transition:color .5s ease-in;} a.form { text-decoration:underline; color:#861006 !important; -o-transition:color .5s ease-in; -ms-transition:color .52s ease-in; -moz-transition:color .5s ease-in; -webkit-transition:color .5s ease-in;} a.form:hover { text-decoration:none; color:#000000 !important; -o-transition:color .5s ease-in; -ms-transition:color .52s ease-in; -moz-transition:color .5s ease-in; -webkit-transition:color .5s ease-in;} p a { text-decoration:none; color:#333} p a:hover { text-decoration:none; color:#999} p { text-align:justify; } p.text-center { text-align:center !important; } p.back-bottom a { text-decoration:none; color:#666; font-size:9px; padding:6px 5px; background:#F8F8F8; border:#333 solid 1px;} p.back-bottom a:hover { text-decoration:none; color:#333 !important; background:none; border:#CCC solid 1px !important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .fade a img { display:block; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } .fade a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } a.fade img { display:block; } a.fade:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } dd { position:absolute; bottom: 0px; left:-50px; } dd span { color:#999 !important; } dt img { width:100px !important; } /* hr { color: #333; background:#333; border: 0; height: 1px; width:99%; } */ /* TITOLI H1 / H2 / H3 / H4 */ h1 { font-size:35px; font-weight:normal; font-style:normal; margin:0px !important; padding:5px 0px !important; color:#861006 !important; text-transform:uppercase; text-align:left; font-weight: 400 !important; /*border-bottom:#EEE solid .01em;*/ font-family: 'Barlow Condensed', sans-serif; } h1::first-letter { /*color:#9A8978;*/ } h1.dark::first-letter { /*color:#9A8978;*/ } h1 span { font-weight:100 !important; font-size:30px !important; color:#666 !important; letter-spacing:.1em; } h1 span > span { color:#000000 !important; } h1.collections { float:left; } h1.service { font-size:22px; color:#000000 !important; float:left; padding:2px 0px 0px 10px !important; border-left:#28466C solid 2px; margin-left:10px !important; } h1.mod { text-align:right !important; } h1.promo { } h1 small { color:#333 !important; } h1.home-center { text-align:center !important; color:#861006 !important; } h1.home-center div { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); border:#861006 solid 2px !important; color:#FFF !important; padding: 2px 10px; display: inline-block; background-color: rgba(134,16,6,1); border-radius: 10px; } h1.home-center div.text-title { transform: skewX(20deg) !important; -webkit-transform: skewX(20deg) !important; -moz-transform: skewX(20deg) !important; -ms-transform: skewX(20deg) !important; -o-transform: skewX(20deg) !important; color:#FFF !important; font-weight: 400 !important; border:none !important;} h1.home-center::first-letter { } h1.home-center span.txt-rosso { color:#000000 !important; font-weight: 100 !important; } h1.home-center-numeri { text-align:center !important; padding:0px 0px !important; } h1.home-center-numeri div { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); border:none !important; padding: 5px 20px; display: inline-block; background-color: rgba(134,16,6,1); border-radius: 15px; } h1.home-center-numeri div.text-title { transform: skewX(20deg) !important; -webkit-transform: skewX(20deg) !important; -moz-transform: skewX(20deg) !important; -ms-transform: skewX(20deg) !important; -o-transform: skewX(20deg) !important; color:#FFF !important; font-size:45px !important; font-weight: 600 !important; border:none !important; background: none; } h2 { color:#861006; text-transform:uppercase; font-size:28px; font-weight:300 !important; padding:5px 0px !important; margin:0; line-height:145% !important; font-family: 'Barlow Condensed', sans-serif; } h2.accessories { color:#505354; text-transform:capitalize; font-size:36px; font-weight:300 !important; padding:5px 0px !important; margin:0; line-height:115% !important; border-bottom: 1px solid #EEE; } h2.accessories::first-letter { color:#cd232d; font-weight:600 !important; } h2.details { color:#959899; text-transform:none; font-size:19px; font-weight:300 !important; padding:5px 0px !important; margin:0; line-height:115% !important; border-bottom: 1px solid #EEE; } h2.details.title-centered { text-align: center !important; } h2.collections { font-size:18px; text-transform:uppercase; float:right; color:#28466c; letter-spacing:.2em; } h2.title-carrello { font-size:18px; text-transform:uppercase; color:#333; font-weight:300; letter-spacing:.1em; font-family: 'Public Sans', sans-serif; } h2.title-carrello::first-letter { color:#B90000; } h2 span { font-weight:900 !important; color:rgba(185, 1, 0,.6) !important; } h2.projects-desc { text-align:right; padding:45px 25px !important; line-height:200% !important; } h2.home { text-align:center !important; font-size:26px !important; } h2.promo { font-size:18px !important; } h2.centered { text-align:center !important; } h2.light { color:#745951; } h2.mod { font-size:24px; color:#002E00; font-weight:600; text-transform:none; } h2.realiz a { color:#999; text-transform:none; } h2.realiz a:hover { color:#002E00 !important; } h3 { color:#000000; font-size:22px; font-weight:300 !important; padding:5px 0px !important; margin:0; line-height:145% !important; font-family: 'Barlow Condensed', sans-serif; } h3.promo { color:#333; font-size:27px !important; text-align:left !important; } h4, h5 { font-family: 'Barlow Condensed', sans-serif; } h4 { color:#000000; font-size:17px; font-weight:500 !important;} h4.centered { text-align:center !important; } h5 { color:#666; font-size:18px; font-weight:bold; padding-top:0px !important; padding-bottom:10px !important; text-align:center !important; display:block; margin-top:5px !important;} h5.red { color:#C00; } h5.white { color:#FFF; /*visibility:hidden; */} .bolder { font-weight:bolder !important; } .clear { clear:both; } p { text-align:justify !important; } p.centered { text-align:center !important; } p.line-height-light { line-height:190% !important; } p.img-centrata img { padding:5px 55px !important; margin:0 auto !important; text-align:center !important; } img.fb-contact { height:25px; } /* SHADOW */ .box-shadow {box-shadow: 0px 3px 10px rgba(0,0,0,.8)} .drop-shadow { -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8)); filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8)); } /* Colori */ .col-old-red { color:#28466C; } .rossiccio { color:#333; } .dark-blue { color:#28466c !important; } .light-blue { color:#5e84bd !important; } /* Background */ .bg-white { background:#FFF; border-radius: 4px; } .bg-white-trasparent { background:rgba(255,255,255,0.35); } .bg-grey { background:rgba(170,170,170,.6); } .bg-light-white { background:#FFF; } .bg-light-grey { background:#F8F8F8; } .bg-dark-grey { background:#555; } .bg-grey-form { background:rgba(239,239,239,1); } .bg-grey-trasparent { background:rgba(204,204,204,0.35); } .bg-brown { background:#B09F8F; } .bg-light-blue { background:rgba(105,185,244,0.45); } .bg-light-blue-blur { background: rgba(105,185,244,0.45) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom,rgba(105,185,244,0.45),rgba(255,255,255,0.7)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(105,185,244,0.45),rgba(255,255,255,0.7)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(105,185,244,0.45),rgba(255,255,255,0.7)) !important; /*Fx 3.6-15*/ background: linear-gradient(to bottom,rgba(105,185,244,0.45),rgba(255,255,255,0.7)) !important; /*Standard*/ } .border-green { border:rgba(134,16,6,1) solid 1px; border-radius: 20px; overflow: hidden !important; padding: 0px 0px -10px 0px; } .hideme { opacity:0; } .hideme1 { opacity:0; } /* Padding / Margin */ .margin-top { margin-top:20px !important; } .margin-light-top { margin-top:10px !important; } .margin-top-more { margin-top:35px !important; } .margin-top-most { margin-top:55px !important; } .margin-light-top-bottom { margin-top:10px !important; margin-bottom:20px !important; } .margin-light-bottom { margin-bottom:10px !important; } .margin-no { margin:0px !important; } .margin-top-minus5 { margin-top:-5px !important; } .margin-top-minus10 { margin-top:-10px !important; } .padding-none { padding:0px !important; } .padding-top { padding-top:20px !important; } .padding-light-top { padding-top:10px !important; } .padding-top-more { padding-top:50px !important; } .padding-light { padding:10px !important; } .padding-1 { padding:1px !important; } .padding-5 { padding:5px !important; } .padding-10 { padding:10px !important; } .padding-20 { padding:20px !important; } .text-big { font-size:18px !important;} .text-bigger { font-size:21px !important; font-weight:700 !important; line-height:150% !important;} .text-upper { text-transform:uppercase !important;} .at-right { text-align:right !important; } .at-right p { text-align:right !important; } .at-right img { text-align:right !important; float: right !important; } .bordered { border:#333 solid 1px; background:#EEE; padding:15px; } .border-left-color { border-left:#666 solid 1px !important; /*padding:5px 0;*/ } .border-right-color { border-right:#000000 solid 1px !important; /*padding:5px 0;*/ } .border-right-color-tab { border-right:#000000 solid 1px !important; /*padding:5px 0;*/ } .b-centered { text-align:center !important; } /* VIDEO WRAPPER */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CYCLE SLIDESHOW */ /* .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slideshow { width: 35%; min-width: 200px; margin: auto; padding: 0; }*/ /* anchors .cycle-slideshow > a { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; }*/ /* images .cycle-slideshow > a > img { width: 100%; position: static; display: block; }*/ /* divs */ .cycle-slideshow > div { position: absolute; top: 0; left: 0; width: 100%; padding: 0; } .cycle-slideshow { z-index:0 !important; } /* HR */ hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } /* Single-direction drop shadow */ hr.style-four { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(149, 152, 153, 0.5); z-index:99 !important; } hr.style-four-bis { height: 12px; border: 0; box-shadow: inset 0 -12px 12px -12px rgba(149, 152, 153, 0.5); z-index:99 !important; } /* Single-direction drop shadow skew */ hr.style-four-b { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(149, 152, 153, 0.5); transform: skewY(-4deg); -webkit-transform: skewY(-4deg); -moz-transform: skewY(-4deg); -ms-transform: skewY(-4deg); -o-transform: skewY(-4deg); display:none; } /*================================================== * Effect 7 * ===============================================*/ .effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect7:before, .effect7:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* HEADER */ /* MENU NAVIGATION LANGUAGES */ /* Menu LINGUE */ /* Band Header */ .band-header { padding:5px 0px !important; height:26px; background-color:#2B9A29; /*border-bottom:#175416 solid 1px;*/ border-bottom:#FFF solid 1px; color:#FFF; font-size:12px; } .social { float:left; margin:0px 3px 0px 0px; padding:0px; background: 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; } .social.facebook { background:url(images/grafica/facebook.png) 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .social.youtube { background:url(images/grafica/youtube.png) 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; /*margin-left:10px !important;*/ } .social.instagram { background:url(images/grafica/instagram.png) 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; /*margin-left:10px !important;*/ } .social.pinterest { background:url(images/grafica/pinterest.png) 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; /*margin-left:10px !important;*/ } .social.linkedin { background:url(images/grafica/linkedin.png) 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; /*margin-left:10px !important;*/ } .social:hover { background-position:0px -22px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; transition: all 0.7s; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } .social a { height:22px; width:22px; display:block; } .social img { height:22px; margin-top:-5px !important; } .lang-list-content { padding:0px; clear:both; width:100%; position:fixed; top:0 !important; z-index:9999 !important; background:rgba(255,255,255,0.9) !important; /* background:rgba(154,137,120,0.8) !important; background:rgba(146,141,139,0.8) !important; tortora/beige background:url("images/grafica/sf-header2.jpg") center center fixed repeat !important;*/ color:#000000 !important; /*border-bottom: #555 solid 0px;*/ letter-spacing:.01em; } .lang-list-content span { } .lang-list-text span { font-size:11px; color:#cd232d !important; text-transform: uppercase; } .lang-list-content a { color:#FFF !important; } .lang-list-content a:hover { color:#6DB9F4 !important; } .lang-list { margin-right:10px !important; padding:0px; text-align:right; float:right; } ul.lang-list { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; } .lang-list.on-footer { padding:0px; margin: 0px auto; width: auto !important; text-align: center !important; } ul.lang-list.on-footer { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px !important; display: inline-block; float: none !important; } ul.lang-list li { list-style:none !important; display:inline !important; } .lang-list li { list-style:none !important; display:inline !important; } ul.lang-list li.it { /*background:url(images/grafica/ita.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } ul.lang-list li.uk { /*background:url(images/grafica/uk.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.lang-list li a { font-size:11px; margin:0px; color: #CCC; text-align:center; text-decoration:none; text-transform:uppercase; /*background:rgba(255, 255, 255, .7) !important; border:#FFF solid 1px; border-radius: 0px 0px 5px 5px;*/ -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; } ul.lang-list li img { height:20px !important; width:auto !important; padding:0px !important; } ul.lang-list li a img { border:none; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(100%) !important; float:left; padding:0px 8px 2px 8px !important; margin:2px 0px 0px 0px; } ul li a.Last { border:none; margin:0px;} ul.lang-list li a:active ,ul.lang-list li a:hover ,ul.lang-list li a:hover img { color:#FFF !important; /*border-color:#1E1955; background:rgba(255, 255, 255, .2) !important;*/ text-decoration:none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-filter: grayscale(50%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(50%) !important; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } ul.lang-list li a.Last.selected ,ul.lang-list li a.selected ,ul.lang-list li a.selected img { color:#000000 !important; /*border-color:#1E1955; background:rgba(255, 255, 255, 0.1) !important;*/ text-decoration:none; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(0%) !important; } ul.lang-list.on-footer li a img { border:none; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(0%) !important; float:left; padding:0px 5px 2px 5px !important; margin:2px 0px 0px 0px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } ul.lang-list.on-footer li a:active ,ul.lang-list.on-footer li a:hover ,ul.lang-list.on-footer li a:hover img { text-decoration:none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-filter: grayscale(50%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(50%) !important; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; } /* MENU CERCA */ .search-list { margin-right:0px !important; padding:0px; text-align:right; float:right; } ul.search-list { padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; } ul.search-list li { list-style:none !important; display:inline !important; white-space:nowrap !important; float:left; } .search-list li { list-style:none !important; display:inline !important; white-space:nowrap !important; } ul.search-list li.it { /*background:url(images/grafica/ita.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } ul.search-list li.uk { /*background:url(images/grafica/uk.png) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.search-list li a { font-size:21px; padding:0px 10px 0px 5px !important; margin:0px; color: #FFF; text-align:center; text-decoration:none; text-transform:uppercase; /*background:rgba(255, 255, 255, .7) !important; border:#FFF solid 1px; border-radius: 0px 0px 5px 5px;*/ -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; } ul.search-list li span { padding-top:10px !important; } ul.search-list li a span { } ul li a.Last { border:none; margin:0px;} ul.search-list li a:active ,ul.search-list li a:hover { color:#FFF !important; text-decoration:none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } ul.search-list li a:hover span { box-shadow:none; border-color: none; text-shadow: 0px 0px 5px black, 0 0 5px #000000, 0 0 5px #000000, 0px 0px 5px black, 0 0 5px #000000, 0 0 5px #000000 } ul.search-list li a.Last.selected ,ul.search-list li a.selected ,ul.search-list li a.selected img { color:#28466C !important; /*border-color:#1E1955; background:rgba(255, 255, 255, 0.1) !important;*/ text-decoration:none; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(0%) !important; } /* CERCA PRODOTTI */ ul.search-list li.search-content { /*background:rgba(240,240,240,.6);*/ background-color:transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:10px 5px; position:relative; } ul.search-list li.search-content a.search-mobile { display:none; } .search input { color:#FFF !important; border-top:none; border-left:none; border-right:none; border-bottom:#CCC solid 1px; box-shadow:none; background-color:transparent; margin:0px; border-radius:0px !important; box-shadow: none; -webkit-shadow: none; -moz-shadow: none; -o-shadow: none; -webkit-appearance: none; } .search button { color:#FFF !important; border:none; position:absolute; right:5px; top:12px; font-size:18px; background-color:transparent; } /* FINE CERCA PRODOTTI */ /* ul#menu-lang { padding: 0px 0px 0px 0px !important; z-index:9999 !important; clear:both; position:absolute; top:0; right:0; } ul#menu-lang > li { display:inline !important; background:rgba(30, 25, 85, .8) !important; padding:5px 5px 10px 5px !important; } #menu-lang > li > a { font-size:15px !important; color:#FFF; text-decoration:none; background:none !important; white-space:nowrap; text-shadow:none !important; box-shadow:none !important; text-transform:uppercase; text-align:center; padding:9px 0px 10px 0px !important; display:block; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; }*/ /* #menu > li > a.first { text-align:left; } #menu > li > a.last { text-align:right; } */ /* #menu-lang > li > a:active ,#menu-lang > li > a:hover ,#menu-lang > li > a.selected { color:#fff !important; background:url(images/grafica/sf-btn-hover.gif) 0px 1px repeat-x !important; font-weight:bold; background:#00346E !important; display:block; }*/ .header-sf-OLD { background: rgba(68,68,68,0.7) !important; /*For browsers that do not support gradients*/ background: -webkit-linear-gradient(top,rgba(68,68,68,0.5),rgba(68,68,68,.7)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(top,rgba(68,68,68,0.5),rgba(68,68,68,.7)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(top,rgba(68,68,68,0.5),rgba(68,68,68,.7)) !important; /*Fx 3.6-15*/ background: linear-gradient(to top,rgba(68,68,68,0.5),rgba(68,68,68,.7)) !important; /*Standard*/ border: none !important; /*border-bottom:#28466C solid 1px !important; -webkit-box-shadow: 0 5px 6px -3px #AAA; -moz-box-shadow: 0 5px 6px -3px #AAA; box-shadow: 0 5px 6px -3px #AAA;*/ min-height:95px !important; padding:0px !important; margin-top:22px; -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; /* background: rgba(146,141,139,0.7) !important; /* For browsers that do not support gradients */ /* background: -webkit-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Safari 5.1-6*/ /* background: -o-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Opera 11.1-12*/ /* background: -moz-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Fx 3.6-15*/ /* background: linear-gradient(to top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Standard*/ } .header-sf { border: none !important; border-bottom:#861006 solid 1px !important; /*-webkit-box-shadow: 0 5px 6px -3px #AAA; -moz-box-shadow: 0 5px 6px -3px #AAA; box-shadow: 0 5px 6px -3px #AAA;*/ min-height:95px !important; padding:0px !important; margin-top:22px; -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; background: rgba(255,255,255,0.8) !important; /* For browsers that do not support gradients */ /* background: rgba(146,141,139,0.7) !important; /* For browsers that do not support gradients */ /* background: -webkit-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Safari 5.1-6*/ /* background: -o-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Opera 11.1-12*/ /* background: -moz-linear-gradient(top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Fx 3.6-15*/ /* background: linear-gradient(to top,rgba(146,141,139,0.5),rgba(146,141,139,.9)) !important; /*Standard*/ } .brand { margin:0px auto 0; padding:0px; /*float:left;*/ text-align:left; z-index:0 !important; position:relative; /*height: 90px; background:rgba(185,185,200,0.65) !important; background:rgba(230,230,230,0.75) !important;*/ margin-top:10px; /*box-shadow:0px -3px 5px #333, 0px 3px 5px #333;*/ } .brand > .cycle-slideshow { text-align:right; height:95px; position:absolute; top:-20px !important; right:45px !important; overflow:hidden !important; } .brand > .anim-header { } .brand > .cycle-slideshow img { text-align:right; height:175px; position:absolute; top:0px !important; right:35px !important; } .navbar-header { } .navbar-brand { margin:0px auto !important; padding:0px !important; z-index:9999 !important; display:block !important; position:relative; height:auto !important; /*overflow:auto !important;*/ } .navbar-brand.mapoint { } .navbar-brand img { margin:0px !important; padding:5px 15px 5px 15px !important; z-index:100 !important; /*width:85% !important; height:auto !important;*/ -o-transition:height 1s ease-in; -ms-transition:height 1s ease-in; -moz-transition:height 1s ease-in; -webkit-transition:height 1s ease-in; /* ...and now for the proper property */ transition:height 1s ease-in; max-height:100px !important; width:auto !important; display:block !important; } img.mapointimg { display:none !important; } .navbar-brand a { } .navbar-brand a img { -webkit-transition: all 1s ; -moz-transition: all 1s ; -ms-transition: all 1s ; -o-transition: all 1s ; transition: all 1s; } .navbar-brand a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; } /* PAGE HOME */ #page-home { margin-top:123px; /*margin-bottom:30px;*/ z-index:0 !important; min-height:500px; /*background-color:#000000;*/ } /* HOME NUMERI */ .home-numeri { background:#FFF !important; margin-top: -300px !important; } .home-numeri-container { border:#861006 solid 2px; padding: 0px !important; } .home-numeri-content { text-align: center !important; -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 5s; /* Firefox < 16 */ -ms-animation: fadein 5s; /* Internet Explorer */ -o-animation: fadein 5s; /* Opera < 12.1 */ animation: fadein 5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .home-numeri-content { text-align: center !important; font-weight: 600 !important; color: #861006 !important; font-size: 20px !important; } .home-numeri-content h2 { text-align: center !important; font-weight: 600 !important; padding: 0px !important; } .home-numeri-content.acquisite h2, .home-numeri-content.acquisite p, .home-numeri-content.acquisite span { color: #000000 !important; } .home-numeri-content.vendute h2, .home-numeri-content.vendute p, .home-numeri-content.vendute span { color: #000000 !important; } .home-numeri-content.vendita h2, .home-numeri-content.vendita p, .home-numeri-content.vendita span { color: #861006 !important; } .home-numeri-content p.numeri, .home-numeri-content span.numeri { text-align: center !important; font-size: 60px !important; font-weight: 700 !important; padding: 0px !important; margin: 0px auto !important; } .home-numeri-content div.i-container { min-height: 100px !important; margin: 5px 0px !important; display: block; clear: both; } .home-numeri-content i { font-size: 90px !important; } .plus-n { font-size: 40px !important; margin-top: 35px !important; vertical-align: middle!important; } .home-cartina-container { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); border:#861006 solid 2px !important; padding: 0px 0px !important; display: flex !important; overflow: hidden !important; width: 90%; margin: 0px auto 0 !important; } .home-cartina-container iframe { transform: skewX(20deg) !important; -webkit-transform: skewX(20deg) !important; -moz-transform: skewX(20deg) !important; -ms-transform: skewX(20deg) !important; -o-transform: skewX(20deg) !important; } /* BOX HOME SEZIONI */ .box-slogan-home-container { box-shadow: 0 -8px 8px -8px rgba(50, 50, 50, 0.7), 0 8px 8px -8px rgba(50, 50, 50, 0.7); background: rgba(134,16,6,1) !important; /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(left,rgba(248,248,248,.1),rgba(255,255,255,.9),rgba(248,248,248,.1)) !important; Safari 5.1-6*/ /*background: -o-linear-gradient(left,rgba(248,248,248,.1),rgba(255,255,255,.9),rgba(248,248,248,.1)) !important; Opera 11.1-12*/ /*background: -moz-linear-gradient(left,rgba(248,248,248,.1),rgba(255,255,255,.9),rgba(248,248,248,.1)) !important; Fx 3.6-15*/ /*background: linear-gradient(to left,rgba(248,248,248,.1),rgba(255,255,255,.9) ,rgba(248,248,248,.1)) !important; Standard*/ } /* h2.box-slogan-home-content { font-size: 45px; color: rgba(134,16,6,.8) !important; font-weight: 600 !important; text-align: center !important; padding: 20px 0px; line-height: 105% !important; } h2.box-slogan-home-content span { color: #861006 !important; font-size: 60px; font-style: italic; font-weight: bolder !important; } */ .box-slogan-home-content h2 { text-align: center; color: white; text-transform: uppercase; padding: 20px 0px !important; /*font-family: 'Raleway', cursive;*/ font-weight: 400 !important; position: relative; /*background: linear-gradient(to right, white, rgba(134,16,6,.7), #861006, rgba(134,16,6,.7), white) !important;*/ animation: comein 1.5s 1 ease-in-out forwards; font-size: 45px; } .box-slogan-home-content h2 span { color: #FFF !important; font-size: 50px; font-style: italic; font-weight: 800 !important; } .box-slogan-home-content h2::before { content: ""; position: absolute; left: 50%; top: -50px; width: 600px; margin-left: -300px; margin-top: -220px; height: 600px; /*background: radial-gradient(50% 50%, ellipse closest-side, #444, black);*/ z-index: -1; } @keyframes comein { 0% { letter-spacing: 50px; color: rgba(255, 255, 255, 0); } 70% { letter-spacing: 10px; } 100% { letter-spacing: 15px; color: rgba(255, 255, 255, 1); } } /* BOX HOME SEZIONI */ .box-home-content { overflow:hidden; /*margin:5px !important; padding-top:10px !important; padding-bottom:10px !important;*/ padding:0px !important; /*min-height:460px;*/ border-radius:0px; position:relative; width:100% !important; height:300px !important; } .box-home-content:hover { background: rgba(134,16,6,.9) !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .box-home-content h2 { padding:0px !important; margin:0px !important; position:absolute !important; bottom:-60px; width:100% !important; text-align:center !important; font-size:200px !important; font-style:italic; font-weight:800 !important; z-index:1 !important; color:rgba(134,16,6,0.6) !important; filter:alpha(opacity=.6); -moz-opacity:.6; opacity:.6; text-transform:uppercase !important; } .box-home-content:hover h2 { color:rgba(255,255,255,0.7) !important; } .box-home-content h3 { z-index:1 !important; position:absolute !important; top:5% !important; bottom:15% !important; left:0 !important; width:100%; font-size:14px !important; font-style: normal; font-weight:400 !important; /*background: rgba(218,24,22,0.7); */ text-transform:none; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#861006 !important; text-align:justify; padding: 0px 20px !important; overflow-y: auto !important; /*visibility:hidden;*/ } .box-home-content:hover h3 { color:#FFF !important; } .box-home-content:hover a h3 { background: rgba(255,255,255,0.5) !important; color:#333 !important; visibility:visible !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .box-home-content .freccina { position:absolute; top: 50%; transform: translateY(-50%); left:-10px; /*width:30px; height:30px;*/ } .box-home-content .freccina img { width: auto !important; } .d-home { /*background-image: url(images/grafica/home-showroom.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;*/ background: rgba(255,255,255,0.9) !important; background-position:center; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; padding:0px; width:100% !important; height:350px !important; } .box-home-content:hover .d-home, .box-home-content:focus .d-home { transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /*IE8*/ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'), grayscale(80%); /*IE6 and 7 */ -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; -webkit-filter: grayscale(50%) blur(3px); filter: grayscale(50%) blur(3px); } .d-home a { display:block !important; width:100% !important; height:100% !important; } .d-home.showroom { background: rgba(225,225,225,1) !important; } .d-home.products { background-image: url(images/grafica/home-products.jpg) !important; } .d-home.specialoffers { background-image: url(images/grafica/home-promozioni.jpg) !important; } .d-sezioni.showroom, .d-sezioni.products, .d-specialoffers.soluzioni { -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* .d-home.showroom:hover, .d-home.products:hover, .d-home.specialoffers:hover { -webkit-filter: grayscale(50%) blur(3px); filter: grayscale(50%) blur(3px); }*/ .box-sfum-top { padding: 15px 0px; background: rgba(0,0,0,.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/ background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/ background: linear-gradient(to top, rgba(0,0,0,0),rgba(0,0,0,1)); /*Standard*/ } .box-sfum-bottom { padding: 15px 0px; background: rgba(0,0,0,.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,1)); /*Standard*/ } /* HOME BOX PERCHE' ACQUISTARE */ .home-perche-box { text-align:center !important; padding:0px 0px !important; margin: 15px 15px !important; } .home-perche-box div { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); border:solid 1px rgba(134,16,6,1) !important; padding: 5px 20px; display: inline-block !important; text-align: center; background-color: rgba(134,16,6,1); border-radius: 15px; max-width: 355px !important; } .home-perche-box div.text-title { transform: skewX(20deg) !important; -webkit-transform: skewX(20deg) !important; -moz-transform: skewX(20deg) !important; -ms-transform: skewX(20deg) !important; -o-transform: skewX(20deg) !important; color:#FFF !important; font-size:40px !important; font-weight: 600 !important; border:none !important; background: none; text-transform: uppercase !important; } .home-perche-box a { } .home-perche-box a div { } .home-perche-box a:hover div { background-color: rgba(255,255,255,1); border:solid 1px rgba(134,16,6,1) !important; } .home-perche-box a:hover div.text-title { color:#861006 !important; border:none !important; } main div { max-width: 355px; } .inline-block-center { text-align: center; } .inline-block-center div { display: inline-block; text-align: center; } /* PAGE */ #page { /*margin-top:95px; margin-bottom:30px;*/ z-index:0 !important; } #page-detail { margin-top:120px; /*margin-bottom:30px;*/ z-index:0 !important; } .title-container { z-index:0 !important; /*background:rgba(134,16,6,0.6);*/ background:rgba(255,255,255,1); position:relative; border-bottom: #000000 solid 1px; } .title-container h1 { color:#861006 !important; font-size: 45px !important; padding: 20px 15px !important; text-transform:uppercase; font-weight: 600 !important; text-align: right !important; } .title-container h1 span { font-weight: 200 !important; color:#000000 !important; font-size: 45px !important; } .title-prodotti-container { position:relative; } .title-back { z-index:0 !important; position:absolute; left: 20px; top: 15px; font-size: 11px; text-transform: uppercase; } .title-back a i,.title-back a { color:#861006 !important; } .title-back a:hover i, .title-back a:hover { color:#000000 !important; } .title-content { z-index:0 !important; background:#505354 url("images/grafica/sf-header-footer.jpg") center center fixed repeat; height:400px; position:relative; } .title-content .header-products { background:url(images/header/prodotti-g.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; height:400px; display:block; z-index:0; } .title-content .header-chisiamo { background:url("images/header/mecplus-header1.jpg") center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; height:400px; display:block; z-index:0; } .title-content .header-servizi { background:url("images/home/mecplus-home3.jpg") center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; height:400px; display:block; z-index:0; } .title-content .header-worldwide { background:url(images/header/worldwide-g.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; height:500px; display:block; z-index:0; } .title-content .header-promozioni { background:url(images/header/promozioni-g.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; height:500px; display:block; z-index:0; } .title-content.prod-detail { background:none !important; height:100px !important; z-index:0 !important; -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; border-bottom: 1px solid #EEE; } .title-content .header-products.detail { height:100px; background:none !important; } .title-content .header-products img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; z-index:0; } .title-content .header-products.p-indoor { background:url(images/header/prodotti-indoor.jpg) center center no-repeat; } .title-content .header-products.p-outdoor { background:url(images/header/prodotti-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-maxalto { background:url(images/header/prodotti-maxalto.jpg) center center no-repeat; } .title-content .header-products.p-divani { background:url(images/header/prodotti-divani.jpg) center center no-repeat; } .title-content .header-products.p-poltrone { background:url(images/header/prodotti-poltrone.jpg) center center no-repeat; } .title-content .header-products.p-sedie { background:url(images/header/prodotti-sedie.jpg) center center no-repeat; } .title-content .header-products.p-tavoli { background:url(images/header/prodotti-tavoli.jpg) center center no-repeat; } .title-content .header-products.p-tavolini { background:url(images/header/prodotti-tavolini.jpg) center center no-repeat; } .title-content .header-products.p-letti { background:url(images/header/prodotti-letti.jpg) center center no-repeat; } .title-content .header-products.p-librerie { background:url(images/header/prodotti-librerie.jpg) center center no-repeat; } .title-content .header-products.p-complementi { background:url(images/header/prodotti-complementi.jpg) center center no-repeat; } .title-content .header-products.p-tappeti { background:url(images/header/prodotti-tappeti.jpg) center center no-repeat; } .title-content .header-products.p-divani-outdoor { background:url(images/header/prodotti-divani-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-lettini-outdoor { background:url(images/header/prodotti-lettini-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-sedie-outdoor { background:url(images/header/prodotti-sedie-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-tavoli-outdoor { background:url(images/header/prodotti-tavoli-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-tavolini-outdoor { background:url(images/header/prodotti-tavolini-outdoor.jpg) center center no-repeat; } .title-content .header-products.p-complementi-outdoor { background:url(images/header/prodotti-complementi-outdoor.jpg) center center no-repeat; } .title-content .title-center { text-align:center !important; margin:auto !important; /*margin-top:-30% !important; display: inline-block; padding:0px; vertical-align:middle !important; width:100%;*/ z-index:999 !important; position: absolute; left: 2%; right: 2%; top: 52%; margin-left: -150px; margin-top: -150px; color:#FFF !important; background-color:transparent !important; } .title-content .title-center-int { text-align:center !important; margin:auto !important; /*margin-top:-30% !important; display: inline-block; padding:0px; vertical-align:middle !important; width:100%;*/ z-index:999 !important; position: absolute; left: 2%; right: 2%; top: 30%; margin-left: -150px; margin-top: -150px; background-color:transparent !important; } .title-content .title { text-align:center !important; margin:0 auto !important; display:inline-block; z-index:999 !important; background-color:transparent !important; } .title h1 { text-align:center !important; margin:auto !important; color:#FFF !important; background-color:transparent !important; font-size:36px; border-bottom-color:#959899 !important; } .title h1.dark, .title p.dark { color:#505354 !important; } .title h1.title-lighter { font-size:20px !important; } .title h1 span.pronta-cons { color:#999 !important; font-size: 20px; display: block; padding: 2px 0px; } /* breadcrumb */ .breadcrumb { padding: 3px 5px 0px 15px; margin-top: 0px !important; margin-bottom: 10px !important; list-style: none; background:none !important; /*border-bottom:#28205C solid .1em; border-radius: 4px;*/ text-align:center !important; font-size:10px !important; text-transform: none; color:#FFF !important; } .breadcrumb.dark { color:#505354 !important; } .breadcrumb li a { color:#FFF !important; } .breadcrumb.dark li a { color:#505354 !important; } .breadcrumb > .active { color: #cd232d !important; } .breadcrumb.dark > .active { color: #cd232d !important; } .breadcrumb li a:hover { color:#959899 !important; } .breadcrumb.pr-detail { text-align:right !important; } .breadcrumb.pr-detail li a { color:#999 !important; } .breadcrumb.pr-detail li a:hover { color:#EEE !important; } .intestazione-detail { z-index: 90px !important; } /* ::: CHI SIAMO ::: */ .chi-siamo-container { margin-top: -80px !important; background:rgba(134,16,6,.9); z-index: 99px !important; padding: 20px 25px 0px 25px; } .chi-siamo-container.affiliazione { margin-top: -85px !important; } .chi-siamo-content { -webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em; font-size:15px; } .chi-siamo-container2 p { line-height:195% !important; font-size:18px; } .chi-siamo-container h2 { -webkit-column-span: all; -moz-column-span: all; column-span: all; font-size: 1.5em; margin-bottom: 0; line-height: 1.2; text-transform: uppercase !important; font-size:26px !important; font-weight: 600 !important; color: #FFF !important; } .chi-siamo-container h2 img { height: 45px; vertical-align: middle !important; padding-left: 5px; } .chi-siamo-container.privacy-policy p, .chi-siamo-container.privacy-policy ul { line-height:125% !important; font-size:14px !important; } /* ::: AFFILIAZIONE ::: */ .box-apri-motor { position:relative; text-align:center; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; padding: 30px 0px; } .box-apri-motor:hover { background:rgba(225,225,225,.9); -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; } .box-apri-motor img { padding:30px; } .box-apri-motor h3 { text-align:center; font-size: 30px; font-weight: 600 !important; } .box-apri-motor h3 span { font-weight: 800 !important; } .box-apri-motor h3 span.rosso { color: #000000; } .box-apri-motor h3 span.verde { color: #861006; } .box-apri-motor h3 span.nero { color: #999; } /* ::: PRODOTTI ::: */ .prodotti-txt-content { /*-webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em;*/ font-size:12px; border-top: 1px solid #EEE; padding: 15px 0px; } .prodotti-txt-content p { line-height:155% !important; } .prodotti-txt-content h2 { -webkit-column-span: all; -moz-column-span: all; column-span: all; font-size: 1.5em; margin-bottom: 0.5em; line-height: 1.2; text-transform: uppercase !important; } ul.prodotti-txt-list { text-align:left !important; } ul.prodotti-txt-list li::marker { color: #cd232d; /*content: "►";*/ } ul.prodotti-txt-list li h3 { font-size: 13px; color: #cd232d; list-style: #cd232d; } ul.prodotti-txt-list li a { } /* ACCORDION */ .accordion-container { width: 100%; margin: 0 0 10px; clear: both; } .accordion-toggle { position: relative; display: block; padding: 8px; font-size: 1.0em; font-weight: 300; border: solid 1px rgba(134,16,6, 0.6); text-decoration: none; -o-transition:background .5s ease-in; -ms-transition:background .52s ease-in; -moz-transition:cobackgroundlor .5s ease-in; -webkit-transition:background .5s ease-in; text-decoration:none !important; box-shadow: 0 -4px 4px -6px rgba(0, 0, 0, 0.8), 0 4px 4px -6px rgba(0, 0, 0, 0.7); } a.accordion-toggle { text-transform:none !important; } .accordion-toggle.open { font-weight:600; box-shadow: none; } .accordion-toggle:hover, .accordion-toggle:active { -o-transition:background .5s ease-in; -ms-transition:background .52s ease-in; -moz-transition:background .5s ease-in; -webkit-transition:background .5s ease-in; text-decoration:none !important; } .accordion-toggle span.toggle-icon { position: absolute; top: 9px; right: 20px; font-size: 1.5em; } .accordion-content { display: none; padding: 5px; overflow: auto; border: solid 1px #861006; font-size: 12px; } .accordion-content img { display: block; float: left; margin: 0 15px 10px 0; max-width: 100%; height: auto; } .accordion-content p { padding:10px 15px !important; } /* ::: CONFIGURAZIONI ::: */ .configurazioni-container { border: 1px solid #EEE; padding: 0px !important; margin: 10px 0px 0px 0px; box-shadow: 0 -4px 4px -6px rgba(149, 152, 153, 0.8), 0 4px 4px -6px rgba(149, 152, 153, 0.7); min-height: 92px; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; } .configurazioni-container:hover { box-shadow: none; background-color: #EEE; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; } .configurazioni-container:hover .configurazioni-txt-content p { color: #cd232d !important; } .configurazioni-container a { display: block; padding: 0px !important; min-height: 90px; } .configurazioni-txt-content img { width: 90px; padding: 0px !important; margin-right: 5px; float: left; } .configurazioni-txt-content p { padding: 5px !important; text-transform: none !important; /*float: left;*/ font-size:10px !important; color: #505354; } /* ::: VETRINA PRODOTTI ::: */ .category-form { background:rgba(134,16,6,1); color: #FFF !important; } .category-form input, .category-form select { border: solid 1px rgba(134,16,6,1); background:#FFF; color: #000000 !important; } .category-form label { font-size: 12px; } .slider-box { margin: 7px 0px auto} .slider-box img { float: left; display: inline-block;} .slider-box label {border: none; display: inline-block; margin-right: -4px; vertical-align: top; width: auto} .slider-box input.cilindrata {background: transparent !important; float: left; color: #FFF !important; border: none; display: inline-block; margin-right: -4px; padding: 5px 0px 5px 0px; vertical-align: top; width: 80% !important; font-size: 10px;} .slider-box input {} .slider {margin: 5px 0px !important;} .category-form-btn { padding: 10px 0px; text-align: right; } .btn-sep { } .moto-list-container { position:relative; /*min-height:490px !important;*/ background:rgba(225,225,225,.2); box-shadow: 0 -9px 9px -9px rgba(220, 220, 220, 0.8), 0 9px 9px -9px rgba(220, 220, 220, 0.9); -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; margin: 10px 0px; } .moto-list-container:hover { position:relative; /*min-height:490px !important;*/ background:rgba(255,255,255,1); box-shadow: 0 -6px 6px -6px rgba(0, 0, 0, 0.7), 0 6px 6px -6px rgba(0, 0, 0, 0.8); -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .moto-list-img { margin: 0px !important; padding: 0px !important; } .moto-list-container h2 { margin: 0px !important; padding: 1px 0px !important; font-size: 22px !important; } .moto-list-container h3 { margin: 0px !important; padding: 0px 0px !important; font-size: 19px !important; } .moto-list-prezzo { margin: 0px !important; padding: 0px 0px !important; font-size: 15px !important; border-top: solid 1px rgba(134,16,6,1); text-align: center; } .moto-list-prezzo h4 { font-size: 30px !important; font-weight: 800 !important; color: #000000 !important; } .moto-list-prezzo h5 { font-size: 23px !important; font-weight:400 !important; color: #000000 !important; } .moto-list-link { text-align:center !important; color:#861006 !important; margin: 20px; display: inline-block; } .moto-list-link div { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); border:#861006 solid 2px !important; color:#FFF !important; padding: 2px 10px; display: inline-block; background-color: rgba(134,16,6,1); border-radius: 10px; } .moto-list-link div.text { transform: skewX(20deg) !important; -webkit-transform: skewX(20deg) !important; -moz-transform: skewX(20deg) !important; -ms-transform: skewX(20deg) !important; -o-transform: skewX(20deg) !important; color:#FFF !important; font-weight: 400 !important; border:none !important; } .moto-list-link span.txt-rosso { color:#000000 !important; font-weight: 100 !important; } .moto-list-link a div { } .moto-list-link a div.text { } .moto-list-link a:hover div { border:rgba(134,16,6,1) solid 2px !important; color:#FFF !important; background-color: rgba(255,255,255,1); -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .moto-list-link a:hover div.text { color:#861006 !important; border:none !important; } ul.moto-list { padding:0px 0px 0px 0px !important; margin:5px 0px !important; text-align:left; } ul.moto-list li { list-style:none !important; padding:5px 0px !important;} ul.moto-list li, ul.moto-list li a { font-size:15px; padding:2px 0px !important; margin:0px !important; color: #000000 !important; text-decoration:none; text-transform: uppercase !important; border:none; text-transform: none; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } ul.moto-list li img, ul.moto-list li a img { border:none; padding:0 15px 0 0 !important; width:auto !important; height:20px !important; float:left; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; filter: grayscale(70%); } ul.moto-list li a:active ,ul.moto-list li a:hover ,ul.moto-list li a.selected { color:#000000 !important; text-decoration:none; } .burst-8 { background: rgba(134,16,6,1); width: 65px; height: 65px; position: relative; text-align: center; transform: rotate(20deg); z-index: 99px !important; margin: 0 auto !important; margin-top: 15px !important; } .burst-8:before { content: ""; position: absolute; top: 0; left: 0; height: 65px; width: 65px; background: rgba(134,16,6,1); transform: rotate(135deg); z-index: 99px !important; } .burst-txt { font-size: 9px !important; color: #FFF !important; font-weight: 600 !important; text-align:center !important; z-index: 101px !important; transform: rotate(-20deg) !important; width: 60px; height: 60px; position: absolute; padding: 12px 0px 0px 5px !important; } .burst-txt:before { transform: none !important; } /* ::: FINE VETRINA PRODOTTI ::: */ /* ::: DETTAGLIO PRODOTTI ::: */ .dettaglio-prod-container-title { margin-top: 10px !important; background:rgba(134,16,6,.9); z-index: 99px !important; padding: 25px 25px 0px 25px; } .dettaglio-prod-container-title.ver-rosso { background:rgba(0,0,0,.5) !important; } .dettaglio-prod-container-title h2 { -webkit-column-span: all; -moz-column-span: all; column-span: all; font-size: 1.5em; margin-bottom: 0; line-height: 1.2; text-transform: uppercase !important; font-size:35px !important; font-weight: 800 !important; color: #FFF !important; text-align: center !important; } .dettaglio-prod-container-title h2 span { font-weight: 400 !important; } .dettaglio-prod-container-title h2.piccolo { font-size:25px !important; text-align: left !important; } .dettaglio-prod-container-title h2.piccolo span { font-size:21px !important; font-weight: 400 !important; color: #FFF !important; } .dettaglio-prod-container-content { box-shadow: 0 -9px 9px -9px rgba(220, 220, 220, 0.8), 0 9px 9px -9px rgba(220, 220, 220, 0.9); text-align: center !important; } .dettaglio-prod-prezzo h4 { font-size: 30px !important; font-weight: 800 !important; color: #000000 !important; text-align: left !important; } .dettaglio-prod-prezzo h4 span { font-size: 20px !important; font-weight: 500 !important; color: #000000 !important; } .dettaglio-prod-prezzo h5 { font-size: 23px !important; font-weight:400 !important; color: #000000 !important; text-align: left !important; } .dettaglio-prod-prezzo h5 span { font-size: 19px !important; font-weight: 400 !important; color: #000000 !important; } .txt-formula-ma-container { background: rgba(134,16,6,.7) !important; padding: 10px 10px; margin-top: 15px; } h4.txt-formula-ma { font-size: 30px !important; font-weight: 800 !important; color: #000000 !important; text-transform: uppercase !important; } .dettaglio-prod-prezzo-right h4 { font-size: 30px !important; font-weight: 800 !important; color: #000000 !important; text-align: right !important; } .dettaglio-prod-prezzo-right h4 span { font-size: 20px !important; font-weight: 500 !important; color: #000000 !important; } .dettaglio-prod-prezzo-right h5 { font-size: 23px !important; font-weight:400 !important; color: #000000 !important; text-align: right !important; } .dettaglio-prod-prezzo-right h5 span { font-size: 19px !important; font-weight: 400 !important; color: #000000 !important; } .chi-siamo-content { -webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em; font-size:15px; } table.dettaglio-prodotti { text-align:left; margin: 15px 0px; } table.dettaglio-prodotti th { background-color:#861006; color: #FFF; text-align: center; } table.dettaglio-prodotti tr { -o-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; /* ...and now for the proper property */ transition:all .3s ease-in; } table.dettaglio-prodotti tr:hover { background-color:#EEE; -o-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; /* ...and now for the proper property */ transition:all .3s ease-in; } table.dettaglio-prodotti td { border:none !important; text-align: center; padding: 5px 5px; } table.dettaglio-prodotti td.day { text-align:left; font-weight: bold; } table.dettaglio-prodotti td.divisore { background-color:#861006; height: 1px; padding: 0px !important; } table.dettaglio-prodotti th { } table.dettaglio-prodotti th { } /* ::: FINE DETTAGLIO PRODOTTI ::: */ /* ::: SHOWROOM ::: */ /* MAP google */ #container-map{ height:500px; position: relative; padding:2px; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; box-shadow: 2px 2px 5px 2px #CCC; } #map-canvas{width: 100%; height:100%; position:relative; z-index:10;} .popup a{color:#333;text-decoration: none; transition: all .3s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease;} .popup a:hover{color:#666 !important;text-decoration: none;} .popup h2 {margin:0 !important;padding:0 !important; text-transform:none; color:#333 !important; line-height:100% !important;} .popup h2 span {margin:0 !important;padding:0 !important; color:#666 !important;} .popup #berlin{width:220px;height:40px; background: url(img/berlin.png);text-indent: -9999px} .popup img {width: 35px !important;} .showroom-recap { font-size:14px !important; } .showroom-recap h2 { margin:0 !important; padding:0 !important; font-weight:200 !important; } .showroom-recap h5 { margin:0 !important; padding:0 !important; text-transform: uppercase; text-align:left !important; color:#333 !important; line-height:100% !important; letter-spacing:.3em; } /* ::: FINE SHOWROOM ::: */ /* WORLDWIDE SERVICE 017 */ .box-thumb-worldwide-n { background:none; padding:20px 0px !important; border:none; border-radius:0; margin:0 auto !important; } .box-thumb-worldwide-n img { margin:0 auto !important; width:100%; } .box-thumb-worldwide-txt-n { /*background:#E7E6E1 !important; background:#EAEAEA !important;*/ font-size:15px; padding:10px !important; border: #EAEAEA solid .1em; border-radius:0; min-height:200px !important; margin-top:15px !important; line-height:200% !important; } .box-thumb-worldwide-txt-n h3 { font-size:16px; padding:0px 0px 8px 0px !important; margin:0 !important; } .box-thumb-worldwide-txt-s { /*background:#E7E6E1 !important; background:#EAEAEA !important;*/ font-size:14px; padding:9px !important; border: #EAEAEA solid .1em; border-radius:0; /*min-height:190px !important;*/ margin-top:15px !important; line-height:200% !important; } .box-thumb-worldwide-txt-s img { } .box-thumb-worldwide-txt-s h3 { font-size:16px; padding:0px 0px 8px 0px !important; margin:0 !important; } .box-shadow-shade { } /*========================================= * Effect 7 =========================================*/ .effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect7:before, .effect7:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /*========================================= * Effect 8 =========================================*/ .effect8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect8:before, .effect8:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* ::: FINE WORLDWIDE ::: */ /* ::: NEWS ::: */ /* NEWS LIST */ .news-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; /*min-height:490px !important;*/ float:left; background:#FFF; /*border-bottom:rgba(184,184,184,0.8) solid 1px;*/ } .news-list-content:hover { background:rgba(235,235,235,0.3); -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.6), 0 8px 8px -8px rgba(0, 0, 0, 0.7); z-index:999 !important; } .news-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .news-list-n.quattro { height:200px !important; } .news-list-content.total-red { border:#9a8978 solid 1px !important; } .news-list-n a { display:block; width:100% !important; min-height:300px !important; } .news-list-n img { padding:0px; /*width:auto !important; height:300px !important;*/ width:100% !important; height:auto !important; position: absolute; margin: auto; /*top: 50%; transform: translateY(-50%);*/ top: 0; left: 0; right: 0; bottom: 0; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; size: portrait !important; } .news-list-n.quattro img { height:200px !important; } .news-list-n:hover img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .news-list-content h2 { font-size:16px !important; font-weight:100 !important; padding:10px 10px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#222 !important; } .news-list-content h2.small { font-size:18px !important; } .news-list-content a:hover h2 { color:#9a8978 !important; } .news-list-content a:hover p { color:#9a8978 !important; } .news-list-content p { padding:7px 10px 17px 10px !important; margin:0px !important; line-height:135% !important; /*border:#27166F inset 2px ; border-radius:50px/100px;*/ color:#666; font-size:14px !important; } .news-list { position:relative; padding-bottom:35px !important; } .news-list p.description { height:75px !important; } .news-list-content .readmore { /*background-position:0px 0px;*/ width: 100%; font-size:13px; text-align: center; letter-spacing:.5em !important; height: auto !important; padding: 6px; position: absolute; right: 0px; bottom: 0px; background: none; text-transform: uppercase; background:rgba(235,235,235,0.5); filter:alpha(opacity=0) !important; -moz-opacity:.0 !important; opacity:.0 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .news-list-content:hover .readmore { color:#9a8978; filter:alpha(opacity=1) !important; -moz-opacity:1 !important; opacity:1 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } /* .box-service-list-content span.continue { padding:5px; margin:0px !important; position:absolute; bottom:5; right:5; background:#0090ED; border:#27166F inset 2px ; color:#27166F; width:25px; height:45px; border-radius:50px/100px; font-size: } .box-service-list-content span.continue:after { content: ">"; display: inline-block; position: absolute; top: -0.1em; bottom: 0; left: 0.1em; right: 0; font-size: 2.0em; font-weight:700; color: white; } */ /* BOX HOME SEZIONI */ .box-news-content { overflow:hidden; /*margin:5px !important; padding-top:10px !important; padding-bottom:10px !important;*/ padding:0px !important; margin-top:2px !important; /*min-height:460px; border:#19388C solid 0px;*/ border-radius:0px; position:relative; } .box-news-content .cycle-slideshow div { z-index:0 !important; } .box-news-content h2 { padding:0px !important; margin:0px !important; position:absolute !important; bottom:15px; width:100% !important; text-align:center !important; font-size:22px !important; font-weight:800 !important; line-height: normal !important; text-transform:uppercase !important; color:#FFF; /*filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;*/ z-index:99 !important; } .box-news-content h2.news-title { padding:5px 15px !important; bottom:10px !important; width:100% !important; text-align:right !important; font-weight:bold !important; } /* .box-home-content:hover h2.brands-title, .box-home-content:focus h2.brands-title { color: transparent !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; }*/ .box-news-content h3 { position:absolute !important; bottom:-5px !important; left:0 !important; width:100%; font-size:20px !important; font-style: italic; font-weight:100; /*background: rgba(218,24,22,0.7); */ text-transform:none; padding:10px 5px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#FFF !important; text-align:left; z-index:99 !important; /*background: rgba(255,255,255,0.7); For browsers that do not support gradients */ /*background: -webkit-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Fx 3.6-15*/ /*background: linear-gradient(to left, rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Standard*/ } .box-news-content h3 span { text-transform:uppercase; } .box-news-content a:hover h3 { background: rgba(255,255,255,0.5) !important; color:#333 !important; } .box-news-content h4 { z-index:1 !important; position:absolute !important; top:50% !important; transform: translateY(-50%); left:0 !important; width:100%; font-size:19px !important; font-style: normal; font-weight:100; /*background: rgba(218,24,22,0.7); */ text-transform:none; padding:10px 5px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#FFF !important; text-align:center; /*background: rgba(255,255,255,0.7); For browsers that do not support gradients */ /*background: -webkit-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Fx 3.6-15*/ /*background: linear-gradient(to left, rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Standard*/ display:none; } .box-news-content:hover h4 { background: rgba(255,255,255,0.5) !important; color:#333 !important; display:block !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s; } .box-news-content h4.brandshops { z-index:99 !important; top:auto !important; bottom:10% !important; transform: none !important; display:none; } .box-news-content:hover h4.brandshops { background: rgba(255,255,255,0.5) !important; color:#333 !important; display:block !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .d-cycle-n { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; padding:0px; width:100% !important; height:auto !important; size:cover; -webkit-size:cover; -moz-size:cover; -o-size:cover; } .box-news-content .d-cycle-n img { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .box-news-content:hover .d-cycle-n img, .box-news-content:focus .d-cycle-n img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ } .d-news { background-image: url(images/prima2020/prodotti-preferiti.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; padding:0px; width:100% !important; height:auto !important; } .d-news img { width:100% !important; } .box-news-content:hover .d-news, .box-news-content:focus .d-news { transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'), grayscale(80%); /* IE6 and 7 */ -webkit-filter: grayscale(50%) blur(3px); filter: grayscale(50%) blur(3px); } .d-news a { display:block !important; width:100% !important; height:100% !important; } .d-news.n-img-none { background-image: none !important; } .d-news.worldwide { background-image: url(images/prima2020/sl-worldwide-slide3b.jpg) !important; min-height:425px !important; } /* .d-sezioni.showroom, .d-sezioni.products, .d-specialoffers.soluzioni { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .d-news.showroom:hover, .d-news.products:hover, .d-news.specialoffers:hover { -webkit-filter: grayscale(50%) blur(3px); filter: grayscale(50%) blur(3px); }*/ /* BOX ARCHIVIO news */ .box-archivio-flexform { padding:5px 0px 15px 0px !important; /*min-height:460px;*/ border:none !important; border-radius:0; position:relative; box-shadow: 0 -8px 8px -8px rgba(220, 220, 220, 0.7), 0 8px 8px -8px rgba(220, 220, 220, 0.7); -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; border-bottom:#DDD solid 1px !important; border-top:#DDD solid 1px !important; } .box-archivio-flexform:hover { box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.4), 0 8px 8px -8px rgba(0, 0, 0, 0.4); background:rgba(204,204,204,0.5); } .box-archivio-flexform a, .box-archivio-flexform a img, .box-archivio-flexform a h3 { display:block; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .box-archivio-flexform a:hover img { filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .box-archivio-flexform h3 { text-align:right !important; font-size:27px !important; font-weight:200 !important; top:25% !important; line-height: 1.2 !important; } .box-archivio-flexform h3 span { font-size:20px !important; font-weight:100 !important; padding-top:-20px !important; line-height: 0.5 !important; } .box-archivio-flexform img { /*width:60% !important;*/ text-align:left; padding-top:10px; } .box-archivio-flexform .newsflexform img { width:20% !important; } .box-archivio-flexform .glyphicon { float:right ; } .box-archivio-flexform a:hover h3 { color:#9a8978 !important; } /* ::: FINE NEWS ::: */ /* BOX PRODOTTI COVER PAGINA PRODOTTI GENERALE */ .box-prod-cover-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; height:250px !important; float:left; /*border-bottom:#27166F solid 1px;*/ } .box-prod-cover-content.var-unica { height:300px !important; } .box-prod-cover-content.var-indoor { height:500px !important; } .box-prod-cover-content:hover { background: rgba(0,0,0,0.1); } .box-prod-cover-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .box-prod-cover-n.unica { height:350px !important; } .box-prod-cover-n.unica-indoor { height:550px !important; } .box-prod-cover-content.total-red { border:#C00 solid 1px !important; } .box-prod-cover-content-padd-top { padding:3px 0px !important; } .box-prod-cover-content-padd-left { padding:3px 3px 3px 0px !important; } .box-prod-cover-content-padd-right { padding:3px 0px 3px 3px !important; } .box-prod-cover-n a { display:block; width:100% !important; min-height:250px !important; } .box-prod-cover-n.unica a, .box-prod-cover-n.unica-indoor a { min-height:350px !important; } .box-prod-cover-content .box-prod-cover-n img { padding:0px; /*width:auto !important; height:250px !important;*/ width:100% !important; height:auto !important; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition:all 0.7s ; -moz-transition:all 0.7s ; -ms-transition:all 0.7s ; -o-transition:all 0.7s ; transition:all 0.7s ; size: portrait !important; -webkit-filter: grayscale(0); filter: grayscale(0); } .box-prod-cover-content .box-prod-cover-n.unica-indoor img { /*width:auto !important; height:250px !important;*/ width:100% !important; height:auto !important; } .box-prod-cover-content:hover .box-prod-cover-n img, .box-prod-cover-content:focus .box-prod-cover-n img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ -webkit-filter: grayscale(1); filter:alpha(opacity=90) grayscale(1) !important; -moz-opacity:.90 !important; opacity:.90 !important; } .box-prod-cover-content h4 { padding:0px 15px !important; margin:0px !important; position:absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); border-bottom:#EEE solid .01em; /*bottom:-10px; text-align:right !important; width:100% !important;*/ font-size:45px !important; font-style:italic !important; font-weight:100 !important; line-height:none !important; text-transform:uppercase !important; color:#FFF; /*filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;*/ z-index:99 !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .box-prod-cover-content h4 span { text-transform:none !important; /*color:#900;*/ } .box-prod-cover-content:hover h4, .box-prod-cover-content:hover h4 span { color: transparent !important; text-shadow: none !important; border:none; filter:alpha(opacity=0) !important; -moz-opacity:.0 !important; opacity:.0 !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .box-prod-cover-content h5 { z-index:1 !important; position:absolute !important; top:50% !important; transform: translateY(-50%); left:0 !important; width:100%; font-size:25px !important; font-style: normal; font-weight:100; /*background: rgba(218,24,22,0.7); */ text-transform:none; padding:10px 5px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#FFF !important; text-align:center; /*background: rgba(255,255,255,0.7); For browsers that do not support gradients */ /*background: -webkit-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(left,rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Fx 3.6-15*/ /*background: linear-gradient(to left, rgba(255,255,255,0),rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0)); Standard*/ display:none; } .box-prod-cover-content a:hover h5 { background: rgba(255,255,255,0.5) !important; color:#333 !important; display:block !important; } .box-prod-cover-content h2 { z-index:1 !important; position:absolute !important; bottom:15px !important; left:0 !important; width:100%; font-size:21px !important; font-style: normal; font-weight:500; /*background: rgba(200,200,200,0.7);*/ background: rgba(255,255,255,0.7); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.7), rgba(255,255,255,0.9)); /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,0.7), rgba(255,255,255,0.9)); /*Standard*/ text-transform:uppercase; letter-spacing:.01em; padding:10px 10px !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; color:#333; text-align:right !important; border-bottom:transparent solid thin !important; border-top:transparent solid thin !important; text-transform:uppercase !important; } .box-prod-cover-content h2.general span { text-transform: none !important; color:#333 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .box-prod-cover-content h2.small { font-size:18px !important; } .box-prod-cover-content h2.general { /*font-size:18px !important;*/ text-align:center !important; bottom:55px !important; left:0 !important; background: rgba(255,255,255,0.7); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(right,rgba(255,255,255,0.2), rgba(255,255,255,1), rgba(255,255,255,0.2)); /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(255,255,255,0.2), rgba(255,255,255,1), rgba(255,255,255,0.2)); /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,1), rgba(255,255,255,0.2)); /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(255,255,255,0.2),rgba(255,255,255,1), rgba(255,255,255,0.2)); /*Standard*/ text-transform:uppercase !important; } .box-prod-cover-content a:hover h2 { /*background: rgba(230,51,9,0.5) !important; /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(right,rgba(230,51,9,0),rgba(230,51,9,.8),rgba(230,51,9,.9)) !important; /*Safari 5.1-6*/ /*background: -o-linear-gradient(right,rgba(230,51,9,0),rgba(230,51,9,.8),rgba(230,51,9,.9)) !important; /*Opera 11.1-12*/ /*background: -moz-linear-gradient(right,rgba(230,51,9,0),rgba(230,51,9,.8),rgba(230,51,9,.9)) !important; /*Fx 3.6-15*/ /*background: linear-gradient(to right, rgba(230,51,9,0),rgba(230,51,9,.8),rgba(230,51,9,.9)) !important; Standard*/ background: rgba(187,187,187,0.5) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(right,rgba(187,187,187,0),rgba(187,187,187,.8),rgba(187,187,187,.9)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(187,187,187,0),rgba(187,187,187,.8),rgba(187,187,187,.9)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(187,187,187,0),rgba(187,187,187,.8),rgba(187,187,187,.9)) !important; /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(187,187,187,0),rgba(187,187,187,.8),rgba(187,187,187,.9)) !important; /*Standard*/ color:#FFF !important; border-bottom:#222 solid thin !important; border-top:#222 solid thin !important; } .box-prod-cover-content a:hover h2 span { color:#FFF !important; } .box-prod-cover-content a:hover h2.general { background: rgba(146,141,139,0.8) !important; /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(right,rgba(187,187,187,.2),rgba(187,187,187,1),rgba(187,187,187,.2)) !important; Safari 5.1-6*/ /*background: -o-linear-gradient(right,rgba(187,187,187,.2),rgba(187,187,187,1),rgba(187,187,187,.2)) !important; Opera 11.1-12*/ /*background: -moz-linear-gradient(right,rgba(187,187,187,.2),rgba(187,187,187,1),rgba(187,187,187,.2)) !important; Fx 3.6-15*/ /*background: linear-gradient(to right, rgba(187,187,187,.2),rgba(187,187,187,1),rgba(187,187,187,.2)) !important; Standard*/ } .box-prod-cover-content h3 { z-index:1 !important; position:absolute !important; top:15px !important; left:0 !important; width:55%; font-size:15px !important; font-style: normal; font-weight:500; /*background: rgba(200,200,200,0.7);*/ background: rgba(230,51,9,0.5) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(right,rgba(230,51,9,.9),rgba(230,51,9,.8),rgba(230,51,9,0)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(230,51,9,.9),rgba(230,51,9,.8),rgba(230,51,9,0)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(230,51,9,.9),rgba(230,51,9,.8),rgba(230,51,9,0)) !important; /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(230,51,9,.9),rgba(230,51,9,.8),rgba(230,51,9,0)) !important; /*Standard*/ text-transform: none; letter-spacing: normal; padding:7px 10px !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; color:#FFF; text-align:left !important; } .box-prod-cover-content h3.small { font-size:18px !important; } .box-prod-cover-content a:hover h3 { background: rgba(255,255,255,0.7) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(right,rgba(255,255,255,.9), rgba(255,255,255,0.7), rgba(255,255,255,0)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(255,255,255,.9), rgba(255,255,255,0.7), rgba(255,255,255,0)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(255,255,255,.9),rgba(255,255,255,0.7), rgba(255,255,255,0)) !important; /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(255,255,255,.9),rgba(255,255,255,0.7), rgba(255,255,255,0)) !important; /*Standard*/ color:#D90000 !important; } .list-products-temp ul, ul.list-products-temp { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; display: list-item !important; } ul.list-products-temp li { list-style:none !important; padding:0px !important; display: list-item !important;} ul.list-products-temp li:nth-child(4){ } ul.list-products-temp li:nth-child(4):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.list-products-temp li:nth-of-type(4n+1){ clear:left; } /* PRODUCT LIST TRADIZIONALE */ .item:nth-child(4){ } .item:nth-child(4):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item:nth-of-type(4n+1){ clear:left; } .item-p:nth-child(4){ } .item-p:nth-child(4):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-p:nth-of-type(4n+1){ clear:left; } .products-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; /*min-height:490px !important;*/ float:left; background:rgba(134,16,6,0.5); box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.6), 0 2px 2px -2px rgba(0, 0, 0, 0.7); } .products-list-content.products-cover { padding-right:1px !important; } .products-list-content.products-cover2 { padding-left:1px !important; } .products-list-content.products-cover3 { padding-left:1px !important; padding-right:1px !important; } .products-list-content:hover { background:rgba(235,235,235,0.3); -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.8), 0 10px 10px -10px rgba(0, 0, 0, 0.9); z-index:999 !important; } .products-list-content .readmore { /*background-position:0px 0px;*/ width: 100%; font-size:11px; text-align: center; letter-spacing:.5em !important; height: auto !important; padding: 6px; position: absolute; right: 0px; bottom: 0px; background: none; text-transform: uppercase; background:rgba(235,235,235,0.4); filter:alpha(opacity=0) !important; -moz-opacity:.0 !important; opacity:.0 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .products-list-content:hover .readmore { color:rgba(35,162,77,.8); filter:alpha(opacity=1) !important; -moz-opacity:1 !important; opacity:1 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .products-list-content.total-red { border:#C00 solid 1px !important; } .products-img-list { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .products-img-list.quattro { height:200px !important; } .products-img-list a { display:block; width:100% !important; min-height:auto !important; } .products-list-content .products-img-list img { padding:0px; width:100% !important; height:auto !important; position: absolute; margin: auto; top: 50%; bottom: 50%; left: 0; right: 0; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; size: landscape !important; } .products-img-list.quattro img { height:200px !important; } .products-list-content:hover .products-img-list img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .chisiamo-img-list { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .chisiamo-img-list.quattro { height:200px !important; } .chisiamo-img-list a { display:block; width:100% !important; min-height:auto !important; } .products-list-content .chisiamo-img-list img { padding:0px; width:100% !important; height:auto !important; position: absolute; margin: auto; top: 50%; bottom: 50%; left: 0; right: 0; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; size: landscape !important; } .products-list-content:hover .chisiamo-img-list img { filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } /* product IMG list */ .wrapper-img2-list { overflow:hidden; position:relative; padding:0px; margin:0px auto !important; width:100% !important; min-height:250px !important; /*height:250px !important;*/ } .wrapper-img2-list.xtre { min-height:325px !important; } .products-list-content .wrapper-img2-list.slide:hover img { margin-top: 0px; } .wrapper-img2-list.fade2 img:hover, .products-list-content:hover .wrapper-img2-list.fade2 img:hover { opacity: 0; } .wrapper-img2-list img { -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: block !important; width:100% !important; height:auto !important; /*margin:-50px 0px;*/ vertical-align: middle !important; size:landscape !important; top: 50%; margin-top: -125px; /* Half the height */ } .wrapper-img2-list.xtre img { margin-top: -162px; /* Half the height */ } .wrapper-img2-list.fade2 img { position: absolute; } .wrapper-img2-list.fade2:hover img, .products-list-content:hover .wrapper-img2-list.fade2 img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); } /* .products-img2-list:hover img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); /*-ms-transform: scale(1.3); IE 9 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; IE8 */ /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); IE6 and 7 */ /*filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; }*/ /* FINE product IMG list */ .products-list-content h2 { /*font-family: 'Public Sans', sans-serif;*/ font-size:25px !important; color:#FFF !important; font-weight:600 !important; padding:5px 0px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; text-transform: uppercase; text-align:center !important; min-height:auto !important; text-decoration:none !important; } .products-list-content h2::first-letter { /*font-weight: bold; color:#999;*/ } .products-list-content h2.small { font-size:18px !important; } .products-list-content h2.cover { min-height:auto !important; } .products-list-content a:hover h2 { color:#861006 !important; } .products-list-content a:hover p { color:#000000 !important; } .products-list-content p { padding:7px 0px !important; margin:0px !important; line-height:135% !important; /*border:#27166F inset 2px ; border-radius:50px/100px;*/ color:#444; font-size:14px !important; } .product-list { position:relative; padding-bottom:35px !important; padding:7px 7px !important; text-align:center !important; } .product-list h2.passion { min-height:60px !important; } .product-list .description { padding:7px 0px !important; height:60px !important; position:relative; text-align:center; } .product-list .description .detail { position:absolute; right:2px; bottom:5px; font-size:18px; font-weight:800; } .product-list .description .detail a:hover { color:#999 !important; } .product-list .description-detail { padding:15px 0px !important; min-height:60px !important; position:relative; margin-bottom:10px; } .product-list h3 { font-size:12px; color:#959899 !important; text-transform:uppercase; font-weight:100 !important; padding:15px 0px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; text-decoration:none !important; /*display: none !important;*/ } .product-list h3 span { font-size:13px; color:#222 !important; font-weight:100 !important; border-left: solid #111 1px; padding-left:5px !important; margin-left:5px !important; } .product-list h3.pr-detail { display:none; } .product-list h3.cover { font-size:14px; color:#505354 !important; text-transform:uppercase; font-weight:100 !important; padding:5px 0px !important; } .product-list h4 { font-size:10px; color:#cd232d !important; font-weight:100 !important; padding:0px 0px !important; margin:4px 0px 7px 0px !important; line-height: 90% !important; } .product-list .descr { height:90px !important; font-size:10px; /*overflow:hidden;*/ padding:5px 10px 15px 10px !important; border-top: solid 1px #959899; text-align: justify; color:#505354 !important; } .product-list .descr-chisiamo { min-height:90px !important; font-size:10px; /*overflow:hidden;*/ padding:5px 10px 15px 10px !important; border-top: solid 1px #959899; text-align: center !important; color:#505354 !important; } .product-list h2.pr-detail { font-size:18px; color:#333 !important; text-transform:uppercase; font-weight:100 !important; padding:5px 0px 0px 0px !important; display:none; } .product-list .codice { font-size:12px; font-style:italic; padding:2px 0px; text-align:center; color:#999; } .product-list .codice-detail { text-align:left; } .product-list .prezzo { font-size:25px; padding:0px 0px; margin-top:5px; font-weight:100; text-align:center; font-style:italic; letter-spacing:.01em; } .product-list .prezzo span { font-size:18px; font-weight:100 !important; } .product-list .prezzo-detail { font-size:35px; padding:0px 0px; margin-top:5px; font-weight:200; text-align:center; font-style:italic; letter-spacing:.01em; } .qta { display:inline-block; } .qta div { white-space:nowrap !important; } .qta label { font-size:19px; padding:0px 0px 0px 0px; font-weight:100; margin-right:5px; } .qta button span { font-size:14px !important; } .qta div input { margin:0px 2px !important; } .qta span { font-size:18px; font-weight:100 !important; } .form-control.unita { height:25px !important; } .colori label { font-size:19px; padding:0px 0px 0px 0px; font-weight:100; margin-right:5px; } .varianti { clear:both !important; border-top:#2B9928 solid 1px; display:block; padding-top:10px; min-height:25px; } .varianti label { font-size:16px; padding:0px 0px 0px 0px; font-weight:800; margin-right:5px; color:#2B9928; } .varianti-col { clear:both !important; border-top:#999 solid 1px; display:block; padding-top:10px; min-height:25px; margin:0px auto 0; text-align:center; } .varianti-col div { margin:0px auto 0; display:inline-block; } .varianti-col img { padding:3px 5px; height:26px; /*float:left;*/ } .varianti-col a img { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .varianti-col a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .taglie label { font-size:19px; padding:0px 0px 0px 0px; font-weight:100; margin-right:5px; } /*::: FINE products-list-content TRADIZIONALE ::: */ /*::: INZIO DETTAGLIO PRODOTTI ::: */ /* PRODUCTS */ .products-description { /*padding:5px 0;*/ font-size:18px !important; text-align:justify !important; line-height:155% !important; padding-top:25px !important; padding-bottom:25px !important; min-height:280px; } .products-shoulder { /*padding:5px 0;*/ text-align:justify !important; font-size:12px !important; padding-top:25px !important; padding-bottom:25px !important; } .products-shoulder p a { color: #666 !important; } .products-shoulder p a:hover, .products-shoulder a.Selezionato { color: #9A8978 !important; } /* PROMO */ .promo-description { /*padding:5px 0;*/ font-size:16px !important; text-align:justify !important; line-height:155% !important; } .promo-shoulder { /*padding:5px 0;*/ text-align:justify !important; font-size:12px !important; } .promo-shoulder p a { color: #999 !important; } .promo-shoulder p a:hover, .promo-shoulder a.Selezionato { color: #D90000 !important; } /* PRICE BOX */ .price-box-container { padding:15px 10px; margin-bottom:20px; font-size:15px !important; border-top: #CCC solid 1px; border-bottom: #CCC solid 1px; text-align:right; font-style:italic; /*position:absolute; right:10px; bottom:-40px;*/ } .price-box-container .right-price span { font-size:19px !important; font-weight:100 !important; } .price-box-container .price-box, .price-box-promo-container .price-box-promo { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; break-inside: avoid-column; -webkit-column-break-inside: avoid; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } ul.price-box { margin-bottom:0px; padding-left:0px !important; text-align:right !important; } ul.price-box li { list-style:none !important; } ul.price-box li.price-data-label { /*width:170% !important;*/ padding:5px 0px 0px 0px; } ul.price-box li.price-data-label h2 { text-align:right !important; text-transform:none !important; font-size:17px !important; font-weight:200 !important; font-style:italic; } ul.price-box li.price-amount-content { font-weight:bold !important; text-transform:uppercase; text-align:left !important; vertical-align: middle !important; font-size:26px !important; font-weight:100 !important; padding-top:8px; /*width:35% !important; float:right;*/ } ul.price-box li.price-amount-content span { font-size:13px !important; /*font-weight:normal !important;*/ font-style: normal !important; padding-left: 5px !important; } ul.price-box li.promo-price-label { text-decoration:line-through !important; } ul.price-box li.promo-price { font-size:19px !important; color:#900 !important; border-top:#CCC solid 1px; clear:both !important; } .price-box-promo-container { padding:0px 10px; margin-bottom:20px; font-size:18px; border-top: #CCC solid 1px; border-bottom: #CCC solid 1px; text-align:right; font-style:italic; /*position:absolute; right:10px; bottom:-40px;*/ } .price-box-promo-container.pronta-consegna-price { font-size:22px !important; } ul.price-box-promo { margin-bottom:0px; padding-left:0px !important; text-align:right !important; } ul.price-box-promo li { list-style:none !important; padding:15px 0px 15px 0px; display:flex; } ul.price-box-promo li.price-data-label { /*width:170% !important;*/ text-align:right !important; } .price-data-label span { text-align:right !important; width:100% !important; } ul.price-box-promo li.price-amount-content { font-weight:bold !important; text-transform:uppercase; text-align:left !important; vertical-align: text-bottom !important; /*width:35% !important; float:right;*/ } ul.price-box-promo li.price-amount-content span { font-size:13px !important; /*font-weight:normal !important;*/ font-style: normal !important; padding-left: 7px !important; } ul.price-box-promo li.promo-price-label { text-decoration:line-through !important; } ul.price-box-promo li.promo-price { font-size:22px !important; color:#900 !important; border-top:#CCC solid 1px; clear:both !important; } ul.price-box-promo li.price-amount-content.price { font-weight:900 !important; font-size:28px !important; } /* BOX TORNA */ .box-back { padding:65px 0px !important; /*min-height:460px;*/ border:none !important; border-radius:0; position:relative; box-shadow: 0 -8px 8px -8px rgba(220, 220, 220, 0.7), 0 8px 8px -8px rgba(220, 220, 220, 0.7); -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; border-bottom:#DDD solid 1px !important; border-top:#DDD solid 1px !important; } .box-back:hover { box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.4), 0 8px 8px -8px rgba(0, 0, 0, 0.4); background:rgba(204,204,204,0.5); } .box-back a, .box-back a img, .box-back a h3 { display:block; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; color:#333; } .box-back a img { -webkit-filter: grayscale(90%); filter: grayscale(90%); } .box-back a:hover img { filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .box-back h3 { text-align:right !important; font-size:32px !important; font-weight:200 !important; top:25% !important; line-height: 1.2 !important; } .box-back h3 span { font-size:22px !important; font-weight:100 !important; padding-top:-20px !important; line-height: 0.5 !important; } .box-back.double h3 { font-size:25px !important; } .box-back.double h3 span { font-size:16px !important; } .box-back img { /*width:60% !important;*/ text-align:left; } .box-back .newsbebitalia img { width:60% !important; } .box-back .glyphicon { float:right; color:#9A8978 !important; } .box-back a:hover h3 { color:#9A8978 !important; } /*::: FINE DETTAGLIO PRODOTTI ::: */ /* PRODUCT LIST NON TRADIZIONALE */ .products-content { overflow:hidden; position:relative; padding:40px 0px; text-align:center; margin-top:0px; } .products-content .product-box { display:inline-block; margin:0 auto 0 !important; } .products-list-content-n { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:60% !important; /*min-height:490px !important; float:left;*/ background:#FFF; /*border-bottom:rgba(184,184,184,0.8) solid 1px;*/ } .products-list-content-n.products-cover { padding-right:1px !important; } .products-list-content-n.products-cover2 { padding-left:1px !important; } .products-list-content-n.products-cover3 { padding-left:1px !important; padding-right:1px !important; } .products-list-content-n:hover { background:rgba(235,235,235,0.3); -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.6), 0 8px 8px -8px rgba(0, 0, 0, 0.7); z-index:999 !important; } .products-list-content-n .readmore { /*background-position:0px 0px;*/ width: 100%; font-size:11px; text-align: center; letter-spacing:.5em !important; height: auto !important; padding: 6px; position: absolute; right: 0px; bottom: 0px; background: none; text-transform: uppercase; background:rgba(235,235,235,0.4); filter:alpha(opacity=0) !important; -moz-opacity:.0 !important; opacity:.0 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .products-list-content-n:hover .readmore { color:rgba(0,0,0,.8); filter:alpha(opacity=1) !important; -moz-opacity:1 !important; opacity:1 !important; -webkit-transition:all 0.9s ; -moz-transition:all 0.9s ; -ms-transition:all 0.9s ; -o-transition:all 0.9s ; transition:all 0.9s ; } .products-list-content-n.total-red { border:#C00 solid 1px !important; } .products-img-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:300px !important; } .products-img-list-n.quattro { height:300px !important; } .products-img-list-n a { display:block; width:100% !important; min-height:auto !important; } .products-img-list-n img { padding:0px; width:100% !important; height:auto !important; position: absolute; margin: auto; top: 50%; bottom: 50%; left: 0; right: 0; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; size: landscape !important; } .products-img-list-n.quattro img { height:300px !important; } .products-img-list-n:hover img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } /* product IMG list */ .wrapper-img2-list-n { overflow:hidden; position:relative; padding:0px; margin:0px auto !important; width:100% !important; height:300px !important; } .wrapper-img2-list-n.slide:hover img { margin-top: -300px; } .wrapper-img2-list.fade2 img:hover { opacity: 0; } .wrapper-img2-list-n img { -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: block !important; width:100% !important; height:auto !important; /*margin:-50px 0px;*/ vertical-align: middle !important; size: landscape !important; top:-25%; } .wrapper-img2-list-n.fade2 img { position: absolute; } .wrapper-img2-list-n.fade2:hover img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); } /* .products-img2-list:hover img { transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); /*-ms-transform: scale(1.3); IE 9 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; IE8 */ /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); IE6 and 7 */ /*filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; }*/ /* FINE product IMG list */ .products-list-content-n h2 { font-family: 'Public Sans', sans-serif; font-size:23px !important; font-weight:200 !important; padding:5px 0px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; color:#000000 !important; text-transform:none; text-align:center !important; } .products-list-content-n h2::first-letter { font-weight: bold; color:#999; } .products-list-content-n h2.small { font-size:18px !important; } .products-list-content-n a:hover h2 { color:#999 !important; } .products-list-content-n a:hover p { color:#000000 !important; } .products-list-content-n p { padding:7px 0px !important; margin:0px !important; line-height:135% !important; /*border:#27166F inset 2px ; border-radius:50px/100px;*/ color:#444; font-size:14px !important; } .product-list-n { position:relative; padding-bottom:35px !important; padding:7px 7px !important; } .product-list-n h2.passion { min-height:60px !important; } .product-list-n .description { padding:7px 0px !important; height:60px !important; position:relative; text-align:center; } .product-list-n .description .detail { position:absolute; right:2px; bottom:5px; font-size:18px; font-weight:800; } .product-list-n .description .detail a:hover { color:#999 !important; } .product-list-n .description-detail { padding:15px 0px !important; min-height:60px !important; position:relative; margin-bottom:10px; } .product-list-n h3 { font-size:13px; color:#999 !important; text-transform:uppercase; font-weight:100 !important; padding:5px 0px 0px 0px !important; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; display:none; } .product-list-n .codice { font-size:12px; font-style:italic; padding:2px 0px; text-align:center; color:#999; } .product-list-n .prezzo { font-size:25px; padding:0px 0px; margin-top:5px; font-weight:100; text-align:center; font-style:italic; letter-spacing:.01em; } .product-list-n .prezzo span { font-size:18px; font-weight:100 !important; } .qta > div { white-space:nowrap !important; } .qta label { font-size:19px; padding:0px 0px 0px 0px; font-weight:800; margin-right:5px; } .qta button span { font-size:14px !important; } .qta div input { margin:0px 2px !important; } .qta span { font-size:18px; font-weight:100 !important; } .form-control.unita { height:25px !important; } .varianti { clear:both !important; border-top:#2B9928 solid 1px; display:block; padding-top:10px; min-height:25px; } .varianti label { font-size:16px; padding:0px 0px 0px 0px; font-weight:800; margin-right:5px; color:#2B9928; } .varianti-col { clear:both !important; border-top:#999 solid 1px; display:block; padding-top:10px; min-height:25px; margin:0px auto 0; text-align:center; } .varianti-col div { margin:0px auto 0; display:inline-block; } .varianti-col img { padding:3px 5px; height:26px; /*float:left;*/ } .varianti-col a img { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .varianti-col a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } /*::: FINE products-list-content NON TRADIZIONALE ::: */ /* PRODOTTO VETRINA */ .prodotto-vetrina-content { overflow:hidden; position:relative; height:100% !important; padding:0px !important; margin-top:0px; } .prodotto-vetrina { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:auto !important; height:100% !important; /*border-bottom:#27166F solid 1px;*/ } .prodotto-vetrina img { padding:0px; /*width:auto !important; height:250px !important;*/ width:auto !important; height:100% !important; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition:all 0.7s ; -moz-transition:all 0.7s ; -ms-transition:all 0.7s ; -o-transition:all 0.7s ; transition:all 0.7s ; size: portrait !important; } /* BUTTON btn-aggiungi */ button.btn-aggiungi { margin:auto !important; text-align:center !important; width:100%; } a.btn-aggiungi { margin:auto !important; text-align:center !important; width:100%; } .btn-aggiungi { font-size:15px !important; background-color:rgba(240, 240, 240, .8) !important; color:#000000; padding:2px 5px !important; letter-spacing:.02em !important; text-transform:uppercase !important; margin:auto !important; border-color:rgba(0,0,0,0.7); width:100% !important; } .btn-aggiungi.prod-detail { padding:10px 5px !important; } .btn-aggiungi:hover { background-color:rgba(0,0,0,.7) !important; color:#fefefe; font-weight:400 !important; border-color:rgba(0,0,0,0.7); -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .btn-aggiungi.prod-detail:hover { color:rgba(0,0,0,0.7); } /* FINE BUTTON btn-aggiungi */ /* FASCIA INFO */ .box-accessorio { background-color:#FFF; border-bottom:rgba(0,0,0,0.5) solid 1px; border-top:rgba(0,0,0,0.5) solid 1px; /*color:#FFF;*/ font-size:15px; padding:20px 0px 20px 30px !important; text-align:left !important; color:#333; font-weight:800; margin:0 auto 0; margin-top:5px; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; } .box-accessorio:hover { color:#fefefe; background-color:rgba(0,0,0,0.2); } .box-accessorio span { font-size:12px; font-weight:200; } .box-accessorio img { height:60px; float:left; padding:10px; margin:-10px 0px; } /* CERCA PRODOTTI */ .search-p { background:rgba(240,240,240,.6); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height:50px; padding:10px 5px; } .search-p input { color:#333 !important; border-top:none; border-left:none; border-right:none; border-bottom:#CCC solid 1px; box-shadow:none; background-color:transparent; margin:0px; border-radius:0px !important; } .search-p button { color:#999 !important; border:none; position:absolute; right:5px; top:12px; font-size:18px; background-color:transparent; } /* FINE CERCA PRODOTTI */ /* PAGINATION DETAILS */ .pagination-content { border-top:rgba(240,240,240,.8) solid 1px; } .pagination { margin:0px; } ul.pagination-details { } ul.pagination-details li { } ul.pagination-details li a { color:#999 !important; border-color:#999 !important; background:rgba(240,240,240,.6) !important; } ul.pagination-details li a:active ,ul.pagination-details li a:hover { background:#999 !important; color:#444 !important; } ul.pagination-details li a:hover select { color:#333 !important; } .pagination-sm > li > a.sel-pag { padding-top:4px !important; padding-bottom:4px !important; } .articoli-trovati { color:#999 !important; letter-spacing:.1em; text-align:center; } .articoli-pagina { color:#999 !important; text-align:left; font-size:14px !important; } .articoli-pagina select { color:#999 !important; text-align:left; font-size:13px !important; } /* PAGINATION DETAILS FINE */ /* CARRELLO SPESA */ .int-carrello h2 { border-bottom:rgba(185,1,0,0.8) solid 1px; /*border-top:rgba(43,154,40,0.8) solid 1px;*/ font-size:13px; padding:5px 0px 5px 0px !important; font-weight:100; /*text-align:left !important;*/ color:#666 !important; } .img-carrello img { padding:0px 15px 10px 0px !important; } .carrello-row.preconferma .img-carrello img { padding:0px 15px 0px 0px !important; } .carrello-row { padding:10px 0px 15px 0px !important; border-bottom:#CCC solid 1px; } .carrello-row:hover { background-color:rgba(240,240,240,0.6); } .carrello-row.preconferma { padding:0px 0px 0px 0px !important; } .desc-carrello h3 { padding:3px !important; font-size:13px !important; font-weight:100; } .desc-carrello span { font-size:11px !important; font-style:italic; clear:both !important; padding:0px; } .txt-prezzo-carrello.pr-totale { font-size:18px !important; font-weight:600; text-align:right; } .txt-prezzo-carrello span { font-size:10px !important; font-style:italic; clear:both !important; padding:5px 0px; display:none; } .txt-qta-carrello span { font-size:10px !important; font-style:italic; clear:both !important; padding:5px 0px; display:none; } .txt-qta-carrello select { font-size:10px !important; max-width: 80px; height: 25px; padding: 0 5px; width:80% !important; } .buono-sconto { padding:10px 0px 15px 0px !important; border-bottom:#CCC solid 1px; /*border-top:#CCC solid 1px; height:50px;*/ } .buono-sconto input { color:#B90000 !important; border-top:none; border-left:none; border-right:none; border-bottom:#999 solid 1px; box-shadow:none; background-color:transparent; margin:0px 10px 0px 0px; border-radius:0px !important; max-width:300px; width:50% !important; } .btn-buono { font-size:15px !important; background-color:rgba(255, 255, 255, .8) !important; color:#B90000; padding:5px 5px !important; letter-spacing:.02em !important; text-transform:uppercase !important; margin:auto !important; border-radius:0px !important; border-color:rgba(185,1,0,0.9); -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .carrello-subtotale { padding:10px 0px 15px 0px !important; margin-top:5px; /*border-bottom:#CCC solid 1px;*/ border-top:#CCC solid 1px; /*height:50px;*/ text-align:right; } .carrello-subtotale h2 { color:#444 !important; font-style:italic; font-size:18px !important; text-transform:none !important; } .carrello-subtotale h2 span { color:#B90000 !important; padding:0px 0px 0px 25px; font-size:23px !important; font-weight:300; } .carrello-subtotale h2 span.iva { color:#999 !important; padding:0px 0px 0px 0px; font-size:12px !important; font-weight:100; } .carrello-totale { padding:10px 0px 15px 0px !important; margin-top:10px; /*border-bottom:#CCC solid 1px;*/ border-top:#CCC solid 1px; /*height:50px;*/ text-align:right; } .pagamento-content, .spedizione-content { padding:0px 0px 15px 0px !important; margin-top:0px; /*border-bottom:#CCC solid 1px;*/ border-bottom:#CCC solid 1px; } .pagamento, .spedizione { padding:0px 0px 15px 0px !important; margin-top:0px; clear: both !important; /*border-bottom:#CCC solid 1px; border-bottom:#CCC solid 1px;*/ } .pagamento:hover, .spedizione:hover { background: rgba(255,255,255,.5) !important; color:#000000 !important; box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.6), 0 8px 8px -8px rgba(0, 0, 0, 0.7); -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .pagamento-preconferma, .spedizione-preconferma { padding:0px 0px 5px 0px !important; background: rgba(240,240,240,.5) !important; /*box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.6), 0 4px 4px -4px rgba(0, 0, 0, 0.7);*/ margin-top:0px; clear: both !important; /*border-bottom:#CCC solid 1px; border-bottom:#CCC solid 1px;*/ } .box-pagamento-fader { margin:auto; padding:25px 25px !important; border-radius:0; background: rgba(236,236,236,1) !important; /* For browsers that do not support gradients */ font-size:14px; /*border:#4E3129 solid 1px;*/ /*box-shadow:none !important; background:rgba(236,236,236,0.6); background:rgba(255,255,255,1) !important;*/ /*-webkit-box-shadow: 3px 3px 5px 6px #ccc; Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ /*-moz-box-shadow: 3px 3px 5px 6px #ccc; Firefox 3.5 - 3.6 */ /*box-shadow: 3px 3px 5px 6px #ccc; Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ /*-webkit-filter: 0px 3px 10px rgba(0,0,0,.8) 0px 0px 10px rgba(0,0,0,.8); filter: 0px 0px 10px rgba(0,0,0,.8) 0px 3px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 7px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.7);*/ /*width:50%; min-height:200px;*/ -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; min-height:200px; text-align:center; } .box-pagamento-fader table { font-size:18px !important; font-weight:100 !important; } .box-pagamento-fader.bis { margin:0px; padding:25px 25px !important; border-radius:0; background: rgba(248,248,248,1) !important; /* For browsers that do not support gradients */ } .box-pagamento-fader h2 { font-size:25px !important; } .box-pagamento-fader p { font-size:16px; line-height:150%; text-align:center !important; } .box-pagamento-fader:hover { /*background: rgba(40,70,108,.5) !important; For browsers that do not support gradients */ background: rgba(255,255,255,.5) !important; color:#002E00 !important; /*-webkit-box-shadow: 3px 3px 5px 6px #ccc; Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ /*-moz-box-shadow: 3px 3px 5px 6px #ccc; Firefox 3.5 - 3.6 */ /*box-shadow: 3px 3px 5px 6px #ccc; Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ /*-webkit-filter: 0px 3px 10px rgba(0,0,0,.8) 0px 0px 10px rgba(0,0,0,.8); filter: 0px 0px 10px rgba(0,0,0,.8) 0px 3px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 7px rgba(0,0,0,.7); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.7);*/ box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.6), 0 8px 8px -8px rgba(0, 0, 0, 0.7); -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .pagamento [type='radio'], .pagamento input[type='radio'], .spedizione [type='radio'], .spedizione input[type='radio'] { background:#B90000 !important; color:#B90000 !important; border-color:#B90000 !important; } .pagamento input[type='radio']:after, .spedizione input[type='radio']:after { width: 20px; height: 20px; border-radius: 20px; top: -4px; left: -2px; position: relative; background-color:#EEE; content: ''; display: inline-block; visibility: visible; border: 2px solid #B90000; -moz-box-shadow: inset 1px 1px 2px 0px #444; -webkit-box-shadow: inset 1px 1px 2px 0px #444; box-shadow: inset 1px 1px 2px 0px #444; } .pagamento input[type='radio']:checked:after, .spedizione input[type='radio']:checked:after { width: 20px; height: 20px; border-radius: 20px; top: -4px; left: -2px; position: relative; background-color: #B90000; content: ''; display: inline-block; visibility: visible; border: 2px solid #EEE; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .desc-pagamento h3 { padding:3px !important; font-size:15px !important; font-weight:200; } .desc-pagamento img { padding:3px !important; height:25px; /*clear:both !important;*/ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); float:left; margin-right:5px; } .desc-pagamento span { font-size:11px !important; font-style:italic; clear:both !important; padding:0px; } .desc-pagamento { border-bottom:#E5E5E5 solid 1px; padding-bottom:10px; } .desc-pagamento.preconferma { border-bottom:none; padding-bottom:0px; } .txt-prezzo-pag { font-size:18px !important; font-weight:600; text-align:right; } select.spedizione-s { background-color: #f2f2f2; box-shadow: none; border-bottom: #999 solid 1px; border-top: none; border-left: none; border-right: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-sizing: border-box; transition: box-shadow .45s,border-color .45s ease-in-out; width:100%; padding:20px !important; height:35px; text-transform:uppercase; font-weight:100; } .carrello-procedi { padding:10px 0px 35px 0px !important; margin-top:10px; /*border-bottom:#CCC solid 1px;*/ border-top:#CCC solid 2px; /*height:50px;*/ text-align:center; } .carrello-procedi button { margin:0 auto !important; } .btn-concludi { font-size:18px !important; background-color:rgba(240, 240, 240, .8) !important; color:#000000; padding:10px 30px !important; letter-spacing:.02em !important; text-transform:uppercase !important; margin:0 auto !important; border-radius:0px !important; border-color:rgba(0,0,0,0.9); -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } .btn-concludi-slim { font-size:16px !important; background-color:rgba(240, 240, 240, .8) !important; color:#000000; padding:5px 30px !important; letter-spacing:.02em !important; text-transform:uppercase !important; margin:0 auto !important; border-radius:0px !important; border-color:rgba(0,0,0,0.9); -o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } /* FINE CARRELLO SPESA */ /* LOGIN */ .utente-reg { padding:0 30px !important; } .utente-reg button { margin:0 auto !important; } .utente-reg h2 { color:#666 !important; border-bottom:#CCC solid 1px; font-size:15px; } .utente-reg label { color:#B90000; } .utente-reg input { background-color: #f2f2f2; box-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-sizing: border-box; transition: box-shadow .45s,border-color .45s ease-in-out; } .utente-reg h5 { font-size:13px !important; text-align:left !important; padding-top:10px; } .utente-new { border-left:#CCC solid 1px; padding:0 30px !important; } .utente-new label { color:#505354; display: inline !important; font-size: 13px !important; } .utente-new.ind-consegna { border-left:none; padding:0 30px !important; } .utente-new h2 { color:#666 !important; border-bottom:#CCC solid 1px; font-size:15px; } .utente-new input, .utente-new select { background-color: #f2f2f2; box-shadow: none; border: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; box-sizing: border-box; transition: box-shadow .45s,border-color .45s ease-in-out; } .utente-new .form-group { margin-bottom:5px !important; } /* FINE LOGIN */ /* CONTACTS */ .contacts-form input, .contacts-form select, .contacts-form textarea { border: none; background-color: #EFEFEF !important; color:#861006 !important; padding: 15px 10px !important; font-size: 14px !important; } .contacts-form input, .contacts-form select { height: 50px; } .contacts-form textarea { color:#861006 !important; border:none !important; /*background-color:rgba(211,211,211,0.2) !important;*/ background-color: #EFEFEF; box-shadow:none !important; width:100% !important; max-width:100% !important; } .contacts-form input::placeholder, .contacts-form textarea::placeholder, .contacts-form select::placeholder { color: #861006 !important; } .contacts-form a { color: #861006 !important; } .contacts-form a:hover { color: #000000 !important; } .contacts-form label { font-size: 14px !important; color: #000000 !important; font-weight: 400 !important; } .contacts-form .checkbox label.neg { padding-left: 0px !important; font-size: 14px !important; line-height: 18px !important; margin-left: -3px !important; color:#000000 !important; } .contacts-form .checkbox label { font-size: 14px; color: #861006 !important; padding: 0px 0px 0px 0px !important; margin: 0px !important; } .contacts-form .checkbox2 label, .contacts-form .checkbox2 input { padding: auto !important; margin: auto !important; height: auto !important; } .contacts-form input.radio-check { vertical-align: middle !important; margin: 0px 0px 0px 8px !important; } .contacts { font-size:14px; line-height:170%; } .contacts img { height:45px; text-align: left !important; margin: 0 !important; } .contacts-container { border: solid 1px #861006; padding: 10px 20px; text-align: left !important; background-color: rgba(255,255,255,1); position:relative; min-height: 135px; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; -moz-transition:all .8s ease-in; -webkit-transition:all .8s ease-in; /* ...and now for the proper property */ transition:all .8s ease-in; border-radius: 20px !important; } .contacts-container .icon-contacts { width: 45px; float: left; display: block; } .contacts-container .icon-contacts { color: #861006 !important; } .content-contacts, .content-contacts h4 { color: #861006 !important; } .contacts-container .content-contacts { float: left; display: block; font-size: 13px !important; } .contacts-container a { color: #861006 !important; text-decoration: none; font-size: 12px !important; } .contacts-container a:hover { color: #000000 !important; } .contacts-mobile { display:none !important; } .form-horizontal .control-label { text-align: left !important; } table.orari { text-align:center; } table.orari th { background-color:#861006; color: #FFF; text-align: center; padding: 5px 0px; } table.orari tr:hover { background-color:rgba(134,16,6,.2); } table.orari td { border:none !important; text-align: center; } table.orari td.day { text-align:left; padding: 5px 0px; } table.orari td.divid { padding: 1px 0px; background-color:#000000; } table.orari th { } table.orari th { } /* SITEMAP */ ul.sitemap li { margin:20px 0 !important; font-weight:bold; color:#333; } ul.sitemap li a { color:#333 !important; font-size:15px !important; text-shadow:1px 1px 1px #DDD, 1px 1px 1px #DDD; } ul.sitemap li a.red { color:#D5BEA5 !important; } ul.sitemap li a span { color:#D5BEA5 !important; font-size:22px !important; } ul.sitemap li a::first-letter { color:#D5BEA5 !important; font-size:22px !important; } ul.sitemap li a:hover { color:#D5BEA5 !important; text-shadow:0px 0px 0px #DDD, 0px 0px 0px #DDD; } ul.sub { padding:0px 0 0 5px !important; } ul.sub li h3 { font-weight:normal !important; margin:3px 0 0 8px !important; list-style:none; } ul.sub li { font-weight:normal !important; margin:3px 0 0 8px !important; padding:3px 0 0 8px !important; list-style:none; font-size:14px !important; } /* SEPARATORE */ .separator_img { width: 100%; transform: skewY(-0deg); -webkit-transform: skewY(-0deg); -moz-transform: skewY(-0deg); -ms-transform: skewY(-0deg); -o-transform: skewY(-0deg); margin-top: -6.99vw; z-index: 0 !important; position: relative; } .separator_img-products { width: 100%; transform: skewY(-4deg); -webkit-transform: skewY(-4deg); -moz-transform: skewY(-4deg); -ms-transform: skewY(-4deg); -o-transform: skewY(-4deg); margin-top: -6.99vw; z-index: 0 !important; position: relative; display:none; } /* FASCIA ADDRESS */ #contacts-info-container { transform: skewY(-.8deg); -webkit-transform: skewY(-.8deg); -moz-transform: skewY(-.8deg); -ms-transform: skewY(-.8deg); -o-transform: skewY(-.8deg); margin-top: 2.99vw; } .box-contacts { font-size:16px; color:#222; margin:0 auto !important; text-align:center !important; padding:10px 0px !important; /*background:rgba(154,137,120,.3); For browsers that do not support gradients */ /*background: -webkit-linear-gradient(left,rgba(154,137,120,0),rgba(154,137,120,.5),rgba(154,137,120,.5),rgba(154,137,120,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(left,rgba(154,137,120,0),rgba(154,137,120,.5),rgba(154,137,120,.5),rgba(154,137,120,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(left,rgba(154,137,120,0),rgba(154,137,120,.5),rgba(154,137,120,.5),rgba(154,137,120,0)); Fx 3.6-15*/ /*background: linear-gradient(to left, rgba(154,137,120,0),rgba(154,137,120,.5),rgba(154,137,120,.5),rgba(154,137,120,0)); Standard*/ background:rgba(230,230,230,0.65); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left,rgba(230,230,230,0),rgba(230,230,230,.7),rgba(230,230,230,.7),rgba(230,230,230,0)); /*Safari 5.1-6*/ background: -o-linear-gradient(left,rgba(230,230,230,0),rgba(230,230,230,.7),rgba(230,230,230,.7),rgba(230,230,230,0)); /*Opera 11.1-12*/ background: -moz-linear-gradient(left,rgba(230,230,230,0),rgba(230,230,230,.7),rgba(230,230,230,.7),rgba(230,230,230,0)); /*Fx 3.6-15*/ background: linear-gradient(to left, rgba(230,230,230,0),rgba(230,230,230,.7),rgba(230,230,230,.7),rgba(230,230,230,0)); /*Standard*/ } .no-skew-contact { transform: skewY(.8deg); -webkit-transform: skewY(.8deg); -moz-transform: skewY(.8deg); -ms-transform: skewY(.8deg); -o-transform: skewY(.8deg); } .box-contacts p { margin:0 !important; } .box-contacts a { color:#333; } .box-contacts a:hover { color:#666; } .box-contacts a.contacts { color:#666; text-decoration:none; } .box-contacts a.contacts:hover { /*color:#900;*/ color:#9a8978; } .box-contacts .info-right { text-align:left !important; } .box-contacts .info-left { text-align:right !important; } /* FORM */ .btn-invia { color:#fefefe !important; font-size:19px; border-color:transparent !important; background:none !important; box-shadow:none !important; padding:0px 6px; } input.nl { color:#FFF !important; border:#FFF solid 1px !important; /*background-color:rgba(102,99,97,0.6) !important; */background-color:rgba(68,68,68,0.6) !important; box-shadow:none !important; padding:0px 6px; } input.nl::placeholder { color: #FFF; } /* FOOTER */ #footer-content { margin:30px 0px 0px 0px !important; padding:10px 0px 0px 0px; border-top:#000000 solid 0px; box-shadow:0px -4px 4px #DDD ; background:rgba(134,16,6,1); /* For browsers that do not support gradients */ z-index:99 !important; } #footer-contentOLD { margin:30px 0px 0px 0px !important; padding:20px 0px 0px 0px; text-align:left; border-top:#fefefe solid 0px; box-shadow:0px -4px 4px #AAA ; /* background:rgba(146,141,139,1); For browsers that do not support gradients */ /*background: -webkit-linear-gradient(top,rgba(146,141,139,.4),rgba(146,141,139,.9),rgba(146,141,139,1)); Safari 5.1-6*/ /*background: -o-linear-gradient(top,rgba(146,141,139,.4),rgba(146,141,139,.9),rgba(146,141,139,1)); Opera 11.1-12*/ /*background: -moz-linear-gradient(top,rgba(146,141,139,.4),rgba(146,141,139,.9),rgba(146,141,139,1)); Fx 3.6-15*/ /*background: linear-gradient(to top, rgba(146,141,139,.4),rgba(146,141,139,.9),rgba(146,141,139,1)); Standard*/ /*box-shadow:0px -3px 5px #AAA ;*/ background:rgba(80,83,84,.8); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top,rgba(80,83,84,.7),rgba(80,83,84,.9),rgba(80,83,84,1)); /*Safari 5.1-6*/ background: -o-linear-gradient(top,rgba(80,83,84,.7),rgba(80,83,84,.9),rgba(80,83,84,1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(top,rgba(80,83,84,.7),rgba(80,83,84,.9),rgba(80,83,84,1)); /*Fx 3.6-15*/ background: linear-gradient(to top, rgba(80,83,84,.7),rgba(80,83,84,.9),rgba(80,83,84,1)); /*Standard*/ z-index:99 !important; } .separator-footer { transform: skewY(-.8deg); -webkit-transform: skewY(-.8deg); -moz-transform: skewY(-.8deg); -ms-transform: skewY(-.8deg); -o-transform: skewY(-.8deg); margin-top: 2.99vw; padding:15px 0px; /* background:rgba(146,141,139,1); For browsers that do not support gradients */ background:rgba(68,68,68,1); /* For browsers that do not support gradients */ box-shadow:0px -4px 4px #AAA ; z-index:97 !important; } .footer { margin:0px auto; padding:0px 10px; border:none; text-align:center !important; color:#FFF; /*font-size:11px;*/ } .footer.center-brand { text-align:center !important; color:#FFF; padding:0px 0px 5px 0px !important; } .footer p { text-align:center !important; font-size:15px !important; margin-bottom: 0px !important; } p.address { line-height:180% !important; } .footer h2 { color:#861006; font-weight: 400 !important; padding:0px 0px 0px 0px; font-size:15px !important; border-bottom:#FFF solid 1px; text-transform:none; /*width:90%;*/ } .footer h2 span { color:#000000; font-weight: 100 !important;} .footer a { color:#000000; text-decoration:underline; } .footer a:active, .footer a:hover { color:#cd232d; text-decoration:none; } .footer.right-brand.copyright { text-align:right !important; } .footer.right-brand p { text-align:right !important; } .footer.left-brand { text-align:left !important; } .footer.right-brand img { text-align:right !important; height: 30px; float: right; } .footer.right-brand a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; } .footer span.cod-f { font-size:10px !important; } .footer.left-brand img { text-align:left !important; margin-top:0px !important; padding-bottom:20px !important; height:90px; width:auto !important; z-index: 99 !important; /*width:90px !important;*/ } .footer.left-brand a { color:#000000; text-decoration:none; } .footer.left-brand a:active, .footer.left-brand a:hover { color:#000000 !important; } .footer.left-brand a:active img, .footer.left-brand a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; } .footer img.paypal { height:50px; width:auto !important; } .footer.center-footer { text-align:center !important; } .footer.center-footer a { color:#000000; text-decoration:none; } .footer.center-footer a:active, .footer.center-footer a:hover { color:#000000; } .footer.center-footer a:active img, .footer.center-footer a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; } .menu-secondary { margin:0px; padding:10px 7px 5px 7px !important; text-align:left; float:left !important; width:16.5% !important; } ul.menu-secondary { padding:0px 0px 0px 0px !important; margin:0px 0px !important; text-align:left; width:100% !important; } ul.menu-secondary li { list-style:none !important; padding:0px !important;} ul.menu-secondary li h3 { color:#fefefe; padding:0px 0px 4px 0px; font-size:16px !important; } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.menu-secondary li a { font-size:12px; padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; line-height:normal !important; color: #000000; text-decoration:none; border:none; } ul.menu-secondary li a img { border:none; padding:0 .5em 0 0; width:auto !important; } ul li a.Last { border:none; margin:0px;} ul.menu-secondary li a:active ,ul.menu-secondary li a:hover ,ul.menu-secondary li a.selected { color:#000000; text-decoration:none; } ul.menu-secondary li a.selected { text-decoration:underline; } ul.menu-secondary li a:hover img { text-decoration:none; filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; margin-top:-5px; } ul.menu-secondary li a.selected img { text-decoration:none; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50 !important; } .link-secondary { padding:10px 15px 10px 0 !important; float:left; } .link-secondary img { height:40px; width:auto; } .link-secondary a img { } .link-secondary a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } /* MENU FOOTER */ .submenu-footer { margin:0px; padding:10px 7px 5px 7px !important; text-align:left; float:left !important; } ul.submenu-footer { padding:0px 0px 0px 15px !important; margin:10px 0px !important; text-align:left; } .submenu-footer.right-privacy { margin:0px; padding:10px 7px 5px 7px !important; text-align:right; float:right!important; border-top: #FFF solid 1px; } ul.submenu-footer.right-privacy { padding:0px 0px 0px 15px !important; margin:10px 0px !important; text-align:right; } ul.submenu-footer li { list-style:none !important; padding:5px 0px !important;} ul.submenu-footer li h3 { color:#000000; padding:10px 0px 0px 0px !important; margin:0px !important; font-size:16px !important; } ul.submenu-footer ul { padding:0px 0px 0px 5px !important; margin:0px 0px !important; text-align:left; } ul.submenu-footer li { list-style:none !important; padding:2px 0px !important;} /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.submenu-footer li a { font-size:14px; padding:2px 0px !important; margin:0px !important; color: #FFF !important; text-decoration:none; text-transform: uppercase !important; border:none; text-transform: none; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } ul.submenu-footer li a img { border:none; padding:0 15px 0 0 !important; width:auto !important; height:30px !important; float:left; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; /* ...and now for the proper property */ transition:all .5s ease-in; } ul li a.Last { border:none; margin:0px;} ul.submenu-footer li a:active ,ul.submenu-footer li a:hover ,ul.submenu-footer li a.selected { color:#000000 !important; text-decoration:none; } /* ul.submenu-footer a::before { content:'⟩'; font-size:14px; position:absolute; left:15px; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; transition:all .5s ease-in; }*/ /* ul.submenu-footer a:hover::before, ul.submenu-footer a.selected::before { left:20px; }*/ /* ul.submenu-footer ul a::before { content:'⟩'; font-size:14px; position:absolute; left:30px; -o-transition:all .5s ease-in; -ms-transition:all .52s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; ...and now for the proper property transition:all .5s ease-in; } ul.submenu-footer ul a:hover::before, ul.submenu-footer ul a.selected::before { left:35px; }*/ ul.submenu-footer li a.selected { text-decoration:underline; } ul.submenu-footer li a:hover img { text-decoration:none; filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; margin-top:-5px; } ul.submenu-footer li a.selected img { text-decoration:none; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50 !important; } /* SOCIAL FOOTER */ .social-footer { display: inline-block; float: none !important; margin:0px 0px 0px 0px; padding:0px; background: 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .social-footer.facebook { background:url("images/grafica/facebook.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .social-footer.youtube { background:url("images/grafica/youtube.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; margin-left:10px !important; } .social-footer.instagram { background:url("images/grafica/instagram.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; margin-left:10px !important; } .social-footer:hover { background-position:0px -22px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; transition: all 0.7s; } .social-footer a { height:22px; width:22px; display:block; } .social-footer img { height:22px; margin-top:-5px !important; } /* SOCIAL CONTACTS */ .social-contacts { display: inline-block; float: none !important; margin:0px 0px 0px 0px; padding:0px; background: 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .social-contacts.facebook { background:url("images/grafica/facebook-contact.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .social-contacts.youtube { background:url("images/grafica/youtube-contact.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; margin-left:10px !important; } .social-contacts.instagram { background:url("images/grafica/instagram-contact.png") 0px 0px no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; margin-left:10px !important; } .social-contacts:hover { background-position:0px -44px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; transition: all 0.7s; } .social-contacts a { height:44px; width:44px; display:block; } .social-contacts img { height:44px; margin-top:-5px !important; } @media (max-width: 1360px) { } @media (max-width: 1200px) { /* product IMG list */ .wrapper-img2-list { width:100% !important; min-height:150px !important; } .wrapper-img2-list img { top: 50%; margin-top: -75px; /* Half the height */ } } @media (max-width: 1100px) { #page-home { margin-top:120px !important; } .navbar-brand img { } } @media (max-width: 1024px) { .box-back.double h3 { font-size:21px !important; } .box-back.double h3 span { font-size:14px !important; } .box-back .double .newsbebitalia img { width:45% !important; } .box-home-content h2 { /*bottom:-14px; font-size:35px !important;*/ } .item-p:nth-child(3){ } .item-p:nth-child(3):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-p:nth-of-type(3n+1){ clear:left; } } @media (max-width: 990px) { .navbar-brand { margin:0px !important; padding:0px !important; z-index:100 !important; /*position:absolute; top:5px; right:35%; left:35%;*/ clear:both !important; } .navbar-brand img { max-height:65px !important; /*padding:0px !important;*/ float: left; } .navbar-brand.mapoint { display: none !important; } img.mapointimg { display:inline-block!important; float: right !important; } .search-list { margin:0px !important; padding:0px !important; z-index:9999 !important; position:absolute; top:5px; right:0; clear:both !important; } ul.search-list li.search-content a.search-mobile { display:block !important; } ul.search-list li.search-content a.search-mobile span { padding-top:0px !important; } .search input { display:none; } .search button { display:none; } } @media (max-width: 885px) { } @media (max-width: 768px) { #page-home { margin-top:115px !important; } #page-detail { margin-top:120px; /*margin-bottom:30px;*/ z-index:0 !important; } .navbar-brand img { max-height:65px !important; /*padding:0px !important;*/ float: left; } .brand > .cycle-slideshow { } .brand { margin-top:0px !important; height: auto !important; } .brand img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .social a { height:20px; width:20px; display:block; } .social img { height:20px; margin-top:0px !important; } .social.youtube { margin-left:1px !important; } .social.instagram { margin-left:1px !important; } .social:hover { background-position:0px -20px; } .social-footer { display: inline-block; float: none !important; } .lang-list.on-footer { margin: 0px auto; width: auto !important; text-align: center !important; } ul.lang-list.on-footer { display: inline-block; float: none !important; } ul.lang-list li a { padding:0 0 0 0 !important; } ul.lang-list li img { height:15px !important; } ul.lang-list.on-footer li img { height:20px !important; } ul.lang-list li a img { padding:0px 4px 0px 4px !important; margin:0px 0px 0px 0px; } .lang-list-content { letter-spacing:0em; padding:0px !important; height:20px !important; } .lang-list-text span { font-size:10px; } .header-sf { min-height:55px !important; margin-top:20px !important; } .separator_img-products { padding:0px !important; display:block; } hr.style-four-b { display:block; } .prodotto-vetrina-content { margin-top:15px; display:none; } .title-container h1 { text-align: center !important; } .chi-siamo-container { margin-top: 0px !important; padding: 5px 15px !important; } .chi-siamo-container.affiliazione { margin-top: 0px !important; padding: 5px 15px !important; } .chi-siamo-container h2 { font-size: 20px !important; } /* product IMG list */ .wrapper-img2-list { width:100% !important; min-height:200px !important; } .wrapper-img2-list.xtre { min-height:200px !important; } .wrapper-img2-list img { top: 50%; margin-top: -100px; /* Half the height */ } .wrapper-img2-list.xtre img { margin-top: -100px; /* Half the height */ } .box-contacts .info-right { text-align:center !important; } .box-contacts .info-left { text-align:center !important; } .box-prod-cover-content h4 { font-size:27px !important; } .box-prod-cover-content h5 { font-size:19px !important; } .box-prod-cover-content.p2019 { /*min-height:150px !important;*/ height:150px !important; } .box-prod-cover-content.p2019 a { /*min-height:150px !important;*/ min-height:150px !important; } .box-prod-cover-n.p2019 { height:150px !important; } .box-prod-cover-n.p2019 img { width:100% !important; height:auto !important; } .box-prod-cover-content.p2019-indoor { /*min-height:150px !important;*/ height:250px !important; } .box-prod-cover-content.p2019-indoor a { /*min-height:150px !important;*/ min-height:250px !important; } .box-prod-cover-n.p2019-indoor { height:250px !important; } .box-prod-cover-n.p2019-indoor img { width:100% !important; height:auto !important; margin:0 !important; } .box-prod-cover-content .box-prod-cover-n.unica-indoor img { width:100% !important; height:auto !important; } .box-back h3 { text-align:center !important; } .box-back img { text-align:center !important; margin:0 auto 0 !important; } .box-back .glyphicon { float:none !important ; display:block; text-align:center; } .box-back.double h3 { font-size:32px !important; } .box-back.double h3 span { font-size:22px !important; } .box-back .double .newsbebitalia img { width:65% !important; } .title h1 { font-size:26px !important; } .title h1.title-lighter { font-size:16px !important; } .title h1 span.pronta-cons { font-size: 18px !important; } .title-content .title-center-int { top: 48% !important; } /* breadcrumb */ .breadcrumb { font-size:12px !important; line-height:125% !important; } .item-p:nth-child(4){ } .item-p:nth-child(4):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-p:nth-of-type(4n+1){ clear:left; } .footer h2 { text-align: center !important; } .submenu-footer, .submenu-footer.right-privacy { float:none !important; text-align: center !important; } ul.submenu-footer, ul.submenu-footer.right-privacy { padding: 0px 0px 0px 0px !important; text-align:center !important; } ul.submenu-footer li, ul.submenu-footer.right-privacy li { text-align:center !important;} ul.submenu-footer li h3 { text-align:center !important; } ul.submenu-footer li a, ul.submenu-footer.right-privacy li a { text-align:center !important;} ul.submenu-footer a::before { content: none; } .footer.left-brand { text-align:center !important; } .footer.left-brand img { text-align:center !important; margin: 0 auto !important;} .footer p { text-align: center !important; } .footer.right-brand p { text-align:center !important; } .box-home-content .freccina { display: none !important; } .box-slogan-home-content h2 { padding: 10px 0px !important; /*background: linear-gradient(to right, white, rgba(134,16,6,1), #861006, rgba(134,16,6,1), white) !important;*/ font-size: 15px; } .box-slogan-home-content h2 span { font-size: 20px !important; } .box-slogan-home-content h2::before { content: ""; position: absolute; left: 50%; top: -50px; width: auto; margin-left: -300px; margin-top: -220px; height: 600px; /*background: radial-gradient(50% 50%, ellipse closest-side, #444, black);*/ z-index: -1; } @keyframes comein { 0% { letter-spacing: 15px; color: rgba(255, 255, 255, 0); } 70% { letter-spacing: 3px; } 100% { letter-spacing: 8x; color: rgba(255, 255, 255, 1); } } .home-numeri-content div.i-container { float: left; clear: none; width: 50% !important; text-align: left !important; } .home-numeri-content { border-bottom: solid 1px #861006; } div.i-container i { width: 50% !important; } .home-numeri-content p.numeri, .home-numeri-content span.numeri { font-size: 40px !important; } .home-numeri-content p.numeri { margin-top: 22px !important; } .home-numeri-content img { width: 50%; float: left; } .plus-n { vertical-align: bottom !important; } .btn-sep { display: none; } .border-right-color-tab { border-right:none !important; /*padding:5px 0;*/ } .dettaglio-prod-prezzo h4 { text-align: center !important; } .dettaglio-prod-prezzo h5 { text-align: center !important; } .dettaglio-prod-prezzo-right h4 { text-align: center !important; } .dettaglio-prod-prezzo-right h5 { text-align: center !important; } } @media (max-width: 537px) { #page-home { margin-top:110px !important; } #page-detail { margin-top:90px; /*margin-bottom:30px;*/ z-index:0 !important; } h1.home-center div { padding: 2px 2px; font-size: 19px !important; } h1.home-center span.txt-rosso { font-size: 19px !important; } h1.home-center-numeri div { padding: 5px 10px; } h1.home-center-numeri div.text-title { font-size:25px !important; } .social-h-content { padding:0px 0px 0px 2px !important; } .navbar-brand { } .navbar-brand img { max-height: 50px !important; padding:0px 5px 0px 5px !important; } .navbar-brand a { } .brand { margin-top:0px !important; z-index:9999 !important; } .lang-list-content { z-index:9999 !important; } .lang-list-text span { font-size:8px; } .social a { height:16px; width:16px; display:block; } .social img { height:16px; margin-top:-5px !important; } .lang-list { margin-right:0px !important; padding:0px; text-align:right !important; float:right !important; } ul.lang-list { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right !important; } ul.lang-list li img { height:12px !important; } ul.lang-list li a img { padding:0px 10px 2px 0px !important; margin:2px 0px 0px 0px; } .box-contacts-dett { clear:both !important; display:block !important; } .menu-footer { text-align:center !important; } ul.menu-footer { text-align:center !important; } .footer { text-align:center !important; } .mobile-no { display:none !important; } .footer.left-brand img { text-align:center !important; margin-top:-10px !important; height:90px; width:auto !important; z-index: 99 !important; /*width:90px !important;*/ } .title-content .title { left: 2%; right: 2%; top: 42%; } .prodotto-vetrina-content { margin-top:15px; display:none; } .products-list-content-n { width:90% !important; } .products-content { margin-top:15px !important; /*border-bottom:#333 solid 1px;*/ } .product-list h3.pr-detail { display:block; } .product-list h2.pr-detail { display:block; } /* product IMG list */ .wrapper-img2-list { width:100% !important; min-height:220px !important; } .wrapper-img2-list.xtre { min-height:220px !important; } .wrapper-img2-list img { top: 50%; margin-top: -110px; /* Half the height */ } .wrapper-img2-list.xtre img { margin-top: -110px; /* Half the height */ } /* breadcrumb */ .breadcrumb { font-size:11px !important; line-height:135% !important; } .price-box-promo-container.pronta-consegna-price ul.price-box-promo li.price-data-label { font-size:15px !important; } ul.price-box-promo li.promo-price { font-size:15px !important; line-height:100% !important; } }