/* CSS Document */ /* Formattazione Testo GENERICO */ body, html { /*color: #77888F;*/ color: #333; font-family: 'Montserrat', sans-serif, Helvetica, sans-serif !important; /*font-family: 'Poppins', sans-serif !important;*/ font-size: 15px; background:#FFF /*url(images/grafica/architettura-studio-borgonovo-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:#D90000; -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:active, a:hover { 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:#D90000 !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:#0078bd !important;} p { text-align:justify; } p.text-center { text-align:center !important; } p.back a { text-decoration:none; color:#666; font-size:9px; padding:6px 5px; background:#F8F8F8; border:#D90000 solid 1px; position:absolute; right:5px; top:10px} p.back a:hover { text-decoration:none; color:#D90000 !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; } p.back-bottom a { text-decoration:none; color:#666; font-size:9px; padding:6px 5px; background:#F8F8F8; border:#D90000 solid 1px;} p.back-bottom a:hover { text-decoration:none; color:#D90000 !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:33px; font-weight:normal; font-style:normal; margin:0px !important; padding:5px 0px !important; color:#D90000 !important; text-transform:uppercase; text-align:left; font-weight: 200 !important; /*border-bottom:#EEE solid .01em;*/ font-family: 'Montserrat', sans-serif, 'Raleway', sans-serif !important; } h1 > span { font-weight:100 !important; font-size:23px !important; color:#666 !important; letter-spacing:.1em; margin-left:15px !important; } h1 span > span { color:#999 !important; } h1.collections { float:left; } h1.ambience { border:none; } h1.service { font-size:22px; color:#000 !important; float:left; padding:2px 0px 0px 10px !important; border-left:#D90000 solid 2px; margin-left:10px !important; } h1.mod { text-align:right !important; } h1.mod-center { text-align:center !important; line-height: 150% !important; font-size:35px !important; } h1.mod-center span { clear: both; display: block; letter-spacing:.2em; } h1.small { color:#D90000 !important; font-size: 145% !important; } .h1-progettazione2022-container { text-align: right !important; position: relative; display: block; clear: both !important; height: 40px; margin-bottom: 15px; } h1.progettazione2022 { text-align: right !important; text-transform: uppercase; font-size:22px !important; font-weight: 600 !important; color:#FFF !important; padding: 5px 55px 5px 5px !important; background: rgba(204,0,0,1); /*float: right; clear: both !important;*/ position: absolute; top: 0; right: 0; } h1.progettazione2022-2 { text-align: right !important; text-transform: uppercase; font-size:22px !important; font-weight: 600 !important; color:#FFF !important; padding: 10px 55px 10px 10px !important; background: rgba(204,0,0,1); /*float: right;*/ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; clear: both; } .h1-general23-container { text-align: right !important; position: relative; display: block; clear: both !important; height: 40px; margin-bottom: 15px; } .h1-general23-content { padding: 5px 15px 5px 5px !important; /*background: rgba(204,0,0,1); float: right; clear: both !important;*/ position: fixed; top: 100; right: 0; z-index: 999 !important; } h1.general23 { text-align: left !important; text-transform: uppercase; font-size:22px !important; font-weight: 600 !important; color:#FFF !important; padding: 5px 40px 5px 5px !important; background: rgba(204,0,0,1); border: none !important; } h2 { font-size:35px; font-weight: 300 !important; font-style:normal; margin:0; padding:5px 0 !important; color:#000; text-transform:none; text-align: center; } h2.progettazione2022 { font-family: 'Montserrat', sans-serif, 'Raleway', sans-serif !important; font-size:22px !important; font-weight: 700 !important; color:#303030 !important; text-align:left !important; padding: 10px 0px 0px 0px !important; letter-spacing: .05rem; } h2.general23 { text-align: left !important; text-transform: uppercase; font-size:13px !important; font-weight: 300 !important; color:rgba(204,0,0,1) !important; padding: 5px 15px 5px 5px !important; background: none; letter-spacing: .04em; } h2.collections { font-size:18px; text-transform:uppercase !important; float:right; color:#666 !important; letter-spacing:.1em; padding-right:15px !important; } h2.collections img { float:right; margin-bottom:0px !important; padding-right:0px !important; height:55px !important; margin-top:-20px !important; } h2.promo { font-size:18px !important; } h2 span { font-weight:600 !important; color:#FF0 !important; text-shadow: 1px 1px 1px #000; } h2 span.test { /*background: #91877b;*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } 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.centered { text-align:center !important; } h2.mod { font-size:24px; color:#777; font-weight:600; text-transform:none; } h2.realiz a { color:#999; text-transform:none; } h2.realiz a:hover { color:#00346E !important; } h3 { color:#333; font-size:19px; font-weight:normal; padding:5px 0px !important; margin:0; line-height:145% !important; } h3.promo { color:#333; font-size:23px !important; } h3.showroom2023-int { font-weight: 300 !important; font-size:14px; line-height:155%; text-transform: uppercase; color:#000 !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.line-height-light { line-height:190% !important; } p.img-centrata img { padding:5px 55px !important; margin:0 auto !important; text-align:center !important; } .rosso { color:#F00 !important; } .blu { color:#0078bd !important; } /* breadcrumb */ .breadcrumb { padding: 8px 5px; margin-top: -20px !important; margin-bottom: 5px !important; list-style: none; background:none !important; /*border-bottom:#28205C solid .1em; border-radius: 4px;*/ text-align:left !important; font-size:11px !important; } /* 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:#D90000; } .rossiccio { color:#D90000; } /* Background */ .bg-white { background:#FFF; border-radius: 4px; } .bg-white-trasparent { background:rgba(255,255,255,0.35); } .bg-grey { /*background:#F8F8F8;*/ background: rgba(238,238,238,.7); } .bg-grey-light { background:rgba(248,248,248,0.65) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left,rgba(240,240,240,1),rgba(255,255,255,.1),rgba(240,240,240,1)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(left,rgba(240,240,240,1),rgba(255,255,255,.1),rgba(240,240,240,1)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(left,rgba(240,240,240,1),rgba(255,255,255,.1),rgba(240,240,240,1)) !important; /*Fx 3.6-15*/ background: linear-gradient(to left,rgba(240,240,240,1),rgba(255,255,255,.1) ,rgba(240,240,240,1)) !important; /*Standard*/ } .bg-grey-trasparent { background:rgba(204,204,204,0.35); } .bg-brown { background:#B09F8F; } /* Padding / Margin */ .border-left-color { border-left:#666 solid 1px; /*padding:5px 0;*/ } .border-right-color { border-right:#666 solid 1px; /*padding:5px 0;*/ } .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; } .padding-none { padding:0px !important; } .padding-top { padding-top:20px !important; } .padding-only-top { padding-top:20px 0px 0px 0px !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-0-1 { padding:0px 1px !important; } .padding-5 { padding:5px !important; } .padding-10 { padding:10px !important; } .padding-20 { padding:20px !important; } .padding-20-m { padding:20px !important; display: none; } .padding-30-m { padding:30px !important; display: none; } .padding-40-m { padding:40px !important; display: none; } .padding-40 { padding:40px !important; } .padding-20-left { padding-left:20px !important; } .padding-20-right { padding-right:20px !important; } .padding-20-left-showroom { padding-left:20px !important; } .padding-20-right-showroom { padding-right:20px !important; } .text-big { font-size:18px !important;} .at-right { text-align:right !important; } .at-right p { text-align:right !important; } .bordered { border:#333 solid 1px; background:#EEE; padding:15px; } .display-none img { display:none !important; } .flex-center { display: flex; justify-content: center; } .flex-right { display: flex; justify-content: right; } /* 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%; } /* IMG CONTAINER */ .image-container { display: -webkit-flex; display: flex; justify-content: center; } .image { /* IMPORTANT This is the part related to the effect */ background-image: url(images/corpo/accademia-del-sapere-img7.jpg); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat; background-size: auto; width: 100% !important; height: 600px; /*border-radius: 25px;*/ } .container-int { /*margin: 0px auto; width: 85%;*/ position: relative; height: 600px; } /* Y MANDATORY */ .container-prima { scroll-snap-type: y mandatory; } .content-prima { scroll-snap-align: start; } /* 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(0, 0, 0, 0.5); } /* HEADER */ /* HEADER HOME TEMP */ #header-home-temp { margin:0px auto; padding:10px; position:absolute; top:40%; bottom:40%; left:0%; right:0%; z-index: 999; /*width:470px; max-width:980px;*/ background:rgba(248,248,248,0.8); /*min-height:300px;*/ } /* MENU NAVIGATION LANGUAGES */ /* Menu LINGUE */ .lang-list-content { text-align:right; padding-right:0px; clear:both; position:absolute; top:0; right:0px; } .lang-list { margin-right:10px !important; padding:0px; /*float:right;*/ } ul.lang-list { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; } ul.lang-list li { list-style:none !important; display:inline !important; padding-bottom: 2px; margin-right: 1px; } .lang-list li { list-style:none !important; display:inline !important; } ul.lang-list li.it { } ul.lang-list li.uk { border-left:#999 solid 1px; padding-left:4px !important; } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.lang-list li a { font-size:10px; padding:2px 5px 1px 5px !important; margin:0px; color: #666; 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:9px !important; width:35px !important;*/ } ul.lang-list li a img { border:none; padding:0px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } ul li a.Last { border:none; margin:0px;} ul.lang-list li a:active ,ul.lang-list li a:hover { color:#D90000 !important; /*border-color:#1E1955; background:rgba(255, 255, 255, .2) !important; text-decoration:none; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white;*/ -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 li a.Last.selected ,ul.lang-list li a.selected ,ul.lang-list li a.selected img { color:#D90000 !important; /*border-color:#1E1955; background:rgba(255, 255, 255, 0.1) !important; text-decoration:none; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white;*/ } /* Menu LINGUE */ .lang-listBAND { margin-right:10px !important; padding:0px; /*float:right;*/ } ul.lang-listBAND { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:right; } ul.lang-listBAND li { list-style:none !important; display:inline !important; padding-bottom: 5px; border-radius: 0px 0px 5px 5px; box-shadow:3px 3px 5px #FFF !important; margin-right: 5px; } .lang-listBAND li { list-style:none !important; display:inline !important; } ul.lang-listBAND 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-listBAND 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-listBAND li a { font-size:11px; padding:10px 8px 6px 8px !important; margin:0px; color: #D90000; 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-listBAND li img { /*height:9px !important; width:35px !important;*/ } ul.lang-listBAND li a img { border:none; padding:0px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } ul li a.Last { border:none; margin:0px;} ul.lang-listBAND li a:active ,ul.lang-listBAND li a:hover { color:#D90000 !important; /*border-color:#1E1955;*/ background:rgba(255, 255, 255, .2) !important; text-decoration:none; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white; -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-listBAND li a.Last.selected ,ul.lang-listBAND li a.selected ,ul.lang-listBAND li a.selected img { color:#D90000 !important; /*border-color:#1E1955;*/ background:rgba(255, 255, 255, 0.1) !important; text-decoration:none; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white, 1px 1px 2px white, 0 0 25px white, 0 0 5px white; } /* 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 { background: rgba(255,255,255,1) !important; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom,rgba(255,255,255,0.6),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,1)) !important; /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(255,255,255,0.6),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,1)) !important; /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(255,255,255,0.6),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,1)) !important; /*Fx 3.6-15*/ background: linear-gradient(to top,rgba(255,255,255,0.6),rgba(255,255,255,.9),rgba(255,255,255,1),rgba(255,255,255,1)) !important; /*Standard*/ border: none !important; /*border-bottom:#D90000 solid 1px !important;*/ -webkit-box-shadow: 0 5px 6px -6px #999; -moz-box-shadow: 0 5px 6px -6px #999; box-shadow: 0 5px 6px -6px #999; } .brand { margin:0px 0px 0px 0px; padding:0px; /*float:left;*/ text-align:right; z-index:0 !important; position:relative; /*overflow:hidden;*/ min-height:105px !important; } .brand > .cycle-slideshow { text-align:right; height:95px; z-index:0 !important; position:absolute; top:-20px !important; right:45px !important; overflow:hidden !important; } .brand > .anim-header { } .brand > .cycle-slideshow img { text-align:right; height:175px; z-index:0 !important; position:absolute; top:0px !important; right:35px !important; } .navbar-header { } .navbar-brand { margin:0px !important; padding:0px !important; z-index:100 !important; } .navbar-brand img { margin:0px !important; padding:8px 0px 0px 0px !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; } .navbar-brand a { display:block; } .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; } .logo-head-dsk { } .logo-head-mobile { display: none; } /* PAGE HOME */ /* NEW HOME 2023 */ /* BOX HOME SEZIONI */ .box-home-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-home-content .cycle-slideshow div { z-index:0 !important; } .box-home-content h2 { padding:0px !important; margin:0px !important; position:absolute !important; bottom:15px; width:100% !important; text-align:center !important; font-size:25px !important; font-weight:700 !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-home-content h2.showroom-title { padding:5px 15px !important; top:10px !important; width:100% !important; text-align:left !important; font-weight:bold !important; } .box-home-content h2.products-title { padding:5px 15px !important; bottom:10px !important; width:100% !important; text-align:right !important; font-weight:bold !important; } .box-home-content h2.about-title { padding:5px 15px !important; bottom:10px !important; width:100% !important; text-align:left !important; font-weight:bold !important; } .box-home-content h2.design-icons-tit { margin:0px !important; position:relative !important; font-weight:400 !important; padding:5px 0px !important; bottom:5px !important; width:100% !important; text-align:right !important; color: #003366 !important; font-size: 21px !important; } .box-home-content:hover h2.design-icons-tit { color: #FFF !important; } .box-home-content h2.design-icons-tit-OLD-interno { padding:5px 15px !important; bottom:5px !important; width:100% !important; text-align:left !important; font-weight:bold !important; color: #FFF !important; font-size: 19px !important; } .box-home-content:hover h2.design-icons-tit-OLD-interno { color: #F8F8F8 !important; } .box-home-content h2.interior-title { padding:5px 15px !important; top:10px !important; width:100% !important; text-align:right !important; font-weight:bold !important; } .box-home-content h2.brands-title { padding:5px 15px !important; top: 50% !important; transform: translateY(-50%) !important; bottom:auto !important; width:100% !important; text-align:center !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-home-content h2.brandshop-title { padding:5px 15px !important; top:10px !important; bottom: auto !important; width:100% !important; text-align:left !important; font-weight:bold !important; float:left !important; } .box-home-content h3 { position:absolute !important; bottom:-5px !important; left:0 !important; width:100%; font-size: 20px !important; font-style: italic; font-weight: 300 !important; /*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-home-content h3 span { text-transform:uppercase; } .box-home-content a:hover h3 { background: rgba(255,255,255,0.5) !important; color:#333 !important; } h3.showroom23 { font-size: 20px !important; font-weight: 300 !important; } .box-home-content h3.flagshipstore { padding:5px 15px !important; margin:0px !important; position:absolute !important; top:10px !important; bottom: auto !important; width:100% !important; text-align:left !important; font-size:30px !important; font-weight:600 !important; line-height: normal !important; text-transform:uppercase !important; color:#FFF; /*filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;*/ z-index:99 !important; float:left !important; font-style:normal !important; } .box-home-content h3.flagshipstore span { font-size:28px !important; font-weight:100 !important; display:block; text-transform:none; } .box-home-content h3.flagshipstore.livedesign { /*background: rgba(60,25,86,0.8) !important;*/ } .box-home-content:hover h3.flagshipstore { color:#333; background: rgba(255,255,255,0.5) !important; } .box-home-content h4 { z-index:1 !important; position:absolute !important; top:50% !important; transform: translateY(-50%); left:0 !important; width:100%; font-size:20px !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-home-content a:hover h4 { background: rgba(255,255,255,0.5) !important; color:#333 !important; display:block !important; } .box-home-content h4.brandshops { z-index:99 !important; top:auto !important; bottom:10% !important; transform: none !important; display:none; } .box-home-content:hover h4.brandshops { background: rgba(255,255,255,0.5) !important; color:#333 !important; display:block !important; } .d-cycle { -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-home-content .d-cycle 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-home-content:hover .d-cycle img, .box-home-content:focus .d-cycle 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-home { 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-home img { width:100% !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); /* 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); } .box-home-content h2.prima2024 { margin:0px !important; position:relative !important; font-weight:600 !important; padding:15px 3px !important; bottom:5px !important; width:100% !important; text-align:left !important; color: #000 !important; font-size: 21px !important; } .box-home-content:hover h2.prima2024 { color: #FF0 !important; } .box-home-content h2.prima2024 span { font-size: 18px !important; } .box-home-content h2.prima2024-txt { margin:0px !important; position:relative !important; font-weight:200 !important; padding:0px 3px !important; width:100% !important; text-align:left !important; color: #000 !important; font-size: 16px !important; text-transform: none !important; } .box-home-content:hover h2.prima2024-txt { color: #FF0 !important; } .d-home a { display:block !important; width:100% !important; height:100% !important; } .d-home.products { background-image: none !important; } .d-home.worldwide { background-image: url(images/prima2020/sl-worldwide-slide4.jpg) !important; /*background-image: url(images/prima2020/sl-worldwide-slide3b.jpg) !important; OLD*/ min-height:425px !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); } .gd-store { /*-webkit-columns: 5 200px; -moz-columns: 5 200px; columns: 5 200px; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;*/ text-align: center; vertical-align:top; /*padding:40px 0px;*/ } .gd-store .content h2 { text-align:center; font-size:17px !important; } .gd-store .content h2 span { display:block; } .gd-store .content h2 span.upper { text-transform:uppercase !important; } .gd-store .content { text-align:center; font-size:14px; line-height:150%; -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: inline-block; max-width:19% !important; /*padding:0px 0px 5px 0px;*/ } .gd-store .content:hover { /*background:#F5F5F5;*/ background: rgba(238,238,238,0.7); /*For browsers that do not support gradients */ background: -webkit-linear-gradient(bottom,rgba(255,255,255,0), rgba(238,238,238,0.9)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(255,255,255,0), rgba(238,238,238,0.9)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(238,238,238,0.9)); /*Fx 3.6-15*/ background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(238,238,238,0.9)); /*Standard*/ box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.4), 0 8px 8px -8px rgba(0, 0, 0, 0.5) !important; } .gd-store .content img { padding:0px 20px !important; } .box-home-progettazione { } .box-home-progettazione a { display: block; -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-progettazione a:hover { -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.4), 0 8px 8px -8px rgba(0, 0, 0, 0.5) !important; } .box-home-progettazione a:hover div { color: #C00 !important; } .box-home-progettazione a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; -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-design-icons { display: flex; flex-direction: column; justify-content: center; resize: vertical; } .design-icons-table { display: flex; } .design-icons-table > div { flex: 1; } .showroom-gd-desktop { } .showroom-gd-mobile { display:none; } .box-img-gd-desktop { } .box-img-gd-mobile { display:none; } .showroom-gd-txt-title { background:none; } .showroom-gd-txt-title h1 { font-size:135px !important; padding:40px 0px 0px 0px; color:#900; text-align:right; text-transform:none; } .showroom-gd-txt-title.ger h1 { font-size:95px !important; } .item-showroom-gd:nth-child(3){ } .item-showroom-gd:nth-child(3):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-showroom-gd:nth-of-type(3n+1){ clear:left; } .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-c:nth-child(2){ } .item-c:nth-child(2):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-c:nth-of-type(2n+1){ clear:left; } .progettazione22-txt-container-color { background: #f6f6f4; padding: 30px 0px !important; } .progettazione22-txt-container-color-int { background: #FFF; } .progettazione22-txt-container { padding: 0px 40px; } .progettazione22-txt-container-r { padding-left: 20px; } .progettazione22-txt-container-l { padding-right: 20px; } .progettazione22-txt-content { font-family: 'Montserrat', sans-serif, 'Raleway', sans-serif !important; font-size:16px !important; font-weight: 300 !important; line-height: 160% !important; color:#303030 !important; text-align:left !important; margin-top: 10px; } .progettazione22-txt-content.regalati-estate { font-size:22px !important; line-height: 145% !important; } .progettazione22-txt-content a.scopri { color: #C00; position: relative; text-decoration: none; font-size: 18px; font-weight: 500; text-transform: uppercase; /*padding: 15px; border: solid 1px ;*/ } .progettazione22-txt-content a.scopri::before { content: ''; position: absolute; width: 100%; height: 2px; border-radius: 4px; background-color: #303030; bottom: 0; left: 0; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; } .progettazione22-txt-content a.scopri:hover::before { transform-origin: left; transform: scaleX(1); } .progettazione22-txt-content a img { transform: none !important; content: none !important; } .progettazione22-txt-content a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; } .progettazione22-txt-content a.brand-img::before { content: none !important; height: none !important; border-radius: none !important; background-color: transparent!important; transform-origin: none !important; transform: none !important; transition: none; } .progettazione22-txt-content a.brand-img:hover::before { transform-origin: none !important; transform: none !important; } .progettazione22-txt-content a.normal-link { /*color: #C00;*/ text-decoration: underline; font-weight: 600; text-transform: none; /*padding: 15px; border: solid 1px ;*/ } .subtitle { font-size:18px !important; padding:5px auto !important; color: #333 !important; letter-spacing: .03rem; text-align: center !important; } .subtitle p { padding:5px 0px !important; text-align: center !important; } .subtitle2022 { font-family: 'Montserrat', sans-serif, 'Raleway', sans-serif !important; font-weight: 300 !important; font-size:18px; padding-top:25px !important; padding-bottom:1px; color: #000 !important; line-height: 32px !important; letter-spacing: .05rem; } .subtitle2022.centrato { text-align: center !important; } .subtitle2022-int { font-family: 'Montserrat', sans-serif, 'Raleway', sans-serif !important; font-weight: 300 !important; font-size:12px; line-height:155%; text-transform: uppercase; } /* FINE :::: NEW HOME 2023 */ /* BOX HOME con SFONDO */ .box-home-progettazione24 { /*position: -webkit-sticky; position: sticky; bottom: -1px;*/ position: absolute; /*top: 50%; transform: translateY(-50%);*/ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100% !important; margin: 0px auto 0 !important; } .box-home-progettazione24 h1 { /*position: -webkit-sticky; position: sticky; bottom: -1px;*/ font-size: 45px !important; color: #FFF !important; text-align: center; font-weight: 800 !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important; } .box-home-progettazione24 h2 { /*position: -webkit-sticky; position: sticky; bottom: -1px;*/ color: #FFF !important; font-size:15px !important; font-weight:200 !important; line-height: normal !important; text-transform:uppercase !important; letter-spacing: .2em; text-shadow: none; text-align: center; } .subtitle2024 { font-weight: 400 !important; font-size:18px !important; padding-top:25px !important; padding-bottom:1px; color: #FFF !important; line-height: 32px !important; letter-spacing: .05rem; text-align: center !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important; } .subtitle2024-big { font-weight: 400 !important; font-size:22px !important; padding-top:25px !important; padding-bottom:1px; color: #003366 !important; line-height: 32px !important; letter-spacing: .05rem; text-align: center !important; } a.button-progettazione24 { text-decoration:none; color:#C00; letter-spacing: .05rem; font-size:13px; font-weight: 700; text-transform: uppercase; padding:16px 45px; border: .01em solid #FFF !important; box-shadow: inset 0 0 0 0 #0078bd !important; transition: color .3s ease-in-out, box-shadow .3s ease-in-out !important; background: #FFF; } a.button-progettazione24:hover { text-decoration:none; color:#FFF !important; -webkit-transition: all 0.5s linear !important; -moz-transition: all 0.5s linear !important; -ms-transition: all 0.5s linear !important; -o-transition: all 0.5s linear !important; transition: all 0.5s linear !important; box-shadow: inset 300px 0 0 0 #0078bd !important; border: .01em solid #444 !important; } /* FINE ::: BOX HOME con SFONDO */ /* TITOLI */ .box-titoli-img { position: relative; } .box-titoli-img img { z-index: 1 !important; } .box-titoli-title-container { margin-top: -80px !important; margin-bottom: 30px !important; padding:15px 35px !important; z-index: 999 !important; } .box-titoli-title-content { padding:15px 55px !important; background: rgba(255,255,255,1) !important; float: left; } .box-titoli-title-content h1 { font-size: 40px !important; text-transform: none !important; text-align: left; font-weight: 600 !important; color: #0078bd !important; } .box-titoli-title-content h1 span { font-weight: 200 !important; color: #333 !important; font-size: 40px !important; text-transform: uppercase; } .box-titoli-title-content .subtitle-s { font-size: 23px !important; } /* FINE :::: TITOLI */ /* BOX HOME */ .box-home { margin:auto; padding:5px 10px !important; border-radius:0; /*box-shadow:none !important; background:rgba(236,236,236,0.6);*/ background:rgba(255,255,255,0.5); font-size:12px; } .box-home a { display: block; padding:5px 10px !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; color:#777 !important; } .box-home a:hover { display: block; padding:5px 10px !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; color:#D90000 !important; } .box-home a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !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; padding:3px 0px; margin:2px 0px 10px 0px !important; } .box-home h1 { width:40%; border-bottom:#D90000 solid 3px !important; white-space:nowrap; clear:both; text-transform:none; padding:3px 0px; margin-bottom:10px; color:#999 !important; } .box-home h1 span { font-weight:800 !important; } .box-home img { /*padding:3px 0px; margin:2px 0px 10px 0px !important;*/ } .box-home a img { padding:3px 0px; margin:2px 0px 10px 0px !important; } .box-home p.box-descr { height:55px !important; /*font-size:13px;*/ /*overflow:hidden;*/ padding:0px 0px 5px 0px !important; } /* SLOGAN HOME */ .slogan2023 { margin-bottom:28px !important; margin:0 auto !important; text-align:center !important; /*min-height:150px;*/ position:relative; padding: 20px; background: rgba(238,238,238,.7); /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Fx 3.6-15*/ /*background: linear-gradient(to top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Standard*/ } .slogan2023 h1 { padding:0px 0px 20px 0px !important; margin:0px auto !important; text-align:center !important; vertical-align:central !important; letter-spacing:.05em; color:#333 !important; text-shadow: 1px 1px 1px #fff; text-transform:uppercase; font-size:19px !important; /*position:absolute; top:40% !important; left:1%; right:1%;*/ border:none; font-weight:200 !important; } .slogan2023 h1 span { padding:10px !important; color:#999 !important; text-transform:none; font-size:11px !important; position: absolute; right: 35px; top: 60px; letter-spacing: normal !important; } .slogan { margin-bottom:28px !important; margin:0 auto !important; text-align:center !important; /*min-height:150px;*/ position:relative; background: rgba(245,245,245,.6); /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Safari 5.1-6*/ /*background: -o-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Opera 11.1-12*/ /*background: -moz-linear-gradient(top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Fx 3.6-15*/ /*background: linear-gradient(to top,rgba(40,34,92,0),rgba(170,170,170,.3),rgba(40,34,92,0)); Standard*/ border-bottom: 1px solid #999; border-top: 1px solid #999; padding: 25px 0px; } .slogan h1 { padding:20px 0px !important; margin:0px auto !important; text-align:center !important; vertical-align:central !important; letter-spacing:.05em; color:#D90000 !important; text-shadow: 1px 1px 1px #fff; text-transform:uppercase; font-size:22px !important; /*position:absolute; top:40% !important; left:1%; right:1%;*/ border:none; font-weight:400 !important; } .slogan h1 span { letter-spacing:.1em; font-size:16px !important; font-weight:200 !important; text-transform:none !important; padding:-10px 0px 0px 0px !important; } /* Menu LINGUE :::: HOME PAGE EMOZIONALE */ #lang-home-emo { margin:0px auto 0; padding:0px; } ul#lang-home-emo { padding:0px 0px 0px 0px; margin:0px auto 0; text-align:center; } ul#lang-home-emo li { list-style:none; display:inline; } ul#lang-home-emo li a { font-size:13px; padding:4px 10px; margin:0px; color: #D90000; /* text-align:center;*/ text-decoration:none; text-transform:none; background:none; border:none; display:block; float:left; width:100% !important; border-right:#333 solid 1px; line-height:100%; -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; white-space:nowrap !important; } ul#lang-home-emo li a span { font-size:9px; color: #333 !important; text-decoration:none; } ul#lang-home-emo li a.last { border:none;} ul#lang-home-emo li a img { border:none; padding:0 .5em; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; width:auto !important; } ul#lang-home-emo li a:active ,ul#lang-home-emo li a:hover ,ul#lang-home-emo li a:hover span { color:#D90000 !important; text-decoration:none; -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; } /* PAGE */ #page { margin-top:105px; /*margin-bottom:30px;*/ z-index:0 !important; } #page-int { margin-top:5px; /*margin-bottom:30px;*/ z-index:0 !important; } #page-scheda { margin-top:0px; /*margin-bottom:30px;*/ z-index:0 !important; background: rgba(245,245,245,.8); } /* BOX FIRME PRODOTTI LISTA 2017 */ .margin-top-b-products { margin-top:10px !important; } p.projects-list-desc { line-height:150% !important; display:none !important; /*border-bottom:#27166F solid 1px;*/ } .projects-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; height:260px !important; float:left; /*border-bottom:#27166F solid 1px;*/ } .projects-list-content:hover { background: rgba(0,0,0,0.3); } .projects-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:260px !important; } .projects-list-content.total-green { border:#D90000 solid 1px !important; } .projects-list-n a { display:block; width:100% !important; min-height:260px !important; } .projects-list-n img { padding:0px; /*width:auto !important;*/ height:300px !important; position: absolute; margin: auto; 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; } .projects-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; } .projects-list-content h2 { z-index:1 !important; position:absolute !important; bottom:15px !important; left:0 !important; width:100%; font-size:18px !important; font-style: normal; font-weight:500; letter-spacing:.1em; /*background: rgba(200,200,200,0.7);*/ background: rgba(200,200,200,0.7);; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left,rgba(200,200,200,0), rgba(200,200,200,0.9), rgba(200,200,200,0)); /*Safari 5.1-6*/ background: -o-linear-gradient(right,rgba(200,200,200,0), rgba(200,200,200,0.9), rgba(200,200,200,0)); /*Opera 11.1-12*/ background: -moz-linear-gradient(right,rgba(200,200,200,0),rgba(200,200,200,0.9), rgba(200,200,200,0)); /*Fx 3.6-15*/ background: linear-gradient(to right, rgba(200,200,200,0),rgba(200,200,200,0.9), rgba(200,200,200,0)); /*Standard*/ 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:#FFF; text-align:center; } .projects-list-content h2.small { font-size:18px !important; } .projects-list-content a:hover h2 { background: rgba(255,255,255,0.4) !important; color:#D90000 !important; text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white; } /* .projects-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: } .projects-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; } */ /* MAP google */ #container-map{ height:400px; position: relative; padding:0px; border:none; /*box-shadow: 2px 2px 5px 2px #CCC; box-shadow: 0 8px 6px -6px #CCC; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.3) inset;*/ box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.4), 0 8px 8px -8px rgba(0, 0, 0, 0.4); } #map-canvas{width: 100%; height:100%; position:relative; z-index:10;} .popup a{color:#D90000;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:#D90000 !important; line-height:100% !important;} .popup h2 span {margin:0 !important;padding:0 !important; color:#666 !important; font-weight:200 !important; font-size:70% !important;} .popup #berlin{width:220px;height:40px; background: url(img/berlin.png);text-indent: -9999px} .popup img {width: 35px !important;} /*================================================== * Effect 1 * ===============================================*/ .effect1{ -webkit-box-shadow: 0 10px 6px -6px #CCC; -moz-box-shadow: 0 10px 6px -6px #CCC; box-shadow: 0 10px 6px -6px #CCC; } /*================================================== * 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); } /* BOX LOGHETTI */ .box-loghetti { margin:20px 5px 10px 40px; padding:5px 0px 0px 0px; width:auto; height:auto; border:none; /*background:#FFF;*/ text-align:center; vertical-align:middle; float:left; } .box-loghetti a { margin:-5px 0px 0px 0px; padding:0px; width:auto; height:auto; display:block; font-size:12px; color:#D90000; text-decoration:underline; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; } .box-loghetti a:hover { padding:0px; color:#333; text-decoration:none; } .box-loghetti a img { border:none; width:auto; height:50px; margin:0px 0px 8px 0px; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; } .box-loghetti a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; margin:0px 0px 8px 0px; } /* SITEMAP */ ul.sitemap li { margin:20px 0 !important; font-weight:bold; color:#D90000; } ul.sitemap li a { color:#0078bd !important; font-size:15px !important; text-shadow:1px 1px 2px #DDD, 1px 1px 2px #DDD; } ul.sitemap li a.red { color:#D90000 !important; } ul.sitemap li a span { color:#D90000 !important; font-size:22px !important; } ul.sitemap li a::first-letter { color:#D90000 !important; font-size:22px !important; } ul.sitemap li a:hover { color:#D90000 !important; text-shadow:0px 0px 2px #DDD, 0px 0px 2px #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; } /* PAGINA PRODOTTI LISTA 2023 */ /* BOX HOME SEZIONI */ .box-p-arred-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-p-arred-content.p-sofas { height:400px !important; } .box-p-arred-content .cycle-slideshow div { z-index:0 !important; } .box-p-arred-content h2 { padding:5px 15px !important; margin:0px !important; position:absolute !important; top: 50% !important; transform: translateY(-50%) !important; bottom:auto !important; width:100% !important; text-align:center !important; font-size:25px !important; font-weight:700 !important; line-height: normal !important; text-transform:uppercase !important; color:#FFF; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); /*filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;*/ z-index:99 !important; } .box-p-arred-content:hover h2, .box-p-arred-content:focus h2 { color: transparent !important; text-shadow: none !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-p-arred-content h4 { z-index:1 !important; position:absolute !important; top:50% !important; transform: translateY(-50%); left:0 !important; width:100%; font-size:15px !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-p-arred-content a:hover h4 { background: rgba(255,255,255,0.8) !important; color:#333 !important; display:block !important; } .d-cycle-p { -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-p-arred-content .d-cycle-p 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 ; width: 100%; } .box-p-arred-content .d-cycle-p.p-sofas img { position:absolute !important; top:50% !important; transform: translateY(-50%); } .box-p-arred-content:hover .d-cycle-p img, .box-p-arred-content:focus .d-cycle-p 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-p-arred { 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-p-arred img { width:100% !important; } .box-p-arred-content:hover .d-p-arred, .box-p-arred-content:focus .d-p-arred { 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(0px); filter: grayscale(50%) blur(0px); } .d-p-arred a { display:block !important; width:100% !important; height:100% !important; } .d-p-arred.products { background-image: none !important; } .d-p-arred.worldwide { background-image: url(images/prima2020/sl-worldwide-slide4.jpg) !important; /*background-image: url(images/prima2020/sl-worldwide-slide3b.jpg) !important; OLD*/ min-height:425px !important; } /**** FINE PRODOTTI LISTA 2023 ****/ /* PRODUCTS LIST 2023 */ .pdc-list-container { padding: 10px; } .pdc-list { background:rgba(238,238,238,.4); position:relative; margin-top:20px !important; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; min-height: 250px; border: solid 1px #333; padding: 10px 20px; text-align: center; } .pdc-list.lighting { } .pdc-list:hover { background:rgba(120,120,120,.9) !important; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; border: solid 1px #000; /*box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.4), 0 8px 8px -8px rgba(0, 0, 0, 0.4);*/ } .pdc-list.oro { } .pdc-list h1 { text-transform: uppercase !important; text-align:left !important; padding:15px 5px 5px 5px !important; font-size:25px !important; color:#000 !important; } .pdc-list h1.regali-estate { padding:15px 0px 0px 10px !important; } .pdc-list.oro h1 { background:#FFF !important; /*margin:0px 2px 0px 2px;*/ background:url(images/grafica/sf-oro.jpg) center center no-repeat #FC0 !important; color:#FFD307 !important; } .pdc-list h1.mod { font-size:15px !important; } .pdc-list:hover h1 { color:#FF0 !important; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease;} .pdc-list h2 { text-transform:uppercase !important; text-align:left !important; padding:10px 5px !important; margin:0px !important; font-size:13px !important; font-weight:600; color:#999 !important; float: left; } .pdc-list:hover h2, .pdc-list:hover h2.ruolo { color:#FFF !important; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease;} .pdc-list h2.ruolo { text-transform:uppercase !important; text-align:right !important; float: right; padding:10px 5px !important; margin:0px !important; font-size:13px !important; font-weight:800; color:#777 !important; width: 50%; } .pdc-list h2 span { font-size:16px !important; font-weight:800 !important; color:#000 !important; } /*.pdc-list span { padding:0px 10px !important; }*/ .pdc-list img { width:100%; height:auto; padding-top: 15px !important;} .object-fit_cover { object-fit: cover; } .pdc-list a { } .pdc-list a:hover { } .pdc-list a img { border:none; margin:0px 0px 0px 0px; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; } .pdc-list a:hover img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; } .pdc-list a:hover > .cycle-slideshow img { /*filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important;*/ } .pdc-list .descr { height:100px; font-size:13px; color:#000 !important; margin:10px 0px 0px 0px; padding:0px 5px 10px 5px !important; text-align: justify; } .pdc-list.outdoor .descr { height:50px !important; } .pdc-list .descr-regali { height:90px !important; font-size:13px; /*overflow:hidden;*/ padding:0px 10px 15px 10px !important; margin-top: 12px; } .pdc-list.oro .descr { padding:0px 10px 15px 10px !important; color:#FFF; /*margin:0px 2px 0px 2px !important;*/ background:url(images/grafica/sf-oro.jpg) center center no-repeat #FC0 !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .pdc-list.oro a:hover .descr, .pdc-list.oro a:hover h1 { color:#900 !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; /* ...and now for the proper property */ transition:color .5s ease-in; } .pdc-list .readmore { /*background-position:0px 0px;*/ width: auto; font-size:10px; text-align: right; height: auto !important; padding: 5px 10px; /*position: absolute; right: 0; transform: translateX(-50%) !important;*/ bottom: 0px; background: none; text-transform: uppercase; background:none; display: inline-block; } .pdc-list .readmore a:hover { color:#900; } .pdc-list.corsi { min-height: 350px !important; } .pdc-list.corsi .descr { height: 250px !important; font-size:15px !important; color:#000 !important; margin:10px 0px 0px 0px; padding:0px 5px 10px 5px !important; text-align: justify; } .pdc-list.corsi .descr-estesa { height: auto !important; font-size:15px !important; color:#000 !important; margin:10px 0px 0px 0px; padding:0px 5px 10px 5px !important; text-align: justify; } /**** FINE PRODUCTS LIST 2023 ****/ /* SCHEDA PROFESSIONISTA */ .scheda-professionista { background:rgba(238,238,238,.4); position:relative; margin-top:-15px !important; transition: all .7s !important; -o-transition:all .7s ease; -ms-transition:all .7s ease; -moz-transition:all .7s ease; -webkit-transition:all .7s ease; border: solid 1px #333; padding: 20px; } .scheda-professionista h1 { text-transform: uppercase !important; text-align:left !important; padding:15px 5px 5px 5px !important; font-size:25px !important; color:#000 !important; } .scheda-professionista h2 { text-transform:uppercase !important; text-align:left !important; padding:10px 5px !important; margin:0px !important; font-size:16px !important; font-weight:600 !important; color:#666 !important; float: left; } .scheda-professionista h2.area { text-transform:uppercase !important; text-align:right !important; float: right; padding:10px 5px !important; margin:0px !important; font-size:14px !important; font-weight:400 !important; color:#999 !important; width: 50%; } /* FINE ::: SCHEDA PROFESSIONISTA */ /* BOX PRODOTTI LISTA */ .margin-top-b-products { margin-top:10px !important; } .products-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; height:250px !important; float:left; /*border-bottom:#27166F solid 1px;*/ } .products-list-content:hover { background: rgba(0,0,0,0.1); } .products-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .products-list-content.total-red { border:#C00 solid 1px !important; } .products-list-content-padd-top { padding:3px 0px !important; } .products-list-content-padd-left { padding:3px 3px 3px 0px !important; } .products-list-content-padd-right { padding:3px 0px 3px 3px !important; } .products-list-n a { display:block; width:100% !important; min-height:250px !important; } .products-list-content .products-list-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; } .products-list-n:hover img, .products-list-content:hover .products-list-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 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .products-list-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; } .products-list-content h2.small { font-size:18px !important; } .products-list-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*/ } .products-list-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; } .products-list-content a:hover h2.general { background: rgba(187,187,187,0.5) !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*/ } .products-list-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; } .products-list-content h3.small { font-size:18px !important; } .products-list-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; } .products-list-content h4 { padding:0px 15px !important; margin:0px !important; position:absolute !important; bottom:-18px; width:100% !important; text-align:right !important; font-size:45px !important; font-style:italic !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; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .products-list-content h4 span { text-transform:none !important; color:#900; } /* .brands-products-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: } .brands-products-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 PALETTE LISTA */ .palette-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; height:250px !important; float:left; /*border-bottom:#27166F solid 1px;*/ } .palette-list-content.news-mood { height:200px !important; } .palette-list-content:hover { background: rgba(0,0,0,0.2); } .palette-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; height:250px !important; } .palette-list-content.total-red { border:#C00 solid 1px !important; } .palette-list-n a { display:block; width:100% !important; min-height:250px !important; } .palette-list-n.news-mood a { min-height:200px !important; } .palette-list-n img { padding:0px; width:110% !important; height:auto !important; transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); 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; } .palette-list-n:hover img { 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'); /* IE6 and 7 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .palette-list-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:#D90000; text-align:right !important; } .palette-list-content h2.small { font-size:18px !important; } .palette-list-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*/ color:#FFF !important; } .palette-list-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; } .palette-list-content h3.small { font-size:18px !important; } .palette-list-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; } /* BOX NEWS INDOOR / OUTDOOR / MOOD LISTA */ .n-indoor-list-content { overflow:hidden; position:relative; padding:0px; margin:0px !important; width:100% !important; /*height:250px !important;*/ float:left; /*border-bottom:#27166F solid 1px;*/ } .n-indoor-list-content:hover { background: rgba(0,0,0,0.2); } .n-indoor-list-n { overflow:hidden; position:relative; padding:0px; margin:0px 0px !important; width:100% !important; /*height:250px !important;*/ } .n-indoor-list-content.total-red { border:#C00 solid 1px !important; } .n-indoor-list-n a { display:block; width:100% !important; /*min-height:250px !important;*/ } .n-indoor-list-n img { padding:0px; /*width:110% !important; height:auto !important; transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; size: portrait !important;*/ -webkit-transition:all 0.7s ; -moz-transition:all 0.7s ; -ms-transition:all 0.7s ; -o-transition:all 0.7s ; transition:all 0.7s ; } .n-indoor-list-n:hover img { /*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'); IE6 and 7 */ filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } /* BOX PRODOTTI 2 LISTA */ .box-products { text-align:justify; /*margin:5px !important; padding-top:10px !important; padding-bottom:10px !important;*/ padding:0px !important; /*min-height:460px;*/ border:none !important; border-radius:0; position:relative; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; 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 ; box-shadow:none !important; } .box-products.normal { height:250px !important; width:100% !important; /*overflow-style:marquee-block;*/ overflow:hidden; } .box-products img { padding:0px !important; width:100%; z-index:0 !important; } .box-products.center { text-align:center !important; } .box-products.grey { background:#E7E7E7; } .box-products.grey-light { background:#F9F9F9; } .box-products span { } .box-products 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(left,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:#D90000; text-align:right !important; padding-right:8px !important; } .box-products h2.small { font-size:18px !important; } .box-products a:hover h2 { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s; transition:all 0.5s ; 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*/ color:#FFF !important; } .box-products a { text-decoration:none; display:block; } .box-products.divani { background-image: url(images/prodotti/divani-flexform.jpg); } .box-products.divani a { display:block !important; width:100% !important; height:100% !important; } .box-products.divani:hover, .box-products.divani:focus { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ z-index:99 !important; } .box-products.famiglie-prodotti { } .box-products.famiglie-prodotti a { display:block !important; width:100% !important; height:100% !important; } .box-products.famiglie-prodotti:hover, .box-products.famiglie-prodotti:focus { -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ; transition:all 0.5s ; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ z-index:999 !important; /*box-shadow:3px 3px 8px 4px rgba(0,0,0,.075) !important;*/ box-shadow: 0 0 20px rgba(0,0,0,0.075) !important; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.075) !important; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.075) !important; -o-box-shadow: 0 0 20px rgba(0,0,0,0.075) !important; } /* BOX MOOD by Flexform */ .box-mood-flexform { 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:#FFF solid 1px !important; border-top:#FFF solid 1px !important; } .box-mood-flexform:hover { box-shadow: 0 -8px 8px -8px rgba(201, 201, 201, 1), 0 8px 8px -8px rgba(201, 201, 201, 1); /*background:rgba(204,204,204,0.5);*/ } .box-mood-flexform a, .box-mood-flexform a img, .box-mood-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-mood-flexform a:hover img { filter:alpha(opacity=65) !important; -moz-opacity:.65 !important; opacity:.65 !important; } .box-mood-flexform h3 { text-align:right !important; font-size:32px !important; font-weight:200 !important; top:25% !important; line-height: 1.2 !important; } .box-mood-flexform h3 span { font-size:22px !important; font-weight:100 !important; padding-top:-20px !important; line-height: 0.5 !important; } .box-mood-flexform.double h3 { font-size:25px !important; } .box-mood-flexform.double h3 span { font-size:16px !important; } .box-mood-flexform img { /*width:60% !important;*/ text-align:left; } .box-mood-flexform .newsflexform img { width:60% !important; } .box-mood-flexform .glyphicon { float:right ; } .box-mood-flexform a:hover h3 { 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; } /* :::: FINE PRICE BOX :::: */ /* 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:#FFF solid 1px !important; border-top:#FFF solid 1px !important; } .box-archivio-flexform:hover { box-shadow: 0 -8px 8px -8px rgba(201, 201, 201, 1), 0 8px 8px -8px rgba(201, 201, 201, 1); background:rgba(230,230,230,0.6); } .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:#D90000 !important; } /* PRODUCTS */ .products-description { /*padding:5px 0;*/ font-size:16px !important; text-align:justify !important; line-height:155% !important; } .products-shoulder { /*padding:5px 0;*/ text-align:justify !important; font-size:12px !important; } .products-shoulder p a { color: #999 !important; } .products-shoulder p a:hover, .products-shoulder a.Selezionato { color: #D90000 !important; } /* 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:#C00 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: 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 ; } .news-list-content h2.small { font-size:18px !important; } .news-list-content a:hover h2 { color:#D90000 !important; } .news-list-content a:hover p { color:#D90000 !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:#444; 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:#900; 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; } */ /* NEWS GROUNDPIECE 2021 */ .grdp-content { position:relative; margin:30px 0px !important; padding:0px ; } .grdp-content:hover { background:rgba(235,235,235,0.3); background: -webkit-linear-gradient(bottom,rgba(235,235,235,0),rgba(235,235,235,0),rgba(235,235,235,0.4)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(235,235,235,0),rgba(235,235,235,0),rgba(235,235,235,0.4)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(235,235,235,0),rgba(235,235,235,0),rgba(235,235,235,0.4)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(235,235,235,0),rgba(235,235,235,0),rgba(235,235,235,0.4)); /*Standard*/ -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); } .grdp-content.centrale { background:rgba(255,255,255,0.3); box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.6), 0 8px 8px -8px rgba(0, 0, 0, 0.7); } .grdp-content.onlytxt:hover { background:none !important; box-shadow: none !important; } .grdp-slogan h2 { padding:25px 15px !important; margin:0px !important; font-size: 20px !important; line-height: 125% !important; font-style: italic !important; text-transform: none !important; text-align: center !important; color: #333 !important; } .grdp-slogan h2.middle { padding:115px 20px !important; } /* SERVICE LIST */ .service-list { min-height:350px; position:relative; font-size:14px !important; } .service-list h2 { font-size:15px !important; } .service-list .readmore { /*background-position:0px 0px;*/ width: 120px; font-size:13px; text-align: right; height: auto !important; padding: 6px 0px; position: absolute; right: 5px; bottom: 5px; background: none; text-transform: uppercase; } .service-list .readmore a:hover { color:#900; } /* WORLDWIDE SERVICE */ .box-thumb-worldwide-n { background:none; padding:0px 0px 20px 0px !important; border:none; border-radius:0; } .box-thumb-worldwide-n img { width:100% !important; } .box-thumb-worldwide-txt-n { background:rgba(225,225,225,0.7) !important; font-size:15px; padding:6px !important; border:none; border-radius:0; min-height:190px !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; color:#D90000 !important; } /* AMBIENCE */ .menu-ambience { margin:0px auto 0 !important; padding:10px 0px; text-align:center; font-size:14px; } ul.menu-ambience { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; margin: auto 0 !important; border:none; } ul.menu-ambience li { list-style:none !important; display:inline-block !important; } .menu-ambience li { list-style:none !important; display: inline-block !important; } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.menu-ambience li a { font-size:12px; padding:10px 10px !important; margin: auto 0 !important; margin-right:20px !important; /*line-height:200% !important;*/ color: #666; text-align:center; text-decoration:none; text-transform:uppercase; border:none; border:#D90000 solid 1px; float:left; } ul li a.Last { border:none; margin:0px;} ul.menu-ambience li a:active ,ul.menu-ambience li a:hover ,ul.menu-ambience li a.selected { color:#FFF !important; text-decoration:none; background:#D90000; } ul.menu-ambience li a.selected { text-decoration:underline; } /* these styles are for the demo, but are not required for the plugin */ .zoom { display:inline-block; position: relative; } /* magnifying glass icon */ .zoom:after { content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; /*background:url(icon.png);*/ } .zoom img { display: block; } .zoom img::selection { background-color: transparent; } #ex2 img:hover { cursor: url(grab.cur), default; } #ex2 img:active { cursor: url(grabbed.cur), default; } /* 3 column */ .treColonne{ padding: 10px; background: #FCFCFC; border: 1px solid #ececec; margin-top:15px; column-count: 3; column-gap: 30px; column-rule: 1px solid #d2d2d2; -moz-column-count: 3; -moz-column-gap: 30px; -moz-column-rule: 1px solid #d2d2d2; -webkit-column-count: 3; -webkit-column-gap: 30px; -webkit-column-rule: 1px solid #d2d2d2; -webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; } .treColonne strong { text-transform:uppercase; } /* NEWSLETTER */ .newsletter-home { } .newsletter-home input, .newsletter-home select { width:95% !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.5px !important; padding: 12px !important; border-color: rgb(162 162 162) !important; border-width: 1px !important; height: auto !important; border-radius: 0px !important;} .newsletter-home input::placeholder, .newsletter-home select::placeholder, .newsletter-home textarea::placeholder { color: #CCC !important; text-transform:uppercase; line-height:100% !important; vertical-align:middle !important; padding:0px !important; font-size: 16px !important; font-weight: 200 !important; } .newsletter-home-privacy { vertical-align:middle !important; font-size: 13px !important; padding: 12px !important; } .newsletter-home-button { text-align: right !important; padding: 0px 30px !important; } button.newsletter-home-btn { vertical-align:middle !important; font-size: 15px !important; text-transform:uppercase; padding: 25px 70px !important; border-color: rgb(204, 0, 0) !important; border-width: 1px !important; background: rgb(204, 0, 0) !important; color: #FFF !important; text-shadow: none !important; border-radius: 0px !important; } button.newsletter-home-btn:hover, button.newsletter-home-btn:active { background: rgb(255, 255, 255) !important; color: #C00 !important; transition: all .7s !important; -o-transition:all .7s ease-in; -ms-transition:all .7s ease-in; -moz-transition:all .7s ease-in; -webkit-transition:all .7s ease-in;} .newsletter-home input.mail { width:95% !important; } .contacts-rcpt { float: left !important; } /* FASCIA ADDRESS */ .box-contacts { font-size:16px; color:#222; margin:0 auto !important; text-align:center !important; padding:10px 0px !important; } .box-contacts a { color:#D90000; } .box-contacts a:hover { color:#666; } .box-contacts a.contacts { color:#D90000; text-decoration:none; } .box-contacts a.contacts:hover { /*color:#900;*/ color:#666; } .box-contacts p { margin:0 !important; } .box-contacts .info-right { text-align:left !important; } .box-contacts .info-left { text-align:right !important; } /* CONTACTS */ .contacts { font-size:14px; line-height:170%; } .contacts-mobile { display:none !important; } /* FORM */ /* FOOTER SOCIAL */ #footer-content-social { margin:20px 0px 0px 0px !important; height:50px; padding:0px 0px 0px 0px !important; text-align:left; border-top:#fff solid 1px; border-bottom:#fff solid 1px; /*background-color:#D90000;*/ background: rgba(238,238,238,0.7); /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(top,rgba(204,204,204,0.2), rgba(204,204,204,0.9), rgba(204,204,204,0.2)); Safari 5.1-6*/ /*background: -o-linear-gradient(top,rgba(204,204,204,0.2), rgba(204,204,204,0.9), rgba(204,204,204,0.2)); Opera 11.1-12*/ /*background: -moz-linear-gradient(top,rgba(204,204,204,0.2),rgba(204,204,204,0.9), rgba(204,204,204,0.2)); Fx 3.6-15*/ /*background: linear-gradient(to top, rgba(204,204,204,0.2),rgba(204,204,204,0.9), rgba(204,204,204,0.2)); Standard*/ color: #F5F5F5; height:auto; box-shadow:0px 0px 8px 2px #DDD; } #footer-content-social h3 { padding:0px 0px 0px 0px !important; text-align:center !important; color: #111; font-weight: 100; text-transform: uppercase; letter-spacing: .3em; font-size: 12px; } #footer-content-social-OLD { margin:20px 0px 0px 0px !important; height:50px; padding:0px 0px 0px 0px !important; text-align:left; border-top:#999 solid 1px; border-bottom:#999 solid 1px; /*background-color:#D90000;*/ background: rgba(204,204,204,0.7); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top,rgba(204,204,204,0.2), rgba(204,204,204,0.9), rgba(204,204,204,0.2)); /*Safari 5.1-6*/ background: -o-linear-gradient(top,rgba(204,204,204,0.2), rgba(204,204,204,0.9), rgba(204,204,204,0.2)); /*Opera 11.1-12*/ background: -moz-linear-gradient(top,rgba(204,204,204,0.2),rgba(204,204,204,0.9), rgba(204,204,204,0.2)); /*Fx 3.6-15*/ background: linear-gradient(to top, rgba(204,204,204,0.2),rgba(204,204,204,0.9), rgba(204,204,204,0.2)); /*Standard*/ color: #F5F5F5; height:auto; box-shadow:0px 0px 6px 2px #AAA; } .copyright { color:#666; } .copyright img { height:80px !important; padding-bottom:10px; } .menu-secondary { margin:0px auto 0 !important; padding:10px 0px; text-align:center; font-size:14px; } ul.menu-secondary { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; margin: auto 0 !important; border:none; } ul.menu-secondary li { list-style:none !important; display:inline-block !important; } .menu-secondary li { list-style:none !important; display: inline-block !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 !important; margin: auto 0 !important; color: #F5F5F5; text-align:center; text-decoration:none; border:none; } ul.menu-secondary li a img { border:none; padding:0px .65em 0 0; margin:0px 10px 0px 0px !important; width:35px !important; -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; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } 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:#999; 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;*/ -webkit-filter: grayscale(0%) drop-shadow(0px 0px 4px rgba(255,255,255,.9)); /* Safari 6.0 - 9.0 */ filter: grayscale(0%) drop-shadow(0px 0px 4px rgba(255,255,255,.9)); } ul.menu-secondary li a.selected img { text-decoration:none; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50 !important; } /* FOOTER */ #footer-content { margin:10px 0 0 0; padding:0px 0px 0px 0px; text-align:left; /*border-top:#900 solid 2px;*/ /*background:rgba(236,236,236,0.6);*/ background:rgba(255,255,255,0.35); } .footer { margin:0px auto; padding:10px 15px; border:none; text-align:right !important; font-size:12px; color:#666; /*font-size:11px;*/ } .footer h3 { color:#333; padding:0px 0px 3px 0px; font-size:18px !important; border-bottom:#FF0 solid 1px; text-transform:none; clear: both; float: right; /*width:90%;*/ } .footer p { text-align:right !important; } .footer a { color:#333; text-decoration:underline; } .footer a:active, .footer a:hover { color:#D90000 !important; text-decoration:none; } .footer-center { margin:0px auto; padding:10px 15px; border:none; text-align:center; font-size:12px; color:#666; /*font-size:11px;*/ } .footer-center a { color:#333; text-decoration:underline; } .footer-center a:active, .footer-center a:hover { color:#D90000; text-decoration:none; } .footer-center.center-logo img { text-align:center !important; margin:0px auto 0; max-height: 80px; } .footer-center.center-logo a { color:#333; text-decoration:none; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } .footer-center.center-logo a:active, .footer-center.center-logo a:hover { color:#D90000 !important; } .footer-center.center-logo a:active img, .footer-center.center-logo a:hover img { filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } .menu-footer { margin:0px; padding:10px 0px; min-height:30px; text-align:left; } ul.menu-footer { padding:0px 0px 0px 0px; margin:0px 0px; text-align:left; } ul.menu-footer li { list-style:none !important; } /* ul.menuLingue li.aggiornamentoPrima { margin-right:15px; font-size:11px; font-weight:bold; } */ ul.menu-footer li a { font-size:12px; padding:0px 0px !important; margin:0px 10px 0px 0px; color: #666; text-align:center; text-decoration:none; border:none; } ul.menu-footer li a img { border:none; padding:0 .5em 0 0; width:auto !important; } ul li a.Last { border:none; margin:0px;} ul.menu-footer li a:active ,ul.menu-footer li a:hover ,ul.menu-footer li a.selected { color:#D90000 !important; text-decoration:none; } ul.menu-footer li span a { color: #CCC !important; } ul.menu-footer li a.selected { text-decoration:underline; } ul.menu-footer li a:hover img { text-decoration:none; filter:alpha(opacity=50) !important; -moz-opacity:.50 !important; opacity:.50 !important; margin-top:-5px; } ul.menu-footer 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; } @media (max-width: 1360px) { } @media (max-width: 1200px) { .projects-list-content h2 { font-size:19px !important; font-style: normal; font-weight:500; } .projects-list-content h2.small { font-size:17px !important; } .projects-list-n img { min-width:390px !important; height:220px !important; position:absolute !important; left:0 !important; right:0 !important; -webkit-transition: all 0.5s all; -moz-transition: all 0.5s all; -ms-transition: all 0.5s all; -o-transition: all 0.5s all; transition: all 0.5s all; } .products-list-content h2 { font-size:19px !important; font-style: normal; font-weight:500; } .products-list-content h2.small { font-size:17px !important; } .products-list-n img { /*min-width:390px !important; height:220px !important;*/ width:100% !important; height:auto !important; position:absolute !important; left:0 !important; right:0 !important; -webkit-transition: all 0.5s all; -moz-transition: all 0.5s all; -ms-transition: all 0.5s all; -o-transition: all 0.5s all; transition: all 0.5s all; } .grdp-slogan h2.middle { padding:105px 20px !important; } } @media (max-width: 1024px) { .box-mood-flexform.double h3 { font-size:21px !important; } .box-mood-flexform.double h3 span { font-size:14px !important; } .box-mood-flexform .double .newsflexform img { width:45% !important; } .grdp-slogan h2.middle { padding:55px 20px !important; } } @media (max-width: 990px) { #page { margin-top:145px; /*margin-bottom:30px;*/ z-index:0 !important } .navbar-brand img { height:95px !important; } .thumb-box-content p { font-size:11px !important; } .description-p { font-size:11px !important; } .margin-top-b-products { margin-top:0px !important; } .projects-list-n img { height:400px !important; } .lang-list-content { /*right:5% !important;*/ z-index:999 !important; } .grdp-slogan h2.middle { padding:25px 20px !important; } .subtitle2022 { text-align: justify !important; } .box-img-gd-desktop { display:none; } .box-img-gd-mobile { display:block !important; } } @media (max-width: 810px) { .box-home h1 { font-size:18px !important } .box-home h1 span { font-weight:500 !important; } } @media (max-width: 768px) { h1 { font-size:30px !important; } h1 span { font-size:21px !important; letter-spacing:.2em !important; } .padding-20-m { padding:20px !important; display: block !important; clear: both !important; } .padding-30-m { padding:30px !important; display: block !important; clear: both !important; } .padding-40-m { padding:40px !important; display: block !important; clear: both !important; } #page { margin-top:145px; /*margin-bottom:30px;*/ z-index:0 !important; } #page-int { margin-top:145px; /*margin-bottom:30px;*/ z-index:0 !important; } .navbar-brand { margin:0px auto !important; padding:5px 0px !important; z-index:100 !important; height:85px !important; text-align: center !important; } .navbar-brand a { margin:0px auto !important; text-align: center !important; } .navbar-brand img { height:95px !important; display: inline-block; } .brand > .cycle-slideshow { display:none !important; } .brand { overflow:auto !important; min-height:auto !important; margin-top:10px !important; } .brand img { text-align:right; z-index:0 !important; position:absolute; top:-30px !important; right:-35px !important; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10 !important; -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; } .lang-list-content { right:3% !important; } .thumb-box-content p { font-size:13px !important; } .description-p { font-size:14px !important; } .projects-list-content h2 { font-size:18px !important; font-style: normal; font-weight:500; } .projects-list-content h2.small { font-size:16px !important; } p.projects-list-desc { line-height:150% !important; display:block !important; /*border-bottom:#27166F solid 1px;*/ } .products-list-content-padd-top { padding:3px 0px !important; } .products-list-content-padd-left { padding:3px 0px !important; } .products-list-content-padd-right { padding:3px 0px !important; } .breadcrumb { padding: 8px 10px !important; margin-top: 15px !important; } .breadcrumb.long { margin-top: 30px !important; clear: both !important; } .brands-products-list-content h2 { font-size:22px !important; font-style: normal; font-weight:500; } .brands-products-list-content h2.small { font-size:18px !important; } .box-mood-flexform h3 { text-align:center !important; } .box-mood-flexform img { text-align:center !important; margin:0 auto 0 !important; } .box-mood-flexform .glyphicon { float:none !important ; display:block; text-align:center; } .box-mood-flexform.double h3 { font-size:32px !important; } .box-mood-flexform.double h3 span { font-size:22px !important; } .box-mood-flexform .double .newsflexform img { width:65% !important; } .box-archivio-flexform h3 { text-align:center !important; } .box-archivio-flexform img { text-align:center !important; margin:0 auto 0 !important; display:none !important; } .box-archivio-flexform .glyphicon { float:none !important ; display:block; text-align:center; } .border-left-color { border-left:#666 solid 0px; /*padding:5px 0;*/ } .border-right-color { border-right:#666 solid 0px; /*padding:5px 0;*/ } .products-list-content.p2019 { /*min-height:150px !important;*/ height:150px !important; } .products-list-content.p2019 a { /*min-height:150px !important;*/ min-height:150px !important; } .products-list-n.p2019 { height:150px !important; } .products-list-n.p2019 img { width:100% !important; height:auto !important; } .products-list-content h4 { padding:0px 15px !important; bottom:-1px; font-size:25px !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .showroom-gd-desktop { display:none; } .showroom-gd-mobile { display:block !important; } .box-contacts .info-right { text-align:center !important; padding:15px 0px !important; } .box-contacts .info-left { text-align:center !important; padding:15px 0px !important; } .padding-20-left-showroom { padding:0px 10px !important; } .padding-20-right-showroom { padding:0px 10px !important; } .newsletter-home-button { text-align: center !important; padding: 0px 30px !important; } button.newsletter-home-btn { padding: 15px 55px !important; } .contacts-rcpt { float: none !important; margin:0 auto !important; margin-bottom: 15px !important; clear: both !important; display: flex !important; justify-content: center !important; align-items: center !important; } .box-home-progettazione24 h1 { font-size: 30px !important; white-space: normal !important; } .menu-footer { text-align:center !important; } ul.menu-footer { text-align:center !important; } ul.menu-footer li a { text-align:center !important; } .footer { text-align:center !important; } .footer h3 { text-align:center !important; float: none; /*width:90%;*/ } .footer p { text-align:center !important; } } @media (max-width: 537px) { h1 { font-size:26px !important; } h1 span { font-size:19px !important; letter-spacing:.1em !important; } h2.collections { letter-spacing:.1em; margin-top:-25px !important; } #page { margin-top:167px; /*margin-bottom:30px;*/ z-index:0 !important; } #page.homepage { margin-top:180px !important; /*margin-bottom:30px;*/ z-index:0 !important; } #page-int { margin-top:165px; /*margin-bottom:30px;*/ z-index:0 !important; } .brand { margin-top:0px !important; } .navbar-brand { padding:14px 0px 0px 0px !important; height:auto !important; } .navbar-brand img { height:auto !important; } .logo-head-dsk { display: none !important; } .logo-head-mobile { display: block !important; } .lang-list-content { right:0% !important; z-index:9999 !important; } .thumb-box-content p { font-size:12px !important; } .description-p { font-size:12px !important; } .projects-list-n img { height:500px !important; } .margin-top-b-products { margin-top:0px !important; } .box-loghetti { margin:20px 5px 10px 40px; padding:5px 0px 0px 0px; width:auto; height:auto; border:none; /*background:#FFF;*/ text-align:center; vertical-align:middle; float: none; } .box-home h1 { font-size:24px !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; } .box-titoli-title-content { padding:15px 25px !important; background: rgba(255,255,255,1) !important; float: none; text-align: center !important; } .box-titoli-title-content h1 { font-size: 30px !important; text-align: center !important; } .box-titoli-title-content h1 span { font-size: 30px !important; } } @media (max-width: 410px) { h1.general23 { font-size:18px !important; } }