/* @import url(http://fonts.googleapis.com/css?family=Poppins:500,600,800,700,100,900,400,200,300); */
body {
font-family: 'Poppins', sans-serif;
}
body a { color: #666;
}
body a:hover { color:#f6de31;
}
strong{
font-weight:bold;
}
/* TEMPLATE =======
=================================================== */
#content {
margin-top: 0px;
margin-bottom: 0px;
}
/*
#content .section-03 {
margin-top: 30px;
}
*/
#content p{
margin-bottom:30px;
}
h1 {
color: #282828;
font-size: 60px;
font-weight: 700;
margin-bottom: 10px;
line-height: 55px;
letter-spacing: -4px;
}
h2 {
color: #000000;
text-align: center;
font-size: 19px;
font-weight: 700;
line-height: 23px;
}
h3 {
color: #ffffff;
font-size: 30px;
font-weight: 700;
letter-spacing: -2px;
}
h4 {
font-size: 20px;
font-weight: 700;
line-height: 25px;
letter-spacing: 1px;
text-transform: uppercase;
color: #2d2d2d;
margin-bottom: 10px;
}
h5 {
color: #999999;
text-align: left;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
border-bottom: 1px solid #EEE;
padding-bottom: 3px;
}
img {
max-width: 100%;
}
.line-h1 {
background-color:black;
width:200px;
height:3px;
margin-bottom:30px;
}
.cont-h-title {
margin-left: 25px;
margin-bottom: 25px;
max-width: 550px;
padding-top: 125px;
}
.cont-h-title2 {
margin-bottom:80px;
}
.cont-h-title p{
font-size:16px;
padding-right:16px;
}
.cont-h-title2 p{
font-size:16px;
}
.cont-h-title .cont-img-h-title {
overflow: hidden;
margin-bottom: 5px;
}
.cont-h-title .cont-img-h-title .cont-ico-h-title {
background: #FFF;
display: table;
margin: auto;
position: relative;
top: 13px;
padding: 0px 10px 0px 10px;
}
.cont-h-title .cont-img-h-title .cont-ico-h-title img {
}
.cont-h-title .cont-img-h-title .line-h-title {
width: 150px;
height: 1px;
background: #dadada;
display: table;
margin: auto;
margin-bottom: 14px;
}
.cont-h-title h1 {
}
.cont-h-title h2 {
}
.cont-h-title .cont-img-h-title-bottom {
overflow: hidden;
margin-bottom: 0px;
}
.cont-h-title .cont-img-h-title-bottom .cont-ico-h-title-bottom {
background: none;
display: table;
margin: auto;
min-height:18px;
position: relative;
top: 13px;
padding: 0px 10px 0px 10px;
}
.cont-h-title .cont-img-h-title-bottom .cont-ico-h-title-bottom img {
display:none;
}
.cont-h-title .cont-img-h-title-bottom .line-h-title-bottom {
width: 250px;
height: 2px;
background: #BE0C34;
display: table;
margin: auto;
margin-bottom: 14px;
}
.contenitore-parallax-title-page .cont-h-title {
margin-top: 72px;
}
.contenitore-parallax-title-page .cont-h-title .titolo-sezione {
color: #FFF;
text-align: center;
text-transform: uppercase;
font-size: 39px;
font-weight: 700;
margin-bottom: 10px;
line-height: 45px;
letter-spacing: 1px;
}
.contenitore-parallax-title-page .cont-h-title .sottotitolo-sezione {
color: #FFF;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
line-height: 23px;
letter-spacing: 3px;
margin-bottom: 10px;
}
.bottone-site {
background: none;
text-transform: uppercase;
display: table;
padding: 5px 20px 3px 20px;
font-size: 15px;
font-weight: 700;
margin-top: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bottone-site:hover {
opacity:0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bottone-site a {
color: #2d2d2d;
font-weight: 700;
}
.bottone-site a:hover {
color: #2d2d2d;
}
.bottone-site.bs-center {
margin:auto;
}
.bottone-site.colore-1 {
border: 3px solid #2d2d2d;
color: #2d2d2d;
}
.breadcrumbs {
width: 100%;
height: auto;
font-size: 15px;
background: #f6f6f6;
color: #B9B9B9;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-bottom: 0px;
text-transform: capitalize;
}
.breadcrumbs .padding-box {
padding: 0px 20px 0px 20px;
}
.breadcrumbs a {
color: #666;
font-weight: 500;
letter-spacing: 1px;
margin-right: 3px;
margin-left: 3px;
}
.breadcrumbs a:hover {
color:#333;
}
.breadcrumbs .youarehere {
color: #B9B9B9;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
margin-right:3px;
}
.contenitore-news {
margin-bottom: 40px;
}
.contenitore-news .testo-news {
font-size: 15px;
color: #818181;
line-height: 28px;
}
.contenitore-news .testo-news img {
width: 100%;
height: auto;
margin-top:15px;
margin-bottom: 15px;
}
.contenuto-sidebar {
margin-top:20px;
}
.testo-link-sidebar {
margin-bottom: 0px;
color: #888888;
text-transform: inherit;
font-weight: 600;
font-size: 15px;
overflow: hidden;
margin-top: 0px;
border-bottom: 1px solid #EEE;
padding-bottom: 10px;
background-color: #f3f3f3;
}
.contenuto-sidebar a .testo-link-sidebar {
margin-bottom: 0px;
color: #888888;
text-transform: inherit;
font-weight: 600;
font-size: 13px;
overflow: hidden;
margin-top: 10px;
border-bottom: 1px solid #EEE;
padding-bottom: 10px;
}
.contenuto-sidebar a .testo-link-sidebar:hover {
color: #BE0C34;
}
.contenuto-sidebar a.active .testo-link-sidebar {
color: #BE0C34;
}
.contenuto-sidebar .testo-titolo-news {
float: left;
width: 79%;
}
.contenuto-sidebar .testo-link-sidebar .data-news {
display: block;
font-size: 10px;
border: 0px solid #B4B4B4;
margin-bottom: 0px;
padding: 6px 6px 7px 7px;
background: #C40C35;
color: #FFFFFF;
float: left;
margin-right: 10px;
border-radius: 100px;
width: 41px;
text-align: center;
text-transform: uppercase;
}
.contenuto-sidebar .testo-link-sidebar .data-news .data-giorno {
display: block;
font-size: 20px;
line-height: 17px;
}
.contenuto-sidebar .testo-link-sidebar .data-news .data-mese {
display: block;
font-size: 12px;
line-height: 10px;
}
.contenuto-sidebar .testo-link-sidebar .data-news .data-anno {
}
.contenuto-sidebar a .testo-link-sidebar:hover .data-news {
opacity:0.9;
}
.accordion-titolo {
font-size: 18px;
font-weight: 600;
color: #282828;
border: 0px solid #EEEEEE;
background-color: #ebebeb;
transition: all 0.5s ease;
padding-top: 20px;
padding-right: 25px;
padding-bottom: 20px;
padding-left: 25px;
}
.accordion-titolo:last-child{
background-color: #dbdbdb;
}
.js-openable{
margin-bottom: 3px;
}
.contenuto-sidebar.multi-accordion-sidebar .accordion-titolo.active {
color: #FFF;
background-color: #006a94;
}
.accordion-titolo:hover {
opacity:0.6;
cursor:pointer;
}
.accordion-titolo .ico-arrow-bottom-year {
float: right;
margin-top: 10px;
}
#tab-anni {
background: #2D2D2D;
padding: 10px 10px 10px 10px;
margin-top: 1px;
}
#tab-anni a {
display: block;
text-align: center;
font-size: 16px;
border-bottom: 1px solid #3A3A3A;
padding-bottom: 5px;
margin-bottom: 5px;
text-transform: uppercase;
color: #FFF;
}
#tab-anni a:hover {
color: #BE0C34;
}
.contenuto-sidebar.multi-accordion-sidebar .contenuto-tab {
padding-left:15px;
padding-right:10px;
background-color: #f3f3f3;
margin-top:-2px;
padding-top: 25px;
position: relative;
}
.contenitore-news label {
display: block;
margin-bottom: 15px;
}
.contenitore-news label input {
width: 100%;
border: 1px solid #C7C7C7;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
}
.contenitore-news label textarea {
width: 100%;
border: 1px solid #C7C7C7;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
}
/* tableCatalogo */
.tableCatalogo{
color:#59595B;
line-height: 25px;
}
.tableCatalogo td {
font-size: 14px;
border-bottom: 1px solid #EEEEEE;
}
.tableCatalogo td a {
color:#555;
}
.tableCatalogo td a:hover {
color:#BE0C34;
cursor:pointer;
}
.tableCatalogo_INTESTAZIONE {
font-weight: 600;
font-size: 12px !important;
}
.tableCatalogo_INTESTAZIONE td{
border-bottom: 1px solid #EEEEEE;
}
.tableCatalogo_SUBINT{
background: #F6F6F6;
font-weight: 600;
}
.icona-touch {
display:none;
}
/* form contatto */
.contenitore-form-contatto {
margin-bottom:50px;
position: relative;
}
.contenitore-form-contatto label {
display: block;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #666;
}
.contenitore-form-contatto label input {
width: 100%;
border: 1px solid #E2E2E2;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
margin-top: 5px;
-webkit-appearance: none;
}
.contenitore-form-contatto label textarea {
width: 100%;
border: 1px solid #E2E2E2;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
margin-top: 5px;
}
.contenitore-form-contatto span.captchaContainer {
width: 100%;
display: block;
margin-top: 0px;
}
.contenitore-form-contatto .captchaContainer a.changeCode {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #666;
margin-bottom: 5px;
display: block;
}
.contenitore-form-contatto img#imgCaptcha {
display: block;
background: none;
width: 100%;
border: 1px solid #E2E2E2;
border-radius: 3px;
padding-top: 0px;
padding-right: 78px;
padding-bottom: 0px;
padding-left: 78px;
}
.contenitore-form-contatto #captchacode{
padding-bottom: 8px!important;
}
.contenitore-form-contatto p.privacy {
font-size: 13px;
color: #666;
line-height: 20px;
text-align: center;
margin-top: 40px;
padding-bottom: 100px;
}
.contenitore-form-contatto form input.submit {
border: none;
text-transform: uppercase;
border-radius: 3px;
font-size: 15px;
font-weight: 600;
color: #FFF;
margin-top: 20px;
width: 200px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-left: -100px;
left: 50%;
position: relative;
background-color: #006a94;
transition: all 0.5s ease;
}
.contenitore-form-contatto form input.submit:hover {
color: #FFFFFF;
cursor: pointer;
background-color: #a4a3a5;
}
.notifica-errore {
background-color: #333;
padding: 20px;
border: 20px solid #f6de31;
margin-bottom: 20px;
color: white;
border-radius: 3px;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align:center;
}
.notifica-errore span.titoloErr {
font-size: 30px;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
font-family: 'Poppins', sans-serif;
color: #f6de31;
text-align: center;
}
.notifica-errore span.sottotitoloErr {
font-size: 16px;
color: white;
display: block;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.notifica-success {
background-color: #333;
padding: 20px;
border: 20px solid #89b706;
margin-bottom: 20px;
color: white;
border-radius: 3px;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align:center;
}
.notifica-success span.titoloErr {
font-size: 30px;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
font-family: 'Poppins', sans-serif;
color: #89b706;
text-align: center;
}
.notifica-success span.sottotitoloErr {
font-size: 16px;
color: white;
display: block;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.notificationBox.error{
background-color: #333;
padding: 20px;
border: 20px solid #f6de31;
margin-bottom: 20px;
color: white;
border-radius: 3px;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
}
.notificationBox.error .title{
font-size: 30px;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
font-family: 'Poppins', sans-serif;
color: #f6de31;
text-align: center;
}
.notificationBox.error .text{
font-size: 16px;
color: white;
display: block;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.notificationBox.error a{
color: white;
}
.notificationBox.error a:hover{
color: #f6de31;
}
.notificationBox.success{
background-color: #333;
padding: 20px;
border: 20px solid #89b706;
margin-bottom: 20px;
color: #218925;
border-radius: 3px;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
}
.notificationBox.success .title{
font-size: 30px;
display: block;
text-transform: uppercase;
margin-bottom: 3px;
font-family: 'Poppins', sans-serif;
color: #89b706;
text-align: center;
}
.notificationBox.success .text{
font-size: 16px;
color: white;
display: block;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.notificationBox.success a{
color: white;
}
.notificationBox.success a:hover{
color: #89b706;
}
/* fine form contatto */
body.pg-contatti #content .contenuto-left .padding-box {
padding-top:20px;
}
body.pg-dati_aziendali #content .contenuto-left .padding-box {
padding-top:20px;
}
body.pg-privacy #content .contenuto-left .padding-box {
padding-top:20px;
}
/* ----------------- DOPPIO FLAG ------------------ */
.doppioflag{
font-family: 'Poppins', sans-serif;
color: #666;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 110px;
padding:20px;
background-color: #f6f6f7;
text-align:left!important;
position:relative;
margin-top:0px;
}
.doppioflag a{
text-decoration: underline;
color: #666;
}
.doppioflag p{
text-align:left!important;
}
#frm_priv{ display:flex; align-content:center; margin-bottom:10px; width:100%;}
#frm_priv2{ display:flex; align-content:center; width:100%;}
#frm_priv3{ display:flex; align-content:center; margin-bottom:10px; width:100%;}
#frm_priv4{ display:flex; align-content:center; width:100%;}
.doppioflag #frm_privacy, .doppioflag #frm_privacy2{
height: 22px;
margin-top: 0;
width: 20px;
}
.doppioflag #frm_privacy3, .doppioflag #frm_privacy4{
height: 22px;
margin-top: 0;
width: 20px;
}
/* INIZIO AGGIUNTE LEO -- */
/* ------------ TOP BAR HEADER ------------ */
/* REGISTRAZIONE */
.benvenuto{
padding-top:7px;
width: 145px!important;
}
.benvenuto a{
color: #FFF!important;
}
.benvenuto a:hover{
opacity:0.7;
}
.logout2{
font-size:24px;
}
.top-bar .benvenuto{
color:white!important;
width:auto!important;
font-weight:normal!important;
padding-right: 10px;
border-right:0px!important;
}
.top-bar .benvenuto a.linkInviaForm{
font-weight:bold!important;
}
.top-bar #immaginelogged{
width:30px;
position: absolute;
right: 217px;
top:3px;
}
.top-bar #immaginelogged img{
width:25px;
margin-top: 2px;
}
.top-bar .wrapper{
max-height:50px;
}
#immaginelogged2{
width:25px;
margin-top: 5px;
transition: all 0.5s ease-in-out;
float:right;
margin-right:10px;
}
#immaginelogged2:hover{
opacity:0.7;
}
.topstore{
background-color:white;
}
#fascioneFacebook{
background-color: #1877f2;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 100px;
background:url(../../../img/home/facebook-bg.jpg);
background-size:cover;
background-posizione:center-center;
background-repeat:no-repeat;
}
#fascioneFacebook .containerFb{
display: block;
width: 50%;
max-width: 100%;
text-align: right;
}
#fascioneFacebook .cont-h-title2{
margin-bottom: 0px;
width: 50%;
color: white;
padding-left: 10%;
}
#fascioneFacebook .cont-h-title2 .line-h1 {
background-color: white;
}
#fascioneFacebook .cont-h-title2 h1 {
color: white;
}
#fascioneFacebook .linkFb{
color:white;
font-weight:bold;
}
#fascioneFacebook .linkFb:hover{
color:#f6de31;
}
#social-stream .section-title{
color: #000000;
font-size: 19px;
font-weight: 700;
line-height: 23px;
text-align: center;
margin-top:10px;
}
#map{
width: 100%;
height: 500px;
margin-top: 20px;
margin-bottom: 0px;
}
#moduloinfo .col-1 img{
height: 41px;
}
.privacypolicy h2{
text-align: left;
margin-bottom: 15px;
}
.testocontatti h2{
text-align: left;
margin-bottom: 15px;
}
.testocontatti p{
text-align: left;
margin-bottom: 15px;
}
#note{
min-height: 383px!important;
max-height: 383px!important;
min-width: 100%!important;
max-width: 100%!important;
}
#servizioconsumatori{
width: 32%;
display: inline-block;
float:left;
margin-top: 50px;
}
#servizioconsumatori a:hover{
color:#333;
opacity:0.7;
}
#servizioconsumatori ul li{
width: 100%;
height: 185px;
background-color:#f6f6f7;
margin-bottom: 32px;
padding-top: 20px;
padding-bottom: 20px;
}
#servizioconsumatori ul li img{
width: 22%;
display: inline-block;
float: left;
margin-left: 8%;
margin-top: 22px;
padding-right: 2%;
}
#servizioconsumatori .consumatoridue{
width: 53%;
display: inline-block;
float: left;
margin-left: 5%;
padding-top: 28px;
}
#servizioconsumatori .consumatoridue h2{
text-align: left;
color:#23a401;
padding-left: 0px;
}
#servizioconsumatori .nero h2{
color:#282828!important;
}
#servizioconsumatori p{
line-height: 20px;
}
.privacy{
font-size: 13px;
color: #666;
line-height: 20px;
text-align: center !important;
font-weight: normal!important;
}
#frm_file{
background-color:#006a94 !important;
color:#FFF !important;
font-weight:900;
padding-top: 18px!important;
padding-right: 20px!important;
padding-bottom: 18px!important;
padding-left: 20px!important;
margin-top: 15px;
font-size: 12px;
letter-spacing: 1px;
}
.testo-offerte-lavoro{
margin-bottom: 0px;
color: #888888;
text-transform: inherit;
font-size: 15px;
overflow: hidden;
margin-top: 10px;
border-bottom: 1px solid #EEE;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}
.testo-offerte-lavoro ul{
list-style-type: circle;
list-style-position: inside;
}
.submitcv{
font-family: "Poppins",sans-serif!important;
position: relative;
border: none!important;
margin-left:calc(50% - 115px);
width: 230px;
height: 55px;
background-color: #006a94;
text-align:center;
padding-top:18px;
font-size:12px;
text-transform:uppercase;
color:#ffffff;
font-weight:900;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.submitcv:hover, .submitcvofferte:hover{
color: #FFFFFF;
cursor: pointer;
background-color: #a4a3a5;
}
.submitcvofferte{
font-family: "Poppins",sans-serif!important;
border: none!important;
left: 0;
right: 0;
width: 230px;
height: 55px;
background-color: #006a94;
text-align:center;
padding-top:18px;
font-size:12px;
text-transform:uppercase;
color:#ffffff;
font-weight:900;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-top: 20px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
}
.pg-contatti #footer{
margin-top:0px!important;
}
.pg-contatti .notifica-errore{
width: 100%;
position: relative;
display: inline-block;
float: left;
margin-bottom: 50px;
margin-right: 2%;
margin-top:50px;
}
.pg-contatti .notifica-success{
width: 66%;
position: relative;
display: inline-block;
float: left;
margin-bottom: 50px;
margin-right: 2%;
margin-top:50px;
}
/* Form contatti */
#moduloinfo .submitcv{
padding-top: 0px!important;
-webkit-appearance: none;
}
#moduloinfolav {
width: 90%;
margin-left: 5%;
padding-bottom: 90px;
}
#moduloinfolav label {
display: block;
font-size: 15px;
margin-bottom: 10px;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
#moduloinfolav input, #moduloinfolav textarealav, .textarealav {
border: 1px solid #fff;
/* color: #777; */
font-size: 12px;
/* background: #FFFFFF; */
margin-top: 4px;
padding: 6px 10px;
border: 1px solid #BCBCBC;
}
#moduloinfolav textarealav, .textarealav {
padding-top: 20px;
padding-bottom: 20px;
}
/* #moduloinfolav input.submitlav {
border: none;
text-transform: uppercase;
border-radius: 3px;
font-size: 15px;
font-weight: 600;
color: #FFF;
margin-top: 20px;
width: 200px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-left: -100px;
left: 50%;
position: relative;
background-color: #006a94!important;
transition: all 0.5s ease;
} */
#moduloinfolav input.submitlav:hover {
color: #FFFFFF;
cursor: pointer;
background-color: #a4a3a5;
}
#moduloinfolav .captchaContainer { margin-bottom: 10px; }
#moduloinfolav .changeCode { margin-bottom: 4px; display: block; color: #166DE2; font-weight: bold; text-decoration: underline; transition: color .4s; -moz-transition: color .4s; /* Firefox 4 */ -ms-transition: color .4s; -webkit-transition: color .4s; /* Safari and Chrome */ -o-transition: color .4s; /* Opera */ }
#moduloinfolav .changeCode:hover { color: #58585A; }
#moduloinfolav .privacylav { margin-top: 10px; color: #999; font-size: 10px;}
.titoloErr { font-size: 20px; color: #FD9E10; }
.sottotitoloErr { font-size: 14px; color: #777777; margin-bottom: 10px; display: block; font-weight: bold; }
.textarealav { overflow:auto;}
.textarealav p, .textarealav li{ font-weight:normal;}
#candidatura_spontanea p{
padding-right: 15px;
padding-left: 15px;
text-align: center;
}
#candidatura_spontanea{
background-color: #f3f3f3;
padding-bottom: 10px;
position: relative;
margin-top: 10px;
font-weight: normal!important;
}
/* #candidatura_spontanea .submitcv{
border: none;
text-transform: uppercase;
border-radius: 3px;
font-size: 12px;
font-weight: 600;
color: #FFF;
margin-top: 10px;
margin-bottom: 20px;
width: 250px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
background-color: #006a94;
transition: all 0.5s ease;
text-align: center;
} */
#candidatura_spontanea .submitcv:hover{
color: #FFFFFF;
cursor: pointer;
background-color: #a4a3a5;
}
.dovesiamo{
margin-top: 100px;
position: relative;
padding-bottom: 100px;
}
/* POPUP ERRORE */
.pg-index #popModal {
text-align: center;
background-color: white;
border: 0px;
}
#popModal{
font-size: 13px;
line-height: 22px;
padding: 40px;
background-color: #333;
border: 20px solid #ffcf00;
}
#popModal h2{
color: #ffcf00;
font-size: 28px;
font-weight: 500;
margin-bottom: 25px;
line-height: 30px;
}
#popModal p{
color: white;
}
.cont-tab .js-opener{
margin-bottom: 2px;
}
.mfp-close-btn-in .mfp-close{
color: #ffcf00!important;
}
/* #popModal img{
margin-left:calc(50% - 260px);
} */
/* MENU MOBILE */
#menuMobile:not( .mm-menu ) {
display: none;
}
#menuMobile .mm-listview li a:hover, #menuMobile .mm-listview li a.active{
background-color:#f6de31;
color:#333;
}
#menuMobile .mm-navbar .mm-title{
color:#f6de31;
}
/* PAGINA NEWS */
#menunews{
width: 220px;
height: auto;
text-align: center;
vertical-align: middle;
position: absolute;
top: 185px;
right: 230px;
}
#menunews h1{
margin-bottom:0px;
}
#menunews a{
color: #000;
height: 40px!important;
}
#menunews a:hover{
color: #006a94;
}
.nonselezionabile {
opacity: 0.2;
}
.boxnews{
text-align: center;
position: relative;
background-color:#f6f6f7;
height: 350px!important;
}
.boxnews:nth-child(odd){
background-color:#ebebeb;
}
.boxnews .padding-box-wall{
padding-top: 30px;
padding-bottom: 30px;
height: auto;
}
.nascosto{
display:none!important;
}
.boxnews h2{
margin-top: 40px!important;
margin-bottom: 20px!important;
}
.boxnews h1{
color: #006a94;
}
.boxnews .button-slider{
position: absolute;
bottom: 8px!important;
width: 230px!important;
margin-left: -115px;
left: 50%;
margin-bottom: 10px!important;
}
.mesenews{
font-weight: 200;
font-size: 36px;
}
.consfondo{
background:
linear-gradient(
rgba(0, 0, 0, 0.55),
rgba(0, 0, 0, 0.55)
),
url(../../../img/links/bds.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
}
.consfondo h2{
color: #FFF;
position: relative;
}
.consfondo h1{
color: #f6de31;
}
.consfondo .button-slider{
background-color:#f6de31;
color: #000;
}
/* PAGINA NEWS INTERNA*/
.datanews{
display:inline-block;
width: 25%;
height: 200px;
float: left;
text-align: center;
vertical-align: middle;
position: relative;
}
.notiziainterna a {
color:#006a94
}
.notiziainterna a:visited {
color:#006a94
}
.notiziainterna a:hover {
color:#006a94;
text-decoration: underline;
}
.testonews{
display:inline-block;
width: 75%;
padding-bottom: 50px;
float: left;
text-align: left;
}
.testonews h2{
padding-left: 0px;
text-align: left;
margin-bottom: 20px;
}
.sfondodata{
background-color: #ebebeb;
border-radius: 50%;
width: 200px;
height: 200px;
position: absolute;
top: 0px;
margin-left: -100px;
left: 50%;
}
.sfondodata h1{
margin-top: 70px;
color: #FFF;
font-size: 80px;
}
.sfondodata .mesenews{
font-size: 60px;
}
.fasciagiallanews{
width:100%;
height: 130px;
background-color: #006a94;
text-align: center;
vertical-align: middle!important;
padding-top: 40px;
padding-bottom: 20px;
margin-bottom:-100px;
margin-top:100px;
color: #FFF;
}
.fasciagiallanews h2{
color: #FFF;
display:inline-block;
float: left;
width: 65%;
text-align: left;
padding-left: 190px;
padding-top: 10px;
}
.fasciagiallanews .bottoneleggi{
display:inline-block;
float: left;
background-color: #FFF!important;
color: #006a94!important;
width:230px;
background-color: #006a94;
text-align:center;
padding-top:18px;
padding-bottom:18px;
font-size:12px;
text-transform:uppercase;
color:#ffffff;
font-weight:900;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-top: -5px;
}
.fasciagiallanews .bottoneleggi:hover{
opacity: 0.4;
}
.primaedopo{
width:100%;
padding:20px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
}
.primaedopo a{
display:flex;
align-items:center;
color:#006a94;
font-size: 40px;
font-weight: 700;
line-height: 55px;
letter-spacing: -1px;
}
.primaedopo a:hover{
color:#333;
}
.primaedopo a .fa{
font-size:22px;
margin-left:10px;
margin-right:10px;
}
/* PAGINA LOGIN */
#arealogin{
width: 30%;
display: inline-block;
background-color: #d6d6d6;
padding: 30px;
margin-left: 35%;
}
#arealogin h1{
color: #1d1d1d;
margin-bottom: 25px;
}
#arealogin label{
display: inline-block;
width: 100%;
}
#arealogin .linkInviaForm{
display: block;
width: 80%;
background-color: #f6de31;
color: #1d1d1d;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
transition: all 0.5s ease-in-out 0s;
width: 230px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
margin: auto;
}
#arealogin .linkInviaForm:hover{
opacity: 0.7;
}
#arealogin p{
text-align:center;
margin-top: 25px;
}
#arealogin p a{
font-weight: bold;
color: #1d1d1d;
}
.pg-login .button-slider{
display: block;
width: 80%;
background-color: #006a94;
color: white!important;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
transition: all 0.5s ease-in-out 0s;
width: 230px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
margin: auto;
position:relative;
bottom:0px;
}
/* FORM REGISTRAZIONE */
.registrazione #moduloinfo{
width: 100%;
margin-right: 0px;
float: none;
}
.registrazione #moduloinfo h1{
text-align: center;
margin-bottom: 70px;
margin-top: 20px;
}
.messaggioregistrazione{
background: #f5f5f5 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #be0c34;
display: flex;
font-weight: 600;
justify-items: center;
letter-spacing: 1px;
margin-bottom: 20px;
padding: 20px;
}
/* PAGINA GUIDA PRODOTTI */
.pg-guidaprodotti .prodottisommario h2{
margin-bottom:35px;
}
.pg-guidaprodotti .prodottisommario h2.h2risultatiricerca{
margin-top:0px;
}
.pg-guidaprodotti #container{
margin-bottom:0px!important;
}
.guidaprodotti{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.guidaprodotti.Xrisulati {
border-bottom: 1px solid #ddddde;
}
.menusx{
display:table;
width: 24%;
background-color:#f6f6f7;
padding: 10px 10px;
position:relative;
}
.menusx .cerca{
margin-bottom:35px;
}
.menusx .cerca.Xrisulati {
margin-bottom: 0;
}
.menusx .cerca input{
width:100%;
position:relative;
height:40px;
padding-left:10px;
padding-right:10px;
border: 1px solid #E2E2E2;
}
/*
.mm-listview > li > a, .mm-listview > li > span{
letter-spacing: -1px;
font-size: 13px;
}
*/
.mm-menu{
width:90%!important;
max-width:90%!important;
}
html.mm-right.mm-opening .mm-slideout{
-webkit-transform: translate3d(-90%,0,0)!important;
transform: translate3d(-90%,0,0)!important;
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after{
border-color: rgba(255,255,255,1);
}
.mm-menu.mm-theme-dark .mm-btn:before {
border-color: rgba(255,255,255,1);
}
.mm-arrow:after, .mm-next:after{
right:26px!important;
}
.mm-panels > .mm-panel{
padding-left: 10px!important;
padding-right: 10px!important;
}
.mm-panels .menu-categorie {
position: relative;
top: 0 !important;
left: 0;
max-width: calc(100% + 30px) !important;
width: calc(100% + 30px);
min-width: calc(100% + 30px);
right: auto;
background: transparent;
}
.mm-panels .menu-categorie li a {
color: #fff;
}
/************* CERCA PRODOTTI MOBILE ************/
.cercaMobile{
display:none;
}
.cercaMobile label {
display: flex;
align-items: center;
justify-content: center;
}
.cercaMobile input{
width: calc(100% - 40px);
position:relative;
height:40px;
padding-left:10px;
padding-right:10px;
border: 1px solid #E2E2E2;
margin-top:5px;
}
.cercaMobile button{
width: 40px;
bottom: 0px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
border: 0px;
margin-top: 5px;
-webkit-appearance: none;
background-color: #006a94;
color: white;
font-family: 'Poppins', sans-serif;
font-size:20px;
}
.cercaMobile button:hover{
cursor: pointer;
}
/******** FINE CERCA PRODOTTI MOBILE **********/
.menusx .cerca .button-slider{
width:100%;
bottom:0px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
padding:0px;
border:0px;
margin-top:5px;
-webkit-appearance: none;
font-family: 'Poppins', sans-serif;
}
.menusx .cerca .button-slider:hover{
cursor: pointer;
}
.about .menusx ul li{
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddddde;
height:48px;
padding-left:0px;
padding-top:0px;
display:flex;
align-items:center;
line-height:15px;
}
.about .menusx ul li img{
width: 24px;
height: 24px;
margin-right: 10px;
}
.about .menusx ul li a{
color: #282828;
font-size:14px;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: flex-start;
padding-left:10px;
padding-right:10px;
}
.about .menusx ul li a:hover, .about .menusx ul li a.active{
background-color:#f6de31;
}
.sezionedx{
display:inline-block;
width: 74%;
padding-right: 20px;
padding-top:0px;
}
.line-risultati {
background-color: #ddddde;
width: 100%;
height: 1px;
margin-bottom: 10px;
}
.sezionedx .prodottosingolo{
display:flex;
align-items:center;
justify-content:space-around;
padding: 10px;
border: 1px solid #ccc;
margin-top:30px;
flex-wrap:wrap;
position:relative;
}
.sezionedx .prodottosingolo .velinagialla{
height:100%;
width:100%;
position:absolute;
top:0px;
left:0px;
opacity:0;
background-color: rgba(246, 222, 49, 0.5);
transition: all 0.5s ease;
}
.sezionedx .prodottosingolo:hover>.velinagialla{
opacity:1;
}
.sezionedx .prodottosingolo img{
display:inline-block;
width:160px;
height:auto;
}
.sezionedx .prodottosingolo .testoprodotto{
display:inline-block;
width:calc(95% - 160px);
line-height:22px;
}
.sezionedx .prodottosingolo .testoprodotto .formato{
color: #999;
width:100%;
display:inline-block;
}
.sezionedx .prodottosingolo .testoprodotto .nome{
margin-bottom: 10px;
margin-top: 0px;
display: inline-block;
width: 100%;
font-size: 25px;
font-weight: bold;
color:#333;
}
.sezionedx .prodottosingolo .testoprodotto p{
font-size:13px;
line-height:20px;
padding-left:0px;
padding-right:0px;
color:#333;
}
.prodottispecifico .immagineprodottospecifico img{
width:550px;
height:auto;
display:inline-block;
margin-left:calc(50% - 275px);
margin-right:auto;
}
.prodottispecifico .immagineprodottospecifico{
width:100%;
position:relative;
margin-bottom:10px;
}
.prodottispecifico .immagineprodottospecifico .suggerimenti{
display: block;
position: absolute;
bottom: 0px;
right: 0px;
text-align:center;
font-size:14px;
}
.prodottispecifico .immagineprodottospecifico .suggerimenti a{
color:#006a94;
}
.prodottispecifico .simbologia{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
width:100%;
align-items:center;
}
.prodottispecifico .simbologia .button-slider.button-video{
position: relative;
display: block;
bottom:0px;
width:230px;
background-color:#006a94;
color: white;
margin-left:5px;
}
.pg-guidaprodotti #ui-id-1:hover{
cursor:pointer;
}
.prodottispecifico .simbologia .simboli{
height: 55px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.prodottispecifico .simbologia .simboli img{
display:inline-block;
position:relative;
height:46px;
margin-right:8px;
}
.prodottispecifico #tabs{
margin-top:55px;
}
.prodottispecifico #tabs{
border:0px;
}
.prodottispecifico #tabs .ui-widget-content{
padding-top:35px;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #1d1d1d;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-radius:0px!important;
}
#ui-id-1{
border-radius:0px!important;
border:0px!important;
}
#tabs ul li .button-slider{
position:relative;
bottom:0px;
background-color:transparent;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
background-color:#f6de31;
border:0px!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border:0px!important;
}
.prodottispecifico .ui-widget-header{
border:0px;
background-color:transparent;
}
.prodottispecifico .simbologia a.button-slider{
position:relative;
bottom:0px;
margin:0px;
background-color:#f6de31;
color:black;
justify-self:flex-end!important;
}
.prodottispecifico .warning{
position:relative;
width:100%;
display:inline-block;
padding:40px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #d1d1d2;
border-bottom-color: #d1d1d2;
}
.prodottispecifico .warning p{
color:#666;
font-size:14px;
margin-bottom:0px!important;
}
.prodottispecifico .informazioni #info h2{
margin-bottom:35px;
font-family: 'Poppins', sans-serif;
}
.prodottispecifico .informazioni #info p{
margin-bottom:30px;
font-family: 'Poppins', sans-serif;
font-size:16px;
}
/*
.prodottispecifico .datinondisponibili{
background-color: #f6de31;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding: 20px 0px;
margin-bottom: 55px;
font-weight: bold;
}
*/
.prodottispecifico .sferablu{
width:350px;
height:350px;
background-color: #006a94;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
margin-left:calc(50% - 175px);
margin-bottom:55px;
position:relative;
}
.prodottispecifico .sferablu p{
text-align: center;
color: white;
font-size: 14px;
padding: 50px;
line-height: 20px;
margin-bottom:0px!important;
}
.prodottispecifico .sferablu:after{
content:"";
width:48px;
height:48px;
background-color: #006a94;
border-radius: 50%;
position:absolute;
bottom:0px;
right:0px;
}
.prodottispecifico .cta{
position: relative;
display: flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-around;
width: 100%;
background-color:#f6de31;
padding-top:20px;
padding-bottom:20px;
margin-bottom:55px;
margin-top:10px;
}
.prodottispecifico .cta p{
font-weight:bold;
margin-bottom:0px!important;
width: calc(91% - 230px);
}
.prodottispecifico .cta .button-slider{
position: relative;
bottom: 0px;
margin: 0px;
padding: 18px;
text-align: center;
display: inline-block;
height: auto;
background-color:black;
color:white;
}
.prodottispecifico .cta .button-slider:hover{
color:white;
}
/* ---------------------- DOPPIO FLAG --------------------------- */
.doppioflag{
font-family: 'Poppins', sans-serif;
color: #666;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
padding:20px;
background-color: #f6f6f7;
}
.doppioflag #frm_priv{
margin-bottom:10px;
}
.doppioflag a{
text-decoration: underline;
color: #666;
}
/* PAGINA LINKS */
#menulinks{
width: 100%;
padding-bottom: 40px;
margin-bottom: 70px;
}
#menulinks h2{
border: 1px solid #999;
display: inline-block;
float: right;
text-align: center;
width: 230px;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 0px;
font-size:12px;
text-transform:uppercase;
font-weight:900;
letter-spacing:1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#menulinks h2:hover{
opacity:0.5;
}
#menulinks .active{
color: #FFF;
background-color: #006a94;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.consfondolink{
/* background:
linear-gradient(
rgba(0, 0, 0, 0.55),
rgba(0, 0, 0, 0.55)
),
url(../../../img/links/bds.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left top; */
position: relative;
}
.consfondolink img{
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: -1;
-webkit-filter: brightness(80%); /* Safari */
filter: brightness(80%);
transition: all 0.5s ease;
}
.arealinks a:hover + img{
-webkit-filter: brightness(55%)!important; /* Safari */
filter: brightness(55%)!important;
}
.col-2.boxnews.consfondo {
position: relative;
}
.col-2.boxnews.consfondo:before {
background-color: rgba(0, 0, 0, 0.22);
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.5s ease;
}
.col-2.boxnews.consfondo.hoverNews:before {
background-color: rgba(0, 0, 0, 0.42);
}
.consfondolink h2{
color: #FFF;
margin-bottom: 5px!important;
}
.consfondolink h1{
color: #f6de31;
}
.consfondolink p{
color: #FFF;
}
.consfondolink .button-slider{
background-color:#f6de31;
color: #000;
}
.consfondolink .sito{
background-color:#006a94;
color: #FFF;
}
.arealinks .boxnews:nth-child(odd){
background-color:transparent!important;
}
.arealinks .boxnews{
background-color:transparent!important;
}
.loghettolink{
color: #FFF;
background-color: #F00;
border-radius: 50%;
width: 120px;
height: 120px;
left: 50%;
position: absolute;
margin-left: -60px;
}
.paginalinks h2{
margin-top: 5px!important;
}
.logolinks{
height: 72px;
width: 96px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
}
.logosegnaposto{
height: 72px;
width: 96px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
}
#boxPortfolio{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.boxContainer{
width:25%;
display:inline-block;
}
.grid-sizer{
width:25%;
}
/* PAGINA ABOUT */
.pg-about .col-quattro.width .col-1, .pg-about .col-quattro.width .col-2, .pg-about .col-quattro.width .col-3, .pg-about .col-quattro.width .col-4{
margin-bottom:30px;
}
.about{
padding-top: 0px;
}
.about h2{
text-align: left;
}
.about .col-quattro h2{
text-align: center;
}
.mission h2{
color: #FFF;
}
.about ul li{
list-style-type: square;
padding-left: 15px;
list-style-position: inside;
padding-top: 5px;
}
.mission{
background:
linear-gradient(
rgba(0, 0, 0, 0.55),
rgba(0, 0, 0, 0.55)
),
url(../../../img/structure/bg-header.jpg);
background-repeat: no-repeat;
background-position: center;
padding-right: 20%;
padding-left: 20%;
padding-top: 180px;
padding-bottom: 60px;
margin-bottom: 100px;
margin-top: 40px;
color: #FFF;
height: 535px;
}
.about .col-quattro .col-1{
height: 140px!important;
}
#virtualtour{
background:
linear-gradient(
rgba(0, 0, 0, 0.55),
rgba(0, 0, 0, 0.55)
),
url(../../../img/azienda/bg-virtual-tour.jpg);
background-repeat: no-repeat;
background-position: center;
padding-right: 20%;
padding-left: 20%;
padding-top: 180px;
padding-bottom: 60px;
margin-bottom: 100px;
margin-top: 110px;
color: #FFF;
height: 535px;
position: relative;
}
#virtualtour .button-slider{
background-color: #f6de31;
color: #000;
bottom: 50%;
margin-bottom: -27px;
}
/* AREA RISERVATA */
.pg-download .mfp-content{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.pg-download .button-download2{
position: relative;
margin-top: 20px;
display: block;
margin-left:0px;
}
.pg-download .button-download2:hover{
color:black;
}
.lightboxProdotti{
background-color: white;
width: 80%;
padding: 20px;
max-height: 600px;
overflow: auto;
border: 50px solid white;
}
.lightboxProdotti h1{
position:relative;
padding-top:20px;
margin-bottom:30px;
}
.lightboxProdotti h1:before{
content:"";
background-color:black;
width:200px;
height:5px;
position:absolute;
top:0px;
left:0px;
}
.lightboxProdotti p{
margin-bottom: 50px;
}
.pg-download #container{
margin-bottom:0px!important;
}
.menuareariservata{
width:100%;
position:relative;
margin-bottom:100px;
}
.menuareariservata ul{
width: 90%;
background-color: #006a94;
height: 64px;
display: flex;
align-items: center;
justify-content: flex-start;
position:relative;
margin-left:5%;
padding-left:150px;
}
.menuareariservata ul img{
top: -60px;
position: absolute;
left: -20px;
z-index:9;
}
.menuareariservata ul li{
list-style-type: none;
display:inline-block;
padding-top:0px;
text-align:center;
padding-left:0px;
padding-right:0px;
position:relative;
height:100%;
}
.menuareariservata ul li a{
color:white;
display:flex;
width:100%;
height:100%;
flex-wrap:wrap;
align-content:center;
justify-content:center;
font-size:12px;
line-height:13px;
}
.menuareariservata ul li a:after{
content: "";
display: block;
width: 1px;
background-color: #3388a9;
position: absolute;
height: 90%;
right: 0px;
top: 5%;
}
.menuareariservata ul li a .vocemenuriservata{
font-weight:700;
width:100%;
letter-spacing: 2px;
}
.menuareariservata ul li a:hover, .menuareariservata ul li a.active{
background-color:#89b706;
}
.wrapperdownload{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
width:100%;
position:relative;
}
.wrapperdownload a:hover {
color:#666;
}
.wrapperdownload .marchiodownload{
background-color:#f6f6f7;
width: 23%;
padding: 40px 20px;
text-align:center;
transition: all 0.4s ease-in-out;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin-bottom:25px;
position:relative;
margin-left:1%;
margin-right:1%;
}
.pg-download-interno h1{
margin-bottom:40px;
}
.pg-download-interno .wrapperdownload{
justify-content:space-around;
}
.pg-download-interno .wrapperdownload .marchiodownload{
align-content:flex-start;
align-items:flex-start;
}
.pg-download-interno .wrapperdownload a:hover {
color:black;
}
.pg-download-interno .wrapperdownload .marchiodownload a.button-slider{
width:230px;
position:relative;
top:auto;
bottom:auto;
margin-top:10px;
padding-top:21px;
}
.pg-download-interno .wrapperdownload .marchiodownload a.button-slider:hover{
color:white;
}
.pg-download-interno .wrapperdownload .marchiodownload a{
width: 100%;
}
.pg-download-interno .wrapperdownload .marchiodownload a:hover{
opacity:0.6;
}
.pg-download .wrapperdownload a{
width: 23%;
position:relative;
margin-left:1%;
margin-right:1%;
}
.pg-download-interno .wrapperdownload a{
display:flex;
justify-content:center;
flex-wrap:wrap;
}
.pg-download .wrapperdownload a .marchiodownload{
background-color:#f6f6f7;
width: 100%;
padding:20px;
text-align:center;
transition: all 0.4s ease-in-out;
height:320px;
margin-bottom:25px;
position:relative;
}
.wrapperdownload .marchiodownload img{
display:block;
width:200px;
height: auto;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
transition: 0.3s ease-in-out;
}
.pg-download-interno .wrapperdownload .marchiodownload img{
width:230px;
}
.pg-download .wrapperdownload a .marchiodownload img{
display:block;
max-width:200px;
height: 200px;
max-height:200px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
transition: 0.4s ease-out;
transition-delay: 0.3s;
margin-top:15px;
}
.wrapperdownload .marchiodownload h2{
text-align:center;
width:80%;
margin-bottom:10px;
margin-top:10px;
}
.wrapperdownload .marchiodownload h2.nomargin{
margin-left:0%;
}
.wrapperdownload .marchiodownload p{
text-align:center;
width:80%;
line-height:14px;
font-size:12px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px!important;
}
.pg-download .wrapperdownload a .marchiodownload:hover > img{
-webkit-transform: translate(0,-60px);
-moz-transform: translate(0,-60px);
-o-transform: translate(0,-60px);
-ms-transform: translate(0,-60px);
transform: translate(0,-60px);
transition-delay: 0s;
}
.wrapperdownload a .marchiodownload:hover > .comparedopo{
opacity:1;
transition-delay: 0.1s;
}
.wrapperdownload a .marchiodownload .comparedopo{
text-align:center;
width:100%;
display:flex;
justify-content:center;
flex-wrap:wrap;
opacity:0;
transition: 0.3s cubic-bezier(.5,.34,.86,.63);
transition-delay: 0s;
margin-top: -170px;
}
.wrapperdownload a .marchiodownload.namedownload{
background-color:#f6de31;
transition: all 0.5s ease-in-out;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
transition: all 0.4s ease-in-out;
}
.wrapperdownload a .marchiodownload.namedownload:hover{
background-color:#ebebeb;
}
.wrapperdownload a .marchiodownload.namedownload img{
display:block;
width:90%;
height: auto;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
min-height:84px;
}
.pg-download-interno .wrapperdownload a .marchiodownload{
height:auto;
padding-top:40px;
}
.pg-download-interno .wrapperdownload a .marchiodownload:hover{
opacity:0.5;
}
.pg-download-interno .wrapperdownload a .marchiodownload img{
width:80%;
margin-bottom:20px;
}
.pg-download-interno .wrapperdownload a .marchiodownload h2{
font-size:16px;
line-height:20px;
font-weight:600;
margin-bottom:10px;
}
.pg-download-interno #menulinks a.backlink h2{
float:left;
}
/*********************** PAGINA SEMINARI *****************/
.pg-seminari h1{
width:100%;
margin-bottom:70px;
}
.pg-seminari .boxnews{
height:auto!important;
min-height:450px!important;
}
.pg-seminari .boxnews h1{
margin-bottom:0px;
}
.pg-seminari .boxnews p{
text-align: center;
width: 80%;
line-height: 14px;
font-size: 12px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
}
.pg-seminari .boxnews h2 {
margin-top: 20px !important;
}
.pg-seminari .spacer{
display:block;
width:100%;
height:100px;
}
.pg-seminari .spacer2{
display:block;
width:100%;
height:50px;
}
.pg-seminari .boxnews a{
margin-top: 10px;
display: block;
font-size: 14px;
font-weight: bold;
}
.messaggioerroreinvio{
background-color: #f6de31;
width: 100%;
display: block;
padding: 20px;
margin-bottom: 50px;
}
.messaggioerroreinvio .titoloErr {
font-size: 23px;
color: #333;
font-weight: 800;
}
.pg-seminari input[type="submit"] {
padding: 0;
min-width: 230px;
width: 230px;
margin: 40px auto auto auto;
left: 50%;
transform: translate(-50%, -50%);
}
.pg-seminari .doppioflag p {
margin-bottom: 0 !important;
}
/*********************** PAGINA SEMINARI INTERNA*****************/
.seminarinterno{
margin-left:auto;
margin-right:auto;
}
.seminarinterno h1{
margin-bottom:10px;
}
/*
.seminarinterno .dettagliseminario{
position: relative;
display: block;
width: 100%;
background-color: #006a94;
padding:20px;
margin-bottom: 30px;
margin-top: 30px;
color:white;
}
*/
.seminarinterno .dettagliseminario p{
margin-bottom:0px!important;
}
.seminarinterno .dettagliseminario a {
font-family: "Poppins",sans-serif !important;
position: relative;
border: none !important;
width: 230px;
height: 55px;
text-align: center;
padding:18px;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
background-color:#006a94;
font-weight: 900;
letter-spacing: 1px;
display:flex;
align-items:center;
justify-content:center;
margin-top:10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.seminarinterno .dettagliseminario a:hover{
color: #FFFFFF;
cursor: pointer;
background-color: #a4a3a5;
}
/*
.seminarinterno .dettagliseminario h2{
color:white;
}
*/
.seminarinterno h2{
text-align:left;
margin-bottom:20px;
}
.seminarinterno .cta {
position: relative;
display: block;
width: 100%;
background-color: #f6de31;
padding:20px;
margin-bottom: 30px;
margin-top: 30px;
}
.seminarinterno .cta p {
margin-bottom: 0px !important;
}
#moduloinfo2 .cta{
background-color:#009be1;
color:white;
display:flex;
align-items:center;
}
#moduloinfo2 .cta img{
height:100px;
margin-right:20px;
}
#moduloinfo2 .cta label{
color:white;
font-size:16px;
margin-top:20px;
margin-bottom:0px;
}
.seminarinterno ul{
list-style-type: disc;
list-style-position: inside;
}
.seminarinterno form{
margin-top:40px;
width:100%;
}
#content .seminarinterno form .col-due-center{
max-width:100%;
}
#moduloinfo2 .col-1 {
padding-top: 20px;
padding-bottom: 20px;
height: auto !important;
width: 49% !important;
margin-right: 3%;
float:left;
}
#moduloinfo2 .col-2 {
padding-top: 20px;
padding-bottom: 20px;
height: auto !important;
width: 48% !important;
float: left;
}
#moduloinfo2 label textarea {
width: 100%;
border: 1px solid #E2E2E2;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
margin-top: 5px;
min-height: 141px !important;
max-height: 141px !important;
}
#moduloinfo2 span.captchaContainer {
width: 100%;
display: block;
margin-top: 0px;
}
#moduloinfo2 img#imgCaptcha {
display: block;
background: none;
width: 100%;
border: 1px solid #E2E2E2;
border-radius: 3px;
padding-top: 0px;
padding-right: 20%;
padding-bottom: 0px;
padding-left: 20%;
height: 44px;
}
#moduloinfo2 .captchaContainer a.changeCode {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #666;
margin-bottom: 5px;
display: block;
}
.seminarinterno label {
display: block;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #666;
text-align: left;
width: 48%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.seminarinterno label.labellarge{
width:98%;
}
.seminarinterno label input {
width: 100%;
border: 1px solid #E2E2E2;
padding: 10px 10px 10px 10px;
border-radius: 3px;
font-family: "Poppins",sans-serif;
margin-top: 5px;
}
#moduloinfo2 input[type=radio], #moduloinfo2 input[type=checkbox]{
width:auto;
margin-right:10px;
}
#moduloinfo2 .submitcv{
padding-top:0px;
}
.pg-seminari #moduloinfo2 fieldset{
display:block;
margin-top:40px;
}
#moduloinfo2 h2{
height: 46px;
background-color: #006a94;
display:flex;
width:100%;
color:white;
align-items:center;
padding-left:20px;
padding-right:20px;
}
.normepartecipazione {
background-color: #eee;
padding: 20px;
margin-top:30px;
}
.normepartecipazione strong{
color:#333;
}
.normepartecipazione a:hover{
color:#006a94;
text-decoration: underline;
}
#content p.note1{
font-size:12px;
margin-bottom:0px;
}
.marginetop0{
margin-top:0px!important;
}
/* FINE aggiunte -- */
/* FINE TEMPLATE =======
=================================================== */
/* HEADER ======
=================================================== */
#header {
background: #FFF;
border-bottom: 0px solid #ccc;
padding-top: 35px;
}
#header .padding-box {
padding:38px 20px 0px 20px;
position:relative;
}
#header .col-tre {
width:100%;
height:auto;
margin:auto;
margin-bottom:0px;
max-width:1400px;
}
#header .col-tre .col-1 {
width:25%;
height:auto;
float:left;
margin-right:2%;
position: relative;
}
#header .col-tre .col-2 {
width:69%;
height:auto;
float:right;
}
#header .col-tre .col-3 {
width:2%;
height:auto;
float:left;
}
#header .logo {
width:100%;
height:auto;
max-width:257px;
margin-top: -5px;
min-width: 183px;
}
.logo_piccolo{
width:50px;
height:50px;
margin-top: -5px;
}
.cont-ico-menu-mobile { display: none; }
.cont-ico-menu-mobile .img-icona-menu-mobile { display: none; }
/* Menu -- */
.prodottiinterni{
display:none!important;
}
.prodottiinterni li a img{
filter: brightness(700%);
}
.prodottiinterni li a:hover > img{
filter: brightness(0%);
}
#header .box-menu {
float: right;
margin-top: 2px;
}
#header .box-menu ul {
margin:0px;
padding:0px;
display:table;
float: left;
margin-left: -10px;
}
#header .box-menu ul li {
float:left;
}
#header .box-menu ul li a.sub-menu {
padding: 11px 14px 27px 14px;
-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;
}
#header .arrow-sub-menu {
position: relative;
left: 5px;
top: -1.6px;
}
#header .arrow-sub-menu img {
width: 100%;
height: auto;
max-width: 6px;
min-width: 6px;
}
#header .box-menu ul li a.sub-attivo {
-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;
padding: 10px 13px 28px 13px;
position: relative;
top: 1px;
z-index: 9;
margin-top: -1px;
}
#header .box-menu ul li .dropdown {
width: 100%;
height: auto;
max-width: 100%;
position: absolute;
top: 144px;
left: 0px;
right: 0px;
margin: auto;
z-index: 9;
display: none;
background: #dedfe0;
border-radius: 0px;
padding: 20px 20px 20px 20px;
}
.dropDownMenu {
top: 0px !important;
background: none !important;
width: 100% !important;
padding: 0px !important;
}
.dropdownActive {
color: #FFFFFF !important;
border-bottom: 10px solid #dedfe0;
margin-bottom: -10px;
}
#header .box-menu ul li ul.dropdown li {
float: none;
}
#header .box-menu ul li .dropdown.dropdown-attivo {
display:block;
}
#header .box-menu ul li .dropdown .col-1 {
width: 226px;
float: left;
padding-right: 0px;
margin-right: 20px;
}
#header .box-menu ul li .dropdown .col-2 {
width: 226px;
float: left;
padding-right: 0px;
margin-right: 20px;
}
#header .box-menu ul li .dropdown .col-3 {
width: 226px;
float: left;
padding-right: 0px;
margin-right: 20px;
}
#header .box-menu ul li .dropdown .col-4 {
width: 246px;
float: left;
}
#header .box-menu ul li .dropdown .titolo-col-menu {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 4px;
margin-bottom: 16px;
border-bottom: 1px solid #CCCCCC;
}
#header .box-menu ul li .dropdown ul {
display:block;
float:left;
}
#header .box-menu ul li .dropdown ul li {
float:none;
margin-bottom:10px;
margin-left:0px;
}
#header .box-menu ul li .dropdown ul li a {
padding: 8px;
font-size:12px;
}
#header .box-menu ul li a {
font-size:14px;
font-weight:400;
text-transform:uppercase;
padding: 10px 13px 50px 13px;
display: inline-block;
color:#1d1d1d;
border-bottom: 5px solid white;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .box-menu ul li a:hover {
color:#006a94;
border-bottom: 5px solid #006a94;
}
#header .box-menu ul li a.active {
color:#006a94;
border-bottom: 5px solid #006a94;
}
/* css solomobile */
#header .col-tre .col-2.isMobile-menu {
display:none;
}
#header .col-tre .col-3.isMobile-menu {
width: 73%;
}
#header .col-tre .col-3.isMobile-menu .contenitore-generale-ricerca-ico-menu {
width:100%;
max-width:130px;
float:right;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ricerca {
width: 50%;
float: left;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ricerca .lente-cerca {
float: none;
position: relative;
top: 13px;
margin: auto;
display: table;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ico-menu-mobile {
width: 50%;
float: left;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ico-menu-mobile .ico-menu-mobile {
float: right;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ico-menu-mobile .ico-menu-mobile a {
display: block;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ico-menu-mobile .ico-menu-mobile img {
margin-bottom: -4px;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ricerca .cerca-area input.input-cerca {
width: 50%;
right: 145px;
top: 38px;
}
#header .col-tre .col-3.isMobile-menu .contenitore-ricerca .cerca-area input.input-cerca-bottone {
margin-left: 0px;
top: 52px;
right: 160px;
}
/* fine css solomobile */
/*top bar*/
.top-bar {
height:35px;
background-color:#a4a3a5;
position: fixed;
top:0px;
z-index: 999;
}
.top-bar .social {
width:20%;
}
.top-bar .button-puls {
width:80%;
}
.top-bar .officialstore:hover{
color:#333;
opacity:0.7;
}
.top-bar li.area-li {
background-color: white;
}
.top-bar a.area-bt {
display: inline-block;
width: 202px;
margin-left: 4px;
padding: 10px 3px 10px 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: black;
color:white;
margin-right: 4px;
}
.top-bar a.area-bt:hover {
background-color: #474747;
}
.top-bar a.area-bt img{
margin-right:10px;
padding-right:10px;
border-right:1px solid #949494;
transform: translateY(3px);
}
.resp { display:none; }
.resp a { color:#282828;; }
.wrapper {
max-width:1400px;
margin:auto;
}
.cont-due {
float:left;
width:50%;
}
.cont-ico {
float:left;
width:50px;
height:35px;
cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.cont-ico:hover {
background-color:#003f94;
}
.hov2:hover {
background-color:#68a1d7;
}
.hov3:hover {
background-color:#b93133;
}
.hov4:hover {
background-color:#0077b5;
}
.hov5:hover {
background-color: #a534b2;
}
.cont-ico.hovCondividi {
border: 2px solid #fff;
border-radius: 50%;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.top-bar .cont-due ul {
float:right;
}
.top-bar .cont-due ul li {
font-weight:bold;
/* border-right: 4px solid white; */
float:left;
width:210px;
text-transform:uppercase;
font-size:14px;
text-align: center;
color:#282828;
cursor:pointer;
/* background-color:#ffffff; */
float: right;
}
.top-bar .cont-due ul li.puls {
color:#ffffff;
}
.container-li {
width: 200px;
margin-left: 4px;
margin-right: 4px;
padding:12px 3px 12px 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.container-li:hover {
opacity:0.7;
}
.puls {
display:none;
}
.puls-open {
width:202px;
height:140px;
margin-left: 4px;
padding: 9px;
background-color:#000;
display:none;
}
.puls-open p {
font-size:14px;
font-weight:bold;
color:#f6de31;
}
.cont-puls-open {
float:left;
width:50%;
text-align:left;
margin-top:15px;
}
.cont-puls-open p {
color:#ffffff;
font-size:12px;
font-weight:300;
margin-left: -17px;
line-height: 16px;
}
.cont-puls-open p span {
text-transform:lowercase;
}
p.price {
font-size:24px;
color:#f6de31;
font-weight:bold;
margin-top: 5px;
}
/* Fine menu -- */
/* Header fixed -- */
#header-fixed .contenitore-header-fixed .box-menu {
margin-top: 0px;
}
#header-fixed .contenitore-header-fixed .box-menu ul li a {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding: 10px 13px 22px 13px;
display: inline-block;
color: #555555;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header-fixed .contenitore-header-fixed .box-menu ul li a:hover {
color: #006a94;
border-bottom: 5px solid #006a94;
}
#header-fixed .contenitore-header-fixed .box-menu ul li a.active {
color: #006a94;
border-bottom: 5px solid #006a94;
}
#header-fixed .box-menu ul.menu-categorie {
display: flex;
align-items: flex-start;
margin: auto;
border-left: 1px solid #ddddde;
border-right: 1px solid #ddddde;
}
#header-fixed .box-menu ul.menu-categorie li a {
padding: 12px;
min-width: 340px;
border-bottom: 0;
}
#header-fixed .box-menu ul.menu-categorie li {
margin: 0;
}
#header-fixed .box-menu ul.menu-categorie li a:hover {
border-bottom: 0;
}
#header-fixed .menu-categorie {
top: 100px;
/* transform: translate(-0%, -50%); */
right: 5%;
}
#header-fixed {
background: #FFF;
border-bottom: 1px solid #E2E2E2;
}
#header-fixed .contenitore-header-fixed .padding-box {
padding:16px 20px 0 20px;
min-height: 71px;
}
/* css solomobile */
#header-fixed .col-2.isMobile-menu {
}
#header-fixed .col-2.isMobile-menu .ico-menu-mobile {
float: right;
position: relative;
top: 2px;
margin-bottom: 5px;
}
#header-fixed .col-2.isMobile-menu .ico-menu-mobile a {
display:block;
}
#header-fixed .col-2.isMobile-menu .ico-menu-mobile img {
width: 100%;
height: auto;
max-width: 30px;
margin-bottom: -4px;
}
/* fine css solomobile */
/* Fine header fixed -- */
/* Cerca-- */
.cerca-area {
float: left;
margin-right: 10px;
display:none;
}
.cerca-area input.input-cerca {
background: #FFFFFF;
border: 1px solid #E6E6E6;
padding: 13px 12px 12px 12px;
position: absolute;
font-size: 15px;
color: #153042;
font-weight: 300;
width: 67%;
right: 50px;
top: 33px;
font-family: 'Raleway', sans-serif;
border-radius: 3px;
}
.cerca-area input.input-cerca-bottone {
background: url(../../../img/structure/bottone-cerca-input.jpg);
width: 18px;
height: 18px;
border: none;
margin-left: -25px;
font-size: 0px;
position: absolute;
top: 47px;
cursor: pointer;
right: 65px;
}
.lente-cerca {
float: right;
position: relative;
top: 8px;
}
.lente-cerca:hover {
opacity:0.7;
cursor:pointer;
}
.bottone-chiudi-box-login {
position: absolute;
right: 6px;
background: #3F8DBF;
top: 10px;
padding: 4px 4px 4px 7px;
border-radius: 5px;
}
.cerca-area .bottone-chiudi-box-login {
display: none;
}
.arrow-top-box-login {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #3F8DBF;
margin-left: 231px;
position: relative;
}
.cerca-area .arrow-top-box-login {
display: none;
}
.box-ricerca {
background: #F6F6F6;
margin-bottom: 10px;
padding: 20px;
}
.titolo-box-ricerca {
margin-bottom: 5px;
}
.testo-box-ricerca {
font-size: 15px;
line-height: 20px;
}
span.stringaCercata {
background: #58585A;
color: #FFF;
padding: 2px;
}
/* Fine cerca-- */
/* pagina login */
.col-due-center-login {
width:100%;
height:auto;
margin:auto;
max-width:1024px;
margin-bottom:30px;
}
.col-due-center-login .col-1-login {
width:49%;
height:auto;
float:left;
margin-right:2%;
background:#F6F6F6;
border: 1px solid #EEE;
}
.col-due-center-login .col-1-login .padding-box {
padding:20px 20px 20px 20px;
}
.col-due-center-login .col-2-login {
width:49%;
height:auto;
float:left;
background:#F6F6F6;
border: 1px solid #EEE;
}
.col-due-center-login .col-2-login .padding-box {
padding:20px 20px 20px 20px;
}
/* fine pagina login */
/* FINE HEADER ======
=================================================== */
/* PAGINE ======
=================================================== */
.prlx {
background: url(../../../img/structure/bg-header.jpg) no-repeat;
height:440px;
}
.section-parallax {
position:absolute;
top:0;
left:0;
}
.width {
max-width:1400px!important;
}
.section-01 {
padding-top:60px;
padding-bottom:60px;
}
.section-03 {
padding-top:0px;
padding-bottom:0px;
}
.pg-index .section-03 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-04 {
background-color:#d6d6d6;
padding-top:100px;
padding-bottom:100px;
}
.pg-index .section-04{
margin-top:0px;
padding-top:80px;
}
.padding-box-wall {
padding: 80px 30px;
height: 265px;
overflow-y: hidden;
}
img.icoShop {
position:absolute;
top:38px;
left:-18px;
}
.section-01 .col-quattro a {
color:#000;
}
.section-01 .col-quattro p {
font-size:14px;
}
.section-01 .col-quattro .col-1, .section-01 .col-quattro .col-2, .section-01 .col-quattro .col-3, .section-01 .col-quattro .col-4 {
height:210px!important;
padding-top:20px;
overflow-y:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.section-01 .col-quattro .col-1:hover, .section-01 .col-quattro .col-2:hover, .section-01 .col-quattro .col-3:hover, .section-01 .col-quattro .col-4:hover {
background-color:#f6f6f7;
border-radius:8px;
}
.cont-img-box {
position: relative;
width: 65px;
margin: auto;
}
.pg-index .section-02{
margin-bottom:0px;
}
.section-02 .col-due-center {
background-color:#f6f6f7;
}
.section-02 .item {
height: 500px;
background-position: center;
background-size: cover;
position: relative;
background-repeat: no-repeat;
}
.section-02 .item.slider-left {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 20% 12%;
}
.section-02 .item.slider-left a {
height: 55px;
}
.container-1 {
padding-top:320px;
}
.container-2 {
padding: 0;
}
.section-02 .item h2 {
color:#282828;
}
.section-02 .item h3 {
font-size:30px;
font-weight:700;
text-align:center;
color:#ffffff;
line-height: 1.2;
}
.section-02 .item p {
font-size: 28px;
text-align: center;
color: #fff;
margin-top: 20px;
line-height: 1.2;
}
.section-02 .item .button-slider {
background-color: #fff;
color: #008a7d;
}
.col-due-center.benessere-psicofisico .item .button-slider {
color: #0e62bd;
}
.section-02 .item.slider-right .button-slider {
background-color: #008a7d;
color: #fff;
margin-top: 20px;
position: absolute;
display: block;
}
.col-due-center.benessere-psicofisico .item.slider-right .button-slider {
background-color: #0e62bd;
}
.section-02 .item .slideC {
padding: 0 20px;
}
.section-02 .item .slideC, .slideC .registered {
color: #333;
font-size: 16px;
}
.flexslider .slides .container-1 img {
width: 70px;
position: absolute;
top: 60px;
right: 60px;
}
.col-due-center.benessere-psicofisico .slides .container-1 img {
left: 60px;
right: auto;
}
#content .container-1 p {
margin-bottom: 12px;
}
p span {
color:#ffffff;
}
.pg-privacy p span {
color:unset;
}
.button-slider {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
width: 230px;
height: 55px;
background-color: #006a94;
text-align:center;
padding-top:18px;
font-size:12px;
text-transform:uppercase;
color:#ffffff;
font-weight:700;
letter-spacing:2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button-slider:hover {
opacity:0.6;
}
.section-03 .col-quattro .col-1, .section-03 .col-quattro .col-2, .section-03 .col-quattro .col-3, .section-03 .col-quattro .col-4,
.section-03 .alone, .section-03 .col-due-center .col-1, .section-03 .col-due-center .col-2 {
height:350px!important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.section-03 .col-quattro .col-1:hover, .section-03 .col-quattro .col-2:hover, .section-03 .col-quattro .col-3:hover, .section-03 .col-quattro .col-4:hover,
.section-03 .alone:hover, .section-03 .col-due-center .col-1:hover, .section-03 .col-due-center .col-2:hover {
opacity:0.7;
}
.section-03 .col-quattro p, .section-03 .col-due-center p {
font-size:14px!important;
text-align:center!important;
color:#000;
}
#footer #content .col-tre {
padding-top: 155px;
padding-bottom:60px;
margin-bottom: 0;
}
.border-h3 {
border-bottom:1px solid #343434;
padding-bottom: 30px;
margin-bottom: 45px;
}
#footer #content .col-tre .col-1 ul {
margin-bottom:130px;
}
#footer #content .col-tre .col-1 ul li {
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #343434;
font-size: 14px;
}
#footer #content .col-tre .col-1 ul a li {
color:#999999;
transition:none;
}
#footer #content .col-tre .col-1 ul a li:hover {
color:#ffcf00;
transition:none;
}
#footer #content .col-tre .col-1 ul a li.numVerde{
color: #23a401;
}
#footer #content .col-tre .col-1 ul a li.numVerde:hover {
color:#ffcf00;
transition:none;
}
#footer #content .col-tre .col-1 ul li img {
margin-right:15px;
}
.contLinks {
margin-left:18px;
}
#footer #content .col-tre .col-3 .container {
float:left;
margin-bottom:100px;
}
#footer #content .col-tre .col-3 ul a{
list-style-type: disc;
font-size:14px;
color: #494949;
}
#footer #content .col-tre .col-3 ul a:hover {
color:#ffcf00;
}
#footer #content .col-tre .col-3 ul li {
margin-bottom:15px;
}
#footer #content .col-tre .col-3 ul li span {
color:#999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#footer #content .col-tre .col-3 ul li span:hover {
color:#ffcf00;
}
#footer #content p {
color:#656565;
font-size:14px;
}
#footer #content p a {
color:#656565;
cursor:pointer;
}
#footer #content p a:hover {
color:#ffcf00;
}
#footer #content p.request{
color: #ffcf00;
font-size: 24px;
}
#footer .flexIcoFooter{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
#footer .flexIcoFooter img{
margin-right: 15px;
}
.button-request {
margin-top:40px;
max-width: 200px;
background-color: #ffcf00;
text-align:center;
padding:18px;
font-size:12px;
text-transform:uppercase;
color:#1d1d1d;
font-weight:700;
letter-spacing:2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button-request:hover {
opacity:0.6;
}
.marginImg {
margin-right:10px;
}
.band {
width:100%;
height:5px;
background-image:url(../../../img/structure/fascia-colori.gif);
margin-bottom:100px;
}
.band2{
width:100%;
height:5px;
background-image:url(../../../img/structure/fascia-colori.gif);
margin-bottom:100px;
animation: slide 15s linear infinite;
}
.band.bottom0{
margin-bottom:0px!important;
}
@keyframes slide {
0% { background-position: 1920 0; }
100% { background-position: -1920px 0; }
}
.pg-index .band{
margin-bottom:0px;
}
.footer2 {
width:100%;
height:130px;
background-color:#ffffff;
}
.footer2 .col-due-center {
width:100%;
height:130px;
margin:auto;
max-width:1400px;
}
.footer2 .col-due-center .col-1 {
width:50%;
height:130px;
float:left;
padding-top:63px;
}
.footer2 .col-due-center .col-1 p {
color:#666666;
font-size:14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.footer2 .col-due-center .col-1 p:hover {
color:#ffcf00;
}
.footer2 .col-due-center .col-2 {
width:50%;
height:130px;
float:left;
text-align:right;
}
.go-top {
position: fixed;
right: 10%;
bottom: 27px;
display: none;
z-index:3;
opacity: 0.6;
cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.go-top:hover {
opacity: 1;
}
#footer .spacer{
display:block;
width:100%;
height:77px;
}
#footer .col-2 .padding-box a:hover{
opacity: 0.6;
}
/*widget area medici*/
.widget {
position: fixed;
top: 450px;
right: 40px;
z-index:999;
-webkit-animation: orbita 5s linear infinite;
-moz-animation: orbita 5s linear infinite;
-o-animation: orbita 5s linear infinite;
animation: orbita 5s linear infinite;
}
.widget:hover{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.cont-img {
position:relative;
}
.widget .cont-img img{
filter: drop-shadow(-3px -2px 5px rgba(0, 0, 0, 0.5));
}
.area1 {
width:150px;
height:27px;
background-color:#89b706;
color:#ffffff;
font-size:12px;
padding:6px;
text-transform:uppercase;
text-align:center;
border-radius:7px;
position:absolute;
top: 133px;
left: 12px;
z-index:1;
}
.area2 {
width:168px;
background-color:#006a94;
border-radius:7px;
position:absolute;
top: 157px;
left: 3px;
padding:8px;
filter: drop-shadow(-3px -2px 5px rgba(0, 0, 0, 0.5));
}
.key {
color:#d9e9ef;
font-size:14px;
text-transform:uppercase;
text-align:center;
border-radius:7px;
padding:5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.key:hover {
background-color:#2680a4;
}
.dividi {
background-color:#98c0c6;
height:1px;
width:100%;
margin: 4px;
}
.widget .closewidget{
background-color:#006a94;
color:white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
position: absolute;
right: -5px;
z-index: 999;
top: -5px;
}
.widget .closewidget:hover{
background-color:#89b706;
}
.widget .closewidget .fa{
}
.widgetSide .closedwidget{
background-image:url(../../../img/structure/widget_closed.png);
height:183px;
width:70px;
position:fixed;
right:0px;
top:465px;
transition: 0.3s;
z-index:999;
}
.widgetSide .closedwidget:hover{
width:80px;
}
.widgetnascondi{
-webkit-animation: sparisci 2s linear;
-moz-animation: sparisci 2s linear;
-o-animation: sparisci 2s linear;
animation: sparisci 2s linear;
}
@-webkit-keyframes sparisci {
0% {
opacity: 1;
transform: scale(1);
}
99% {
opacity: 1;
transform: scale(0);
}
100% {
display: none;
opacity: 0;
transform: scale(0);
}
}
@-moz-keyframes sparisci {
0% {
opacity: 1;
transform: scale(1);
}
99% {
opacity: 1;
transform: scale(0);
}
100% {
display: none;
opacity: 0;
transform: scale(0);
}
}
@-o-keyframes sparisci{
0% {
opacity: 1;
transform: scale(1);
}
99% {
opacity: 1;
transform: scale(0);
}
100% {
display: none;
opacity: 0;
transform: scale(0);
}
}
@keyframes sparisci {
0% {
opacity: 1;
transform: scale(1);
}
99% {
opacity: 1;
transform: scale(0);
}
100% {
display: none;
opacity: 0;
transform: scale(0);
}
}
@-webkit-keyframes orbita {
from { -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg); }
to { -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}
@-moz-keyframes orbita {
from { -moz-transform: rotate(0deg) translateX(15px) rotate(0deg); }
to { -moz-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}
@-o-keyframes orbita {
from { -o-transform: rotate(0deg) translateX(15px) rotate(0deg); }
to { -o-transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}
@keyframes orbita {
from { transform: rotate(0deg) translateX(15px) rotate(0deg); }
to { transform: rotate(360deg) translateX(15px) rotate(-360deg); }
}
/* Home -- */
.slideshow {
background: #FFF;
max-width:1980px;
margin:auto;
}
.slideshow .flexslider {
max-height:660px;
}
.slideshow .flexslider .flex-direction-nav a {
font-size: 0px;
width: 65px;
height: 65px;
background:none;
}
.slideshow .flexslider .flex-direction-nav a.flex-prev {
background:url(../../../img/structure/arrow-slider-sx.png);
opacity:0.4;
}
.slideshow .flexslider .flex-direction-nav a.flex-next {
background:url(../../../img/structure/arrow-slider-dx.png);
opacity:0.4;
}
.slideshow .flexslider .flex-direction-nav a:hover {
opacity:0.6;
}
.slideshow .flexslider .bg-img-slider-home {
width:100%;
height:auto;
min-height:600px;
}
.slideshow .flexslider .contenitore-slogan-slider {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.slideshow .flexslider .contenitore-slogan-slider .boxed-div {
position:relative;
}
.slideshow .flexslider .contenitore-slogan-slider .contenitore-testo-slogan-slider {
position: absolute;
top: 100px;
left: 30px;
width: 100%;
max-width: 600px;
text-align: left;
color: #2d2d2d;
font-size: 15px;
line-height: 25px;
}
.slideshow .flexslider .contenitore-slogan-slider .contenitore-testo-slogan-slider h1 {
font-size: 47px;
color: #2d2d2d;
text-align: left;
line-height: 60px;
margin-bottom: 10px;
font-weight: 700;
}
.slideshow .flexslider .contenitore-slogan-slider .contenitore-testo-slogan-slider .bottone-slider {
background: none;
border: 3px solid #2d2d2d;
text-transform: uppercase;
color: #2d2d2d;
display: table;
padding: 5px 20px 3px 20px;
font-size: 15px;
font-weight: 700;
margin-top: 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.slideshow .flexslider .contenitore-slogan-slider .contenitore-testo-slogan-slider .bottone-slider:hover {
opacity:0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* slide mod id*/
.slideshow .flexslider ul.slides li:nth-child(1) .contenitore-testo-slogan-slider {
color: #2d2d2d;
}
.slideshow .flexslider ul.slides li:nth-child(2) .contenitore-testo-slogan-slider {
color: #FFF;
}
.slideshow .flexslider ul.slides li:nth-child(3) .contenitore-testo-slogan-slider {
color: #2d2d2d;
}
.slideshow .flexslider ul.slides li:nth-child(1) .contenitore-testo-slogan-slider h1 {
color: #2d2d2d;
}
.slideshow .flexslider ul.slides li:nth-child(2) .contenitore-testo-slogan-slider h1 {
color: #FFF;
}
.slideshow .flexslider ul.slides li:nth-child(3) .contenitore-testo-slogan-slider h1 {
color: #2d2d2d;
}
.slideshow .flexslider ul.slides li:nth-child(1) .bottone-slider {
border: 3px solid #2d2d2d;
color: #2d2d2d;
}
.slideshow .flexslider ul.slides li:nth-child(2) .bottone-slider {
border: 3px solid #FFF;
color: #FFF;
}
.slideshow .flexslider ul.slides li:nth-child(3) .bottone-slider {
border: 3px solid #2d2d2d;
color: #2d2d2d;
}
/* fine slide mod id*/
.full-div .section-parallax-02 {
min-height: 410px;
background: url( url(../../../img/structure/img-sezione-esperienza.jpg));
background-size: 120%;
background-attachment: fixed;
margin-bottom: -20px;
}
#home .col-1 iframe{
width:100%;
}
/* Fine home -- */
/* Pagina Download */
test {}
/* Fine Pagina Download */
/* Pagina Marchi */
.contenitore-list-box-referenze {
overflow: hidden;
margin-top: 50px;
margin-bottom: 70px;
min-height: 600px;
}
.contenitore-list-box-referenze .box-marchi-referenze {
background: #FFFFFF;
display: block;
width:20%;
float: left;
}
.contenitore-list-box-referenze .box-marchi-referenze .box-marchi-referenze-int {
margin: 10px;
padding:15px;
background: #FFF;
text-align: center;
border: 1px solid #eee;
border-radius: 0px;
font-size:0px;
}
.contenitore-list-box-referenze .box-marchi-referenze .box-marchi-referenze-int img {
width:100%;
height:auto;
max-width:150px;
}
/* Fine Pagina Marchi*/
/* SECTIONS ======
=================================================== */
/* Section youtube */
.section-youtube {
}
.section-youtube .flexcarousel02 {
position:relative;
margin-bottom: 20px;
}
.section-youtube .flexcarousel02 ul.slides {
}
.section-youtube .flexcarousel02 ul.slides li {
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video {
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-iframe-video {width:65%;float:left;}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-iframe-video .padding-box {padding:0px 0px 0px 0px;}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video {
width: 35%;
float: left;
min-height: 380px;
background: #BE0C34;
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video .padding-box {
padding: 25px 25px 25px 25px;
min-height: 380px;
position:relative;
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video .titolo-video-youtube h4 {
color: #FFFFFF;
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video .testo-video-youtube {
font-size: 13px;
font-weight: 400;
line-height: 22px;
color: #FFFFFF;
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video .bottone-slider-youtube {
background: none;
border: 3px solid #FFFFFF;
text-transform: uppercase;
color: #FFFFFF;
display: block;
padding: 5px 20px 3px 20px;
font-size: 15px;
font-weight: 700;
text-align: center;
position: absolute;
bottom: 40px;
left: 25px;
right: 25px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.section-youtube .flexcarousel02 ul.slides li .contenitore-colonne-video .colonna-testo-video .bottone-slider-youtube:hover {
opacity:0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.flex-control-nav {
position: absolute;
bottom: 9px;
text-align: center;
right: 0px;
width: 35%;
z-index: 9;
border-top: 0px solid #DADADA;
padding-top: 0px;
}
.flex-control-paging li a {
width: 9px;
height: 9px;
display: block;
background: #999;
cursor: pointer;
text-indent: -9999px;
border-radius:0px;
box-shadow:none;
}
.flex-control-paging li a.flex-active {
background: #FFF;
cursor: default;
box-shadow:none;
}
.flex-control-paging li a:hover {
background: #777;
box-shadow:none;
}
.flex-control-paging li a.flex-active:hover {
background: #FFF;
box-shadow:none;
}
/* Fine section youtube */
/* Section news */
.section-news-home {
background: #FFF;
}
.section-news-home .padding-box {
padding: 25px 20px 30px 20px;
}
.section-news-home .cont-h-title .cont-img-h-title .cont-ico-h-title {
background: #FFF;
}
#content .section-news-home .col-tre .col-1 {
background:#FFF;
}
#content .section-news-home .col-tre .col-2 {
background:#FFF;
}
#content .section-news-home .col-tre .col-3 {
background:#FFF;
}
#content .section-news-home .col-tre .padding-box {
padding: 0px 0px 0px 0px;
}
#content .section-news-home .col-tre .img-news {
width:100%;
height:auto;
margin-bottom: 10px;
}
#content .section-news-home .col-tre .data-box {
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
}
#content .section-news-home .col-tre h4 {
font-size: 15px;
font-weight: 700;
line-height: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #2d2d2d;
margin-bottom: 5px
}
#content .section-news-home .col-tre .testo-box {
font-size: 13px;
line-height: 23px;
margin-bottom: 10px;
}
#content .section-news-home .col-tre .link-box {
background: none;
border: 3px solid #EDEDEC;
text-transform: uppercase;
color: #2D2D2D;
display: block;
padding: 5px 20px 4px 20px;
font-size: 13px;
font-weight: 700;
margin-top: 20px;
text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#content .section-news-home .col-tre .link-box:hover {
opacity:0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.section-news-home .bottone-site {
margin-top: 30px;
margin-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
}
/* Fine section news */
/* Section parallax */
.section-parallax {
/* position:relative; */
height:100%;
}
.section-parallax .parallax-cont-patina {
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
background: rgba(44,62,80,0.45);
}
.pg-index .section-parallax .parallax-cont-patina{
background-color:transparent;
}
.section-parallax .parallax-cont-patina .boxed-div {
position:relative;
}
.section-parallax .cont-slogan-slide {
margin-top: 130px;
}
.section-parallax .cont-slogan-slide .titolo-big-slide {
color: #FFF;
text-align: center;
text-transform: uppercase;
font-size: 39px;
font-weight: 700;
margin-bottom: 10px;
line-height: 45px;
letter-spacing: 1px;
}
.section-parallax .cont-slogan-slide .sottotitolo-slide {
color: #FFF;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
line-height: 23px;
letter-spacing: 3px;
}
.section-parallax .cont-slogan-slide .bottone-slider {
background: none;
border: 3px solid #FFF;
text-transform: uppercase;
color: #FFF;
display: table;
padding: 5px 20px 3px 20px;
font-size: 15px;
font-weight: 700;
margin:auto;
margin-top: 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.section-parallax .cont-slogan-slide .bottone-slider:hover {
opacity:0.6;
}
/* AIUTA RICERCA */
.fascioneAiutaRicerca{
background-color: #d6d6d6;
height: 550px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 0px;
}
.fascioneAiutaRicerca img{
display:block;
max-width:300px;
transition: all 0.5s ease;
}
/*
.fascioneAiutaRicerca img:hover{
mix-blend-mode: color-burn;
}
*/
.fascioneAiutaRicercaNew a:hover{
opacity:0.7;
}
.loghiRicerca{
display: flex;
align-items: center;
justify-content: space-around;
}
.fascioneAiutaRicercaNew{
margin-bottom: 0px;
}
.fascioneAutoHeight {
height: auto;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
display: flex;
align-items: center;
background-color:#d6d6d6;
flex-wrap:wrap;
}
.fascioneAiutaRicercaNew2{
border-top: 1px solid #d6d6d6;
}
.fascioneAiutaRicercaNew .boxed-div.width{
display: flex;
flex-wrap: Wrap;
align-items: center;
justify-content: flex-start;
}
.fascioneAiutaRicercaNew .loghiRicerca img{
width:250px;
}
.fascioneAiutaRicercaNew .cont-h-title2 {
margin-bottom: 0px;
margin-right:80px;
}
/* Fine section parallax */
/* BLOG */
.pg-notizie .menusx {
padding-bottom: 60px;
}
.pg-notizie .menusx h2 {
margin: 50px 0 20px 10px;
}
.pg-notizie .menusx ul li a span {
color: #006a94;
margin-left: 5px;
}
.immaginiprodotto .col-due {
max-width: 1400px !important;
display: flex;
flex-wrap: wrap;
}
.immaginiprodotto.categorie-video .col-due .col-1 {
width: calc(33.33% - 1px);
display: inline-block;
text-align: center;
background-color: #f6f6f6;
position: relative;
margin: 0 1px 1px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 300px;
padding: 20px 4%;
}
.immaginiprodotto.categorie-video .col-due .col-1.destinatarioTutti {
width: 100%;
background-image: url('https://www.named.it/euronet/contenuti/image/categoria-tutti.jpg');
}
.cpl-categorie-video {
z-index: 2;
}
.cpl-categorie-video h2 {
color: #fff;
text-align: center;
display: block;
font-size: 30px;
line-height: 1;
margin-bottom: 50px;
}
.cpl-categorie-video h4 {
color: #fff;
margin: 0;
opacity: 0.6;
}
.immaginiprodotto.categorie-video .col-due .col-1:hover:after {
background: linear-gradient(to bottom,rgba(40,40,40,0),#282828);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: #282828;
}
.immaginiprodotto.categorie-video .col-due .col-1:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
z-index: 1;
background-color: rgba(40,40,40,0.40);
transition: all 1.2s;
}
.cpl-categorie-video h4 span {
font-size: 60px;
display: block;
line-height: 0.8;
}
.categorie-video{
margin-top: 25px;
}
.sezionedx.blog-dettaglio .breadcrumbs {
background: transparent;
border-top: 1px solid #ddddde;
border-bottom: 1px solid #ddddde;
padding: 10px 0;
margin: 25px 0;
display: flex;
}
.sezionedx.blog-dettaglio .breadcrumbs a {
color: #006a94;
font-weight: normal;
}
.sezionedx.blog-dettaglio .breadcrumbs a:hover {
color: #333;
}
.sezionedx.blog-dettaglio .breadcrumbs span:last-child {
margin-left: auto;
}
.categoria-evidenza {
width: 130px;
min-width: 130px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
color: #282828;
height: 25px;
line-height: 1;
margin-right: 10px;
color:white;
}
.categoria-evidenza.tagmedici {
background-color: #89b706;
}
.categoria-evidenza.tagfarmacisti {
background-color: #006a94;
}
.sezionedx.blog-dettaglio h2 {
margin: 20px 0;
}
.sez-download-blog-dettaglio-lista {
background-color: #f6f6f7;
padding: 20px 40px;
height: auto;
min-height: 120px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
border-top: 1px solid #ddddde;
border-bottom: 1px solid #ddddde;
position: relative;
margin: 50px 0;
}
.sez-download-blog-dettaglio-lista .button-slider {
background-color: #f6de31;
color: #282828;
transform: translate(-50%, -50%);
top: 50%;
left: auto;
bottom: auto;
right: -75px;
}
.sezionedx.blog-dettaglio .sez-download-blog-dettaglio-lista h2 {
margin: 0;
color: #006a94;
}
.sezionedx.blog-dettaglio .sez-download-blog-dettaglio-lista p {
margin: 0 !important;
color: #006a94;
font-size: 14px;
}
.sez-download-blog-dettaglio-lista-cont {
width: calc(100% - 260px);
}
.condividi-sui-social {
display: flex;
}
.sez-download-blog-dettaglio-lista.sez-condividi {
background-color: #006a94;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 0;
}
.sezionedx.blog-dettaglio .sez-download-blog-dettaglio-lista.sez-condividi h2 {
color: #ffffff;
}
.sezionedx.blog-dettaglio .sez-download-blog-dettaglio-lista.sez-condividi p {
color: #ffffff;
}
.sez-download-blog-dettaglio-lista.sez-newsletter {
margin-bottom: 0;
background-color: #fff;
border-bottom: none;
border-top: 1px solid #006a94;
padding: 40px;
display: none;
}
.fascia-box-autore {
display: flex;
justify-content: flex-start;
margin: 80px;
align-items: center;
}
.fascia-box-autore p {
margin: 0 0 0 80px;
}
.fascia-box-autore p.titoletto-autore {
color: #000000;
font-size: 19px;
font-weight: 700;
line-height: 23px;
margin: 0 0 0 80px !important;
}
.box-autore {
border-radius: 50%;
background-color: #006a94;
width: 350px;
height: 350px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
color: #fff;
padding-top: 40px;
margin: auto;
position: relative;
}
.box-autore:after {
position: absolute;
content: "";
bottom: -25px;
right: 0;
height: 50px;
width: 50px;
background-color: #006a94;
border-radius: 50%;
}
.box-autore img {
width: 150px;
max-width: 150px;
border-radius: 50%;
height: auto;
}
.box-autore h2 {
color: #fff;
margin: 0 0 20px 0 !important;
}
.pg-notizie-dett .menusx h2 {
margin-left: 10px;
padding: unset;
}
.pg-notizie-dett .menu-pubblico {
margin-top: 35px;
}
/* FINE BLOG */
/* MENU CATEGORIA */
.lista-menu-categorie {
padding: 50px 100px;
}
.lista-menu-categorie ul {
column-count: 3;
}
.lista-menu-categorie ul li a {
color: #282828;
font-size: 14px;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: flex-start;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
}
.lista-menu-categorie ul li a:hover {
color: #006a94;
}
.lista-menu-categorie ul li {
padding: 0 20px;
}
.linkMenu-categorie span {
cursor: pointer;
display: inline-block;
position: relative;
transition: .5s;
width: 100%;
}
.linkMenu-categorie span strong {
font-weight: normal;
color: #006a94;
}
.linkMenu-categorie:hover span:after {
opacity: 1;
right: 0;
}
.linkMenu-categorie:hover span {
padding-left: 20px;
width: 100%;
}
.linkMenu-categorie span:after {
content: '\f054';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: .5s;
font-family: "FontAwesome";
}
.menu-categorie {
background-color: white;
color: black;
border: 0px;
top: 60px;
left: 0px;
box-shadow: none;
width: 100%;
height: auto;
display: block;
border-top: 5px solid #006a94;
position: absolute;
left: 0;
width: 100%;
top: 126px;
z-index: 2;
border-bottom: 1px solid #E2E2E2;
}
.menu-categorie.menu-categorieHoriz {
max-width: 750px !important;
right: 0;
left: auto;
top: 123px;
}
#header .box-menu ul.menu-categorie {
display: flex;
align-items: flex-start;
justify-content: center;
padding: 0 10%;
margin: auto;
border-left: 1px solid #ddddde;
border-right: 1px solid #ddddde;
}
#header .box-menu ul.menu-categorie .titolo, #header-fixed .box-menu ul.menu-categorie .titolo{
padding: 20px;
color: #000000;
font-size: 19px;
font-weight: 700;
}
#header .box-menu ul.menu-categorieHoriz div:first-child:after, #header-fixed .box-menu ul.menu-categorieHoriz div:first-child:after{
position: absolute;
content: "";
height: 100%;
width: 1px;
background-color: #ddddde;
top: 50%;
transform: translateY(-50%);
right: 50%;
}
#header .box-menu ul.menu-categorie li a {
padding: 12px;
min-width: 340px;
margin-left: 10%;
border-bottom: 0;
}
#header .box-menu ul.menu-categorie li {
width: 29.33%;
margin: 0 2%;
}
#header .box-menu ul.menu-categorie.menu-categorieHoriz li {
width: 100%;
margin: 0;
}
#header .box-menu ul.menu-categorieHoriz {
padding: 0;
z-index: 99;
}
#header .box-menu ul.menu-categorie li a:hover {
border-bottom: 0;
}
#header .box-menu ul.menu-categorie.menu-categorieHoriz li a {
margin-left: 0;
min-width: 340px;
}
/* FINE SECTIONS ======
=================================================== */
/* FINE PAGINE ======
=================================================== */
/* FOOTER ======
=================================================== */
#footer {
margin-top: 100px;
overflow:hidden;
background:#1b1b1b;
height: auto !important;
}
#content .contenuto {
width: 76%;
}
#content .sidebar {
width: 22%;
}
#footer #content .col-due {
margin-bottom: 0px;
}
#footer .testo-copy-footer {
font-size:12px;
color:#999999;
}
#footer .testo-copy-footer a {
color: #FFFFFF;
margin-left: 10px;
font-weight: 200;
}
#footer .testo-copy-footer a:hover {
color: #BE0C34;
}
#content .contenuto .padding-box {
padding: 32px 0px 30px 20px;
}
#footer .contenitore-social {
padding:20px 0px 0px 0px;
}
#footer .symbol a {
margin-right: 5px;
font-size: 30px;
}
/* Inner footer -----*/
.section-inner-footer {
color: #999999;
background:#262626;
}
.section-inner-footer a {
color: #FFFFFF;
margin-left: 0px;
font-weight: 200;
}
.section-inner-footer a:hover {
color: #BE0C34;
}
.section-inner-footer .padding-box {
padding:60px 20px 40px 20px;
}
.section-inner-footer .col-quattro {
width:100%;
height:auto;
margin:auto;
margin-bottom:0px;
max-width:1024px;
}
.section-inner-footer .col-quattro .col-1 {
width:23.5%;
height:auto;
float:left;
margin-right:2%;
}
.section-inner-footer .col-quattro .col-2 {
width:23.5%;
height:auto;
float:left;
margin-right:2%;
}
.section-inner-footer .col-quattro .col-3 {
width:23.5%;
height:auto;
float:left;
margin-right:2%;
}
.section-inner-footer .col-quattro .col-4 {
width:23.5%;
height:auto;
float:left;
}
#content .section-inner-footer .col-tre {
width:100%;
height:auto;
margin:auto;
margin-bottom:10px;
max-width:1024px;
}
#content .section-inner-footer .col-tre .col-1 {
width:29%;
height:auto;
float:left;
margin-right:2%;
}
#content .section-inner-footer .col-tre .col-2 {
width:48%;
height:auto;
float:left;
margin-right:2%;
}
#content .section-inner-footer .col-tre .col-3 {
width:19%;
height:auto;
float:left;
}
#content .section-inner-footer .col-due-center-inner-footer-int {
width:85%;
height:auto;
}
#content .section-inner-footer .col-due-center-inner-footer-int .col-1-inner-footer-int {
width:49%;
height:auto;
float:left;
margin-right:2%;
}
#content .section-inner-footer .col-due-center-inner-footer-int .col-2-inner-footer-int {
width:49%;
height:auto;
float:left;
}
#content .section-inner-footer b {
color:#FFF;
}
.section-inner-footer h4 {
color: #ffffff;
font-weight: 700;
font-size: 15px;
line-height: 18px;
letter-spacing: 1px;
text-transform: uppercase;
background-color: transparent;
margin-bottom: 25px;
}
.section-inner-footer .inner-footer-testo {
font-size: 12px;
line-height: 20px;
}
/* Fine inner footer -----*/
/******** PRIVACY POLICY *************/
.button-slider.linguaPrivacy{
top: 0px;
bottom: auto;
right: 0px;
left: auto;
}
.button-slider.linguaPrivacy:hover{
color:white;
}
.pg-privacy .section-03 .boxed-div, .pg-privacy_eng .section-03 .boxed-div{
position:relative;
}
.bannerTop{
text-align: center;
background-color: #d70081;
color: white;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 90px;
padding-left: 50px;
position: relative;
margin-top: 35px;
margin-bottom:-35px;
}
.bannerTop button{
background-color: black;
border: 0px;
color: white;
font-weight: bold;
display: flex;
height: 30px;
width: 30px;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
right: 50px;
top: calc(50% - 15px);
transition: all 0.5s ease;
}
.bannerTop button:hover{
cursor:pointer;
background-color:white;
color:black;
}
.rosa{
color:#d70081;
}
.line-h1.rosa{
background-color:#d70081;
}
#colContainer h1.rosa{
margin-bottom: 40px;
}
h2.rosa{
text-align:left;
margin-bottom:80px;
}
.pagineLanding .boxnews{
height: 390px !important;
}
.pagineLanding .boxnews:nth-child(odd){
background-color:#d70081;
transition: all 0.5s ease;
}
.pagineLanding .boxnews:nth-child(even){
background-color:rgba(214,0,126,0.5);
transition: all 0.5s ease;
}
.pagineLanding .boxnews.dottore{
background-image:url(../../../img/prospettiva-rosea/Mauro-Mario-Mariani.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.pagineLanding .boxnews.dottore:before{
background-color:rgba(0,0,0,0.3);
display:block;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
content:'';
}
.pagineLanding .boxnews.dottore:hover{
border-radius:0px;
}
.pagineLanding .boxnews h1{
color:white;
}
.pagineLanding .boxnews.dottore h2{
margin-top: 200px !important;
color: white;
position:relative;
}
.pagineLanding .boxnews p{
color:white;
padding-left:5px;
padding-right:5px;
}
.pagineLanding .prospettivaTestoPiccolo{
font-size: 12px;
font-style: italic;
}
.pagineLanding .boxnews .button-slider{
background-color:black;
}
.pagineLanding .boxnews.dottore .button-slider{
background-color:#d70081;
}
.pagineLanding .boxnews:hover{
border-radius:50px;
}
.pg-prospettivarosea .prlx{
background:url(../../../img/prospettiva-rosea/bg-header.jpg);
}
.pg-prospettivarosea .section-parallax .parallax-cont-patina{
background: rgba(44,62,80,0);
}
.pagineLanding .section-parallax .parallax-cont-patina .boxed-div{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.pagineLanding #footer{
margin-top:0px;
}
/******** Prospettiva Rosea Accordion *************/
.accordionPR {
background-color: #d70081;
color: #fff;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
margin-bottom: 80px;
font-size: 40px;
font-weight: 700;
line-height: 45px;
letter-spacing: -2px;
margin-top:80px;
}
.activePR, .accordionPR:hover {
background-color: #ccc;
}
.accordionPR:after {
content: '\002B';
color: #fff;
font-weight: bold;
float: right;
margin-left: 5px;
}
.activePR:after {
content: "\2212";
}
.panelPR {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.fascioneVideoRosea{
width: 100%;
position: relative;
background-color:rgba(214,0,126,0.5);
margin-top:80px;
padding-top:80px;
padding-bottom:80px;
}
.fascioneVideoRosea .boxed-div{
display: flex;
flex-wrap: wrap;
height: auto;
justify-content: space-between;
align-items:center;
}
.fascioneVideoRosea .wrapperVideo{
width: 60%;
display:block;
}
.aspectRatio{
width: 100%;
padding-top: 55.25%;
position: relative;
}
.aspectRatio iframe{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height:100%;
width:100%;
}
.fascioneVideoRosea h1{
color:white;
}
.fascioneVideoRosea .testoVideo{
width: 35%;
}
.fascioneVideoRosea .testoVideo p{
color:white;
}
.fascioneVideoRosea .button-slider{
position: relative;
margin-top: 40px;
background-color: black;
bottom: auto;
cursor: pointer;
}
.fascioneGalleryRosea{
margin-top:80px;
margin-bottom:80px;
}
.galleryRosea{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin-top:40px;
}
.galleryRosea a{
width:calc(25% - 1px);
height:auto;
margin-right:1px;
margin-bottom:1px;
}
.galleryRosea img{
width:100%;
height:auto;
display:block;
}
.fascioneVideoRosea2{
margin-top:80px;
margin-bottom:80px;
}
.galleryVideoRosea {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin-top: 40px;
}
.galleryVideoRosea a{
width:calc(25% - 1px);
height:auto;
margin-right:1px;
margin-bottom:1px;
position:relative;
}
.galleryVideoRosea a.largoDue{
width:calc(50% - 1px);
}
.galleryVideoRosea a:after{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
display:block;
content:'';
background-color: rgba(0,0,0,0.3);
transition: all 0.5s ease;
}
.galleryVideoRosea img{
width:100%;
height:auto;
display:block;
}
.galleryVideoRosea img.ytButton{
position: absolute;
top: calc(40% - 35px);
width: 100px;
left: calc(50% - 50px);
opacity:0.8;
transition: all 0.5s ease;
z-index:99;
}
.galleryVideoRosea a span {
position: absolute;
bottom: 0px;
left: 0px;
display: block;
width: 100%;
padding: 10px;
color: white;
font-weight: bold;
text-align: center;
z-index:99;
font-size:19px;
line-height:24px;
}
.galleryVideoRosea a:hover img.ytButton{
opacity:1;
}
.fasciaRingraziamenti img{
width:100%;
height:auto;
display:block;
margin-bottom:40px;
}
.fasciaRingraziamenti h1{
margin-bottom:40px;
}
.fasciaRingraziamenti #contoRovescia span{
color:#d70081;
}
.wrapperRovescia{
text-align:center;
}
.fascioneSocialWallRosea{
background-color:#ccc;
padding-top:100px;
padding-bottom:100px;
margin-bottom: 80px;
}
.fascioneSocialWallRosea .section-text{
max-height: 210px;
overflow: hidden;
}
.fascioneSocialWallRosea .modern.light .stream li .section-intro{
background-color:#d70081!important;
}
.fascioneSocialWallRosea .modern.light .stream li .section-intro span, .fascioneSocialWallRosea .modern.light .stream li .section-intro a, .fascioneSocialWallRosea .modern.light .stream li .socicon{
color:white;
}
.fascioneSocialWallRosea .modern .stream li .section-share{
display:none;
}
.fascioneSocialWallRosea #social-stream-prospettivaRosea{
margin-top:40px;
}
.button-slider.hide {
display: none;
}
.col-2.boxnews.prR h1 {
font-size: 50px;
line-height: 50px;
}
.sotto {
display: none;
}
.sopra {
margin-bottom: 80px !important;
}
.libro{
margin-bottom: 100px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-around;
}
.libro img{
width:46%;
}
.libro .testoLibro{
width:46%;
}
.buttonRosea{
display: table;
padding: 15px;
background-color: #d70081;
color: white;
font-weight: bold;
font-size: 12px;
letter-spacing: 2px;
}
.buttonRosea:hover{
background-color:black;
color:white;
}
/********** LA VIA DEI SALI ***********/
.pg-laviadeisali #content {
margin-bottom: 80px;
}
.pg-laviadeisali .prlx{
background:url(../../../img/la-via-dei-sali/bg-header.jpg);
background-repeat: no-repeat;
background-size:cover;
}
.pagineLanding.pg-laviadeisali .section-parallax .parallax-cont-patina .boxed-div {
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
padding-right: 130px;
}
.pg-laviadeisali .section-parallax .parallax-cont-patina{
background: rgba(44,62,80,0);
}
.blu{
color:#1f3c8a;
}
.line-h1.blu{
background-color:#1f3c8a;
}
.pg-laviadeisali #colContainer h2.sottoblu{
text-align:left;
margin-bottom:40px;
color:black;
}
.pg-laviadeisali .boxnews h1 {
font-size: 50px;
}
h2.blu{
text-align:left;
margin-bottom:80px;
}
.pg-laviadeisali #colContainer h2{
color:white;
}
.pagineLanding.pg-laviadeisali .boxnews:nth-child(odd){
background-color:#1f3c8a;
transition: all 0.5s ease;
}
.pagineLanding.pg-laviadeisali .boxnews:nth-child(even){
background-color:rgba(31,60,138,0.5);
transition: all 0.5s ease;
}
.pg-laviadeisali #colContainer{
margin-top:80px;
}
.pagineLanding .fascioneBoxInfo .boxinfo{
display: inline-block;
padding: 20px;
border: 1px solid #23a401;
border-radius: 20px;
transition: all 0.5s ease;
background-color: white;
}
.pagineLanding #content .boxinfo h2 a{
color: #23a401;
font-weight: bold;
transition: all 0.5s ease;
}
.pagineLanding #content .boxinfo h2 a:hover{
color: #1f3c8a;
}
.pg-laviadeisali .boxnews h2 {
margin-top: 25px !important;
margin-bottom: 15px !important;
}
.pg-laviadeisali #content .boxnews p {
margin-bottom:15px;
line-height:22px;
}
.stream li.dcsns-instagram .section-thumb img{
display:block!important;
}
.modern .stream li .section-text{
max-height: 147px!important;
overflow: hidden!important;
}
.modern .stream li .inner:after {
content:'...';
display:block;
position:absolute;
bottom:0px;
right:0px;
font-weight:bold;
font-size:15px;
}
/* Fascia guida prodotti */
.cards {
display: flex;
display: -webkit-flex;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
align-items: stretch;
-webkit-align-items: stretch;
justify-content: space-between;
-webkit-justify-content: space-between;
margin-bottom: 100px;
color: #fff;
padding: 20px;
}
.card-container {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
width: 45%;
padding: 20px;
}
.card-container:nth-child(1) {
align-items: flex-end;
}
.card-container:nth-child(2) {
width: 55%;
}
.card-image img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.card-content {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 1;
-webkit-flex: 1;
padding: 0;
}
.button-slider-fascia {
width: 230px;
height: 55px;
background-color: #fff;
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #008a7d;
display: flex;
align-items: center;
justify-content: center;
}
.button-slider-fascia:hover {
opacity: 0.6;
color: #008a7d;
}
.cards .card-container p {
margin-bottom: 0 !important;
}
.mgtop-auto {
margin-top: 25px;
}
.fascia-Guida-prodottiC .line-h1 {
background-color: #fff;
}
.fascia-Guida-prodottiC.fascia-Guida-prodotti-testo h1 {
color: #fff;
}
.fascia-Guida-prodottiC.fascia-Guida-prodotti-testo a {
color: #fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
}
.fascia-Guida-prodottiC.fascia-Guida-prodotti-testo .line-Leggi-tutto {
width: 100%;
height: 3px;
margin: 20px 0 10px 0;
border-top: 3px dashed #fff;
}
.fascia-Guida-prodottiC.fascia-Guida-prodotti-testo h2 {
margin-bottom: 35px;
color: #fff;
text-align: left;
}
#content .fascia-Guida-prodottiC.fascia-Guida-prodotti-testo p {
margin-bottom: 20px;
}
#content .fascia-Guida-prodottiC.fascia-Guida-prodotti-testo p:last-child {
margin-bottom: 0;
}
.fascia-Guida-prodotti {
padding: 0;
display: flex;
align-items: flex-start;
margin-bottom: 60px;
position: relative;
height: auto;
}
.fascia-Guida-prodotti-testo {
padding: 60px;
color: #fff;
}
.fascia-Guida-prodottiC {
width: 40%;
min-height: 490px;
height: 100%;
}
.fascia-Guida-prodottiC.fascia-Guida-prodotti-testo {
width: calc(60% + 120px);
margin: 60px 0 0 -120px;
justify-content: center;
display: flex;
flex-direction: column;
font-size: 14px;
}
.testoAppl{
max-height: 200px;
overflow: hidden;
}
.divTestoApplResponsive{
display: none;
}
/* SOLO EXPLORER */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.arealinks .boxnews{
background-color:rgba(0, 0, 0, 0.7)!important;
}
.arealinks .boxnews:nth-child(odd){
background-color:rgba(0, 0, 0, 0.7)!important;
}
.arealinks .boxnews:hover{
background-color:rgba(0, 0, 0, 0.5)!important;
}
.menusx{
display:block;
}
}
/* SOLO EDGE */
@supports (-ms-ime-align: auto) {
.arealinks .boxnews{
background-color:rgba(0, 0, 0, 0.7)!important;
}
.arealinks .boxnews:nth-child(odd){
background-color:rgba(0, 0, 0, 0.7)!important;
}
.arealinks .boxnews:hover{
background-color:rgba(0, 0, 0, 0.5)!important;
}
}
/* FASCIAVIDEO */
.fasciavideo{
background-color:#eee;
height:665px;
padding-top: 70px;
padding-bottom: 50px;
position:relative;
display:flex;
align-items:center;
}
/*
.altr{
margin-bottom: 80px;
}
*/
/* newsletter pagina dettaglio */
.sez-download-blog-dettaglio-lista.sez-newsletter .sez-download-blog-dettaglio-lista-cont {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.sez-download-blog-dettaglio-lista.sez-newsletter .sez-download-blog-dettaglio-lista-cont.namedonline {
justify-content: space-between;
}
.sez-download-blog-dettaglio-lista.sez-newsletter .sez-download-blog-dettaglio-lista-cont .button-slider {
background-color: #006a94;
color: #fff;
transform: none;
top: unset;
left: unset;
bottom: auto;
right: unset;
position: relative;
font-family: 'Poppins', sans-serif;
cursor: pointer;
width: 230px;
margin: 0 0 0 20px;
max-width: 230px;
min-width: 230px;
}
.pg-notizie-dett .titoletto-newsletter {
width: 60%;
padding-right: 20px;
}
.pg-notizie-dett form {
font-size: 10px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.pg-notizie-dett input[type=text], input[type=submit] {
width: 100%;
padding: 12px;
height: 55px;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
margin-bottom: 10px;
min-width: 290px;
}
.pg-notizie-dett form label {
width: 100%;
margin-left: 30px;
}
.pg-notizie-dett .menusx .cerca form label {
margin-left: 0;
}
.pg-notizie-dett .form-newsletter label {
padding-left: 10px;
}
.pg-notizie-dett input[type=checkbox] {
margin-righr: 5px;
}
.pg-notizie-dett input[type=submit] {
color: white;
border: none;
}
.pg-notizie-dett input[type=submit]:hover {
opacity: 0.8;
}
.fasciavideo .flexslider{
padding-bottom:0px;
max-width: inherit;
}
.fasciavideo .col-due{
max-width: 1400px!important;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.fasciavideo .col-due .col-1{
width: 65%;
display:inline-block;
text-align: center;
}
.fasciavideo .col-due .col-2{
width: 30%;
display:inline-block;
text-align: left;
padding-left: 25px;
vertical-align: top;
padding-top: 140px;
position: relative;
}
.fasciavideo p{
width:343px;
margin-left: 0px;
margin-top: 5px;
color:#282828;
}
.fasciavideo .button-slider{
position: relative;
top:0px;
bottom:0px;
margin-top: 20px;
}
.videoWrapper{
position: relative;
padding-bottom: 53%; /* 16:9 */
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.registered{
font-size:60%;
vertical-align:super;
line-height: 5px;
}
.fasciavideo .col-due ul li{
margin-top:15px;
}
.fasciavideo .puntidiforza{
width:40%;
margin-left:55%;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
position:relative;
z-index: 10;
}
.fasciavideo .puntidiforza .uno{
display:inline-block;
width: 45%;
display:flex;
align-items:center;
justify-content: space-between;
margin-top: 30px;
}
.fasciavideo .puntidiforza .uno img{
display:inline-block;
margin-right:20px;
width:60px;
height:60px;
}
.fasciavideo .puntidiforza .uno p{
display:inline-block;
}
.fasciavideo .puntidiforza h1{
color:white;
}
.videoSchedaProdotto .videoWrapper {
position: relative;
padding-bottom: 53%;
height: 0;
}
.videoSchedaProdotto .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
span.socicon{
display:none;
}
.hidden{
display: none!important;
}
.hs-cta-wrapper {
display: block;
height: auto;
margin-bottom: 30px;
}
.hs-cta-wrapper p {
padding: 0 !important;
margin: 0 !important;
}
.pg-notizie #content .col-quattro, .pg-notizie-dett #content .col-quattro{
margin-top:25px;
}
.pg-notizie-dett .sezionedx.blog-dettaglio img {
height: auto !important;
}
.hbspt-form .hs-form-iframe {
width: 100% !important;
}
.pg-notizie .testonews img {
height: auto !important;
}
.box-menu ul.menu-categorie div {
width: 50%;
}
/* PAGINA GRAZIE CONTATTI / REGISTRAZIONE */
.pg-grazie-contatti #virtualtour, .pg-grazie-registrazione #virtualtour{
margin-bottom: 0;
}
.pg-grazie-contatti #virtualtour a, .pg-grazie-registrazione #virtualtour a{
display: none;
}
.pg-grazie-contatti #footer, .pg-grazie-registrazione #footer{
margin-top: 0;
}
.pg-grazie-contatti #virtualtour, .pg-grazie-registrazione #virtualtour{
background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) ), url(../../../img/structure/bg-thank-you.jpg) no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.cont-banner-DifeseImmunitarie {
text-align: center;
background-color: #f6f6f6;
position: relative;
margin: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
height: auto;
background-image: url(../../../img/structure/sfondo-difese-immunitarie.jpg);
justify-content: center;
padding-bottom: 20px;
}
.cont-banner-DifeseImmunitarie img {
margin-right: -22px;
z-index: 2;
}
.blocco-banner-DifeseImmunitarie {
background-color: #fff;
padding: 40px 30px;
width: 480px;
box-sizing: border-box;
z-index: 1;
}
.banner-DifeseImmunitarie {
margin: auto;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.blocco-banner-DifeseImmunitarie h2 {
font-size: 36px;
line-height: 0.9;
padding: unset;
}
#content .blocco-banner-DifeseImmunitarie p {
margin: 20px 0;
font-size: 19px;
font-weight: lighter;
text-transform: uppercase;
line-height: 1.2;
}
.blocco-banner-DifeseImmunitarie .button-request {
margin: auto;
}
/* BANNER MEDIASET PLAY */
.col-1-banner {
height: 360px;
background: url(../../../img/banner-mediasetplay.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #1b1b1b;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.col-1-banner:hover {
opacity: 0.8;
}
.col-1-banner h2 {
color: #fff;
font-size: 42px;
text-transform: uppercase;
font-weight: 800;
line-height: 1;
}
.col-1-banner p {
color: #f0e164;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
padding: 0 18%;
margin-bottom: 0 !important;
}
.bottone-namedplay {
position: absolute;
right: 0;
bottom: 0;
background: url(../../../img/bottone-banner.png);
width: 224px;
height: 224px;
}
/* HOME 2021 */
.container-li.numero-verde {
background-color:#333;
position:relative;
}
.container-li.numero-verde img{
position:absolute;
left:12px;
top:8px;
}
.button-puls .container-li {
padding: 11px 3px 11px 3px;
}
@media screen and (max-width: 1023px) {
.home-2021-nomob {
display: none;
}
.home-2021-pad {
padding:40px 0px;
}
}
@media screen and (min-width: 1024px) {
.home-2021-hero {
display: flex;
}
.home-2021-pad {
padding:100px 0px;
}
}
.home-2021-hero-sx {
flex: 4;
height:600px;
position: relative;
/* background-image: url("../../../img/home/hero-2021.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;*/
}
.video-hero {
position: absolute;
object-fit: cover;
width:100%;
height:100%;
}
@media screen and (max-width: 1023px) {
.home-2021-hero-sx {
height:450px;
}
}
.home-2021-hero-claim {
width: 100%;
height:600px;
display: flex;
align-items: center;
padding: 0px 50px;
position: absolute;
top: 0;
right: 0;
}
.white {
color: white;
text-shadow: -1px 4px 17px rgba(0,0,0,0.74);
}
.line-h1.white {
background-color: white;
}
@media screen and (min-width: 1440px) {
.home-2021-hero-claim {
max-width: 1000px;
margin: 0 0 0 auto;
padding-left: 0px;
}
}
@media screen and (min-width: 1600px) {
.home-2021-hero-claim {
max-width: 85%;
}
}
@media screen and (min-width: 1800px) {
.home-2021-hero-claim {
max-width: 80%;
}
}
.home-2021-hero-claim .cont-h-title {
margin-left: 0px;
margin-bottom: 0px;
max-width: 550px;
padding-top: 0px;
}
@media screen and (max-width: 1023px) {
.home-2021-hero-dx {
display: flex;
flex-direction: row;
}
.home-2021-hero-dx .home-target{
flex: 1;
background: rgb(246,222,49);
text-align: center;
overflow: hidden;
}
.home-2021-hero-dx .home-target:nth-of-type(2n) {
border-style: solid;
border-width: 3px;
border-image: linear-gradient(to bottom, rgba(137,137,137,1) 0%, rgba(254,254,254,1) 27%, rgba(137,137,137,1) 50%, rgba(254,254,254,1) 73%, rgba(137,137,137,1) 100%) 0 100%;
}
.home-2021-hero-dx .home-target h3{
display: table;
width:unset;
color: black;
margin: 10px auto 10px auto;
font-size:20px;
}
}
@media screen and (min-width: 1024px) {
.home-2021-hero-dx {
flex: 1;
height:600px;
display: flex;
flex-direction: column;
}
.home-2021-hero-dx .home-target{
flex: 1;
background: rgb(246,222,49);
background: linear-gradient(0deg, rgba(246,222,49,1) 0%, rgba(255,242,150,1) 100%);
display: flex;
align-items: center;
justify-content: flex-end;
}
.home-2021-hero-dx .home-target:nth-of-type(2n) {
border-style: solid;
border-width: 3px;
border-image: linear-gradient(to left, rgba(137,137,137,1) 0%, rgba(254,254,254,1) 27%, rgba(137,137,137,1) 50%, rgba(254,254,254,1) 73%, rgba(137,137,137,1) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
}
.home-2021-hero-dx .home-target h3{
display: table;
min-width:160px;
color: black;
margin: 0px 30px 0px 10px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1500px) {
.home-2021-hero-dx .home-target img{
width: 64%;
height: auto;
}
.home-2021-hero-dx .home-target h3{
display: table;
width:130px;
color: black;
font-size: 24px;
margin: 0px 30px 0px 10px;
}
}
.home-2021-hero-dx .home-target img{
transform: scale(0.95);
transition: all 0.2s ease;
}
.home-2021-hero-dx .home-target:hover img{
transform: scale(1);
transition: all 0.2s ease;
}
.categoria-home, .categoria-listing {
background-size: cover;
background-position: center center;
vertical-align: bottom;
position: relative;
z-index: 1;
overflow: hidden;
}
.categoria-home:hover, .categoria-listing:hover {
-webkit-box-shadow:inset 0px 0px 0px 10px #f6f6f7;
-moz-box-shadow:inset 0px 0px 0px 10px #f6f6f7;
box-shadow:inset 0px 0px 0px 10px #f6f6f7;
transition: all 0.2s ease;
}
.categoria-home div, .categoria-listing div{
transform: scale(1);
transition: all 0.2s ease;
}
.categoria-home:hover div, .categoria-listing:hover div{
transform: scale(1.1);
transition: all 0.2s ease;
}
.categoria-home:before, .categoria-listing:before {
content:'';
float:left;
padding-top:100%;
}
.categoria-home p, .categoria-listing p {
color:white;
font-weight: bold;
font-size: 20px;
line-height: 20px;
height: 40px;
padding: 0 20px;
}
.categoria-home div, .categoria-listing div {
position:absolute;
text-align: center;
bottom:0px;
width: 100%;
}
.categoria-home div img, .categoria-listing div img {
transform: scale(0.9);
padding-bottom: 20px;
}
.categoria-home img.altre {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
height: 30%;
}
@media screen and (max-width: 1023px) {
.categorie-home {
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.categoria-home {
width:50%;
flex: unset;
}
.categoria-home img, .categoria-listing img{
transform:scale(0.75);
}
.categoria-home p, .categoria-listing p {
color:white;
font-weight: bold;
font-size: 16px;
line-height: 16px;
height: 40px;
padding: 0 10px;
}
.categoria-home.tutte-categorie {
width:100%;
flex: unset;
}
.categoria-home.tutte-categorie p {
margin-bottom: 8px !important;
}
.categoria-home.tutte-categorie:before {
content:'';
float:left;
padding-top:20%;
}
}
@media screen and (min-width: 1024px) {
.categorie-home {
display:flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.categoria-home {
flex: 1;
-webkit-box-shadow:inset 0px 0px 0px 0px #f6f6f7;
-moz-box-shadow:inset 0px 0px 0px 0px #f6f6f7;
box-shadow:inset 0px 0px 0px 0px #f6f6f7;
transition: all 0.2s ease;
}
.categoria-listing {
-webkit-box-shadow:inset 0px 0px 0px 0px #f6f6f7;
-moz-box-shadow:inset 0px 0px 0px 0px #f6f6f7;
box-shadow:inset 0px 0px 0px 0px #f6f6f7;
transition: all 0.2s ease;
}
}
@media screen and (max-width: 1399px) {
.boxed-div.padd {
padding: 0px 30px;
}
}
@media screen and (max-width: 1023px) {
.boxed-div.padd {
padding: 0px 15px;
}
}
.home-video-slider {
width: 100%;
float: left;
margin-right: -100%;
position: relative;
opacity: 0;
z-index: 1;
padding-bottom:20px;
}
.video-slider-half {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
@media screen and (max-width: 1023px) {
.half-video {
margin-bottom: 40px;
}
.home-2021-video-title {
font-size: 30px;
line-height: 32px;
letter-spacing: -1px;
}
}
@media screen and (min-width: 1024px) {
.home-video-slider {
display: flex !important;
}
.video-slider-half {
flex: 1;
}
}
.flex-video-slider .flex-control-nav{
bottom:0px;
}
.flex-video-slider .flex-control-paging li a {
display: block;
height: 5px;
width:20px;
border-radius: 0px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: black;
}
.flex-video-slider .flex-control-paging li a.flex-active {
background: lightgray;
}
a.black-button {
display: inline-block;
min-width: 200px;
background-color: #000;
text-align: center;
padding: 18px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
transition: all 0.5s ease-in-out;
}
.flex-video-slider {
height: unset;
}
.flex-video-slider .flex-direction-nav a {
margin: 0px;
}
.flex-video-slider .flex-direction-nav {
display: inline-block;
}
@media screen and (max-width: 1023px) {
.flex-video-slider .flex-direction-nav {
display: none;
}
.flex-video-slider .flex-direction-nav a {
opacity:1;
width: 40px;
height: 40px;
top:15%;
}
.flex-video-slider .flex-direction-nav .flex-prev {
left:0px;
background-size: 15px;
}
.flex-video-slider .flex-direction-nav .flex-next {
right:0px;
background-size: 15px;
}
}
.home-padx {
padding-left: 40px;
padding-right: 40px;
}
@media screen and (max-width: 1023px) {
.home-links {
flex-wrap: wrap;
}
.home-banner {
width:calc(50% - 20px);
flex: unset !important;
}
.home-padx {
padding-left: 15px;
padding-right: 15px;
}
}
.home-links {
display: flex;
}
.home-banner, .home-icone {
flex:1;
margin: 10px;
text-align: center;
}
.home-banner {
transform: scale(1);
transition: all 0.2s ease-in-out;
}
.home-banner:hover {
transform: scale(0.95);
transition: all 0.2s ease-in-out;
}
.home-icone img, .home-icone h2{
margin-bottom:10px;
}
a.home-icone p{
font-size:14px;
color:#333;
margin-bottom: 0px;
}
a.home-icone:hover p{
color:#333;
}
.home-icone{
transform: translateY(0px);
transition: all 0.2s ease-in-out;
}
.home-icone:hover{
transform: translateY(-10px);
transition: all 0.2s ease-in-out;
}
.home-nl{
text-align: center;
}
.home-nl h3{
color:black;
display: inline-block;
padding: 30px;
transform: translateY(5px);
}
@media screen and (max-width: 1023px) {
.home-nl h3{
padding: 0px 0px 30px 0px;
}
}
/* SEARCH */
.search-container-2021 {
float: right;
color: #8a8a8a;
margin-top: -8px;
}
.search-container-2021 form{
display:flex;
border: 1px solid #e4e4e4;
}
.search-container-2021 input[type=text] {
padding: 10px;
font-size: 14px;
color: #8a8a8a;
border: none;
}
.search-container-2021 button {
font-size: 14px;
cursor: pointer;
background: #fff;
border: none;
padding: 0px 10px;
}
.search-container-2021 button:hover {
background: #efefef;
border: none;
}
.search-container-2021 .fa-search {
font-size: 16px;
color: #8a8a8a;
}
/* SCHEDA PRODOTTO */
.pg-notizie-dett .search-container-2021 input {
margin-bottom: 0;
}
.pg-notizie-dett .search-container-2021 form {
flex-wrap: nowrap;
}
.pg-notizie-dett .search-container-2021 {
margin-top: -15px;
}
.band.band-prodotti {
margin-bottom: 20px;
}
.nav-prodotti {
margin-bottom: 50px;
}
.nav-prodotti a {
color: #282828;
font-weight: 600;
}
@media screen and (min-width: 1024px) {
.scheda-2021 {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.scheda-sx {
padding:10px;
}
@media screen and (min-width: 1024px) {
.scheda-sx {
display: table;
width: 40%;
}
.scheda-sx .immagineprodottospecifico{
position: -webkit-sticky;
position: sticky;
top: 140px;
}
}
.scheda-dx {
padding:10px;
}
@media screen and (min-width: 1024px) {
.scheda-dx {
display: inline-block;
width: 60%;
}
}
.scheda-dx .line-h1{
margin-left:0px;
}
.scheda-dx h2 {
padding-bottom:20px;
text-align: left;
padding-left:0px;
padding-right:0px;
}
.scheda-dx .simboli {
height: 46px;
margin: 20px 0px;
}
.scheda-dx .simboli img {
margin-right:10px;
opacity: 0.6;
}
@media screen and (min-width: 1024px) {
.cta-container {
display:flex;
}
}
.cta-container div{
flex:1;
padding: 40px 0px;
margin: 0 10px;
}
@media screen and (max-width: 1023px) {
.cta-container {
padding: 20px 0px 0px 0px;
}
.cta-container div {
padding: 0px 0px 20px 0px;
}
}
a.cta-acquista{
display: inline-block;
background-color: #ffcf00;
text-align: center;
padding: 18px;
font-size: 12px;
text-transform: uppercase;
color: #282828;
font-weight: 700;
letter-spacing: 2px;
width:100%;
opacity:1;
transition: all 0.3s ease;
}
a.cta-acquista:hover{
color: #282828;
opacity:0.8;
}
a.cta-acquista.black-white{
background-color: #000;
color: #fff;
}
a.cta-acquista.black-white:hover{
color: #ffcf00;
}
.cta-acquista.black-green{
background-color: #efefef;
color: #67a559;
}
a.nuverde{
color:darkgreen;
}
.scheda-tabs {
background:#f6f6f6;
margin: 40px 0px;
}
.scheda-tabs .tabs{
display:flex;
}
@media screen and (min-width: 1024px) {
.scheda-tabs .tabs{
padding: 40px;
}
}
.tab{
cursor: pointer;
padding:10px 20px;
margin:0px 2px;
display:inline-block;
color:#282828;
flex: 1;
border-top: 3px solid #c8c8c8;
font-weight: 600;
}
.panels{
min-height:200px;
width:100%;
overflow:hidden;
padding:40px;
}
.panel{
display:none;
animation: fadein .8s;
}
.panel#two-panel{
text-align: center;
}
.panel#two-panel img{
mix-blend-mode: multiply;
}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
.panel-title{
font-size:1.5em;
font-weight:bold
}
.radio{
display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
color:#282828;
border-top: 3px solid #282828;
}
.disclaimer-black{
display:block;
width:100%;
padding:40px !important;
background-color: #282828;
color: #f6de31;
}
.disclaimer-yellow{
display:block;
width:100%;
padding:40px !important;
color: #282828;
background-color: #f6de31;
margin-bottom:100px !important;
}
/* LISTING PRODOTT */
.listing-prodotti {
display: flex;
flex-wrap: wrap;
margin-bottom: 100px;
width: 100%;
}
@media screen and (max-width: 1023px) {
.listing-prodotti {
padding:0px 5px;
}
}
a.prodotto-listing {
flex:none;
border:1px solid #d1d1d1;
margin: 5px;
text-align: center;
width:calc(50% - 10px);
color: #282828;
transition: all 0.3s ease;
}
a.prodotto-listing:hover {
color: #282828;
transform: translateY(-10px);
}
@media screen and (min-width: 1024px) {
a.prodotto-listing {
margin: 10px;
width:calc(25% - 20px);
}
}
.img-list-container {
position: relative;
}
.img-list-container:after {
content: "";
display: block;
padding-bottom: 100%;
}
.img-list-container img {
position: absolute;
max-width: 100%;
max-height: 100%;
height: auto !important;
left: 0;
right: 0;
margin: auto
}
a.prodotto-listing span {
font-weight: bold;
font-size: 20px;
}
a.prodotto-listing p {
font-weight: 400;
}
a.prodotto-listing span, .prodotto-listing p {
display: block;
width:100%;
padding: 0 15px;
text-align: left;
}
@media screen and (max-width: 1023px) {
a.prodotto-listing span {
padding-bottom: 20px;
}
a.prodotto-listing p {
display:none;
}
}
.home-padx h3{
color:black;
display: inline-block;
padding: 30px;
}
@media screen and (max-width: 1023px) {
.home-padx h3{
padding: 15px;
}
}
/* Reset Select */
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background: #fff;
background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
display: none;
}
/* Custom Select */
.select {
position: relative;
display: inline-flex;
height: 3em;
line-height: 3;
overflow: hidden;
border-radius: .25em;
margin:20px;
}
@media screen and (max-width: 1023px) {
.select {
width: 85%;
}
}
@media screen and (min-width: 1024px) {
.select {
width: 20em;
}
}
select {
flex: 1;
padding: 0 .5em;
color: #282828;
cursor: pointer;
background: #efefef;
}
/* Arrow */
.select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0 1em;
background: #efefef;
cursor: pointer;
pointer-events: none;
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}
/* Transition */
.select:hover::after {
color: #282828;
}
.select select > option {
padding:10px;
}
.nav-prodotti .home-padx{
text-align: center;
}
@media screen and (min-width: 1024px) {
.nav-prodotti .home-padx{
display: contents;
padding:0 20px;
}
}
#footer {
margin-top: 0px;
}
.resp-video-container {
overflow: hidden;
position: relative;
width:100%;
}
.resp-video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.resp-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* PRODUCT SLIDER */
.prod-div-img {
width:100%;
padding-bottom: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slick-slider {
overflow: hidden;
padding-bottom: 40px;
}
.slick-track {
display: flex !important;
}
.slick-slide {
height: auto !important;
}
.slick-prev,
.slick-next{
font-size: 0px;
width: 80px;
height: 80px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 100%;
border: none;
opacity: 0.7;
position: absolute;
top: calc(50% - 40px);
z-index: 999;
}
.slick-slider .slick-prev{
background-image: url(../../../img/structure/slider-arrow-prev.png);
background-repeat: no-repeat;
background-position: center;
opacity: 0;
left: -65px;
transition: all 0.2s ease;
}
.slick-slider .slick-next{
text-align: right;
background-image: url(../../../img/structure/slider-arrow-next.png);
background-repeat: no-repeat;
background-position: center;
opacity: 0;
right: -65px;
transition: all 0.2s ease;
cursor: pointer;
}
.slick-slider:hover .slick-prev {
opacity: 0.7;
left: 0px;
}
.slick-slider:hover .slick-next {
opacity: 0.7;
right: 0px;
}
.slick-slider:hover .slick-prev:hover,
.slick-slider:hover .slick-next:hover{
opacity: 1;
}
/* Dots */
.slick-dots
{
position: absolute;
bottom: 20px;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
height: 5px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
display: block;
height: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: black;
}
.slick-dots li.slick-active button
{
opacity: .25;
color: transparent;
}
/* Categorie Listing */
.categorie-listing {
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.categoria-listing{
width: 20%;
box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
.categoria-listing {
width:50%;
flex: unset;
}
}
/* Links */
a.form-link {
color: #006a94 !important;
}
/* fix-popup mobile */
@media screen and (max-width: 1023px) {
.mfp-content {
vertical-align: top !important;
}
}
.titolo-ricerca {
width: 100%;
margin:60px 20px;
text-align:center;
}
.messaggio-ricerca {
width: 100%;
margin:60px 20px 180px 20px !important;
text-align:center;
}