body { margin: 0 auto; color: #212844; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size:18px; letter-spacing: 1.8px; max-width: 1600px; background-color: #212844;} a { text-decoration: none; color: #212844;} h1,h2,h3,h4,h5,p,ul,li { margin: 0; padding: 0; list-style: none;} /*p { font-size: 15px; line-height: 1.5;}*/p { font-size: 18px; line-height: 1.5;} button { border: none; } .clear { clear: both;} .fff { color: #fff} .ddd { color: #dde5ed} .orange { color: #ffc656; } .padding { padding: 3% 2%!important;} .center { text-align: center;} .upper { text-transform: uppercase;} .italic {font-style:italic;} .container { max-width: 1410px; margin: 0 auto; padding: 0 2%; position: relative;} .container2 { max-width: 950px; margin: 0 auto; padding: 0 2%} .grey { color: #585856;} .opacity { opacity: 0.5;} #masterslider { width: 100%!important; margin: 0 auto!important;} .master-slider-parent{margin-top:100px;} header { background-color: #fff; height: 100px;} body>header{position: fixed;top:0;z-index:9999;width:100%;max-width:1600px;} body.logged-in>header{top:32px;} body>header+.container{margin-top:150px} body>header+.bg{margin-top:100px} body>header+.bg2{margin-top:100px} header > .container{position:static;} header .top-nav { display: none;} header .logo { width: 20%; float: left;} header .logo img { width: 280px; margin-top: 15px;} header .menu { padding: 25px 0 0; width: 80%; float: right; text-align: right;} header .menu li { margin-top: 18px; vertical-align: bottom; display: inline-block; letter-spacing: 2px; font-size: 14px; padding: 0 1%;} header .menu .stop { font-size: 12px; letter-spacing: normal;} header .menu .pdf { float: right;} header .menu .pdf .pdf-img{ width: 23px; vertical-align: top; margin: 13px 5px 0;} header .menu .search { float: right; margin: 0 1%} header .menu .search img{ width: 23px; vertical-align: top; margin-top: 13px} header .menu .pdf2 { float: right; margin: 0;} header .menu .pdf2 .pdf-img{ width: 23px; vertical-align: top; margin: 13px 5px 0;} header .menu .search2 { float: right; margin: 0; } header .menu .search2 img{ width: 23px; vertical-align: top; margin-top: 13px} #slick .slick-slider{padding:0;} #slick .slick-slide{height:auto;} .slick-prev{left:-45px!important;} .slick-next{right:-45px!important;} #slick .data { padding: 0 5%; width: 55%; font-size: 12px; font-weight: bold; font-style: italic; letter-spacing: 1px;} #slick .autore { padding: 0 5%; font-size: 12px; width: 55%; font-weight: bold; letter-spacing: 1px;} #slick .titolo { padding: 0 5%; font-size: 1vw; width: 55%; font-weight: bold; line-height: 1.1; letter-spacing: 1px; margin: 10px 0 5px;} #slick .description { padding: 0 5%; font-size: 14px; width: 78%; letter-spacing: 0.5px; margin: 20px 0 0; line-height: 1.3} #slick .slick-box { width: 95%; margin: 5% 2.5%; background-color: #dde5ed; padding: 9% 0 0; position: relative; } #slick .hover-slick { position: absolute; top: 0; right: 0; height: auto; width: 56%;} #slick .scopri { background-color: #596076; text-align: right; margin-top: 30px; height: 50px; width: 100%;} #slick .scopri img { width: 140px; float: right; margin: 10px 20px 0 0} .scroll-down { position: absolute; z-index: 9998; bottom: 20px; width: 140px; left: 0; right: 0; margin: 0 auto; text-align: center;} .scroll-down img { width: 17px!important;} .scroll-down p { color: #fff; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);} .v { background-image: url(img/v.png); height: 25px; background-position: center; position: absolute; bottom: 0; z-index: 2000; width: 100%;} #chi-siamo-home { color: #fff; background-color: #212844; padding: 3% 0;} #chi-siamo-home .description { font-size: 14px; letter-spacing: 1px; opacity: 0.8; text-align: justify; margin-top: 25px;} #chi-siamo-home p{ font-size: 14px; letter-spacing: 1px; opacity: 0.8; text-align: justify; margin-top: 25px;} #chi-siamo-home .title { width: 50%; float: left; font-size: 60px; letter-spacing: 3px; margin-top: 5px; text-transform: uppercase;} #chi-siamo-home .motto { width: 50%; float: right; text-align: right;} #chi-siamo-home .motto img { display: inline-block;} #chi-siamo-home .motto p { display: inline-block; text-align: left; vertical-align: top; margin: 5px 25px 0; font-size: 23px; max-width: 440px; opacity: 1;} .button-right { transition: all 1s ease 0s; background-color: rgba(221,229,237,0.2); float: right; padding: 10px 15px 8px; margin-top: 10px;} .button-right:hover { background-color: rgba(221,229,237,0.5); } .button-right p { text-transform: uppercase; color: #fff; display: inline-block; vertical-align: top; margin-top: 8px!important; font-size: 12px!important; opacity: 0.9!important} .button-right a { color: #fff;} .button-right img { width: 30px;height: 30px; } #bisogni-home { color: #fff; background-color: #212844; padding: 3% 0;} #bisogni-home .title { width: 50%; float: right; line-height: 0.9; text-align: right; font-size: 65px; letter-spacing: 3px; text-transform: uppercase;} #bisogni-home .motto { width: 50%; float: left; margin-top: 20px; } #bisogni-home .motto img { display: inline-block;} #bisogni-home .motto p { display: inline-block; text-align: left; vertical-align: top; margin: 5px 25px 0; font-size: 23px; max-width: 440px;} #bisogni-home .button-right { position: absolute; right: 0; bottom: 5px} #bisogni-home .grid figure{margin:10px 30px 10px 0;} #bisogni-home .grid figure:nth-child(3n){margin:10px 0 10px 0;} #offerta-home { color: #fff; background-color: #212844; padding: 3% 0;} #offerta-home .title { width: 60%; float: left; line-height: 0.9; font-size: 65px; letter-spacing: 3px; text-transform: uppercase;} #offerta-home .motto { width: 40%; float: right; text-align: right;} #offerta-home .motto img { display: inline-block;} #offerta-home .motto p { display: inline-block; text-align: left; vertical-align: top; margin: 20px 25px 0; font-size: 23px} #offerta-home .grid{text-align:left;} #offerta-home .grid figure{margin:10px 30px 10px 0;} #offerta-home .grid figure:nth-child(3n){margin:10px 0 10px 0;} .grid figure img{min-height:auto;} #opinione-home { color: #fff; background-color: #212844; padding: 3% 0;} #opinione-home .title { float: right; text-align: right; font-size: 55px;} #opinione-home .button-right { float: right;margin-bottom:20px;} #pre-footer { background-color: #383e57; padding: 1% 0;} #pre-footer .cl_33 { width: 33.33%; float: left;} #pre-footer .cl_33 img { width: 80%;} #pre-footer p { color: #fff;font-size:15px;} footer { color: #fff; padding: 2% 10px;} footer p { font-size: 12px; display: inline-block; } footer a {font-size: 12px;display: inline-block;color:#fff;} footer .p-l { width: 40%;} footer .p-r { width: 60%; text-align: right; float: right;} .parentesi100.esig{margin:0;} .esigenze_soddisfatte{color:#f6c763;text-transform: uppercase;margin-bottom:20px;} /*pagina chi siamo*/ .bg { position: relative; background-color: #474e66;} .bg.mobile{display:none;} .bg img { width: 100%;} .bg2 { position: relative; background-color: #474e66; min-height: 300px;} .cl50 { width: 48%; padding: 1%; float: left; margin: 50px 0 70px; overflow: hidden;} .cl50 .title { text-transform: uppercase; font-size: 23px; margin: 10px 0; font-weight: lighter;} .cl50 .description { width: 100%; margin: 20px 0; position: relative;} .cl50 .description img { vertical-align: top; width: 7%; float: left;} .cl50 .description .absolute { position: absolute; bottom: 0;} .cl50 .description p { width: 65%; float: left; text-align: justify; margin: 0 2%;} .cl50 .img-news { height: 100%;} .description-news { text-align: justify;} .description-news ul{margin-left:30px;margin-top:10px;} .description-news ul li{list-style: disc outside;font-size:18px;line-height:1.3;margin-bottom: 10px;word-break: break-word;} .description-news ol{margin-left:30px;margin-top:10px;} .description-news ol li{list-style: decimal outside;font-size:18px;line-height:1.3;margin-bottom: 10px;} .titolo { font-size: 65px; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 30px;} .testo { font-size: 16px; text-align: justify; margin-bottom: 60px;} .parentesi { margin: 30px 0;} .parentesi img { display: inline-block; height: 60px;} .parentesi p { display: inline-block; text-align: left; vertical-align: top; margin: 5px 15px 0; font-size: 33px; letter-spacing: 4px;} .testo ul{margin-left:30px;margin-top:10px;} .testo ul li{list-style: disc outside;font-size:18px;line-height:1.3;margin-bottom: 10px;} .testo ul.alfabeto{counter-reset:list;padding-left:40px;} .testo ul.alfabeto li{list-style:none;margin-bottom:10px;} .testo ul.alfabeto li:before{content:counter(list, lower-alpha) ") ";counter-increment:list;position:absolute;margin-left:-30px;} .download_box { transition: all 0.25s ease 0s; background-color: rgba(221,229,237,0.15); width: 47%; padding: 1%; float: left;} .download_box:hover { background-color: rgba(221,229,237,0.3) } .download_box.r { margin: 1% 0 1% 1%; } .download_box.l { margin: 1% 1% 1% 0; } .download_box .pdf { display: inline-block; margin-top: 5px;} .download_box p { display: inline-block; vertical-align: top; font-size: 20px; margin: 14px 0 0 2%; } .download_box .arrow { display: inline-block; width: 20px; vertical-align: top; margin-top: 23px} /*pagina la squadra*/ .box5 { text-align: center; width: 17%; margin: 0 3% 0 0; float: left;} .box5 img { width: 104px; margin-bottom: 20px; } /*.box5 p { text-align: justify; }*/ .box5 p { text-align: left; } .divisorio { background-image: url(../images/px.png); height: 10px; width: 100%; margin: 60px 0;} .name { float: left; width: 31.33%; position: relative; margin: 20px 2% 40px 0; min-height:130px;} .name p { font-size: 16px; } .name img { float: right; position: absolute; top: 0; right: 0;} /*pagina offerta*/ .titolo.width { width: 75%; float: left; } .box-icon { background-color: #2b324d; width: 100%; padding: 10px 0 25px 0; margin-bottom: 80px;} .box-icon .box { /*width: 16%;*/ width:20%; float: left;} .box-icon .box p { text-transform: uppercase; font-size: 13px;} .parentesi100 { width: 98%; position: relative; margin: 0 1%;} .parentesi100 .p_l { position: absolute; top: 0; left: 0; height: 60px;} .parentesi100 .p_r { position: absolute; top: 0; right: 0; height: 60px;} .parentesi100 .icon { width: 60px; margin: 0 1.8% 0 2.8%; float: left;} .parentesi100 h3 { font-size: 35px; font-weight: lighter; letter-spacing: 3px; display: inline-block; margin-top: 10px} .parentesi100 .divisorio { margin: 40px 0 35px;} /*pagina overview offerta*/ .box-offerta { width: 100%; position: relative; margin: 20px 0 60px; overflow: hidden;} .box-offerta .poligono { position: absolute; top: 0; right: 0; } .box-offerta .icon { position: absolute; top: 20px; right: 35px;} .box-offerta .text-offerta { width: 77%; padding: 0.1% 0 1% 2%} .box-offerta .text-offerta .margin-left { margin-left: 1%; margin-bottom: 20px; margin-top: 6px} .blu1 { background-color: #474e66;} .blu { background-color: #343b55;} .box-offerta .p_point { margin: -5px 0 30px 18px; } .box-offerta i { float: left; width: 18px; font-size: 12px; } /*pagina contatti*/ .box-contatti { width: 100%; position: relative; margin: 20px 0 60px; overflow: hidden; min-height: 500px} .box-contatti .poligono { position: absolute; top: 0; right: 0; width: 32%; height: 100%;} .box-contatti .sede { position: absolute; top: 0; right: 15px; width: 24%;} .box-contatti .sedeimg { width: 20%; float: left; margin: 50px 0 0; } .box-contatti .sede p { width: 70%; float: left; margin: 50px 0 0; font-size:15px; } /* .box-contatti .sede p .tipo:before{content:url('img/tipo_sede.png');position:absolute;left:0;margin-top:-10px;} .box-contatti .sede p .telefono:before{content:url('img/telefono_sede.png');position:absolute;margin-top:-5px;left:0;} */ .box-contatti .sede p .tipo:before {background-size:contain!important;content:"";position:absolute;display:inline-block;left:0;margin-top:-10px;width:40px;height:56px;background:url(img/tipo_sede.png) no-repeat center center transparent;} .box-contatti .sede p .telefono:before {background-size:contain!important;content:"";position:absolute;display:inline-block;left:0;margin-top:-5px;width:33px;height:32px;background:url(img/telefono_sede.png) no-repeat center center transparent;} .text-contatti { width: 65%; padding: 2% 1% ;} /*.text-contatti .campo { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; width: 41.67%; margin: 13px 2%; float: left; padding: 14.4px 2%; background-color: transparent; border: 1px solid #fff; color: #fff;}*/ .text-contatti .campo {font-size: 14px;letter-spacing: 1px;width: 100%;margin: 0;float: left;padding: 14.4px 2%;background-color: transparent;border: 1px solid #fff;color: #fff;min-height: 48px;box-sizing: border-box; margin-bottom: 5px;} .text-contatti select.campo{color:#aaadb8;} .text-contatti select.campo option{color:#000;} .text-contatti p { margin: 10px 0 10px 2%;} .text-contatti .codice { vertical-align: top; width: 30%; background-color: #ccc; height: 50px; margin-top: 20px; margin-left: 2%; float: left; } .text-contatti .inserisciilcodice {background-color: transparent; margin: 0 1%; width: 30%; margin-top: 20px; text-align: center; font-size: 15px; color: #fff; vertical-align: top; display: inline-block; border: 1px solid #fff; padding: 14px 1%; text-transform: uppercase;} .text-contatti .button-right { width: 180px; text-align: center; padding: 10px 2% 5px ; margin-top: 20px;} .text-contatti .button-right p { margin-top: 8px;} .text-contatti .wpcf7-submit{border: none;color: #fff;text-transform: uppercase;opacity: 0.9;font-size: 13px;padding: 10px 0 10px 2%;letter-spacing: 2px;min-height: 48px; cursor: pointer;} .informativa a{text-decoration:underline;} .wpcf7-form-control-wrap{width:45.67%;margin:13px 2%;display:inline-block;} .wpcf7-form-control-wrap.nome input{text-transform:capitalize;} .wpcf7-form-control-wrap.cognome input{text-transform:capitalize;} .wpcf7-form-control-wrap.messaggio{width:100%;margin:0;} .wpcf7-form-control-wrap.accettazione{width: auto!important;margin: 0;} input[name="accettazione"]{margin: 7px 10px 70px 0;float: left;} .wpcf7-form-control-wrap.captcha-1{display:inline;width:auto;margin:0;} .wpcf7-captchac{margin-top:20px;min-height:48px;width:auto;} span.wpcf7-not-valid-tip{margin:5px;color:#f6c763;} div.wpcf7-validation-errors{border:1px solid #fff;max-width:890px;color:#f6c763;} div.wpcf7-mail-sent-ok{border: 1px solid #f6c763;color:#f6c763;padding:15px;max-width:890px;} .codice_invia{margin:13px 2%;} .wpcf7-list-item.first{text-transform:inherit;font-size:18px;color:#ddd;opacity:1;margin:0;} .styled-select { height: 29px; overflow: hidden; width: 100%;} .styled-select select { color: #ccc; background: transparent; border: none; font-size: 13px; letter-spacing: 1px; height: 29px; padding: 5px; width: 100%; } .styled-select.slate { border: 1px solid #fff; background: url(../images/a.png) no-repeat right center; height: 45px; float: left; width: 45.7%; margin: 13px 2%; background-color: transparent;} .styled-select.slate select { text-transform: uppercase; height: 45px; width: 109%; } .slider-container { overflow: hidden; position: relative; height: 500px; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;cursor: all-scroll; } textarea { width: 91.6%; margin: 13px 2% 10px; font-size: 14px; letter-spacing: 1px; font-family: arial; padding: 2%; background-color: transparent; border: 1px solid #fff; color: #fff;} /*hide-show*/ .btnmore {position: absolute; top: 10px; right: 30px; width: auto; cursor:pointer; } .btnmore .open { height: 40px; width: 40px; } .btnmore img { background-image: url(img/arrow-close.svg); height: 40px; width: 40px; } .text_open { text-align: left; line-height:20px; width: 100%; } .text_open p { font-size: 18px; margin: 50px 0 0 0; text-align: justify; } .text_open ul{margin-left:30px;margin-top:10px;} .text_open ul li{list-style: disc outside;font-size:18px;line-height:1.3;margin-bottom: 10px;} .text_open ol{margin-left:0;margin-top:10px;} .text_open ol li{list-style: decimal outside;font-size:18px;line-height:1.3;margin-bottom: 10px;} .text_open img{width:100%;height:auto;} /*pagina opinioni*/ #opinioni { text-align: left;} #opinioni .opinioni_box { vertical-align: top; width: 31.33%; margin: 0.5%; display: inline-block; position: relative; background-color:#dde5ed; min-height: 355px; } #opinioni .data { text-align: left; padding: 30px 5% 10px; width: 55%; font-size: 12px; font-weight: bold; font-style: italic; letter-spacing: 1px;} #opinioni .autore { text-align: left; padding: 0 5%; font-size: 12px; width: 55%; font-weight: bold; letter-spacing: 1px;} #opinioni .title { text-align: left; text-transform: none; padding: 0 5%; font-size: 20px; width: 55%; font-weight: bold; line-height: 1.1; letter-spacing: 1px; margin: 10px 0 5px;} #opinioni .description { text-align: left; padding: 0 5%; font-size: 14px; width: 78%; letter-spacing: 0.5px; margin: 20px 0 0; line-height: 1.3} #opinioni .slick-box { width: 95%; margin: 5% 2.5%; background-color: #dde5ed; padding: 9% 0 0; position: relative; } #opinioni .hover-slick { position: absolute; top: 0; right: 0; height: auto; width: 50%;} #opinioni .scopri { position: absolute; z-index: 2; background-color: #596076; text-align: right; margin-top: 30px; height: 50px; width: 100%; bottom:0;} #opinioni .scopri img { transition: all 0.25s ease 0s; width: 140px; float: right; margin: 10px 20px 0 0} #opinioni .scopri img:hover { opacity: 0.6; } #opinioni .succ { margin-top: 30px;} #opinioni .succ .par { display: inline-block; height: 60px;} #opinioni .succ .first { display: inline-block; vertical-align: top; margin-top: 20px; text-transform: uppercase; font-size: 13px; opacity: 0.5;} #opinioni .succ .arr { height: 30px; vertical-align: top; margin: 15px 0.5%;} #opinioni .succ .number { display: inline-block; margin: 20px 1% 0; vertical-align: top; font-size: 13px;} @media screen and (max-width: 1280px){ /*body{width:auto;margin:8px;}*/ #slick .slick-slider{padding:0 3%;} .slick-prev{left:0px!important;} .slick-next{right:0px!important;} } @media screen and (max-width: 1280px){ .grid figure{margin:10px 0.5%!important;} } @media screen and (max-width: 1126px){ .menu { display: none;} #chi-siamo-home .title { width: 100%; text-align: center; float: none;} #chi-siamo-home .motto { width: 100%; float: none; text-align: center; margin-top: 20px;} #chi-siamo-home .description { text-align: center;} .button-right { float: none; width: 180px; margin: 20px auto; text-align: center;} #chi-siamo-home .motto p { text-align: center;} #bisogni-home .motto p { text-align: center;} #bisogni-home .motto { width: 100%; text-align: center; float: none;} #bisogni-home .title { width: 100%; text-align: center; float: none; margin-top: 20px;} #bisogni-home .button-right { position: relative;} #offerta-home .title { width: 100%; text-align: center; float: none;} #offerta-home .motto { width: 100%; text-align: center; float: none; margin-top: 20px;} #opinione-home .button-right { float: none;} #opinione-home .title { float: none; width: 100%;text-align: center;} footer .p-l { width: 100%; float: none; text-align: center;} footer .p-r { width: 100%; float: none; text-align: center;} #slick .hover-slick { width: 200px;} #slick .titolo { font-size: 2vw} /*page*/ .titolo { width: 100%; text-align: center; font-size: 60px;} .testo { text-align: left;} .parentesi { text-align: center; width: 100%;} .download_box { width: 85%; float: none; margin: 10px auto!important} .container-b { text-align: center;} .box5 { float: none; width: 30.33%; display: inline-block; margin: 20px 1%; vertical-align: top;} /*.box5 p { text-align: center;}*/ .box5 p { text-align: left;} .titolo.width { width: 100%;} .titolo.width { margin-bottom: 10px!important} .button-right.offerta { clear: both; width: 97%; padding: 15px 0 10px; } #opinioni .opinioni_box { width: 47.6%;} .box-offerta .poligono { display: none;} .box-offerta .icon { top: 15px; right: 15px; width: 80px;} .box-offerta .text-offerta { width: 96%; padding: 0.1% 2% 1%} .text-contatti .button-right { float: left; clear: both; margin-left: 2%} .text-contatti .campo { width: 91.67%} .styled-select.slate { width: 95.6%} .text-contatti .codice { width: 45%;} .text-contatti .inserisciilcodice { width: 45%;} .box-contatti .sedeimg img { width: 100%;} } @media screen and (max-width: 868px){ #slick .hover-slick { width: 180px;} #slick .titolo { font-size: 16px} #pre-footer .cl_33 { width: 100%} #pre-footer .cl_33 img { width: 280px;} #offerta-home .title { font-size: 40px;} #bisogni-home .title { font-size: 40px;} #chi-siamo-home .title { font-size: 40px;} #opinione-home .title { font-size: 40px;} #chi-siamo-home .motto p { font-size: 16px; opacity: 0.9;} #bisogni-home .motto p { font-size: 16px; opacity: 0.9;} #offerta-home .motto p { font-size: 16px; opacity: 0.9;} #opinione-home .motto p { font-size: 16px; opacity: 0.9;} /*page*/ .download_box { width: 95%;} .download_box p { font-size: 15px; margin: 18px 0 0 2%} .parentesi p { font-size: 3vw;} .parentesi img { height: 6.7vw} .box5 { width: 47%;} .name { width: 45.33%; position: relative; margin: 20px 4% 40px 0;} .name img { display: none;} .box-icon { text-align: center; vertical-align: top;} .box-icon .box {width: 32%; float: none; display: inline-block; margin: 10px 0;} .parentesi100 h3 { font-size: 3vw; margin-top: 16px;} .text_open p { font-size: 15px;} .text_open ul li { font-size: 15px;} .text_open ol li { font-size: 15px;} .parentesi100 .icon { width: 50px; margin-top: 10px;} .box-offerta .parentesi { margin: 100px 0 10px; } .box-offerta .text-offerta { text-align: left;} .box-offerta .text-offerta .margin-left { margin-left: 0;} .box-offerta .icon { margin: 0 auto; left: 0; right: 0;} .box-offerta i { float: none; width: 100%; text-align: center;} .box-offerta .p_point { margin: 10px auto; text-align: center;} .cl50 { width: 90%; padding-top: 30px; margin: 0 auto; float: none; text-align: center;} .cl50 .img-news { width: 80%; margin-bottom: 50px;} .cl50 .description p { text-align: center; width: 86%;} .cl50 .description { margin-top: 20px; margin-bottom: 0;} .cl50 .description img { width: 5%;} .cl50 .description .absolute { position: relative;} .description-news { text-align: left;} .box-contatti .sedeimg { display: none;} .box-contatti .sede p { width: 100%; margin: 20% 0} .text-contatti .codice { width: 80%;} .text-contatti .inserisciilcodice { width: 55%; margin-left: 2%} } @media screen and (max-width: 530px){ body>header+.container{margin-top:80px;} #chi-siamo-home .motto img {display: none;} #bisogni-home .motto img {display: none;} #offerta-home .motto img {display: none;} #slick .slick-box { width: 85%; margin: 0 auto} .slick-slide { margin: 30px 0;} .slick-prev, .slick-next { width: 27px!important;} #pre-footer p { font-size: 12px; padding: 0 2%; margin-bottom: 20px;} footer { padding: 6% 4%;} footer .p-l, footer .p-r { font-size: 10px} /*page*/ .titolo { font-size: 28px; margin-top: 30px;} .parentesi img { display: none;} .parentesi p { text-align: center; font-size: 16px;} .download_box { text-align: center;} .download_box p { font-size: 13px; margin: 20px 0 0 2%} .download_box .pdf { display: block; margin: 10px auto -15px} .download_box .arrow { vertical-align: bottom; margin-top: -2px;} .box5 { width: 97%;} .name { text-align: center; width: 98%; position: relative; margin: 20px 1%} /*.box-icon .box {width: 80%; float: none; display: inline-block; margin: 10px 0;}*/ .box-icon .box {width: 28%; float: none; display: inline-block; margin: 10px 0;vertical-align: middle;} .box-icon .box img{max-width: 70px;} .box-icon .box p{font-size:8px;} .parentesi100 { text-align: center;} .parentesi100 .p_l,.parentesi100 .p_r { display: none;} .parentesi100 h3 { font-size: 20px; width: 100%; margin-top: 0;} .btnmore { text-align: center; background-color: #2b324d; width: 100%; right: 0; top: -55px; padding-top: 8px;} .text_open p { margin: 20px 0; text-align: left;} .parentesi100 .divisorio { margin: 20px 0 70px} .parentesi100 .icon { float: none;} #opinioni .opinioni_box { width: 98%; margin: 10px 0.5%} #opinioni .succ .par { display: none;} .cl50 .img-news { width: 96%;} .text-contatti { width: 98%; text-align: center;} .box-contatti .poligono { display: none;} .box-contatti .sede {position: relative; text-align: center; width: 90%; margin: 0 auto; right: 0;} .box-contatti .sede p { margin: 10px 0; border-top: 2px solid #ccc; padding: 20px 0 0} .text-contatti .codice { float: none; margin: 0 auto; } .text-contatti .inserisciilcodice {float: none; margin: 20px auto; display: block;} .text-contatti .button-right { float: none; margin: 20px auto} .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { top: 45%!important} .box-contatti .sede p .tipo:before {width:20px;height:28px;} .box-contatti .sede p .telefono:before {width:25px;height:25px;} figure.effect-goliath ul{padding-left:30px!important;} .name {min-height:inherit;} .description-news img{max-width:100%!important;height:auto!important;} .description-news ol {margin-left:0px;} } @media screen and (max-width: 390px){ header .logo img { width: 200px; margin-top: 23px;} #opinioni .succ .first { display: none;} } .fff{color:#fff;} /* MEGAMENU */ #mega-menu-wrap-primary{float:right;margin-top:18px;clear:none;background:transparent;margin-right:130px;position:static;} #mega-menu-wrap-primary #mega-menu-primary{position:static;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{margin-top:18px;vertical-align:bottom;display:inline-block;letter-spacing:2px;margin-left:10px;position:static;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{text-decoration:none;color:#212844;font-size:16px;position:relative;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before{content:"//";margin-right: 30px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link:before{display:none;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{color:#212844;background:transparent;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{color:#212844;background:transparent;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {color:#212844;background:transparent;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link::after {content:''!important;position:absolute;bottom:0;left:0;width:100%;height:2px;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,7db9e8+25,7db9e8+75,ffffff+75,ffffff+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 20%, #596076 20%, #596076 95%, #ffffff 95%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 20%,#596076 20%,#596076 95%,#ffffff 95%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 20%,#596076 20%,#596076 95%,#ffffff 95%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:first-child > a.mega-menu-link::after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,7db9e8+25,7db9e8+75,ffffff+75,ffffff+100 */ background: #596076; /* Old browsers */ background: -moz-linear-gradient(left, #596076 0%, #596076 90%, #ffffff 90%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #596076 0%, #596076 90%,#ffffff 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #596076 0%, #596076 90%,#ffffff 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout:last-child > a.mega-menu-link::after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,7db9e8+25,7db9e8+75,ffffff+75,ffffff+100 */ background: #596076; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 35%, #596076 35%, #596076 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 35%, #596076 35%, #596076 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 35%, #596076 35%, #596076 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-current-menu-item > a.mega-menu-link::after { visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1); } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-current-menu-ancestor > a.mega-menu-link::after { visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1); } #mega-menu-wrap-primary::before, #mega-menu-wrap-primary #mega-menu-primary::before, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu::before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item::before, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link::before, #mega-menu-wrap-primary::after, #mega-menu-wrap-primary #mega-menu-primary::after, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu::after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item::after, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link::after {display:block;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:after{content:''!important;position:absolute;bottom:0;left:0;width:100%;height:2px;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,7db9e8+25 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 20%, #596076 20%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 20%,#596076 20%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 20%,#596076 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#596076',GradientType=1 ); /* IE6-9 */} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a.mega-menu-link:focus{background-color:#fff;color:#596076;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover:after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);} .single-post #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(3) > a.mega-menu-link:after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);} .pdf_ricerca{position: absolute;right: 50px;top: 30px; } .pdf2 { float: right; margin: 0;} .pdf2 .pdf-img{ width: 23px; vertical-align: top; margin: 13px 5px 0;} .search2 { float: right; margin: 0 0 0 5px; } .search2 #bottone_cerca img{ width: 23px; vertical-align: top; margin-top: 13px; margin-left: 10px;} .ricerca-header{background-color: #fff;} .ricerca-header input[type="text"]{text-transform: uppercase;font-size: 14px;letter-spacing: 1px;width: 100%;margin: 0;float: left;padding: 14.4px 5% 14.4px 2%;color: #fff;min-height: 48px;box-sizing: border-box;display: inline-block;z-index: 1;position: relative;background-color: #383e57;border:1px solid #fff;box-shadow:none;} .ricerca-header input[type="text"]:required:invalid{outline:none;} .ricerca-header input[type="submit"]{position:absolute;right: 0;z-index: 2;height: 48px;width: 48px;background-color: rgba(221,229,237,0.2);border: none;color: #fff;cursor: pointer;} .ricerca-header.con_menu{position:relative;top:62px;} /*#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link::after{display:none!important;}*/ /*.mega-sub-menu{width:320px!important;margin-left:20px!important;}*/ .mega-sub-menu{width:100%!important;position:absolute!important;left:0!important;top:100%!important;background-color:#fff!important;text-align:center!important;padding:10px 0!important;} .mega-sub-menu li.mega-menu-item{display:inline-block!important;margin:0 10px!important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background:#fff;color:#212844;text-align:left;font-size:14px;text-transform:inherit;letter-spacing:2px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#596076;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{background-color:#fff;color:#596076;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);} /*#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout.mega-current-menu-ancestor ul.mega-sub-menu{opacity:1!important;visibility:visible!important;margin-top:0;}*/ #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout.mega-current-menu-ancestor ul.mega-sub-menu { opacity: 1 !important; visibility: visible !important; margin-top: 0; transform: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; } #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout.mega-current-menu-ancestor ul.mega-sub-menu .mega-current-menu-item a.mega-menu-link:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);} /* DATE PICKER */ .ui-widget {font-family:'Arial';} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: 'Arial';} /* RICHIEDI INFO */ #richiedi_info{background:#212844;} #richiedi_info .text-contatti{width:95%;} #richiedi_info .text-contatti .wpcf7-submit{width:auto;padding:10px 2% 10px 2%;} #richiedi_info .wpcf7-form-control-wrap{width:100%;margin:5px 1%;} /* PAGINAZIONE */ .pagination{margin-top:30px;} .page-numbers{display:inline-block;margin:20px 1% 0;vertical-align:top;font-size:13px;color:#fff;} .next,.prev{margin:0 1%;} .page-numbers.current{color:#ffc656;} .page-numbers.current:before{content:'[';margin-right:5px;} .page-numbers.current:after{content:' ]';margin-left:0;} .first{display:inline-block;vertical-align:top;margin-top:20px;text-transform:uppercase;font-size:13px;color:#dde5ed;opacity:0.5;} .par{display:inline-block;height:60px;} .arr{height:30px;vertical-align:top;margin:15px 0.5%;} /* ##### RESPONSIVE ##### */ @media screen and (max-width: 1600px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:13px;letter-spacing:1.2px;} } @media screen and (max-width: 1200px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size:13px;letter-spacing:1px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before{margin-right:12px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background: #fff;color: #212844;font-size: 12px;text-align: center;letter-spacing: 0px;} } @media screen and (max-width: 1080px){ header .logo img{width:235px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding:0px 0px 0px 5px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:12px;letter-spacing:1.2px;padding:0;} .parentesi100 h3{font-size:32px;} .name p{font-size:12px;} .mega-toggle-on .mega-menu-link:after{-webkit-transform:scaleX(1)!important;transform:scaleX(1)!important;visibility:visible!important;} .mega-toggle-on .mega-sub-menu{z-index:1000!important;} } @media screen and (max-width: 900px){ .mega-sub-menu{width:130%!important;} } @media screen and (max-width: 990px){ header{height:auto;} header .logo img {margin-top:12px;margin-bottom:12px;} .pdf_ricerca {right: 10px;top:18px;z-index:101;} .search2 #bottone_cerca img{width: 20px;margin-left:0px;} .pdf2 .pdf-img {width: 20px;margin:13px 2px 0 0;} #mega-menu-wrap-primary{margin-right:0;right:0;position: absolute;top: 23px;margin: 0;} #mega-menu-wrap-primary .mega-menu-toggle{z-index: 100!important;position: relative;background-color: transparent!important;padding-right: 80px;} #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after{display: none;} #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:before {color:#212844;} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{display:block;position:relative;right:0;z-index:999999;background-color:#fff;width:100%;left:0;padding-top: 20px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{width:100%;margin-left:0;margin-top:0;border-top:1px solid rgba(0,0,0,0.2);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{text-align:center;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before{display:none;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item .mega-sub-menu{margin-left:0 !important;padding: 0;width: 100% !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{position:relative!important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{display:block!important;border-bottom:1px solid #666!important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child{border-bottom:none!important;} } @media screen and (max-width: 550px){ header .logo img{width:145px!important;margin-top:16px!important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > a.mega-menu-link::after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,7db9e8+25,7db9e8+75,ffffff+75,ffffff+100 */ background: #596076!important; /* Old browsers */ background: -moz-linear-gradient(left, #596076 35%, #596076 35%, #596076 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #596076 35%, #596076 35%, #596076 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #596076 35%, #596076 35%, #596076 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596076', endColorstr='#596076',GradientType=1 ); /* IE6-9 */ } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-weight:bold !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{padding:0!important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {display: block!important;border-bottom: none!important;background-color: #dde5ed !important;padding: 0 !important;margin: 0 !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child{border-bottom:none!important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: transparent;} #chi-siamo-home .motto img {display: inline-block;max-width:18px;} #chi-siamo-home .motto p {width:80%;margin-left:0;margin-right:0;} #bisogni-home .motto img{display: inline-block;max-width:18px;} #bisogni-home .motto p {width:80%;margin-left:0;margin-right:0;} #offerta-home .motto img{display: inline-block;max-width:18px;} #offerta-home .motto p {width:80%;margin-left:0;margin-right:0;} .parentesi img{display: inline-block;max-width:18px;min-height:35px;height: auto;} .parentesi p{width:80%;margin-left:0;margin-right:0;} .bg{display:none;} .bg.mobile{display:block;margin-top:0;} .page-template-contatti .bg{display:block;} .box-contatti .sede span{padding: 0 35px;} footer a{font-size:9px;} .single-post .cl50 .description .absolute{position:absolute;right:10px;} .button-right{padding-left:0;} .button-right p{overflow:visible;width:90px;} .button-right.offerta p {overflow: visible;width: 210px;padding-right:20px;} .container2{position: relative;overflow: hidden;} .container2 p{max-width:100%;overflow: hidden;} } @media screen and (max-width: 320px){ #mega-menu-wrap-primary{top:15px;} .pdf_ricerca{top:10px;} header .logo img{width:135px!important;margin-top:16px!important;} } /*######################### V2 #####################*/ .cc_container{font-family:'Arial';} .cc_container .cc_btn, .cc_container .cc_btn{color:#fff;background-color:#383e57;-webkit-border-radius:0;border-radius:0;border:1px solid;} #chi-siamo-home .motto p{text-align:center;} #bisogni-home .motto p{text-align:center;} #offerta-home .motto p{text-align:center;} #slick .slick-box{min-height:305px;} #slick .slick-box .scopri{position:absolute;z-index:2;bottom:0;} /* REGISTRAZIONE */ #registrazione{text-align:left;} #registrazione .wpcf7-list-item{font-size:12px;margin:10px 0 10px 2%;} #registrazione .wpcf7-list-item input[name="accettazione"] {margin:7px 10px 20px 0;} #registrazione .informativa{font-size:12px;} #registrazione #iscriviti{top:12px;} /*width: 100%; text-align: center; padding: 10px 2% 5px; transition: all 1s ease 0s; background-color: rgba(221,229,237,0.2); float: left; position: relative; top: 12px;*/ #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label{color:#212844;}