/* Theme Name: SAN NICOLO' Theme URI: Author: IHAD S.r.l. Author URI: https://www.ihad.it/ Description: Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: https://www.cam-monza.com */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); /* 1.0 RESET ============= */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} address { font-style: normal;} body { line-height:1; font-family: 'Roboto', sans-serif;} button { font-family: 'Roboto', sans-serif; } article,aside,details, figcaption,figure,footer, header,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#007198; text-rendering: geometricPrecision;} ins { background-color:#ff9; color:#000; text-decoration:none;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} input, select { vertical-align:middle; border-radius: none;} ul { display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;} /* 1.1 GENERAL */ .wrap { width: 1180px; position: relative; display: block; margin: 0 auto; padding: 0; } .inwrap { width: 100%; position: relative; display: inline-block; margin: 0; padding: 0; } .full { width: 100%; display: inline-block; margin: 0 0 0 0; z-index: 999999; position: relative;} .mobileview { display: none; } .tabletview { display: none; } #breadcrumbs { font-size: 12px; color: #D0D0D0; position: relative; text-align: right; display: inline-block; width: 100%; margin-top: 15px;} #breadcrumbs a { color: #D0D0D0;} #breadcrumbs span { font-size: 12px; color: #D0D0D0; clear: none; width: auto; text-align: left; display: inline-block; font-weight: 400;} html { scroll-behavior: smooth; } /* 1.1.1 COLORI DI BACKGROUND */ .white { background-color: #ffffff;} .blue { background-color: #007198;} .grey { background-color: #F8F8F8;} /* 1.1.2 COLONNE */ .col-left { position: relative; margin: 0; padding: 0; display: block; float: left;} .col-right { position: relative; margin: 0; padding: 0; display: block; float: right;} .col-3 { width: 33.33334%; float: left; padding: 0 15px; box-sizing: border-box;} .inleft, .inright { width: 50%; float: left; box-sizing: border-box;} .big { width: 780px;} .small { width: 360px;} .small img { max-width: 100%; height: auto; } .biggest { width: 850px; position: relative; margin: 0; padding: 0; float: right; display: block;} .smallest { width: 290px; position: relative; margin: 0; padding: 0; float: left; display: block;} /* 1.1.3 MARIGINI E PADDING*/ .margin-underbanner { margin-top: 826px !important;} .margin-undereverybanner { margin-top: 426px !important;} .margin-searchbanner { margin-top: 295px !important;} .nomargin { margin-top: 0 !important; padding: 50px 0 !important;} .margin75 { margin-top: -75px !important;} .paddingstandard { padding: 100px 0 !important;} .paddinghalf { padding: 50px 0 !important;} .paddingstandardtop { padding-top: 100px !important; } .paddinghalftop { padding-top: 50px !important; } .paddingstandarddown { padding-bottom: 100px !important; } .paddinghalfdown { padding-bottom: 50px !important; } /* 1.1.4 RESET */ .reset { clear: both; } .h { height: 25px;} .hh { height: 50px;} .hhh { height: 75px;} .hhhh { height: 100px;} .esamidilaboratorio .hh { height: 42px;} /* 1.1.5 TASTI */ .tasto { color: #fff; background-color: #007198; padding: 10px 15px; border: none;} input[type=search] { border: 1px solid #007198; padding: 10px 15px; width: 100%; } .txtxgrey { color: #D0D0D0;} .condividi { border: 1px solid #007198; width: 140px; float: right; margin: 25px 0 0 0; position: relative; height: 40px; transition: all .5s;} .condividi .singlesocial { position: absolute; top: 0; height: 40px; right: 0;} .condividi .condividi_in { background: #fff; position: absolute; top: 0; left: 0; width: 140px; height: 40px; transition: all .5s;} .condividi:hover { width: 300px; background-color: #007198;} .condividi:hover > .condividi_in { background: #007198; color: #fff;} .condividi:hover > .condividi_in p { color: #fff !important;} .condividi:hover > .condividi_in i { color: #fff !important;} .condividi .wp-share-button { margin: 0 !important;} .condividi .condividi_in i.fa-share-alt { position: absolute; top: 6px; left: 15px; font-size: 24px; color: #007198;} .condividi .condividi_in p { position: absolute; top: 10px; left: 60px; transition: all .5s; margin-bottom: auto; line-height: normal !important; font-size: 14px !important;} .condividi span { clear: none !important; width: auto !important; font-size: 20px !important; margin: auto !important;} .wp-share-button.theme29 .share-button, .wp-share-button.theme29 .share-button-more { margin: 3px 0 0 !important; width: 35px !important; height: 35px !important; color: #fff !important; background: transparent;} .wp-share-button.theme29 .linkedin { position: absolute; right: 30px; top: -2px;} .wp-share-button.theme29 .facebook { position: absolute; right: 85px; top: -3px;} .wp-share-button.theme29 .youtube { position: absolute; right: 65px; top: -2px;} .wp-share-button.theme29 .instagram { position: absolute; right: 0px; top: -2px;} .segui { width: 150px;} .segui button { background-color: #007198; color: #fff; border: none; text-transform: uppercase; width: 150px; text-align: center; padding: 7.5px 0; cursor: pointer;;} .tags a { cursor: pointer; } /* 1.1.5.1 TASTI ATTIVI */ .active { border-bottom: 2px solid #007198; color: #007198 !important;} aside .current-menu-item { background-color: #007198; color: #fff !important; margin: 0 0 0 -10px; padding: 21px 10px 21px 18px !important;} aside .current-menu-item a { color: #fff !important; } /* 1.2 TYPOGRAFY */ h1 { font-size: 26px; font-weight: 400; color: #007198; text-transform: uppercase; text-align: center;} h1 a { color: #007198; } h1.pagetitle { font-size: 32px !important; font-weight: 100 !important; text-align: center !important; line-height: 38px !important; margin-bottom: 30px !important; text-transform: uppercase !important; margin-top: 0 !important;} .page article h3 { color: #007198; } .page article h1 { text-transform: none; margin: 55px 0 25px; font-weight: 700; font-size: 22px; text-align: left; line-height: 30px;} .page h1.event_title { font-weight: 700; line-height: 30px; margin: 0 0 0 0; position: relative; padding-left: 0px; text-transform: uppercase;} .page article a { color: #007198; } p { font-size: 14px; color: #2C2C2C; line-height: 20px; } .aboutright p { line-height: 30px; font-size: 16px; margin-bottom: 25px;} .onecol p { line-height: 30px; font-size: 16px; } .onecol ul li { font-size: 16px; color: #333; line-height: 30px; margin: 15px 0;} /* 1.2.2 TYPOGRAFY SIDEBAR */ .page aside h2 { color: #002F56; line-height: 25px; margin: 0 0 25px 0; font-size: 18px; font-weight: 400; text-align: left;} .page aside h1 { text-align: left; font-size: 16px; text-transform: uppercase; margin-bottom: 35px; font-weight: 700; line-height: 20px;} .page h2 { font-size: 22px; line-height: 34px; font-weight: 300; text-align: left; color: #002F56;} .page aside p { color: #002F56; line-height: 20px; text-align: left; margin-top: 15px;} .diconodinoi aside h2 { color: #002F56; line-height: 25px; margin: 15px 0; font-size: 14px; font-weight: 400; text-align: left;} .diconodinoi aside h1 { text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 700; line-height: 20px;} .diconodinoi h2 { font-size: 22px; line-height: 34px; font-weight: 100; text-align: left; color: #002F56; margin-bottom: 55px;} .diconodinoi aside p { color: #002F56; line-height: 20px; text-align: left; margin-top: 15px;} .eventi aside h2 { color: #2c2c2c; line-height: 25px; margin: 15px 0; font-size: 18px; font-weight: 400; text-align: left;} .eventi aside h1 { text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 700; line-height: 20px;} .eventi h2 { font-size: 22px; line-height: 34px; font-weight: 100; text-align: left; color: #002F56; margin-bottom: 55px;} .eventi aside p { color: #002F56; line-height: 20px; text-align: left; margin-top: 15px;} .menulaterale h1 { text-align: left; font-size: 16px; text-transform: uppercase; margin-bottom: 35px; font-weight: 700; line-height: 20px;} /* 1.2.3 SKILL */ .about .skill p { text-align: center; color: #fff; padding: 48px 0 10px; font-size: 60px; font-weight: 100;} .about div span { clear: both; width: 100%; font-size: 26px; text-align: center; margin: 15px 0 0 0; display: block; color: #fff; font-weight: 400;} /* 2.0 HEADER */ header { position: fixed; width: 100%; z-index: 9999999; background-color: #fff; box-shadow: 0px 0px 2px 0px #afafaf;} header .over { background-color: #007198; height: 40px; } header .over .variationcolor { background-color: #002F56; position: absolute; right: 0; height: 40px; width: 570px; top: 0; z-index: 0;} header .over .variationcolor .inclined { position: absolute; left: -37px; top: 0;} header .over nav ul.riferimenti { float: left; } header .over nav ul.prenotazioni { float: right; margin: 5px 15px 0 0;} header .over nav ul.social { float: right; } header .over nav ul.riferimenti li { display: inline-block; color: #fff; font-size: 12px; padding: 8px 12px 10px 25px;} header .over nav ul.prenotazioni li { display: inline-block; color: #007198; font-size: 12px; padding: 8px 20px 10px 30px; margin: 0 5px 0 0;} header .over nav ul.social li { display: inline-block; color: #fff; font-size: 12px; padding: 8px 5px 10px 5px;} header .over nav ul.riferimenti li { margin: 5px 15px 0 0; } header .over nav ul.riferimenti li a { color: #fff; } header .over nav ul.prenotazioni li a { color: #007198; } #ot-sdk-btn { border: none; } /* 2.1 ICONE MENU SUPERIORE*/ .synlab, .synergie, .quick, .faq, .esami, .referti, .prenota, .telefono { background-repeat: no-repeat; background-position: 0px 4px; } .synlab { background-image: url(img/syblab_w.svg); padding-left: 20px !important;} .synergie { background-image: url(img/synergie_w.svg); } .quick { background-image: url(img/icona_quick_info_w.svg); } .quick .sub-menu { position: absolute; background-color: #007198; top: 40px; left: 0; width: 100%; display: none;} .quick .sub-menu h1 { color: #fff; font-size: 14px; text-align: left; text-transform: capitalize; font-weight: 700; margin: 5px 0 15px 0;} .quick .sub-menu p { color: #fff; } .quick .sub-menu a.gotomappa { background-color: #fff; color: #007198 !important; text-transform: uppercase; padding: 5px 15px; margin: 15px 0 0; display: inline-block;} .quick .sub-menu li { width: 25%; float: left; box-sizing: border-box; margin: 15px auto !important;} .faq { background-image: url(img/icona_faq_w.svg); background-position: 3px 7px !important;} .esami { background-image: url(img/icona_esami_w.svg); background-position: 4px 4px;} .referti { background-image: url(img/icona_referti_w.png); border-radius: 40px; background-color: #fff; background-position: 7px 5px; padding: 9px 20px 9px 30px !important;} .prenota { background-image: url(img/icona_prenota_w.png); border-radius: 40px; background-color: #fff; background-position: 7px 5px; padding: 9px 20px 9px 30px !important;} .telefono { background-image: url(img/tel24.svg); border-radius: 40px; background-color: #fff; background-position: 7px 5px; padding: 9px 20px 9px 30px !important;} /* 2.2 MENU */ .wrapmenu { background-color: #fff; height: 86px;} .logo { float: left; width: 160px; margin: 15px 0;} .logo img { width: 100%; height: auto; } .menu-main-container { margin-right: 60px; } .menup { float: right; } .menup li { display: inline-block; color: #002F56; font-size: 14px; padding: 5px; margin: 30px 0 0 40px; position: relative;} .menup li a { color: #002F56; padding: 35px 0;} .menup .mediaroom ul.sub-menu { display: none; position: absolute; background-color: #fff; width: 570px; box-shadow: 0px 0px 10px #0000001A; right: -103px; top: 56px; padding: 20px 35px; box-sizing: border-box; height: 320px; z-index: 999;} .menup .mediaroom ul.sub-menu li a { color: #002F56; padding: 0;} .menup .mediaroom ul.sub-menu li { display: block; margin: 10px 0; font-size: 14px; width: 170px; } .menup .mediaroom ul.sub-menu li.newsletter { position: absolute; top: 20px; right: 0; border-left: 1px solid #dfdfdf; box-sizing: border-box; padding: 0 25px; width: 325px; text-align: left;} .menup .mediaroom ul.sub-menu li.newsletter h1 { font-size: 14px; text-transform: uppercase; color: #007198; font-weight: 700; text-align: left;} .menup .mediaroom ul.sub-menu li.newsletter input { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin: 15px 0;} .menup .mediaroom ul.sub-menu li.newsletter input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .menup .mediaroom ul.sub-menu li.newsletter input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: -40px; line-height: 15px; position: absolute; text-align: center; top: 5px !important; width: 16px;} .menup .mediaroom ul.sub-menu li.newsletter .wpcf7-list-item-label { position: absolute; width: 234px; margin: auto; display: initial; top: -35px; left: 39px;} .menup .mediaroom ul.sub-menu li.newsletter button { width: 100%; padding: 10px 0; background-color: #007198; color: #fff; border: none; margin-top: 25px;} .menup .mediaroom ul.sub-menu li.newsletter .wpcf7 form.invalid .wpcf7-response-output, .menup .mediaroom ul.sub-menu li.newsletter .wpcf7 form.unaccepted .wpcf7-response-output { border-color: transparent !important; border: none !important; position: absolute !important; right: 0 !important; text-align: right !important; color: #494949 !important; bottom: -56px !important;} .menup .mediaroom ul.sub-menu li.newsletter .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; position: absolute; top: 1px; right: 8px; width: 500px; text-align: right;} .menup .mediaroom ul.sub-menu li.newsletter select { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin: 0 0 15px;} .menup .mediaroom .line { background-color: #007198; height: 4px; position: absolute; bottom: -32px; width: 90%; display: none;} .menup .chisiamo ul.sub-menu { display: none; position: absolute; background-color: #fff; width: 200px; box-shadow: 0px 0px 10px #0000001a; right: -93px; top: 56px; padding: 20px 35px; box-sizing: border-box;} .menup .chisiamo ul.sub-menu li a { color: #002F56; padding: 0;} .menup .chisiamo ul.sub-menu li { display: block; margin: 10px 0; font-size: 14px; width: 170px; } .menup .chisiamo .line { background-color: #007198; height: 4px; position: absolute; bottom: -32px; width: 90%; display: none;} .menup .servizialpaziente ul.sub-menu { display: none; position: absolute; background-color: #fff; width: 600px; box-shadow: 0px 0px 10px #0000001a; top: 56px; padding: 20px 35px; box-sizing: border-box; left: -35px;} .menup .servizialpaziente ul.sub-menu li a { color: #002F56; padding: 0;} .menup .servizialpaziente ul.sub-menu li { display: block; margin: 10px 0; font-size: 14px; width: 170px; } .menup .servizialpaziente ul.sub-menu li:first-child { text-transform: uppercase; font-weight: 700; } .menup .servizialpaziente ul.sub-menu li:first-child a { color: #007198; } .menup .servizialpaziente .line { background-color: #007198; height: 4px; position: absolute; bottom: -32px; width: 90%; display: none;} .menup .servizialpaziente ul.sub-menu li.camleimenu { position: absolute; top: 25px; left: 230px; border-left: 1px solid #dfdfdf; box-sizing: border-box; padding: 0 35px; width: 300px; text-align: left;} .menup .servizialpaziente ul.sub-menu li.camleimenu h1 { font-size: 14px; text-transform: uppercase; color: #c596c2; font-weight: 700; text-align: left; margin-bottom: 20px;} .menup .servizialpaziente ul.sub-menu li.camleimenu img { width: 100%; height: auto; } .menup .servizialpaziente ul.sub-menu li.camleimenu p { width: 100%; } .menup .servizialpaziente ul.sub-menu li.camleimenu .tasto { background-color: #c596c2; margin: 12px 0 0 0; text-align: center; text-transform: uppercase;} .menup .servizialpaziente ul.sub-menu li.camleimenu .tasto a { color: #fff; } .menup .servizialpaziente ul.sub-menu li.aboutmenu { position: absolute; top: 25px; left: 270px; border-left: 1px solid #dfdfdf; box-sizing: border-box; padding: 0 35px; width: 310px; text-align: left;} .menup .servizialpaziente ul.sub-menu li.aboutmenu h1 { font-size: 14px; text-transform: uppercase; color: #007198; font-weight: 700; text-align: left; margin-bottom: 10px;} .menup .servizialpaziente ul.sub-menu li.aboutmenu img { width: 100%; height: auto; } .menup .servizialpaziente ul.sub-menu li.aboutmenu p { width: 100%; } .menup .servizialleaziende ul.sub-menu { display: none; position: absolute; background-color: #fff; width: 530px; box-shadow: 0px 0px 10px #0000001a; top: 56px; padding: 20px 35px; box-sizing: border-box; left: -35px; min-height: 160px;} .menup .servizialleaziende ul.sub-menu li a { color: #007198; padding: 0;} .menup .servizialleaziende ul.sub-menu li { display: block; margin: 10px 0; font-size: 14px; width: 170px; } .menup .servizialleaziende ul.sub-menu li:first-child { text-transform: uppercase; font-weight: 700; } .menup .servizialleaziende ul.sub-menu li:first-child a { color: #007198; } .menup .servizialleaziende ul.sub-menu li.contattilavoro { position: absolute; top: 25px; left: 230px; border-left: 1px solid #dfdfdf; box-sizing: border-box; padding: 0 35px; width: 340px; text-align: left;} .menup .servizialleaziende ul.sub-menu li.contattilavoro h1 { font-size: 14px; text-transform: uppercase; font-weight: 700; text-align: left; margin-bottom: 20px;} .menup .servizialleaziende ul.sub-menu li.contattilavoro p { width: 100%; } .menup .servizialleaziende .line { background-color: #007198; height: 4px; position: absolute; bottom: -32px; width: 90%; display: none;} .menup ul.sub-menu { z-index: 999; } .menup li.astm-search-menu a svg { position: absolute; top: -7px; right: 8px;} .menup li.astm-search-menu form { margin: -25px 0px 0 0; } .menup li.astm-search-menu input { position: absolute; top: 0px; right: 36px; width: 508px;} .menup li.astm-search-menu .search-close { margin: -24px 65px 0 0;} #menumobile { display: none; position: relative; } #menumobile .hamburger { width: 25px; height: 25px; position: absolute; top: 30px; left: 30px;} #menumobile .hamburger div { background-color: #7f7f7f; height: 2px; width: 100%; margin: 5px 0;} #menupmobile { position: fixed; z-index: 9999999999999999999999999999999; background: #fff; left: 0; width: 100%; padding: 0px; box-sizing: border-box; top: 80px;} #menupmobile ul li { font-size: 18px; color: #002f56; border-bottom: 1px solid #dadada; padding: 15px 30px; display: block; box-sizing: border-box;} #menupmobile ul li a { font-size: 18px; color: #002f56; } #menupmobile ul li.menu-item-has-children { background-image: url(img/arrow-down.png); background-repeat: no-repeat; background-position: 310px 19px;} #menupmobile ul li ul.sub-menu { display: none; margin: 10px 0 0 0;} #menupmobile ul li ul.sub-menu li { padding: 10px 30px; border-bottom: 0;} #menupmobile ul li ul.sub-menu li.contattilavoro, #menupmobile ul li ul.sub-menu li.camleimenu, #menupmobile ul li ul.sub-menu li.aboutmenu, #menupmobile ul li ul.sub-menu li.newsletter { display: none; } #menupmobile ul li.astm-search-menu { display: none; } #menupmobile ul.prenotazioni { background-color: #002F56; padding: 25px 25px 10px;} #menupmobile ul.prenotazioni li { margin: 0 auto 25px auto; text-align: center; width: 300px; box-sizing: border-box;} #menupmobile ul.prenotazioni .referti { background-position: 20px 8px;} #menupmobile ul.prenotazioni .telefono { background-position: 60px 8px;} #descrizionepreview { margin-top: -20px; } .is-form-id-9568 { display: none; position: absolute !important; bottom: 27px; right: -10px; width: 290px; z-index: 99;} .searchactivate { position: absolute; right: 0; bottom: 37px;} .searchactivate i { color: #007198; cursor: pointer;} .is-form-id-9568 i { position: absolute; top: 10px; right: 45px; color: #002f56; cursor: pointer;} .astm-search-menu { display: none !important; } /* 2.3 ALERT */ .alert { background-color: #003a6ad9; display: none; position: absolute; padding: 20px 0 0px; width: 100%; height: 80px;} .icon { float: left; width: 50px; margin: 0 35px 0 0; } .icon img { width: 100%; height: auto; } .alert_covid { color: #fff; float: left; width: 760px; font-size: 14px; line-height: 20px; margin: 5px 0 0 0;} .scopri { float: right; margin: 10px 0 0 0; width: 180px;} .scopri button { text-transform: uppercase; font-size: 14px; color: #01396a; background-color: #fff; border: none; padding: 7px; width: 100%; cursor: pointer;} .exit { position: absolute; right: 5px; top: 34px;} .exit button { text-transform: uppercase; font-size: 14px; color: #fff; background-color: transparent; border: none; font-weight: 700;} .cc-window { z-index: 9999999999 !important;} iframe#motion-chat-iframe { z-index: 9999999 !important; } /* 3.0 BANNER */ .banner_home_wrap { width: 100%; margin: 126px 0 0 0; display: inline-block; overflow: hidden; height: 700px; position: fixed; z-index: 0;} .banner_home { width: 100%; overflow: hidden; height: 700px; position: absolute;} .banner_home img { width: 100%; height: auto; position: absolute; } .banner_home .message { position: absolute; top: 160px; width: 500px; padding: 15px 50px;} .banner_home .message h1 { font-size: 50px; font-weight: 100; line-height: 60px; text-align: left; text-transform: initial;} .banner_home .message h1 p { font-size: 50px; font-weight: 100; line-height: 60px; text-align: left; text-transform: initial;} .banner_home .message .bodymex { color: #002F56; line-height: 25px; font-size: 20px; margin: 25px 0;} .banner_home .message .bodymex p { font-size: 20px; line-height: 25px;} .banner_home .message a { background-color: #002f56; padding: 10px 15px; border: 1px solid #002f56; float: left; text-transform: uppercase; font-size: 14px; margin: 0 35px 0 0; color: #fff;} .banner_home .message a:last-child { background-color: #fff; border: 1px solid #002f56;} .banner { margin: 126px 0 0 0; position: fixed; height: 300px; background-size: cover; background-repeat: no-repeat; width: 100%; display: inline-block;;} .banner .message { right: 0; left: auto; top: 225px; width: auto; position: absolute;} .banner .message h1 { font-size: 40px !important; text-transform: uppercase !important; color: #fff !important; font-weight: 100 !important; text-align: left !important;} .banner .message h2 { font-size: 16px !important; text-transform: uppercase !important; color: #fff !important; font-weight: 100 !important; text-align: left !important; line-height: 30px;} .banner_home { background-size: cover; background-repeat: no-repeat; } .banner_chisiamo { background-image: url(img/bgt.png), url(img/cam.jpg); } .banner_cliniche { background-image: url(img/bgt.png), url(img/prestazioni-sanitarie@2x.png);} .banner_diconodinoi { background-image: url(img/bgt.png), url(img/aef52304e073ffff7c83d7f505c3627f.png); } .banner_eventi { background-image: url(img/bgt.png), url(img/shutterstock_1331325713@2x.png); } .banner_servizipaziente { background-image: url(img/bgt.png), url(img/servizi-paziente@2x.png);} .banner_strutture { background-image: url(img/bgt.png), url(img/strutture_banner.jpg);} .banner_specialisti { background-image: url(img/bgt.png), url(img/soecialisti-banner.jpg);} .banner_esamidilaboratorio { background-image: url(img/bgt.png), url(img/asamidilaboratorio.jpg);} .arrowmove { position: absolute; width: 23px; height: 43px; top: calc(50% - 21.5px); cursor: pointer; z-index: 99999999999999999999999;} .arrowmoveleft { left: 15px; } .arrowmoveright { right: 15px; } .arrowmove img { width: 100%; height: auto;} .cta-container { margin: 100px auto; padding: 40px; } .cta-button { display: inline-block; background: linear-gradient(45deg, #007198, #002f56); color: white; text-decoration: none; padding: 20px 40px; border-radius: 50px; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; position: relative; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 8px 25px rgba(0, 113, 152, 0.3); border: 2px solid transparent; cursor: pointer; } .cta-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0.3)); transition: left 0.6s ease; } .cta-button:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 113, 152, 0.4); border-color: #007198; } .cta-button:hover::before { left: 100%; } .cta-button:active { transform: translateY(-2px); } .cta-text { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 10px; } .cta-icon { font-size: 20px; transition: transform 0.3s ease; } .cta-button:hover .cta-icon { transform: translateX(5px); } /* Stile alternativo con pulse */ .cta-pulse { animation: pulse2 2s infinite; } @keyframes pulse2 { 0% { box-shadow: 0 8px 25px rgba(0, 113, 152, 0.3); } 50% { box-shadow: 0 8px 25px rgba(0, 113, 152, 0.6); } 100% { box-shadow: 0 8px 25px rgba(0, 113, 152, 0.3); } } /* 4.0 CERCA */ .find { width: 100%; background-color: #002F56; color: #fff; padding: 25px; box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; height: 300px;} .find h1 { text-align: center; text-transform: uppercase; font-size: 26px; font-weight: 100; margin: 0 0 20px 0; color: #fff;} .find select { width: 95% !important; float: left; padding: 10px; border: none; border-radius: 0; background-color: #fff;} .find .searchfortipologia .wpv-custom-search-filter-reset { display: none !important; } .find .searchfortipologia #liberaricercaservizio { position: absolute; top: 177px;} .find .searchfortipologia #liberaricercaservizio input { border: none; padding: 10px; width: 525px;} .find .searchfortipologia #servizioconferma { position: absolute; top: 177px; right: 25px;} .find .searchfortipologia #servizioconferma input { width: 150px; float: right; padding: 9px 10px; border: 1px solid #fff; background-color: #002f56; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;} .find label { display: none !important; } .find .searchforspecialista #specialitadaspecialisti { display: none !important; } .find .searchforspecialista .wpv-reset-trigger { display: none !important;} .find .searchforspecialista .wpv-submit-trigger { position: absolute; right: 25px; top: 177px; width: 150px; padding: 9px 10px; border: 1px solid #fff; background-color: #002f56; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;} .find .searchforspecialista #liberaricercamedico { float: right; width: 95%} .find .searchforspecialista #liberaricercamedico input { border: none; padding: 10px; width: 95%;} .find a { float: left; width: 48% } .find a:last-child { float: right; } .separator_center { position: relative; width: 100%; margin: 40px 0 65px 0;} .separator_center p { position: absolute; top: -8px; left: calc(50% - 35px); padding: 0 10px; background-color: #002f56; color: #fff} .find input.search { width: 550px; float: left; padding: 10px; border: none; box-sizing: border-box;} .find button.cerca { width: 150px; float: right; padding: 9px 10px; border: 1px solid #fff; background-color: #002f56; color: #fff; text-transform: uppercase; letter-spacing: 1px;} .find .other { width: 100%; margin-top: 25px; display: inline-block;} .find .other a { width: 300px; float: left; padding: 9px 10px; border: 1px solid #fff; background-color: #007198; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; font-size: 14px; box-sizing: border-box;} .find .other a:last-child { float: right;} .findin {} .findin form {} .findin form #tipodiservizioselect { display: none; } .findin form #liberaricercaservizio label { display: none; } .findin form #liberaricercaservizio input { border: 1px solid #007198; padding: 10px 15px; width: 100%; box-sizing: border-box;} .findin form .wpv-custom-search-filter-reset { display: none; } .findin form #servizioconferma { } .findin form #servizioconferma input { width: 150px; float: right; padding: 9px 10px; border: 1px solid #fff; background-color: #007198; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; margin: 5px 0 0 0;} /* 4.1 WELCOME */ .welcome { width: 100%; border: 15px solid #fff; box-shadow: 0px 0px 0px 1px #ababab; box-sizing: border-box; display: inline-block; position: relative; height: 300px;} .welcome .text { position: absolute; color: #fff; left: 15px; top: 15px; width: 140px;} .welcome .text h1 { font-size: 24px; font-weight: 100; color: #fff;} .welcome .text p { font-size: 14px; font-weight: 100; line-height: 19px; color: #fff;} .welcome img { position: absolute; width: auto; left: 0; top: 0; height: 100%;} .welcome .owl-carousel .owl-item div.sa_hover_container { height: 270px !important; min-height: 270px !important; } .nav-left, .nav-right { width: 40px; height: 40px; position: absolute; top: 135px; overflow: hidden; background-color: #fff; border: 1px solid #ababab;} .nav-left img, .nav-right img { width: 120%; height: auto; margin: -10%;} .nav-left { left: -18px;} .nav-right { right: -14px; transform: rotate(180deg);} .welcome a { background-color: #007198; color: #fff; border: none; text-transform: uppercase; width: 130px; text-align: center; padding: 5px 0; position: absolute; z-index: 9; bottom: 15px; left: 15px;} .welcome .owl-nav .owl-prev { left: -26px !important; background: url('img/freccia sx.svg') no-repeat center center !important; border: 1px solid #d2d2d2 !important;} .welcome .owl-nav .owl-next { right: -26px !important; background: url('img/freccia sx.svg') no-repeat center center !important; transform: rotate(180deg); border: 1px solid #d2d2d2 !important;} .welcome .active { border-bottom: 0px solid #007198 !important;} .welcome .sa_hover_buttons { top: 0 !important; left: 0 !important; margin-top: 0 !important; margin-left: 0 !important; width: 100% !important; height: 100% !important; background-color: transparent !important; border: 0px !important;} .welcome .sa_hover_buttons a { background-color: transparent !important; width: 100%; height: 100%; padding: 0; top: 0; left: 0; border: 0; position: absolute; border: 0px !important;} .bannerin .sa_hover_buttons { top: 0 !important; left: 0 !important; margin-top: 0 !important; margin-left: 0 !important; width: 375px !important; height: 290px !important; background-color: transparent !important; border: 0px !important; cursor: auto !important} .bannerin .sa_hover_buttons a { background-color: transparent !important; width: 100%; height: 100%; padding: 0; top: 0; left: 0; border: 0; position: absolute; border: 0px !important;} .bannerin .rotationframe { background-color: #007198; width: 375px; height: 290px; box-sizing: border-box; color: #fff; padding: 25px; text-align: center; opacity: 0; transition: all .5s;} .bannerin .sa_hover_container:hover > .rotationframe { opacity: 1;} .bannerinmobile .sa_hover_buttons { top: 0 !important; left: 0 !important; margin-top: 0 !important; margin-left: 0 !important; width: 375px !important; height: 290px !important; background-color: transparent !important; border: 0px !important;} .bannerinmobile .sa_hover_buttons a { background-color: transparent !important; width: 100%; height: 100%; padding: 0; top: 0; left: 0; border: 0; position: absolute; border: 0px !important;} .bannerinmobile .rotationframe { background-color: #007198; width: 308px; height: 238px; box-sizing: border-box; color: #fff; padding: 10px 25px; text-align: center; opacity: 0; transition: all .5s;} .bannerinmobile .sa_hover_container:hover > .rotationframe { opacity: 1;} .rotationframe h1 { color: #fff; text-align: center !important; margin: 10px 0 15px;} .bannerinmobile .rotationframe h1 { color: #fff; text-align: center !important; margin: 0 0 15px; font-size: 18px;} .rotationframe p { color: #fff; margin: 0 0 15px 0;} .bannerinmobile .rotationframe p { color: #fff; margin: 0 0 10px 0;} .rotationframe a { background: #fff; color: #007198; text-transform: uppercase; padding: 5px 25px; position: absolute; left: calc(50% - 90px); z-index: 999999999999999999999999999;} .white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon { display: none !important;} .welcome button:active { background-color: transparent !important; border: 0px !important;} .welcome button:active { background-color: transparent !important; border: 0px !important;} button:focus { outline:0;} .welcome .rotationframe a { padding: 0 !important; left: 0 !important; top: 0 !important; width: 330px !important; } .welcome .rotationframe a img { width: 100% !important; } /* 4.2 HOME CENTER */ .homeleft h1 { text-align: left;} .homeleft .inleft { overflow: hidden;} .homeleft .inleft img { width: 100%; height: auto;} .homeleft .inright { padding: 0px 15px 0 30px;} .homeleft .inright p { font-size: 14px; line-height: 20px;} .homeleft .inright h1 { font-size: 16px; line-height: 16px; color: #D0D0D0;} .homeleft .inright ul { margin-top: 15px;} .homeleft .inright ul li { list-style: none; font-size: 14px; line-height: 24px; color: #007198;} .homeleft .inright ul li a { color: #007198;} .homeleft .inright .inright { padding: 0;} .homeleft .bannerin { position: relative; margin: -4px 0 0 0;} .homeleft .bannerin ul li { list-style: none; float: left; width: 48%; overflow: hidden; box-sizing: border-box; position: relative; background-color: #000; height: 290px;} .homeleft .bannerin ul li:nth-child(even) { float: right;} .homeleft .bannerin ul li img { width: 100%; height: 100%; opacity: .5;} .homeleft .bannerin ul li h1 { position: absolute; color: #fff; width: 100%; text-align: center; top: 45%; font-size: 26px; font-weight: 100;} .homeleft .bannerin .active { border-bottom: 0 solid #007198; color: #007198 !important;} .homeleft .bannerin .owl-nav .owl-prev { left: 0; background: url('img/freccia sx.svg') no-repeat center center !important;} .homeleft .bannerin .owl-nav .owl-next { right: 15px; background: url('img/freccia sx.svg') no-repeat center center !important; transform: rotate(180deg);} .homeleft .bannerin .owl-nav .owl-next, .homeleft .bannerin .owl-nav .owl-prev { top: calc(50% - 0px) !important;} .homeleft .bannerin .sa_hover_container { height: auto !important; min-height: auto !important;} /* 4.3 SOCIAL */ .facebook { background-color: #fff; box-shadow: 0px 0px 10px #0000000d; padding: 25px; box-sizing: border-box; position: relative; height: 730px; overflow: hidden; margin: 24px 0 0 0;} .facebook .socialtop { margin: 0 auto; position: relative; width: 100%;} .facebook .logo { float: left; width: 15px; height: auto;} .facebook h1 { font-size: 14px; text-transform: uppercase; font-weight: 400; float: left; margin: 25px 0 0 10px;} .facebook .thumb { float: left; width: 125px; overflow: hidden; height: 125px;} .facebook .thumb img { width: 100%; height: auto; margin: 0;} .facebook .fcontent { float: right; width: 175px; line-height: 21px; font-size: 14px; height: 125px; overflow: hidden; margin: 0; color: #2C2C2C;} .facebook .segui { position: absolute; right: 25px; bottom: 25px;} .facebook section { width: 100%; position: relative; display: inline-block; margin-bottom: 30px;} .facebook_choice { height: 670px;} .socialchoise { width: 100%; position: relative; display: inline-block; margin: 25px 0 -28px 0; z-index: 9;} .socialchoise li { list-style: none; float: left; width: 25%; box-sizing: border-box; padding: 15px; } .socialchoise li img { margin: 0 auto; text-align: center; display: block;} .socialchoise li.active { box-shadow: 0px -3px 5px 0px #0000000D; background-color: #fff; border-bottom: 0px;} #bloccofacebookhome .ffwd_blog_style_object_info_container_0 { width: 60% !important; padding: 0 !important;} #bloccofacebookhome .blog_style_image_container_0 { width: 35% !important; } #bloccofacebookhome .blog_style_image_container_0 img { width: 100% !important; height: auto; } #bloccofacebookhome .ffwd_blog_style_object_from_0 { display: none !important; } #bloccofacebookhome #ffwd_container1_0 #ffwd_container2_0 .blog_style_object_container_0 { padding: 10px 0 25px!important; border: none; border-bottom: 1px solid #d4d4d4; margin: 0 0 15px 0;} #ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 { text-align: left !important;} .ffwd_see_more_message { display: none; } .ffwd_see_more_description { display: none; } .blog_style_object_container_0:last-child { display: none; } .socialgroup { text-align: center; color: #007198; border-bottom: 1px solid #d0d0d0; display: inline-block; width: 100%; padding-bottom: 15px;} .socialgroup i { font-size: 28px; float: left; margin-left: calc(50% - 54.66px);} .socialgroup span { font-weight: 700; margin: 7px 0 0 15px; float: left;} .bodyfb { height: 590px; overflow: scroll; overflow-x: hidden; padding: 0 15px 0 0;} .bodyfb::-webkit-scrollbar { width: 3px;} .bodyfb::-webkit-scrollbar-track { background: #f1f1f1;} .bodyfb::-webkit-scrollbar-thumb { background: #888;} .bodyfb::-webkit-scrollbar-thumb:hover { background: #555; } .footersocialhome { float: right; margin: 20px 0 0 0;} .footersocialhome a { background-color: #00749d; color: #fff; text-transform: uppercase; padding: 5px 15px; display: block; width: 70px; text-align: center; font-size: 14px;} #cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child { padding: 15px 0 !important;} #cff.narrow.cff-half-layout .cff-text-wrapper, #cff.narrow.cff-thumb-layout .cff-text-wrapper { float: right !important; width: 60% !important;} .cff-media-wrap, .cff-html5-video { float: left !important; width: 35% !important; clear: none !important; } .efbl-thumbnail-col a { cursor: default; } .efbl-row { display: block !important; flex-wrap: initial !important; margin-right: 0 !important; margin-left: 0 !important;} .efbl-fullwidth-skin { border: #dee2e6 solid 0px !important;} .efbl-profile-title-wrap, .efbl-profile-image, .efbl-reacted, .esf-share-wrapper, .efbl_link_text { display: none !important; } .efbl-fullwidth-skin .efbl-feed-content { padding: 0 !important;} .efbl-col-xl, .efbl-col-xl-auto, .efbl-col-xl-12, .efbl-col-xl-11, .efbl-col-xl-10, .efbl-col-xl-9, .efbl-col-xl-8, .efbl-col-xl-7, .efbl-col-xl-6, .efbl-col-xl-5, .efbl-col-xl-4, .efbl-col-xl-3, .efbl-col-xl-2, .efbl-col-xl-1, .efbl-col-lg, .efbl-col-lg-auto, .efbl-col-lg-12, .efbl-col-lg-11, .efbl-col-lg-10, .efbl-col-lg-9, .efbl-col-lg-8, .efbl-col-lg-7, .efbl-col-lg-6, .efbl-col-lg-5, .efbl-col-lg-4, .efbl-col-lg-3, .efbl-col-lg-2, .efbl-col-lg-1, .efbl-col-md, .efbl-col-md-auto, .efbl-col-md-12, .efbl-col-md-11, .efbl-col-md-10, .efbl-col-md-9, .efbl-col-md-8, .efbl-col-md-7, .efbl-col-md-6, .efbl-col-md-5, .efbl-col-md-4, .efbl-col-md-3, .efbl-col-md-2, .efbl-col-md-1, .efbl-col-sm, .efbl-col-sm-auto, .efbl-col-sm-12, .efbl-col-sm-11, .efbl-col-sm-10, .efbl-col-sm-9, .efbl-col-sm-8, .efbl-col-sm-7, .efbl-col-sm-6, .efbl-col-sm-5, .efbl-col-sm-4, .efbl-col-sm-3, .efbl-col-sm-2, .efbl-col-sm-1, .efbl-col, .efbl-col-auto, .efbl-col-12, .efbl-col-11, .efbl-col-10, .efbl-col-9, .efbl-col-8, .efbl-col-7, .efbl-col-6, .efbl-col-5, .efbl-col-4, .efbl-col-3, .efbl-col-2, .efbl-col-1 { padding-right: 0 !important; padding-left: 0 !important;} .prevent {} .efbl-overlay { display: none !important; } .efbl-thumbnail-col li { list-style: none; position: absolute; width: 100%; height: 100%; z-index: 99999999999999999999999;} .bodyfb ul {} .bodyfb ul li .fbimg img { width: 100%; height: auto; } .bodyfb ul li h1 { margin: 15px 0; width: 100%; text-align: left;} .bodyfb ul li p.data { font-size: 12px; display: block; color: #6c757d; font-style: italic; margin: 5px 0; } .bodyfb ul li .fbpost p, .bodyfb ul li .fbpost { font-size: 13px !important; color: #343a40; line-height: 20px;} .bodyfb ul li .fbpost { border-bottom: 1px solid #d3d3d3; padding-bottom: 15px; margin-bottom: 15px;} /* 4.4 HOME NEWS */ .homenews nav { margin: 90px auto; text-align: center;} .homenews nav li { display: inline-block; font-size: 18px; color: #2C2C2C; padding: 10px; margin: 0 25px; cursor: pointer;} .homenews .bloccoeventi { width: 100%; position: relative; overflow: hidden; transition: all .5s; } .homenews .bloccoeventi .wrapnews { width: 100%; } .homenews .bloccoeventi .wrapnews .press .singleimage { background-image: url(img/rassegna-stampa.jpg) !important;} .homenews .bloccoeventi .single { width: 275px; float: left; margin-right: 25px; position: relative;} .homenews .bloccoeventi .single:last-child { margin-right: 0;} .homenews .bloccoeventi .single .singleimage { width: 100%; height: 200px; overflow: hidden; background-repeat: no-repeat; background-size: cover;} .homenews .bloccoeventi .single .singleimage img { width: 100%; height: auto;} .homenews .bloccoeventi .single .time { color: #007198; font-size: 14px; margin: 15px 0; float: left;} .homenews .bloccoeventi .single h1 { font-size: 18px; color: #007198; text-align: left; text-transform: none; margin: 15px 0; font-weight: 400; min-height: 40px; line-height: 20px;} .homenews .bloccoeventi .single p { font-size: 14px; color: #2C2C2C; line-height: 20px; text-align: left; margin: 15px 0;} .homenews .bloccoeventi .single .tags { color: #007198; font-size: 12px; margin: 15px 0; text-transform: capitalize;} .homenews .bloccoeventi .single .tags a { color: #007198; } .homenews .bloccoeventi .single .inchearea { color: #007198; font-size: 14px; margin: 15px 0; float: right;} .homenews .bloccoeventi .facebookin { background: transparent radial-gradient(closest-side at 50% 50%, #007198 0%, #26547b 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #0000001a; overflow: hidden; height: 465px;} .homenews .bloccoeventi .facebookin .flogo { background-color: #002f56; width: 60px; height: 60px; border-radius: 50%; float: right; text-align: center; vertical-align: middle; padding-top: 13px; box-sizing: border-box; position: absolute; top: -5px; right: -13px;} .homenews .bloccoeventi .facebookin .flogo img { width: auto; height: 70%;} .homenews .bloccoeventi .facebookin p { color: #fff; width: 218px; text-align: center; margin: 0 auto; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial";} .homenews .bloccoeventi .facebookin p.author { margin: 15px auto 0; font-size: 16px;} .homenews .bloccoeventi .facebookin .accentleft { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 25px 15px 0; text-align: left;} .homenews .bloccoeventi .facebookin .accentright { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 0 15px 0 25px; text-align: right;} .homenews .bloccoeventi .facebookin .syn { position: absolute; bottom: 10px; right: 10px; width: 25px;} .homenews .bloccoeventi .facebookin .syn img { width: 100%; height: auto;} .homenews .bloccoeventi #camnews .comunicati_body { width: 250px !important; float: left; position: relative; margin-right: 35px; height: 360px; background: transparent radial-gradient(closest-side at 50% 50%,#007198 0%,#26547b 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 4px 3px #00000029; overflow: hidden; padding: 0 !important; margin-bottom: 35px !important; margin-top: 0 !important; color: #fff !important; column-rule-color: #fff !important; perspective-origin: left !important; transform-origin: left !important; outline: auto !important; font: normal normal normal normal 13px/20.8px "Arial",Helvetica,Arial,sans-serif !important; border: none !important;} .homenews .bloccoeventi #camnews .comunicati_body .syn { height: 31px; background-image: url(img/llogo.png); position: absolute; bottom: 10px; right: 10px; width: 25px; background-repeat: no-repeat; background-size: cover;} .homenews .bloccoeventi #camnews .comunicati_body .accentleft { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 25px 15px 0; text-align: left;} .homenews .bloccoeventi #camnews .comunicati_body .accentright { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 0 15px 0 25px; text-align: right;} .homenews .bloccoeventi #camnews .comunicati_body h1 { color: #fff; width: 218px; text-align: center; margin: 0 auto 10px; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; min-height: auto;} .homenews .bloccoeventi #camnews .comunicati_body .riferimentocam { font-family: "Arial"; color: #fff; letter-spacing: 1px; text-align: center;} .homenews .bloccoeventi #camnews .comunicati_body .camlogo { width: 60px; right: -10px; position: absolute; top: -10px; background-image: url(img/cam.svg); height: 60px; background-repeat: no-repeat; background-size: cover;} .homenews .bloccoeventi #camnews .comunicati_body .opinione span { color: #002f56; text-transform: uppercase; font-weight: 700; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; text-align: left; margin: -18px -15px 0px 43px; display: block; width: 115px; float: left;} .homenews .bloccoeventi #camnews .comunicati_body .opinione p { text-align: left; padding: 25px; color: #002f56 !important; margin: 75px 0 0 -40px !important; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; float: left; display: block; font-weight: 700;} .homenews .bloccoeventi #aboutus .diconodinoi { width: 275px; float: left; margin: -5px 0 0 0;} .homenews .bloccoeventi #aboutus .diconodinoi .wprev-no-slider { display: none; } .homenews .bloccoeventi #aboutus .diconodinoi .wprev-no-slider:first-child { display: block; } .homenews .bloccoeventi #aboutus .diconodinoi .wprevpro { display: block; } .homenews .bloccoeventi #aboutus .diconodinoi .opinione span { color: #002f56; text-transform: uppercase; font-weight: 700; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; text-align: left; margin: -18px -15px 0px 43px; display: block; width: 115px; float: left;} .homenews .bloccoeventi #aboutus .diconodinoi .opinione p { text-align: left; padding: 25px; color: #002f56 !important; margin: 75px 0 0 -40px !important; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; float: left; display: block; font-weight: 700;} .homenews .segui { margin: 55px auto 0; width: 240px } .homenews .segui button { width: 240px;} .homenews .bloccoeventi .nav-left, .homenews .blocconews .nav-right { top: 78px;} .homenews .bloccoeventi .nav-left { left: 0 } .homenews .bloccoeventi .nav-right { right: 0 } .opinione { background-image: url(img/cr.png); background-repeat: no-repeat; background-size: cover; height: 135px; position: absolute; width: 100%; bottom: 0;} .opinione p { text-align: left; padding: 25px; color: #002f56; margin: 75px 0 0 -40px; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; float: left; display: block;} .opinione span { color: #002f56; text-transform: uppercase; font-weight: 700; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; text-align: left; margin: 80px 0 0 15px; display: block; width: 115px; float: left;} #aboutus div.rassegna-stampa:last-of-type { margin-right: 0;} /* 4.4 HOME Servizi */ .homenews nav { margin: 90px auto; text-align: center;} .homenews nav li { display: inline-block; font-size: 18px; color: #2C2C2C; padding: 10px; margin: 0 25px; cursor: pointer;} .homenews .blocconews { width: 100%; position: relative; overflow: hidden;} .homenews .blocconews .wrapnews { width: 400%; } .homenews .blocconews .single { width: 23.5%; float: left; position: relative; margin-right: 2%; } .homenews .blocconews .single:last-child { margin-right: 0;} .homenews .blocconews .single:nth-child(4n+4) { margin-right: 0;} .homenews .blocconews .single .singleimage { width: 100%; height: 200px; overflow: hidden; } .homenews .blocconews .single .singleimage img { width: 100%; height: auto;} .homenews .blocconews .single img { width: 100%; height: auto;} .homenews .blocconews .single .time { color: #007198; font-size: 14px; margin: 15px 0;} .homenews .blocconews .single h1 { font-size: 18px; color: #2C2C2C; text-align: left; text-transform: none; margin: 15px 0; font-weight: 400; min-height: 40px;} .homenews .blocconews .single p { font-size: 14px; color: #2C2C2C; line-height: 20px; text-align: lelt; margin: 15px 0;} .homenews .blocconews .single .tags { color: #007198; font-size: 12px; margin: 15px 0; text-transform: capitalize;} .homenews .blocconews .single .tags a { color: #007198; } .homenews .blocconews .facebookin { background: transparent radial-gradient(closest-side at 50% 50%, #007198 0%, #26547b 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #0000001a; overflow: hidden; height: 465px;} .homenews .blocconews .facebookin .flogo { background-color: #002f56; width: 60px; height: 60px; border-radius: 50%; float: right; text-align: center; vertical-align: middle; padding-top: 13px; box-sizing: border-box; position: absolute; top: -5px; right: -13px;} .homenews .blocconews .facebookin .flogo img { width: auto; height: 70%;} .homenews .blocconews .facebookin p { color: #fff; width: 218px; text-align: center; margin: 0 auto; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial";} .homenews .blocconews .facebookin p.author { margin: 15px auto 0; font-size: 16px;} .homenews .blocconews .facebookin .accentleft { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 25px 15px 0; text-align: left;} .homenews .blocconews .facebookin .accentright { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 0 15px 0 25px; text-align: right;} .homenews .blocconews .facebookin .syn { position: absolute; bottom: 10px; right: 10px; width: 25px;} .homenews .blocconews .facebookin .syn img { width: 100%; height: auto;} .homenews .segui { margin: 55px auto 0; width: 240px } .homenews .segui button { width: 240px;} .homenews .segui button a { color: #fff;} .homenews .blocconews .nav-left, .homenews .blocconews .nav-right { top: 78px;} .homenews .blocconews .nav-left { left: 0 } .homenews .blocconews .nav-right { right: 0 } /* 4.5 ULTIME OPPORTUNITA' */ .last_opportunity h1 { color: #fff; text-transform: none; font-size: 40px; font-weight: 100;} .last_opportunity p.alone { color: #fff; text-align: center; margin: 25px 0 45px; font-size: 18px; font-weight: 100;} .last_opportunity input { padding: 9px 10px; border: 1px solid #fff; background-color: #ffffff; color: #2C2C2C; text-transform: none; letter-spacing: 1px; width: 95%; float: left; font-size: 14px;} .last_opportunity select { padding: 9px 10px; border: 1px solid #fff; background-color: #ffffff; color: #2C2C2C; text-transform: none; letter-spacing: 1px; width: 95%; float: right; font-size: 14px;} .last_opportunity button { background: #fff; border: none; padding: 10px 20px; float: right; margin: 25px 0;} .last_opportunity input.check { width: 25px; height: 25px; float: left; margin: 25px 0 0 -1px; border: none; -webkit-appearance:none;} .last_opportunity input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .last_opportunity input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: 0; line-height: 15px; position: absolute; text-align: center; top: -15px; width: 16px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: transparent !important; border: none !important; position: absolute !important; bottom: -40px !important; right: 0 !important; text-align: right !important; color: #e91e63 !important;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: transparent !important; border: none !important; position: absolute !important; bottom: -40px !important; right: 0 !important; text-align: right !important; color: #e91e63 !important;} .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; position: absolute; top: 10px; right: 8px; width: 500px; text-align: right;} .wpcf7-list-item { margin: 0 !important;} .wpcf7-list-item-label { margin: 10px 0 0 12px; display: inline-block;} .last_opportunity label { float: left; color: #fff; margin: 30px 0 0 -4px; font-size: 14px;} .last_opportunity .checkelabel { clear: both; width: 100%; float: left;} .nobanner { background: #000; padding: 90px 0; background-image: url(img/bgt.png), url(img/istockphoto-1138371379-612x612.png); background-size: cover; background-repeat: no-repeat;} .nobanner img { margin: 0 auto; display: block;} .nobanner h1 { color: #fff; text-align: center; text-transform: none; margin: 25px 0;} .nobanner button { background: #fff; border: none; text-transform: uppercase; color: #002F56; padding: 15px; text-align: center; margin: 50px auto 50px; display: block; float: none; width: 380px !important; font-size: 14px;} .nobanner button a { color: #002f56; } .curvedarrow { width: 0; height: 0; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 60px solid #007198; position: absolute; top: -50px; left: calc(50% - 150px); } /* 4.6 SERVIZI */ .services .single h1 { color: #007198 !important;} .services .segui { width: 380px;} .services .segui button { width: 380px;} /* 4.7 NEWSLETTER */ #mailup-iscrizione-newsletter {} #mailup-iscrizione-newsletter a { color: #fff; text-decoration: underline; } #mailup-iscrizione-newsletter input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 25px 0 0 0;} #mailup-iscrizione-newsletter input[type="checkbox"]:checked { content: url(img/visto.png); display: inline-block; line-height: 15px; text-align: center; width: 15px;} #mailup-iscrizione-newsletter label { float: left; color: #fff; margin: 25px 0 0 20px; font-size: 14px; width: calc(100% - 55px);} #mailup-iscrizione-newsletter .bluenewsletter label { color: #2c2c2c; } #mailup-iscrizione-newsletter .bluenewsletter label a { color: #007198 !important; } /* 5.0 FOOTER */ footer { width: 100%; display: inline-block; background-color: #007198; margin: 0 0 0 0; z-index: 999999 !important; padding: 50px 0; position: relative;} footer h1 { color: #fff; font-weight: 100; font-size: 26px; float: right;} footer .inright img { float: right; margin-left: 25px;} footer .refeer { float: left; width: 25%; position: relative;} footer .refeer img { float: left; height: 195px; width: auto;} footer .refeer div.groupfooter { float: left; width: 100%; position: relative;} footer .refeer div.groupfooter address { float: left; width: 218px; color: #fff; font-weight: 100; line-height: 25px; margin: -5px 0 0;} footer .refeer div.groupfooter address h1 { color: #fff; font-size: 14px; float: left; text-align: left; font-weight: 700;} footer .refeer div.groupfooter address p { clear: both; color: #fff;} footer .refeer div.groupfooter .linkpreno { text-transform: uppercase; color: #007198; border: none; padding: 10px 25px; margin: 10px 0 0 0px; background: #fff; display: inline-block; box-sizing: border-box; text-align: center;} footer .refeer div.groupfooter .linkpreno a { color: #007198 !important; font-size: 14px; } footer nav { float: right; color: #fff; line-height: 35px; font-weight: 100; width: 17%; padding: 0 1%; box-sizing: border-box;} footer nav label { font-weight: 700; margin: -5px 0 25px; display: block; text-transform: uppercase;} footer li a { color: #fff; } footer a { color: #fff !important; } .credit { width: 100%; display: inline-block; background-color: #002F56; margin: 0 0 0 0; z-index: 999999; padding: 50px; box-sizing: border-box; color: #fff; text-align: center; line-height: 40px; position: relative;} .credit p { color: #fff; } .credit ul li { display: inline-block; color: #fff; font-size: 14px; } .credit ul li::after { content: "|"; padding: 0 20px 0 25px;} .credit ul li:last-child::after { content: ""; } .credit ul li a { color: #fff; } /* 6.0 SPECIALITA' CLINICHE */ .page_margin { margin-top: 480px;} .specialita_cliniche { padding: 50px 0;} .specialita_cliniche h1 { text-align: center !important; margin: 45px 0;} .specialita_cliniche p { text-align: center !important; margin: 25px 0;} .specialita_cliniche h2 { background-color: #007198; color: #fff; padding: 10px; box-sizing: border-box; margin: 0 0 15px 0;} .specialita_cliniche ul li { list-style: none; color: #007198; line-height: 45px; text-transform: uppercase; position: relative; font-size: 14px; padding-right: 15px;} .specialita_cliniche ul li a { color: #007198; width: 100%; display: block;} .specialita_cliniche ul li:last-child { margin-bottom: 45px;} /* 6.0.1 */ .pacchetti_preventivi_pagina h2.letter { background-color: #007198; color: #fff; padding: 3px 10px; box-sizing: border-box; margin: 0 0 15px 0; font-weight: 400; font-size: 18px;} .pacchetti_preventivi_pagina .colonnelista ul li { list-style: none; color: #007198; line-height: 45px; text-transform: uppercase; position: relative;} .pacchetti_preventivi_pagina .colonnelista ul li a { color: #007198; font-size: 14px; width: 100%; display: block;} .pacchetti_preventivi_pagina .colonnelista ul li:last-child { margin-bottom: 45px;} .pacchetti_preventivi_pagina .colonnelista ul li a::after { content: url(img/arrow-right.png); position: absolute; top: 3px; right: 0;} .pacchetti_preventivi_pagina #col1 { padding: 0 5px 0 0 } .pacchetti_preventivi_pagina #col2 { padding: 0 5px } .pacchetti_preventivi_pagina #col3 { padding: 0 0 0 5px } .colonnelista ul { margin-left: 0 !important; } .pacchetti_preventivi_pagina article.col-right p { font-size: 16px; color: #333; line-height: 30px;} .pacchetti_preventivi_pagina article.col-right { font-size: 16px; color: #333; line-height: 30px; margin: 0 0 15px 15px;} .pacchetti_preventivi_pagina article.col-right h3 { color: #007198; margin: 15px 0 0 0;} .pacchetti_preventivi_pagina article.col-right strong { color: #007198; } .pacchetti_preventivi_pagina article.col-right li { font-size: 16px; color: #333; line-height: 30px; margin: 15px 0 15px 0px;} .pacchetti_preventivi_pagina .bloccoprenota a, .pacchetti_preventivi_pagina .bloccoprenota strong { color: #fff !important; } .dcumentiepreventivi li { border-top: 1px solid #d5d5d5; list-style: none; background-image: url(img/pdf_document.png); background-repeat: no-repeat; background-size: 30px 36px; margin: 0 0 0 0 !important; padding: 20px 0 0 45px; background-position: 0 13px; line-height: 30px !important; font-size: 16px !important; color: #333 !important; display: inline-block; width: 100%; box-sizing: border-box;} .dcumentiepreventivi li:last-child { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px;} .dcumentiepreventivi li a span { background-image: url(img/download.svg); width: 30px; height: 30px; background-size: 30px 30px; display: block; float: right;} .contattipercheckup { clear: both; background-color: #007198; padding: 30px; box-sizing: border-box; color: #fff;} .contattipercheckup h1 { color: #fff; font-size: 30px !important; font-weight: 100 !important; text-align: center !important; line-height: 35px !important; margin: 0 0 30px 0 !important;} .contattipercheckup p { color: #fff !important; line-height: 30px !important; text-align: center; margin: 0 0 20px 0;} .contattipercheckup a { color: #fff !important; } article ul { margin-left: 20px; } article ol { margin-left: 20px; line-height: 30px; margin-top: 15px;} /* 6.1 SQUADRA */ .squadra { margin-top: 0; padding: 50px 0;} .squadra img { width: 100%; height: auto;} .squadra h1 { font-size: 26px; text-transform: uppercase; text-align: left;} .squadra h2 { font-size: 26px; text-transform: uppercase; margin-bottom: 25px; text-align: left; font-weight: 400; color: #007198;} .squadra p { font-size: 16px; color: #2C2C2C; line-height: 30px; margin: 0 0 25px 0;} .squadra .tasto { margin: 55px 0 0 0; width: auto; display: inline-block;} /* 6.2 GALLERY */ .gallery { padding: 50px 0; display: inline-block;} .gallery h1 { text-align: left; margin-bottom: 25px; font-weight: 100;} .gallery img { float: left; width: 25%; border: 2px solid #fff; box-sizing: border-box;} .galleryv { padding: 0; display: inline-block;} .galleryv h1 { text-align: left; margin-bottom: 25px;} .galleryv img { float: left; width: 49%; margin: 0 0 25px 0;} .galleryv img:nth-child(even) { float: right; } .gallerypage { padding: 0px 0 50px; display: inline-block; width: 100%;} .gallerypage h1 { text-align: left; margin-bottom: 25px; font-weight: 100;} .gallerypage .gallerywrap { width: 25%; float: left; height: 140px; overflow: hidden; margin: 0 0 3px 0;} .gallerypage img { float: left; width: 100%; border: 2px solid #fff; box-sizing: border-box; height: auto;} .galleryspecialita .gallerypage .gallerywrap { height: 195px;} .videogallerypage { padding: 50px 0; display: inline-block; width: 100%; position: relative; margin-top: 75px; } .videogallerypage h1 { text-align: left; margin-bottom: 25px; font-weight: 100; } .videogallerypage .videogallerywrap { width: 49%; float: left; margin-bottom: 1%; } .videogallerypage div .videogallerywrap:nth-child(2n+2) { float: right; } .videogallerypage .videogallerywrap iframe { width: 100%; } /* 6.3 DOCUMENTI */ .documenti { padding: 50px 0; display: inline-block; width: 100%; font-size: 16px; } .documenti h1 { text-align: left; margin-bottom: 25px; font-weight: 100;} .documenti div.line { border: none; border-top: 1px solid #007198; position: relative; width: 100%; display: inline-block;} .documenti div.line:last-child { border-bottom: 1px solid #007198;} .documenti div.line div { float: left; margin: 30px 0 0 0;} .documenti div.line div.icon { width: 5%;} .documenti div.line div.icon img { width: 50%; height: auto; margin: -13px 0 13px 0;} .documenti div.line div.data { width: 10%;} .documenti div.line div.documentname { width: 70%;} .documenti_lista { width: 100%; position: relative; } .documenti_lista .singolo_documento { position: relative; } .documenti_lista .singolo_documento a i { font-size: 20px; padding: 0 0 0 0; line-height: 45px; position: absolute; top: 0;} .documenti_lista .singolo_documento a span { position: absolute; top: 7px; left: 30px;} /* 7.0 CHI SIAMO */ .aboutleft { float: left; width: 30%; position: relative;} .aboutleft img { width: 100%; height: auto;} .aboutright { float: right; width: 65%; position: relative;} .aboutright ul, .aboutright ol { margin: 25px 0 25px 15px;} .aboutright ul li, .aboutright ol li { font-size: 16px; line-height: 30px; color: #2c2c2c; } .aboutright h1 { margin: 0px 0 25px !important;} .about .skill { background-color: #007198; display: inline-block; position: relative; width: 100%; padding: 40.5px 0;} .about .skill { background-color: #007198; display: inline-block; position: relative; width: 100%;} .about .skill div { width: 25%; float: left; border-right: 1px solid #fff; box-sizing: border-box;} .about .skill div:last-child { border-right: 0px solid #fff;} .about .storia { width: 100%; position: relative; overflow: hidden;} .about .storia .history { margin-bottom: 25px; width: 100%; position: relative; height: 430px;} .about .storia .history .js-wpv-view-layout { position: absolute;} .about .storia .history div.year { width: 283px; float: left; margin: 0 0 0 0; position: absolute; box-sizing: border-box; padding-right: 20px;} .about .storia .history div.year:last-child { margin: 0 0;} .about .storia .history img { width: 100%; height: auto;} .about .storia .history h1 { font-size: 18px; color: #2C2C2C; margin: 15px 0; font-weight: 400; line-height: 25px;} .about .storia .history p { font-size: 14px; color: #2C2C2C; line-height: 20px;} .about .biggest { width: 849px; } .next, .prev { position: absolute; top: 155px; border: 1px solid #ffffff; color: #007198; cursor: pointer; width: 40px; height: 40px; box-sizing: border-box; background-color: #fff; font-size: 27px;} .next { left: 0px; padding: 5px 0 5px 10px;} .prev { right:0px; padding: 5px 0 5px 15px;} /* 7.1 MENU LATERALE */ .about { padding: 50px 0;} .menulaterale li { list-style: none; font-size: 16px; text-transform: uppercase; margin-bottom: 0px; color: #007198; padding: 21px 10px;} .menulaterale li a { color: #007198; } .menulaterale h2.date { color: #007198; font-size: 14px;} .menulaterale .tag { color: #007198; margin: 15px 0 0 0px; font-size: 12px;} .menulaterale .tag a { color: #007198; } .menulaterale .active { background-color: #007198; color: #fff !important; margin: 0 0 0 -10px; padding: 21px 10px 21px 18px;} .menulaterale .active a { color: #fff; } .menulaterale .contattisidebar { background-color: #007198; padding: 20px 25px; box-sizing: border-box; line-height: 25px;} .menulaterale .contattisidebar h1 { color: #fff; text-align: center;} .menulaterale .contattisidebar p { color: #fff; text-align: center;} .menulaterale .contattisidebar .tasto { color: #007198; background-color: #fff; width: 100%; display: block; box-sizing: border-box; text-align: center; margin: 25px 0 0 0;} .menulaterale .tasto { text-transform: uppercase; width: 100%; display: block; box-sizing: border-box; margin: 25px 0; text-align: center;} .menulaterale .asideimg { width: 100%; height: 280px; overflow: hidden; } .menulaterale img { width: 100%; height: auto;} /* 7.2 PAGINE GENERICHE */ .genericasingolacolonna { padding: 50px 0 0; background-color: #fff;} .genericasingolacolonna table tbody tr td { vertical-align: top; } .genericasingolacolonna table tbody tr td h1 { margin: 0 0 25px 0; } .genericasingolacolonna table tbody tr td:first-child { width: 260px; } .bgw { background-color: #007198; color: #fff;} .bgw h1, .bgw p, .bgw ul li { color:#fff !important } /* 7.3 LA GRANDE BELLEZZA */ .banner_grandebellezza { background-size: cover; height: 700px; background-position: 0px bottom !important;} .grandebellezza_bg { background-color: #fff;} .grandebellezza { background-color: #007198; margin-top: 700px !important;} .grandebellezza h1.pagetitle { font-weight: 400 !important; color: #ffffff;} .grandebellezza h2 { color: #ffffff;font-weight: normal; font-size: 22px; margin: 25px 0; line-height: 35px;} .grandebellezza h3 { font-size: 20px; margin: 25px 0;} .grandebellezzain {} .grandebellezzain h1.pagetitle { font-weight: 100 !important; color: #007198; text-align: center !important;} .grandebellezza p { margin-bottom: 15px; } .byoutube { position: relative; margin: 25px auto; display: block; width: fit-content;} .byoutube img { float: left; } .byoutube p { float: left; color: #8d6241 !important; font-weight: 700; margin: 14px 0 0 15px;} .videoB { width: 100%; display: inline-block; } .videogallerybellezza { width: 100%; position: relative; } .videogallerybellezza li { list-style: none; width: 100%; padding: 25px 0 25px 0; position: relative; display: inline-block; border-bottom: 1px solid #ebe4de;} .videogallerybellezza li div { width: 48%; float: left;} .videogallerybellezza li div:nth-child(even) { float: right; } .videogallerybellezza li iframe { width: 100%; } .videogallerybellezza li p { line-height: 35px; } .grandebellezza_eventi { width: 100%; position: relative; display: inline-block; } .grandebellezza_eventi article { width: 25%; float: left; padding: 10px; box-sizing: border-box; } .grandebellezza_eventi article figure { width: 100%; height: 200px; overflow: hidden; } .grandebellezza_eventi article figure img { width: auto; height: 100%;} .grandebellezza_eventi article .data { margin: 15px 0; color: #007198; font-size: 14px;} .grandebellezza_eventi article h1 { font-size: 18px; color: #2C2C2C; text-align: left; text-transform: none; line-height: 25px; margin: 0 0 15px 0;} .grandebellezzain h1 { color: #8D6241; font-size: 26px; margin: 15px 0; } .grandebellezzain h1 span { color: #8D6241 !important; font-size: 26px !important; margin: 15px 0 25px !important; font-family: inherit !important; font-weight: 100; display: block;} .grandebellezzain p { font-size: 16px; color: #2C2C2C; line-height: 25px;} .grandebellezzain img { max-width: 100%; margin: 15px 0; } .grandebellezza_gallery li { list-style: none; float: left; width: 25%; overflow: hidden; height: 295px; position: relative; border: 2px solid #ebe4de; box-sizing: border-box;} .grandebellezza_gallery li a { width: 105%; height: 295px; display: block; background-repeat: no-repeat; background-size: cover; background-position: -5px -5px;} .grandebellezza_gallery .gallerypage { padding: 0px 0 50px; display: inline-block; margin-top: 0;} .grandebellezza_gallery .gallerypage .gallerywrap { width: 23%; float: left; height: 250px; overflow: hidden; margin: 0 1% 3px 1%;} .grandebellezza_gallery .gallerypage .gallerywrap img { max-width: 100%; margin: 15px 0; height: 230px; object-fit: cover;} .grandebellezza_documenti ul li { list-style: none; border-top: 1px solid #999; padding: 15px 0 15px 45px; position: relative; background-image: url(img/pdfb.svg); background-repeat: no-repeat; background-position: 0px 8px; background-size: 25px;} .grandebellezza_documenti ul li:last-child { border-bottom: 1px solid #999; } .grandebellezza_documenti ul li a { background-image: url(img/downloadB.svg); width: 25px; height: 25px; background-repeat: no-repeat; background-size: 25px; float: right; margin: -5px 0 0 0;} .current-la-grande-bellezza-parent { background-color: #007198; color: #fff !important; margin: 0 0 0 -10px; padding: 21px 10px 21px 18px !important;} .current-la-grande-bellezza-parent a { color: #fff !important; } .banner_bellezza { background-image: url(img/bgt.png), url(img/bggb.webp);} .container-accordion { margin: 20px auto; width: 100%;} .container-accordion article { border: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .container-accordion article h1 { margin: 0; padding: 20px; background: #007198; color: white; cursor: pointer; user-select: none; font-size: 18px; transition: background 0.3s ease; position: relative;} .container-accordion article h1:hover { background: #002F56;} .container-accordion article h1::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: bold; transition: transform 0.3s ease; } .container-accordion article h1.active { color: #ffffff !important; border-bottom: none !important;} .container-accordion article h1.active::after { content: '−'; transform: translateY(-50%) rotate(180deg); color: #ffffff !important; border-bottom: none !important;} .container-accordion .content-accordion { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #f9f9f9;} .container-accordion .content-accordion.active { max-height: 1000px; transition: max-height 0.3s ease-in; border-bottom: none !important;} .container-accordion .content-accordion p { padding: 20px; margin: 0; line-height: 1.6; color: #333;} /* 8.0 RICERCA */ .risultati { height: 100px; background-color: #F8F8F8;} .risultati .message { top: 35px; left: 0; width: auto; right: auto;} .risultati .message h1 span { color: #007198; font-size: 26px; line-height: unset; text-transform: uppercase; font-weight: 700;} .risultati .message h1 { color: #007198 !important; font-size: 20px !important; line-height: unset; text-transform: lowercase !important;} .risultati .cancellaricerca { float: right; margin: 40px 0 0 0;} .risultati .cancellaricerca p { font-size: 14px; color: #002F56; padding: 0 15px 0 0;} .risultati .cancellaricerca p span { position: relative; padding: 0 0 0 10px;} .risultati .cancellaricerca p span img { width: 20px; height: auto; padding: 0 0 0; position: absolute; top: -2px;} .risultati_ricerca { margin-top: 227px; padding: 50px 0;} .risultati_ricerca .numerorisultati { float: left; color: #002F56; font-size: 20px; font-weight: 700;} .risultati_ricerca .ordina { float: right; color: #2C2C2C; font-size: 14px; margin-top: 5px;} .risultati_ricerca .ordina span { font-weight: 700; } .risultati_ricerca .singoli_risultati { width: 100%; position: relative; margin-bottom: 50px;} .risultati_ricerca .singoli_risultati h1 { color: #007198; font-size: 20px; line-height: 24px; text-align: left; margin-bottom: 15px;} .risultati_ricerca .singoli_risultati p { color: #2C2C2C; font-size: 14px; line-height: 25px;} .ricerca_neutra { margin-bottom: 0px; } .ricerca_neutra label { font-size: 16px; color: #333; margin-bottom: 30px; display: block; font-weight: 300;} .ricerca_neutra input { margin-bottom: 40px; } .risultatiricerca .wpv-block-loop-item { width: 30%; float: left; position: relative; margin-right: 3%;} .risultatiricerca .wpv-block-loop-item::after { content: url(img/arrow-right.png); position: absolute; top: 12px; right: 0;} .risultatiricerca .wpv-block-loop-item .tb-field { float: left; margin: 0 5px 0 0; list-style: none; color: #007198; line-height: 45px; text-transform: uppercase; position: relative; font-size: 14px;} .risultatiricerca .wpv-block-loop-item .tb-field a { padding-right: 10px; } .risultatiricerca .wp-block-toolset-views-custom-search-container { background-color: #F8F8F8; box-sizing: border-box; padding: 25px 25px; margin: 50px 0; display: inline-block; width: 100%;} .risultatiricerca #specialitadaspecialisti { width: 50%; float: left; box-sizing: content-box; margin: 0 0 15px 0;} .risultatiricerca #liberaricercamedico { width: 50%; float: left; box-sizing: content-box; margin: 0 0 15px 0;} .risultatiricerca #tipodiservizioselect { width: 50%; float: left; box-sizing: content-box; margin: 0 0 15px 0;} .risultatiricerca #liberaricercaservizio { width: 50%; float: left; box-sizing: content-box; margin: 0 0 15px 0;} .risultatiricerca #specialitadaspecialisti .form-group { float: left; width: 95%} .risultatiricerca #liberaricercamedico .form-group { float: right; width: 95%} .risultatiricerca #tipodiservizioselect .form-group { float: left; width: 95%} .risultatiricerca #liberaricercaservizio .form-group { float: right; width: 95%} .risultatiricerca .wpv-custom-search-filter-submit input { position: relative; border: none; background-color: #007198 !important; float: right; margin-top: 0px !important; cursor: pointer; width: 170px !important; text-transform: uppercase; font-size: 14px; border-radius: 0; display: block;} .risultatiricerca label { font-size: 16px; line-height: 22px; color: #333333; text-align: left; text-transform: initial;} .risultatiricerca select, .risultatiricerca input { border: 1px solid #D0D0D0; padding: 10px; width: 100% !important; box-sizing: border-box; margin: 15px 0 0 0;} .risultatiricerca .wpv-custom-search-filter-reset { margin: 0 15px 0 0; float: right;} .risultatiricerca .wpv-custom-search-filter-reset input { position: relative; border: none; background-color: #007198 !important; float: right; margin-top: 0px !important; cursor: pointer; width: 170px !important; text-transform: uppercase; font-size: 14px; border-radius: 0; display: block; color: #fff !important;} /* 9.0 NAVIGATION */ .navigation { position: relative; margin: 60px auto; text-align: center; display: flex; width: fit-content; width: -moz-fit-content; clear: both;} .navigation li { position: relative; float: left; list-style: none !important; border: 1px solid #007198; color: #2C2C2C; padding: 10px 12px; width: 15px; height: 15px; text-align: center; margin: 0 5px; line-height: initial !important;} .navigation li .current { color: #fff !important; background-color: #007198; border: none; margin: 0; padding: 8px 0 8px; position: absolute; top: 0; left: 0; width: 100%; clear: both; font-size: 100%;} .navigation li a { list-style: none; color: #2C2C2C; margin: 0; background-color: transparent; border: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; text-align: center; line-height: inherit; padding: 8px 0 8px;} .navigation li a:hover { list-style: none; color: #fff; margin: 0; background-color: #007198; border: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; text-align: center; line-height: inherit; padding: 8px 0 8px;} .navigation li:first-child img { transform: rotate(180deg);} .navigation li img { margin: 0 0 0 12px; display: block;} .navigation li a.next:hover { background: transparent; } .navigation li a.prev:hover { background: transparent; } .wp-paginate .gap { margin: -15px 0 0 -3px !important;} /* 10.0 DICONO DI NOI */ .diconodinoi h1 { text-align: left;} .diconodinoi .sociallist ul li { padding: 10px 0; margin: 0 50px 0 0;} .diconodinoi .homenews nav { margin: 50px auto; text-align: left;} .diconodinoi .homenews .titleblocconews { position: relative; padding: 15px 0; margin: -25px 0 15px 0;} .diconodinoi .homenews .titleblocconews p { font-size: 14px; text-transform: uppercase; color: #007198; position: absolute; background-color: #fff; top: 22px; padding: 0 15px 0 0; font-weight: 700;} .diconodinoi .homenews .blocconews .single { width: 30%; float: left; position: relative; margin-right: 5%; height: 360px;} .diconodinoi .homenews .blocconews .single:last-child { margin-right: 0;} .diconodinoi .homenews .blocconews .socialgroup { margin: 50px 0 0 0;} .diconodinoi .homenews .segui { margin: 30px 0 0 0; display: block; text-align: left;} .diconodinoi .homenews .segui button { color: #007198; background-color: #fff; text-align: left; font-weight: 700;} .diconodinoi .homenews .segui button a { color: #007198 !important;} .diconodinoi .homenews .blocconews .stampa .single { background: transparent radial-gradient(closest-side at 50% 50%, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box;} .diconodinoi .homenews .blocconews .stampa .single p { color: #2C2C2C; text-align: left; width: 80%; font-size: 20px; line-height: 24px; font-style: normal;} .diconodinoi .homenews .blocconews .stampa .single .data { color: #D0D0D0; font-size: 14px; margin: 25px 0 25px 25px;} .diconodinoi .homenews .blocconews .stampa .single h1 { color: #2C2C2C; font-size: 18px; margin: 0 0 0px 25px; min-height: auto;} .diconodinoi .homenews .blocconews .stampa .single h2 { color: #007198; font-size: 14px; margin: 0 0 15px 25px;} .diconodinoi .homenews .blocconews .stampa .single .inleft p, .diconodinoi .homenews .blocconews .stampa .single .inright p { text-align: center; color: #007198; font-size: 14px;} .diconodinoi .homenews .blocconews .stampa .single .inleft img, .diconodinoi .homenews .blocconews .stampa .single .inright img { text-align: center; width: 20px; height: 20px; margin: 25px auto 0; display: block;} .diconodinoi .homenews .blocconews .stampa .single { height: auto; min-height: 285px;} .diconodinoi .last_opportunity h1 { color: #007198; text-align: center;} .diconodinoi .last_opportunity p { color: #2C2C2C; text-align: center;} .diconodinoi .last_opportunity input { border: 1px solid #2C2C2C;} .diconodinoi .last_opportunity select { border: 1px solid #2C2C2C;} .diconodinoi .last_opportunity button { background: #007198; color: #fff;} .diconodinoi .last_opportunity label { color: #2c2c2c;} .diconodinoi .curvedarrow { top: -100px;} .diconodinoi aside .tag { font-size: 12px;} .diconodinoi #comunicatistampa { width: 99%; position: relative; display: block; margin: 15px 0 0 0; padding-left: 6px; height: 450px; overflow: hidden; padding-top: 6px; transition: all 1s;} .diconodinoi #comunicatistampa .comunicati_body:nth-child(3n+2) { margin: 0 35px;} .diconodinoi #comunicatifacebook { width: 99%; position: relative; display: block; margin: 15px 0 0; height: 450px; overflow: hidden; padding-top: 0; transition: all 1s;} .diconodinoi .w3_wprs-col { width: 250px !important; float: left; position: relative; margin-right: 35px; height: 420px; background: transparent radial-gradient(closest-side at 50% 50%, #007198 0%, #26547b 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 4px 3px #00000029; overflow: hidden; padding: 0 !important; margin-bottom: 35px !important; margin-top: 0 !important; color: #fff !important; column-rule-color: #fff !important; perspective-origin: left !important; transform-origin: left !important; outline: auto !important; font: normal normal normal normal 13px / 20.8px "Arial", Helvetica, Arial, sans-serif !important; border: none !important;} .diconodinoi .w3_wprs-col:nth-child(3n+3) { margin-right: 0; } .diconodinoi .syn { height: 31px; background-image: url(img/llogo.png); position: absolute; bottom: 10px; right: 10px; width: 25px; background-repeat: no-repeat; background-size: cover;} .diconodinoi .slogo { width: 60px; right: -10px; position: absolute; top: -10px; background-image: url(img/fb.svg); height: 60px; background-repeat: no-repeat; background-size: cover;} .diconodinoi .w3_wprs-col .wprevpro_t1_DIV_2 { bottom: auto !important; box-shadow: none !important; box-sizing: border-box; color: transparent !important; height: auto; left: auto !important; position: relative; right: auto !important; top: 0px !important; column-rule-color: initial !important; perspective-origin: left !important; transform-origin: left !important; background: transparent !important; border: none !important; font: normal normal normal normal 13px / 20.8px "Arial", Helvetica, Arial, sans-serif !important; margin: 0 !important; outline: none !important; padding: 0 !important;} .diconodinoi .w3_wprs-col .wprevpro_t1_DIV_2 p { color: #fff; width: 218px; text-align: center; margin: 0 auto; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial";} .diconodinoi .w3_wprs-col .wprevpro_t1_SPAN_5 { margin: -15px auto 0; padding: 0; font-size: 16px; color: #fff; font-style: italic; font-family: "Arial"; text-transform: none; text-align: center; width: 100%;} .diconodinoi .w3_wprs-col .accentleft { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 25px 15px 0; text-align: left;} .diconodinoi .w3_wprs-col .accentright { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 0 15px 0 25px; text-align: right;} .diconodinoi #comunicatifacebook ul { margin-left: 0; } .wprevpro_t1_outer_div { padding: 5px !important; margin: 0;} .diconodinoi #camnews .comunicati_body { width: 250px !important; float: left; position: relative; margin-right: 35px; height: 360px; background: transparent radial-gradient(closest-side at 50% 50%,#007198 0%,#26547b 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 4px 3px #00000029; overflow: hidden; padding: 0 !important; margin-bottom: 35px !important; margin-top: 0 !important; color: #fff !important; column-rule-color: #fff !important; perspective-origin: left !important; transform-origin: left !important; outline: auto !important; font: normal normal normal normal 13px/20.8px "Arial",Helvetica,Arial,sans-serif !important; border: none !important;} .diconodinoi #camnews .comunicati_body:nth-child(3n+3) { margin-right: 0; } .diconodinoi #camnews .comunicati_body:nth-child(3n+2) { margin: 0 35px 35px 0;} .diconodinoi #camnews .comunicati_body .syn { height: 31px; background-image: url(img/llogo.png); position: absolute; bottom: 10px; right: 10px; width: 25px; background-repeat: no-repeat; background-size: cover;} .diconodinoi #camnews .comunicati_body .accentleft { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 25px 15px 0; text-align: left;} .diconodinoi #camnews .comunicati_body .accentright { font: normal normal normal 50px/40px Arial Black; letter-spacing: 0px; color: #fff; margin: 0 15px 0 25px; text-align: right;} .diconodinoi #camnews .comunicati_body h1 { color: #fff; width: 218px; text-align: center; margin: 0 auto 10px; line-height: 20px; font-size: 18px; font-style: italic; font-family: "Arial"; min-height: auto; font-weight: 400;} .diconodinoi #camnews .comunicati_body .riferimentocam { font-family: "Arial"; color: #fff; letter-spacing: 1px; text-align: center;} .diconodinoi #camnews .comunicati_body .camlogo { width: 60px; right: -10px; position: absolute; top: -10px; background-image: url(img/cam.svg); height: 60px; background-repeat: no-repeat; background-size: cover;} /* 11.0 EVENTI */ .ricercaeventi .search_field { width: 100%; position: relative; margin: 25px 0; } .ricercaeventi .beautiful-taxonomy-filters-select-wrap { width: 850px; position: relative; display: inline-block; } .ricercaeventi .search_field .beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-tax { width: 240px; margin-bottom: 0px; margin-right: 20px;} .ricercaeventi .search_field #beautiful-taxonomy-filters-tax-corso-ecm { width: 70px; margin-right: 0; float: right; } .ricercaeventi .search_field .beautiful-taxonomy-filters-widget label { font-size: 14px; color: #D0D0D0; text-align: left; } .ricercaeventi .search_field .beautiful-taxonomy-filters-widget select { border: 1px solid #D0D0D0; background-color: #FFFFFF; padding: 10px; box-sizing: border-box; } .ricercaeventi .search_field .beautiful-taxonomy-filters-button { position: relative; border: none; background-color: #007198; float: right; margin: 0;} .eventi { padding: 50px 0;} .eventi h1 { text-align: left; font-weight: 100;} .eventi .evento_block { position: relative; width: 100%; box-shadow: 0px 0px 10px #0000001A; padding: 15px; box-sizing: border-box; display: inline-block; margin: 25px 0 0 0; } .eventi .evento_block .image { float: left; width: 240px; position: relative; overflow: hidden; height: 230px;} .eventi .evento_block .image img { width: 100%; height: auto; } .eventi .evento_block .imagelarge { float: left; width: 630px; overflow: hidden; height: 275px;} .eventi .evento_block .imagelarge img { width: 100%; height: auto; } .eventi .evento_block .evento_body { width: 400px; float: left; padding: 0 25px; box-sizing: border-box; border-right: 1px solid #dadada; min-height: 228px; overflow: hidden;} .eventi .evento_block .evento_body h1 { color: #007198; font-size: 20px; font-weight: 700; text-align: left; text-transform: none; line-height: 25px;} .eventi .evento_block .evento_body .author { color: #007198; font-size: 14px; margin: 25px 0 0 0; text-align: left;} .eventi .evento_block .evento_body .author { color: #007198; font-size: 14px; text-align: left; margin-bottom: 15px;} .eventi .evento_block .dataevento { float: right; width: 160px; } .eventi .evento_block .dataevento h4 { background-color: #007198; color: #fff; padding: 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; text-transform: uppercase;} .eventi .evento_block .dataevento h5 { color: #fff; padding: 10px; box-sizing: border-box; font-size: 14px; font-weight: 400; text-transform: uppercase;} .eventi .evento_block .dataevento .day { font-size: 80px; font-weight: 100; color: #007198; margin-top: 15px; line-height: 95px;} .eventi .evento_block .dataevento .mese { color: #007198; font-size: 18px; font-weight: 700; } .eventi .evento_block .dataevento .ora { color: #007198; font-size: 16px; font-weight: 400; margin: 10px 0 0 0;} .online .dataevento h5 { background-color: #FF9C15;} .diretta-facebook .dataevento h5 { background-color: #1770E5;} .te-della-salute .dataevento h5 { background-color: #C496C2;} .convegno .dataevento h5 { background-color: #F5C808;} .open-day .dataevento h5 { background-color: #29bb17;} .eventi .body_singolo_evento { color: #2C2C2C; line-height: 30px; margin: 25px 0 0 0;} h1.event_title { font-weight: 700; line-height: 30px; margin-bottom: 25px; position: relative; padding-left: 0px;} h1.event_title span.back { float: left; margin-right: 25px; cursor: pointer;} .eventi .body_singolo_evento p { font-size: 16px; font-weight: 400; line-height: 30px; color: #2C2C2C; margin: 0 0 15px 0;} .eventi .body_singolo_evento ul { margin-left: 15px; margin-bottom: 15px;} .eventi .author { font-size: 14px; font-weight: 400; line-height: 16px; color: #007198;} .eventi .iscriviti { position: relative; width: 100%; display: inline-block; background-color: #007198; color: #fff; padding: 25px 10px; box-sizing: border-box; margin: 25px 0 0;} .eventi .iscriviti img { float: left;} .eventi .iscriviti p { font-size: 40px; font-weight: 100; float: left; margin: 20px 0 0 0px; color: #fff;} .eventi .iscriviti span { font-size: 18px; float: right; margin: 21px 14px 0 0;} .eventi .iscriviti span span { font-weight: 700; margin: 0 0 0 5px; } .eventi .boxform { background-color: #002F56; box-sizing: border-box; padding: 10px 25px 50px; color: #fff; text-align: center; margin: 70px 0; display: inline-block; width: 100%;} .eventi .boxform p { color: #fff; font-size: 18px; } .eventi .boxform p span { font-weight: 700; } .eventi .boxform p:nth-child(1) { margin: 35px 0;} .eventi .boxform p:nth-child(2) { font-size: 26px; float: left; font-weight: 100; width: 45%; position: relative;} .eventi .boxform p:nth-child(3) { font-size: 26px; float: right; font-weight: 100; width: 45%; position: relative;} .eventi .boxform p:nth-child(2)::before { content: url(img/tel.svg); position: absolute; top: -4px; left: 50px; } .eventi .boxform p:nth-child(3)::before { content: url(img/mail2.svg); position: absolute; top: 0; left: 0;} .eventi .boxform a { color: #fff; } .materiale a { width: 120px; float: left; margin: 0 25px 25px 0; } .materiale a img { width: 100%; height: auto; } .body_singolo_evento table { position: relative; display: inline-block; margin: 35px 0 0 0; height: auto !important; } .body_singolo_evento table tr { margin: 0 0 25px 0; display: inline-block; height: auto !important; } .body_singolo_evento table tr td { position: relative; height: auto !important; } .body_singolo_evento table tr td img { position: absolute; top: 5px; } /* 12.0 RICERCA SPECIALITA' */ .ricercaprestazioni { background-color: #F8F8F8; padding: 25px; box-sizing: border-box; position: relative; display: inline-block; width: 100%;} .ricercaprestazioni input { margin: 0 0 45px 0; padding: 15px;} .ricercaprestazioni select { padding: 15px; width: 100%; border: 1px solid #007198;} .ricercaprestazioni label { font-size: 16px; color: #333333; margin: 0 0 15px 0; display: block;} .ricercaprestazioni .inright select { padding: 15px; width: 95%; float: right;} .ricercaprestazioni .inright label { font-size: 16px; color: #333333; margin: 0 0 15px 27px; display: block;} .ricerca_prestazioni h1 { font-weight: 100; margin: 0 0 30px; } .ricerca_prestazioni p { font-size: 20px; font-weight: 100; color: #002F56 } .ricerca_prestazioni .beautiful-taxonomy-filters { margin: 0 !important; padding: 0 !important; border-bottom: 0px solid #CCC !important;} .ricercaprestazioni #result { width: 100%; text-align: center; display: none; } /* 13.0 RIMANIAMO INFORMATI */ #rimaniamo-infomrati-block .next, #rimaniamo-infomrati-block .prev { top: 77px;} /* 13.1 SCOPRI I SERVIZI */ .scopriservizi .bloccoeventi { width: 100%; position: relative; overflow: hidden; transition: all .5s;} .scopriservizi nav { margin: 90px auto; text-align: center;} .scopriservizi nav li { display: inline-block; font-size: 18px; color: #2C2C2C; padding: 10px; margin: 0 25px; cursor: pointer;} .scopriservizi .bloccoeventi .wrapnews { width: 100%;} .scopriservizi .bloccoeventi .single { width: 280px; float: left; position: absolute; margin-right: 15px;} .scopriservizi .bloccoeventi .single .singleimage { width: 100%; height: 200px; overflow: hidden; background-repeat: no-repeat; background-size: cover;} .scopriservizi .bloccoeventi .single h1 { color: #007198 !important; font-size: 18px; color: #2C2C2C; text-align: left; text-transform: none; margin: 15px 0; font-weight: 400; min-height: 40px; line-height: 20px;} .scopriservizi .bloccoeventi .single p { font-size: 14px; color: #2C2C2C; line-height: 20px; text-align: left; margin: 15px 0;} .scopriservizi .segui { width: 300px !important; text-align: center; margin: 25px auto 0;} .scopriservizi .segui button { width: 300px !important;} .scopriservizi .segui a { color: #fff;} .scopriservizi .next, .scopriservizi .prev { top: 85px;} /* 14.0 MAGAZINE */ .magazine_block { box-shadow: 0px 0px 10px #0000001A; padding: 25px; box-sizing: border-box; position: relative; display: inline-block; width: 100%; margin: 25px 0;} .magazine_block .image { width: 240px; float: left; position: relative;} .magazine_block .image img { width: 100%; height: auto;} .magazine_block .image .relative { width: 100%; position: relative; color: #007198; font-size: 14px; margin: 15px 0 0 0;} .magazine_block .image .relative img { width: 20px; height: auto; float: left; margin: 0 15px 0 0;} .magazine_block .image .relative p { margin: 0 0 0 0px; display: inline-block; color: #007198; position: relative; padding: 0 0 0 30px;} .magazine_block .image .relative p::before { content: url(img/download.svg); position: absolute; top: 0; left: 0; } .magazine_block .magazine_body { float: right; width: 540px; position: relative;} .magazine_block .magazine_body h1 { font-size: 20px; float: left; font-weight: 700; position: relative;} .magazine_block .magazine_body h1 img { height: 22px; width: auto; position: absolute; top: 1px; left: 0;} .magazine_block .magazine_body .date { color: #007198; font-size: 20px; float: right; font-weight: 100;} .magazine_block .magazine_body h2 { color: #007198; width: 100%; display: inline-block; font-size: 18px; font-weight: 400; margin: 15px 0; line-height: 26px;} .magazine_block .magazine_body p { color: #333; font-size: 14px; line-height: 20px;} .magazine_block .magazine_body .relative { width: 50%; float: left; display: inline-block; color: #007198; font-size: 14px;} .magazine_block .magazine_body .relative p { color: #007198; float: left; width: 250px; position: relative; text-transform: lowercase; margin-bottom: 15px; padding: 0 0 0 30px;} .magazine_block .magazine_body .relative p::before { content: url(img/link.svg); top: 0; left: 0px; position: absolute;} .thumb-mag { margin: 35px 0 0; width: 100%; height: auto; } .body_singolo_evento h2 { font-size: 18px; line-height: 26px; font-weight: 100; color: #007198; margin: 0 0 25px 0; } .body_singolo_evento p { font-size: 16px; line-height: 30px; color:#2C2C2C; } .downlaodmagazine { position: relative; width: 100%; } .downlaodmagazine .relative p::before { content: url(img/download.svg); position: absolute; top: 3px; left: 0;} .downlaodmagazine p a { padding: 0 0 0 30px;} .loopmagazinenews {} .loopmagazinenews li { list-style: none; position: relative; width: 50%; padding: 0 50px 0 15px; box-sizing: border-box; float: left; margin: 0 0 15px 0;} .loopmagazinenews li img { position: absolute; top: -3px; left: -15px; } .body_singolo_evento .loopmagazinenews li img { top: 5px; } /* 15.0 COMUNICATI STAMPA */ .comunicatistampa { width: 100%; position: relative; display: block; margin: 15px 0 0 0; } .comunicati_body { box-shadow: 0px 0px 10px #0000001A; width: 250px; float: left; padding: 20px; box-sizing: border-box; margin-bottom: 45px; min-height:410px;} .comunicati_body:nth-child(3n+2) { margin: 0 5%;} .comunicati_body .date { font-size: 14px; color: #D0D0D0; } .comunicati_body .tag { font-size: 14px; font-style: italic; color: #007198; min-height: 60px;} .comunicati_body .tag a { color: #007198; cursor: auto; } .comunicati_body .testata { font-size: 18px; color: #2C2C2C; margin: 10px 0; font-style: italic; min-height: 18px;} .comunicati_body h1 { font-size: 16px; color: #2C2C2C; text-transform: none; font-weight: 400; margin: 20px 0; line-height: 25px; min-height: 150px;} .comunicati_body a.linktocamnews { font-size: 14px; margin-top: 25px; display: block;} .comunicati_body .linkpress { width: 100%; position: relative; display: inline-block;} .comunicati_body .linkpress a { font-size: 14px; color: #007198; line-height: 20px;} .comunicati_body .linkpress .inleft img { margin: 0 0 0 33px; } .comunicati_body .linkpress .inright img { margin: 0 0 0 39px; } .diconodinoi #comunicazionicam { width: 100%; position: relative; display: block; margin: 15px 0 0 0; padding-left: 6px; height: 450px; overflow: hidden; padding-top: 6px; transition: all 1s;} .diconodinoi #comunicazionicam h1 { color: #007198; font-weight: 700; min-height: auto;} #comunicatistampa .comunicati_body { text-align: left; } /* 16.0 SERVIZI AL PAZIENTE */ .servizi_paziente { padding: 50px 0;} .servizi_paziente p { line-height: 25px; color: #002F56; font-size: 18px; font-weight: 400; margin: 15px 0 0 0; text-align: center;} .servizi_paziente h1 { font-size: 26px; font-weight: 100; color: #007198; } .parametriricerche { background: #fff; position: relative; display: inline-block; width: 100%; margin: 50px 0 0 0;} .parametriricerche .parametri { width: 50%; float: left; box-sizing: border-box; text-align: center; padding: 35px; text-transform: uppercase; color: #007198; cursor: pointer;} .parametriricerche .active { background: #007198; color: #fff !important; cursor: default; } .parametriricerche .wrapsearch { background: #007198; box-sizing: border-box; padding: 60px 50px;} #choise { border: 1px solid #007198; padding: 10px 15px; width: 100%;} .offerte_pazienti h1 { text-align: left; font-size: 26px; margin-bottom: 15px; font-weight: 100;} .offerte_pazienti p { font-size: 16px; line-height: 30px; color: #2C2C2C;} .servizi_paziente .blocconews .single { margin-bottom: 60px; } .servizi_paziente .blocconews h1 { font-size: 18px !important; color: #007198 !important;} .servizi_paziente .blocconews p { font-size: 14px !important; color: #2c2c2c !important; line-height: 20px !important; text-align: left !important; } .centerbanner { width: 100%; display: inline-block; position: relative; margin: 0 0; padding: 0;} .centerbanner img { width: 100%;} .centerbanner .message { position: absolute; right: 300px; top: 100px; width: 500px;} .centerbanner .message h1 { color: #C496C2; font-size: 50px; font-weight: 100; line-height: 60px; text-align: left; text-transform: initial;} .centerbanner .message h1 span { font-weight: 700; } .centerbanner .message p { color: #002F56; line-height: 30px; font-size: 18px; margin: 15px 0 25px;} .centerbanner .message p span { font-weight: 700; } .centerbanner .message a { background-color: #c496c2; padding: 10px 15px; border: 1px solid #c496c2; float: left; text-transform: uppercase; font-size: 14px; margin: 0 35px 0 0; color: #fff;} .centerbanner .message a:last-child { background-color: #fff; color: #c496c2;} /* 16.1 IN QUESTA SEZIONE*/ #inquestasezione .single { overflow: hidden; min-height: 410px;} #inquestasezione .single .wrapimg { width: 100%; height: 200px; overflow: hidden;} #inquestasezione .single .wrapimg img { width: 100%; height: auto;} #inquestasezione .homenews .blocconews { width: 100%; position: relative; overflow: hidden; height: auto; } /* 16.2 SERVIZI ALLE AZIENDE */ .servizi_aziende h1 { margin: 60px 0 30px 0; } .servizi_aziende h2 { font-size: 20px; line-height: 30px; color: #002F56; font-weight: 100; text-align: center; margin: 30px 0;} .servizi_aziende h3 { font-size: 16px; line-height: 22px; color: #007198; font-weight: 700; text-align: center; margin: 70px 0 34px 0; text-transform: uppercase; } .servizi_aziende p { font-size: 16px; line-height: 30px; color: #002F56; font-weight: 400; text-align: center; } #inquestasezioneaziende .single { overflow: hidden; min-height: 410px;} #inquestasezioneaziende .single .wrapimg { width: 100%; height: 240px; overflow: hidden;} #inquestasezioneaziende .single .wrapimg img { width: 100%; height: auto;} #inquestasezioneaziende .homenews .blocconews { width: 100%; position: relative; overflow: hidden; height: auto; } #inquestasezioneaziende .homenews .blocconews .single { width: 380px; margin-right: 0; } #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+2) { margin: 0 20px;} #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+3) { margin-right: 0;} #inquestasezioneaziende .homenews .blocconews .single h1 { min-height: auto; } #inquestasezioneaziende .homenews .blocconews p { font-size: 14px !important; color: #2c2c2c !important; line-height: 20px !important; text-align: left !important; margin: 0 0 15px 0 !important;} #contentfull li { font-size: 16px; color: #333333; font-weight: 400; line-height: 25px; border-bottom: 1px solid #cbcbcb; padding: 15px 0px 15px 25px; list-style: none; position: relative;} #contentfull li:first-child { border-top: 1px solid #cbcbcb;} #contentfull li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111"; font-size: 8px; color: #007198; position: absolute; left: 0;} #contentfull li.have-child ul { display: none; } #contentfull li.have-child ul li { border: none; } #contentfull li.have-child::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: 16px; } /* 17.0 CONTATTI */ .page_contatti .contatti { box-sizing: border-box; position: relative; display: inline-block; width: 100%;} .page_contatti .contatti input { margin: 0 0 45px 0;} .page_contatti .contatti select { padding: 0 15px; width: 100%;} .page_contatti .contatti label { font-size: 16px; color: #333333; margin: 0 0 15px 0; display: block; font-weight: 100;} .page_contatti aside h1 { font-size: 22px; text-align: left !important; text-transform: initial; font-weight: 700;} .page_contatti aside p { font-size: 14px; text-align: left !important; font-weight: 400; line-height: 25px; margin: 0;} .page_contatti aside span { color:#007198; } .page_contatti section h1 { font-size: 22px; text-align: left; text-transform: initial; font-weight: 700;} .page_contatti section input { padding: 11px; width: 48%; float: left; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin-bottom: 30px; position: relative;} .page_contatti section select { padding: 10px; width: 100%; float: left; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin-bottom: 0px; height: 39px;} .page_contatti section input.r { float: right; margin: -20px 0 0 0;} .page_contatti section select.r { float: right; } .page_contatti section input[type=email] { width: 100%; } .page_contatti .contattimail { width: 100%; } .page_contatti section textarea { border: 1px solid #d0d0d0; width: 100%; box-sizing: border-box; background-color: #f8f8f8; padding: 10px;} .page_contatti section label { font-size: 12px; color: #2c2c2c; margin: 12px 0 0 5px; display: inline-block;} .page_contatti section input[type="submit"] { width: 220px; float: right; border: none; background-color: #007198 !important; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; cursor: pointer; margin: 40px 0 30px 0;} .page_contatti .halffield h1 { font-size: 18px; text-align: left !important; text-transform: initial; font-weight: 700; margin: 0 0 10px 0;} .page_contatti section .accetta { float: left; } .page_contatti section .accetta input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; margin: -3px 10px 0 -6px; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page_contatti section .accetta input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: 0; line-height: 15px; position: absolute; text-align: center; top: 8px; width: 16px;} .page_contatti section .accetta span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 15px; font-weight: 400; margin: 3px 0 0 0; float: left; width: 740px; text-align: left; } .page_contatti section .mailuppaz { float: left; position: absolute; top: 0;} .page_contatti section .mailuppaz input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; margin: -3px 10px 0 -6px; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page_contatti section .mailuppaz input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: 0; line-height: 15px; position: absolute; text-align: center; top: 8px; width: 16px;} .page_contatti section .mailuppaz span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 15px; font-weight: 400; margin: 3px 0 0 0; float: left; width: 740px; text-align: left; } .page_contatti section .mailupmed { float: left; position: absolute;} .page_contatti section .mailupmed input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; margin: -3px 10px 0 -6px; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page_contatti section .mailupmed input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: 0; line-height: 15px; position: absolute; text-align: center; top: 8px; width: 16px;} .page_contatti section .mailupmed span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 15px; font-weight: 400; margin: 3px 0 0 0; float: left; width: 740px; text-align: left; } .page_contatti section .trattamento { float: left; margin: 15px 0;} .page_contatti section .trattamento input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; margin: -3px 10px 0 -6px; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page_contatti section .trattamento input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: 0; line-height: 15px; position: absolute; text-align: center; top: 8px; width: 16px;} .page_contatti section .trattamento span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 15px; font-weight: 400; margin: -4px 0 0 0; float: left; width: 740px; text-align: left;} .page_contatti section .mailup { float: left; margin: 0px 0 0 5px !important; position: relative !important; width: 100% !important; display: grid !important;} .page_contatti section .mailup input[type="checkbox"] { height: 15px; width: 15px; background: #f8f8f8; padding: 5px; border: 1px solid #d0d0d0; float: left; margin: -3px 10px 0 -6px; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page_contatti section .mailup input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: -5px; line-height: 15px; position: absolute; text-align: center; top: -2px; width: 16px;} .page_contatti section .mailup label { font-size: 12px; color: #2c2c2c; line-height: 15px; font-weight: 400; margin: -4px 0 0 0; width: 740px; text-align: left; position: absolute; left: 32px;} .page_contatti section .mailup .wpcf7-list-item-label { } .page_contatti section #gotomed { position: absolute; top: 32px;} .page_contatti section #gotopaz { position: absolute; top: 32px;} .page_contatti section #nonews { position: absolute; top: 32px;} .page_contatti section .halffield { position: relative; width: 48%; display: grid; margin: 0 0 25px 0;} .page_contatti section .fullfield { position: relative; width: 100%; display: grid; margin: 0 0 25px 0;} .page_contatti section .fieldleft { float: left; } .page_contatti section .fieldright { float: right; } .page_contatti section .halffield input { padding: 11px; width: 100%; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin: 0px; position: relative;} .page_contatti section .fullfield input { padding: 11px; width: 100%; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f8f8f8; margin: 0px; position: relative;} .page_contatti section .fullfield .Email .wpcf7-not-valid-tip { top: -25px; } .page_contatti section p { margin: 0; text-align: left !important;} .page_contatti .wpcf7-not-valid-tip { color: #dc3232; font-weight: normal; display: block; position: absolute; top: 15px; right: 21px; width: 150px; text-align: right; font-size: 12px !important;} .page_contatti .wpcf7 form.invalid .wpcf7-response-output, .page_contatti .wpcf7 form.unaccepted .wpcf7-response-output { color: #ff0000 !important; bottom: -15px !important; right: 0 !important; padding: 0 !important; margin: 0 !important;} .page_contatti section span.wpcf7-list-item { display: inline-block; margin: 0;} .page_contatti .col-left { text-align: left; } .page_contatti .wpcf7-acceptance a { text-decoration: underline; } .page_contatti .fullfield .wpcf7-acceptance label input.l, input#mailuppaz, input#mailupmed { width: auto; padding: 0; border: none; background: none; margin: 0; position: relative; float: left;} .page_contatti .wpcf7-list-item-label { margin: 0 0 0 20px; float: left; } .page_contatti .fullfield h1 { text-align: left !important; font-size: 16px; margin: 0 0 5px 0;} #mailclone { display: none; } .contactbox { width: 580px; float: left; background-color: #fff; padding: 25px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px #0000001a; min-height: 214px;} .contactbox h1 { font-size: 20px; text-transform: initial; font-weight: 700; margin-bottom: 15px;} .contactbox p { font-size: 16px; color: #333; margin-bottom: 15px; text-align: center;} .contactbox span { color: #007198 } .contactboxr { float: right; background-color: #007198; } .contactboxr h1 { color: #fff; } .contactboxr p { color: #fff; } .contactbox .tasto { background-color: #fff; text-align: center; font-size: 14px; text-transform: uppercase; width: 180px; margin: 0 auto;} .contactbox .tasto a { color: #007198 } .informazioniaggiuntive h2 { font-size: 22px; font-weight: 100; color: #002F56; line-height: 25px; text-align: center; } .informazioniaggiuntive .tasto { color: #007198; background-color: transparent; text-align: center; text-transform: uppercase; font-size: 14px; display: block; margin: 40px auto;} .informazioniaggiuntive .tasto a { color: #007198; box-sizing: border-box; padding: 10px 30px; border: 1px solid #007198;} .puntoprelievo h1 { font-size: 30px; color: #fff; line-height: 30px; font-weight: 100;} .puntoprelievo p { font-size: 16px; color: #fff; font-weight: 400; line-height: 30px; text-align: center; margin: 25px 0; } .puntoprelievo .tasto { color: #007198; background-color: transparent; text-align: center; text-transform: uppercase; font-size: 14px; display: block; margin: 40px auto 0;} .puntoprelievo .tasto a { color: #007198; box-sizing: border-box; padding: 10px 30px; border: 1px solid #007198; background-color: #fff;} .strutture .sedi { position: relative; width: 100%; } .strutture .sedi div { width: 380px; position: relative; display: block; float: left; } .strutture .sedi div:nth-child(2) { margin: 0 20px; } .strutture .sedi div img { width: 100%; height: auto; } .strutture h1 { font-weight: 100; } .strutture .sedi h1 { color: #007198; font-size: 20px; text-align: left; margin: 35px 0; text-transform: capitalize; font-weight: 700; } .strutture .sedi p { font-size: 16px; color: #2C2C2C; line-height: 20px; } .strutture .sedi p span { color: #007198; } .strutture .segui { width: 180px !important; margin: 15px 0 0 0;} .strutture .segui a { color: #fff; } .formcontatti h1 { font-size: 22px; font-weight: 700; text-align: left; text-transform: none; line-height: 25px; margin: 15px 0 0 0 !important;} .formcontatti p { color: #333; text-align: left; line-height: 25px; font-weight: 400; font-size: 16px;} .formcontatti span { color: #007198; } .wpcf7 form.sent .wpcf7-response-output { border-color: transparent; display: inline-block; text-align: right; position: absolute; bottom: -40px; right: 0;} /* 18.0 NEWS */ .news p { margin-top: 20px; display: inline-block;} .news h1 { width: 365px; line-height: 25px;} .mediagallery { width: 100%; position: relative; margin: 25px 0 0 0;} .mediagallery .linkvideo { width: 48%; float: left; } .mediagallery .linkvideo iframe { width: 100%; } .mediagallery .filemedia { width: 43%; float: right; margin: 0 3.5%;} .mediagallery .filemedia img { width: 100%; } .videogallery { width: 100%; position: relative; margin: 25px 0 0 0;} .videogallery .linkvideo { width: 48%; float: left; margin: 0 0 25px 0; } .videogallery .linkvideo:nth-child(even) { float: right; } .videogallery .linkvideo iframe { width: 100%; } .leggitutto { font-size: 14px; margin: 15px 0; } /* 19.0 SEARCH */ .search_field { width: 100%; position: relative; margin: 25px 0; } .search_field .beautiful-taxonomy-filters-widget { width: 100%; float: left; } .search_field .beautiful-taxonomy-filters-widget label { font-size: 14px; color: #D0D0D0; text-align: left; } .search_field .beautiful-taxonomy-filters-widget select { border: 1px solid #D0D0D0; background-color: #FFFFFF; padding: 10px; box-sizing: border-box; } .beautiful-taxonomy-filters-select-wrap { margin-bottom: 20px; } .ricercanews .search_field .beautiful-taxonomy-filters-button { position: relative; border: none; background-color: #007198; float: right; margin-top: 0px} .beautiful-taxonomy-filters-clear-all { position: relative; border: none; background-color: #007198; float: right; color: #fff !important; text-align: center; text-transform: uppercase; padding: 12px 22px 13px; margin: 0px 15px 0 0 !important;} .ricercanews #beautiful-taxonomy-filters-tax-specialita-clinica { width: 47% !important; margin: 0 20px 0 0%; float: left;} .ricercanews #beautiful-taxonomy-filters-tax-archivio { width: 47% !important; margin: 0 0px 0 0%; float: right;} .beautiful-taxonomy-filters-button { position: relative; border: none; background-color: #007198 !important; float: right; margin-top: 0px !important; cursor: pointer;} .beautiful-taxonomy-filters { border-bottom: 0px solid #CCC !important;} /* 20.0 STRUTTURE */ .strutturepage .col-right p { font-size: 22px; color: #002F56; line-height: 35px; font-weight: 300; } .singolastruttura .inleft img { width: 100%; height: auto; } .singolastruttura .inright { box-sizing: border-box; padding: 0px 25px 25px 25px; } .singolastruttura .inright h1 { text-transform: none; margin: 0; font-weight: 700; font-size: 20px; text-align: left; line-height: 24px; margin-bottom: 30px;} .singolastruttura .inright p { font-size: 16px; line-height: 20px; color: #2C2C2C;} .singolastruttura .inright span { font-weight: 700; clear: none; width: auto; font-size: 16px; margin: 0; display: inline-block; color: #2C2C2C;} .singolastruttura .inright .tasto { text-align: center; text-transform: uppercase; margin-top: 30px; width: 180px;} .singolastruttura .inright .tasto a { color: #fff;} .filtrastrutture { background-color: #F8F8F8; box-sizing: border-box; padding: 5px 25px; margin: 50px 0;} .filtrastrutture label { font-size: 16px; line-height: 22px; color: #333333; } .filtrastrutture select { border: 1px solid #D0D0D0; padding: 10px; width: 100%; box-sizing: border-box; margin: 15px 0 0 0;} /* 21.0 CONVENZIONI */ .convenzionipage ul.list-link { width: 50%; float: left; padding-right: 30px; box-sizing: border-box;} .convenzionipage ul.list-link li { font-size: 14px; color: #2C2C2C; line-height: 20px; margin-left: 25px; } .convenzionipage ul { padding-right: 30px;} .convenzionipage ul li { font-size: 14px; color: #2C2C2C; line-height: 20px; margin-left: 25px;} /* 22.0 I NOSTRI SPECIALISTI */ .spacialisti h2 { font-size: 22px; line-height: 34px; font-weight: 300; text-align: left; color: #002F56; margin-bottom: 30px;} .spacialisti h1 { text-align: left; font-size: 32px; font-weight: 100; line-height: 40px;} .spacialisti p { font-size: 16px; color: #333333; line-height: 30px;} .spacialisti .specialist_block { width: 100%; position: relative; display: inline-block; margin-bottom: 50px; } .spacialisti .specialist_block .image { width: 80px; height: 80px; overflow: hidden; border-radius: 50%; float: left; border: 1px solid #c7c7c7; box-sizing: border-box; background-repeat: no-repeat; background-size: cover;} .spacialisti .specialist_block .image img { width: 100%; height: auto; } .spacialisti .specialist_block .specialisti_body { width: calc(100% - 80px); float: left; position: relative;} .spacialisti .specialist_block .specialisti_body h1 { font-size: 16px; font-weight: 700; line-height: 22px; margin: 15px 0 0 20px; width: 350px;} .spacialisti .specialist_block .specialisti_body .category { font-size: 16px; line-height: 22px; font-weight: 700; margin: 0 10px 0 20px; display: inline-block; width: 350px;} .spacialisti .specialist_block .specialisti_body .sede { text-align: right; margin: -20px 0 0 0; color: #D0D0D0; font-size: 16px; line-height: 22px; width: 360px; float: right;} .spacialisti .specialist_block .specialisti_body .sede a { width: 100%; text-align: right; clear: both;} .spacialisti .gallery img { width: auto; margin-right: 15px; border: none !important;} .relazioni_medici ul { margin-left: 0; } .relazioni_medici li { list-style: none; } .filtra_specialisti { background-color: #F8F8F8; box-sizing: border-box; padding: 5px 25px; margin: 50px 0;} .filtra_specialisti label { font-size: 16px; line-height: 22px; color: #333333; } .filtra_specialisti select { border: 1px solid #D0D0D0; padding: 10px; width: 100%; box-sizing: border-box; margin: 15px 0 0 0;} .filtra_specialisti #beautiful-taxonomy-filters-tax-specialita-clinica { width: 50%; } .filtra_specialisti #beautiful-taxonomy-filters-tax-sede { width: 45%; margin-right: 0%; } .filtra_specialisti #beautiful-taxonomy-filters-tax-visita-dei-medici, .filtra_specialisti #beautiful-taxonomy-filters-tax-trattamento-dei-medici { width: 30%; margin-right: 5%; } .filtra_specialisti #beautiful-taxonomy-filters-tax-esame-dei-medici { width: 30%; margin-right: 0%; } .curriculum { border-top: 1px solid #007198; border-bottom: 1px solid #007198; position: relative; padding: 10px 0; display: inline-block; width: 100%;} .curriculum p { text-transform: uppercase; font-weight: 700; color: #007198 !important; line-height: 18px !important; float: left; margin: 7px 0 0 0;} .curriculum i { float: right; font-size: 30px; } /* 23.0 GALLERY LIGHT BOX */ .fbx-modal { z-index: 99999999999999999999999 !important;} /* 24.0 SEARCH */ .banner_search { margin: 126px 0 0 0; position: fixed; height: 140px; background-size: cover; background-repeat: no-repeat; width: 100%; display: inline-block; z-index: -9; background-color: #F8F8F8;} .banner_search .message { margin: 50px 0 0 0; } .banner_search .message h1 { text-align: left; } .banner_search .message h1 span { font-size: 20px; color: #002F56; text-transform: none; font-weight: 100;} .margin-undersearch { margin: 300px 0 100px 0;} .searcresult li.ciclo_search { list-style: none; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px;} .searcresult li.ciclo_search p { font-size: 14px; color: #2C2C2C; line-height: 16px; } .searcresult li.ciclo_search a { font-size: 20px; color: #007198; line-height: 24px; margin-bottom: 25px; width: 100%; display: block;} .searcresult .result { color: #002F56; font-size: 20px; font-weight: 700; margin: 50px 0 55px 0;} /* 25.0 SINGLE */ .appartenenza p { font-size: 16px; color: #333333; } .appartenenza p span { font-size: 16px; color: #007198; } .bloccoprenota { clear: both; background-color: #007198; padding: 30px; box-sizing: border-box; color: #fff;} .bloccoprenota h1 { color: #fff; font-size: 30px !important; font-weight: 100 !important; text-align: center !important; line-height: 35px !important; margin: 0 0 30px 0 !important;} .bloccoprenota p { color: #fff !important; line-height: 30px !important; text-align: center; margin: 0 0 20px 0;} .prenotazione { background-image: url(img/icona_prenota_w.png); background-color: #fff; background-position: 70px 18px; padding: 13px 0 1px 0 !important; background-repeat: no-repeat; width: 280px; margin: 30px auto 0; display: block;} .prenotazione p { color: #007198 !important; text-transform: uppercase;} .strutturedisponibili { background-color: #f8f8f8; padding: 25px; box-sizing: border-box; position: relative; display: inline-block; width: 100%;} .strutturedisponibili .disponibilepresso { font-size: 22px; line-height: 25px; color: #007198; font-weight: 700; margin: 0 0 45px 0; text-transform: uppercase;} .strutturedisponibili .listastrutture .singolastruttura { width: 45%; float: left; margin-right: 5%; } .strutturedisponibili .listastrutture .strutturaimmagine { width: 35%; float: left; overflow: hidden; height: 230px; display: none;} .strutturedisponibili .listastrutture .strutturaimmagine img { width: auto; height: 100%;} .strutturedisponibili .listastrutture .strutturadati { width: 100%; float: right; } .strutturedisponibili .listastrutture .strutturadati h1 { font-size: 14px; line-height: 16px; color: #2c2c2c; font-weight: 700; margin-bottom: 15px !important; min-height: 35px; margin: 0; margin-bottom: 0px; text-transform: uppercase;} .strutturedisponibili .listastrutture .strutturadati p { font-size: 14px; color: #2c2c2c; line-height: 20px; } .strutturedisponibili .listastrutture .strutturadati .tasto { text-transform: uppercase; text-align: center; margin: 6px 0 0 0;} .strutturedisponibili .listastrutture .strutturadati .contenitoredati { min-height: 124px; } #ciclostrutture { position: absolute; z-index: -9999999999999999999; } .singlepost h1.event_title { margin: 0 0 25px 0; } /* 22.0 FAQ */ .faqpage { padding: 50px 0;} .faqpage h1 { font-size: 26px; font-weight: 100; color: #007198;} .faqpage li { list-style: none; margin-bottom: 45px;} .faqpage li h3 { font-weight: 700; font-size: 18px; text-align: left; line-height: 30px; color: #007198; cursor: pointer;} .faqpage li p { display: none; line-height: 30px !important; font-size: 16px !important; margin-bottom: 25px; color: #2C2C2C;} /* 23.0 STRUTTURE */ .infoprincipali { width: 100%; position: relative; display: inline-block; } .infoprincipali li { list-style: none; float: left; width: 33.334%; } .infoprincipali li h1 { font-size: 16px; font-weight: 700; text-align: left; } .infoprincipali li p { font-size: 16px !important; color: #333333 !important; line-height: 30px !important; } .raggiungerci { background-color: #F8F8F8; padding: 35px; box-sizing: border-box; margin: 25px 0;} .raggiungerci h2 { color: #007198; font-size: 16px; font-weight: 700; text-transform: uppercase; } .raggiungerci li { list-style: none; font-size: 16px !important; color: #2c2c2c !important } .raggiungerci p { font-size: 16px; color: #2c2c2c; line-height: 30px; margin-bottom: 25px; } .raggiungerci li:last-child { display: none; } .raggiungerci #choise { margin: 35px 0; } .altreinfo { margin: 35px 0; } .altreinfo h2 { color: #007198; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 25px 0; } .altreinfo p { font-size: 16px; color: #2c2c2c; line-height: 30px; margin-bottom: 25px; } .mappa { margin: 25px 0; display: inline-block; } .mappa .inleft, .mappa .inright { height: 308px; overflow: hidden; } .mappa .inleft img { width: 100%; height: auto; } .mappa .inright iframe { width: 100%; height: 320px;} /* 24.0 TAXONOMY */ .taxonomypage { padding: 50px 0;} .taxonomypage .col-right li { font-size: 16px; color: #333; line-height: 30px; margin: 15px 0 15px 15px;} .taxonomypage .col-right h3 { color: #007198; margin: 15px 0 0 0;} .taxonomypage .col-right strong { color: #007198; } .taxonomypage .col-right li::marker { color: #007198;} .listaprestazioni ul { margin-left:0 !important;} .listaprestazioni ul li { list-style: none; color: #007198 !important; line-height: 25px !important; text-transform: uppercase; position: relative; font-size: 12px !important; padding-right: 15px; margin: 15px 0 15px 0 !important; width: 45%; float: left; box-sizing: border-box;} .listaprestazioni ul li:nth-child(even) { float: right; } .listaprestazioni ul li a { color: #007198 !important;} .listaprestazioni ul li::after { content: url(img/arrow-right.png); position: absolute; top: 3px; right: 0;} /* 25.0 PROGETTI */ .progettileft { float: left; width: 30%; position: relative;} .progettiright { float: right; width: 65%; position: relative;} .progettiright h1 { margin: 0 !important;} .progettiright a.link { margin: 15px 0 0 0; display: block;} .progettileft img { width: 100%; height: auto; } .progettiright .body_singolo_evento { margin: 0 0 0 0 !important;} .progetto .gallerypage { padding: 0; margin-top: 0;} .slick-disabled { display: none !important; } .convenzionipage p { line-height: 30px; font-size: 16px; margin-bottom: 25px; } .convenzionipage ul li, .convenzionipage ol li { font-size: 16px; line-height: 30px; color: #2c2c2c; } /* 26.0 MEDICINA DEL LAVORO */ .box { background-color: #E5F2F6; padding: 25px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px #0000001a; margin: 0 0 25px 0; text-align: center; display: inline-block; width: 100%;} .inleft .box { background-color: #f2f8fa; width: 95%; float: left; } .inright .box { background-color: #f2f8fa; width: 95%; float: right; } .destro_primo { height: 335px; padding-top: 100px; } .destro_secondo { height: 275px; padding-top: 84px;} .box .listbox { width: 45%; float: left;} .box .listbox:nth-child(2) { float: right; } .box .listbox li { text-align: left; } .specialista_specialista { font-size: 22px; line-height: 34px; color: #002F56; margin: 40px 0;} /* 27.0 ACCORDION */ .sp-easy-accordion ul { margin-left: 15px !important; margin-bottom: 15px !important; margin-top: 15px !important;} .sp-easy-accordion li { font-weight: 400; font-size: 16px;} .sp-easy-accordion .ea-header a { color: #007198 !important;} .sp-easy-accordion .ea-header a .ea-expand-icon.fa { color: #007198 !important; position: absolute; left: 12px;} .sp-easy-accordion .sp-ea-single .ea-header { padding: 0 0 0 25px;} .sp-easy-accordion .ea-body p { font-size: 16px !important; font-weight: 400 !important; line-height: 30px !important; color: #2C2C2C !important; margin: 0 0 15px 0 !important;} /* 28.0 LISTE D'ATTESA */ .thead, .tbody { position: relative; display: flex; flex-wrap: nowrap; font-size:12px; margin-bottom: 10px;} .tbody { border-bottom: 1px solid #d5d5d5; padding-bottom: 10px;} .thead { background-color: #ededed; padding: 10px 0; box-sizing: border-box; font-weight: 700;} .thead div, .tbody div { float: left; width: 10%; text-align: center} .thead div.description, .tbody div.description { float: left; width: 50%; text-align: left;} .thead div.description { font-weight: 700; padding-left:10px;} .tbody div span { font-weight: 700; float: left; display: none;} a[href^="tel"] { color: inherit; /* Inherit text color of parent element. */ text-decoration: none; /* Remove underline. */ /* Additional css `propery: value;` pairs here */ } @media screen and (-webkit-min-device-pixel-ratio:0) { .numeroditelefono { color: #fff; } } @media only screen and (min-width: 1921px){ .banner_home_wrap { max-width: 1920px; left: calc(50% - 960px );} body { background-color: #f8f8f8;} } @media only screen and (max-width: 1919px) and (min-width: 1366px){ .banner_home { background-position: center; background-size: cover; } .margin-underbanner { margin-top: 800px !important;} .banner_grandebellezza { height: 600px; background-position: center !important;} .grandebellezza { margin-top: 720px !important;} } @media only screen and (max-width: 1365px) and (min-width: 1024px){ header .over nav ul.riferimenti li { margin: 5px 10px 0 0;} .alert_covid { width: 710px;} .menu-main-container { margin-right: 30px;} #servizialpazientehome { margin-top: -15px !important; } #underbannerbishome { display: none !important; } .banner_home { background-position: top;} .wrap { width: 1000px; } .big { width: 625px;} .find input.search { width: 385px;} .find .other a { width: 260px;} .menup li { margin: 30px 0 0 30px;} header .over nav ul.social { float: right; display: none;} header .over nav ul.prenotazioni { margin: 5px -10px 0 0;} .banner_home { height: 530px;} .margin-underbanner { margin-top: 640px !important;} .banner_home .message { top: 10px; width: 380px;} .paddinghalfdown { padding-bottom: 0px !important;} .homenews nav li { margin: 0px 15px; cursor: pointer;} footer .refeer div.groupfooter address { width: 255px;} footer .refeer div.groupfooter address p { line-height: 25px;} footer nav { width: 30%; margin: 0 0 35px 0;} footer .refeer div.groupfooter .linkpreno { margin: 15px 0 0 25px;} footer .refeer { width: 34%;} .homenews .bloccoeventi { width: 880px; margin: 0 auto;} .homenews .bloccoeventi .single { width: 200px; margin-right: 25px;} .homenews .bloccoeventi .single .singleimage { height: 145px;} .homenews .bloccoeventi #camnews .comunicati_body { width: 200px !important;} .homenews .bloccoeventi #camnews .comunicati_body h1 { width: 90%;} .homenews .bloccoeventi #aboutus .diconodinoi { width: 200px;} .homenews .bloccoeventi #aboutus .diconodinoi .w3_wprs-col { width: 196px !important;} .homenews .bloccoeventi #aboutus .diconodinoi .w3_wprs-col .wprevpro_t1_DIV_2 p { width: 80%;} .scopriservizi .bloccoeventi { width: 880px; margin: 0 auto;} #servizialpazientehome, #servizialleaziendehome { width: 100%; margin: 0 0 15px 0;} .homeleft .bannerin { display: none;} .facebook { height: 560px;} .flast { display: none !important; } .tabletview { display: block; } .tabletview .white { margin: 10px 0 0 0;} .tabletview .active { border-bottom: 0px solid #007198; color: transparent !important;} #inquestasezione .homenews .blocconews { width: 900px; margin: 0 auto;} #immaginespecialeservpaziente img { width: 100%; height: auto; } .homenews .blocconews .single { width: 280px; margin-right: 20px;} .homenews .blocconews .single:nth-child(4n+4) { margin-right: 20px;} .centerbanner .message { right: 15px; top: 5px; width: 400px;} .centerbanner .message h1 { font-size: 38px; line-height: 40px;} .centerbanner .message p { line-height: 25px; font-size: 14px; margin: 15px 0 14px;} .smallest { width: 260px;} .about .biggest { width: 100%;} #inquestasezioneaziende .homenews .blocconews { width: 900px; margin: 0 auto;} #inquestasezioneaziende .homenews .blocconews .single { width: 430px; } #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+2) { margin: auto} #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+3) { margin-right: auto} #inquestasezioneaziende .homenews .blocconews .single:nth-child(even) { float: right;} .contactbox { width: 480px;} .contactboxr { height: 254px;} .about .storia { width: 863px; margin: 0 auto;} .biggest { width: 100%;} .progettiright h1 { margin: 0 !important; } .mappa .inright iframe { height: 307px;} .magazine_block .magazine_body { width: 650px;} .magazine_block .magazine_body .date { float: right;} aside { display: none !important; } .convenzionipage ul { padding-right: 30px; padding-left: 20px; clear: both; width: 100%;} .convenzionipage ul li { margin-left: 0; box-sizing: border-box; padding: 0 0 0 0px; line-height: 30px;} .convenzionipage ul.list-link { width: 100%; float: none; padding-right: 0;} .convenzionipage ul.list-link li { line-height: 20px; margin-left: 0; line-height: 30px;} .eventi .evento_block .evento_body { width: 530px;} .ricercaeventi .beautiful-taxonomy-filters-select-wrap { width: 100%;} .ricercaeventi .search_field .beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-tax { width: 289px;} .strutture .sedi div { width: 320px;} .strutture .sedi h1 { font-size: 18px; margin: 10px 0;} #conctactpage aside { display: block !important; margin: 0 0 50px 0; text-align: center; width: 100%;} .page_contatti section h1 { text-align: center;} .page_contatti aside h1 { text-align: center !important;} .page_contatti aside p { text-align: center !important;} .arrowmove { top: 210px;} #conctactpage .big { width: 100%; } .find .searchfortipologia #liberaricercaservizio input { width: 375px;} .diconodinoi #comunicazionicam { width: 83%; margin: 15px auto 0;} .diconodinoi #comunicatifacebook { width: 83%; margin: 15px auto 0;} .diconodinoi #comunicatistampa { width: 83%; margin: 15px auto 0;} #mailup-iscrizione-newsletter { margin-bottom: 50px; display: inline-block; } .bodyfb { height: 430px;} .mediagallery .filemedia { width: 36.5%; margin: 0 6.75%;} .homenews .bloccoeventi #camnews .comunicati_body .opinione span { font-size: 16px; margin: -18px -25px 0 25px;} .homenews .bloccoeventi #aboutus .diconodinoi .opinione span { font-size: 16px; margin: -18px -25px 0 25px;} .banner_grandebellezza { height: 400px; background-position: center !important;} .grandebellezza { margin-top: 526px !important;} .grandebellezza_gallery li { height: 260px;} .banner .message { right: auto; left: 0; top: 165px; width: auto; position: absolute; } } @media only screen and (max-width: 1023px) and (min-width: 768px){ } @media only screen and (max-width: 1023px) { .welcome .rotationframe a { width: 295px !important;} .mobileview { display: block; } .deskview { display: none; } #menumobile { display: block; } .wrap { width: 360px; margin: 0 auto;} .banner_home_wrap { margin: 0 0 0 0; height: 550px; position: relative;} .menup { display: none;} header .over nav ul.riferimenti { display: none;} header .over nav ul.social { display: none;} header .over nav ul.prenotazioni li.referti { display: none;} header .over nav ul.prenotazioni li:last-child { margin: 0 0 0 0;} header .over nav ul.prenotazioni li { width: 48%; float: left; margin: 0 2%; box-sizing: border-box; text-align: center;} .prenota, .telefono { background-position: calc(50% - 42px) 5px;} header .over { background-color: #002f56; margin: 80px 0 0 0;} header .over .variationcolor { display: none;} header .over nav ul.prenotazioni { float: none; margin: 5px auto 0 auto;} .logo { float: none; position: absolute; top: -105px; left: calc(50% - 80px); margin: 0;} .wrapmenu { height: auto;} .banner_home { width: 100%; margin: 120px 0 0 0; height: 300px; overflow: visible; position: relative; background-size: cover; background-position: center;} .banner_home .message { position: relative; right: 0%; top: 300px; width: 100%; padding: 15px; box-sizing: border-box; z-index: 9999;} .banner_home .message a { display: none;} .banner_home .message h1 { color: #ffffff; text-align: center; font-size: 30px; line-height: 30px; width: 320px; margin: 0 auto;} .banner_home .message h1 p { color: #fff !important; font-size: 30px; line-height: 30px; text-align: center;} .banner_home .message h1 p span { color: #fff !important; } .arrowmove { top: auto; bottom: 65px;} .margin75 { margin-top: 0 !important;} .margin-underbanner { margin-top: -25px !important;} .welcome .owl-carousel .owl-item div.sa_hover_container { height: 225px !important; min-height: 225px !important; } .big { width: 360px; margin: 0 auto; float: none;} .bannerin .sa_hover_buttons { width: 324px !important; height: 290px !important;} .bannerin .rotationframe { width: 324px; height: 290px; padding: 10px;} .bannerin .sa_hover_container { min-height: auto !important; background-position: center !important;} .homeleft .bannerin .owl-nav .owl-next, .homeleft .bannerin .owl-nav .owl-prev { top: 155px !important;} .homeleft .bannerin .owl-nav .owl-prev { left: -30px !important; border: 1px solid #d6d6d6;} .homeleft .bannerin .owl-nav .owl-next { right: -30px !important; border: 1px solid #d6d6d6;} .find { background-color: #ffffff; color: #007198; height: auto; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 24%); margin: 30px 5% 15px; width: 90%;} .find h1 { color: #007198; font-size: 22px;} .find select, .find input.search { width: 100% !important; border: 1px solid #D0D0D0; background-color: #F8F8F8; margin: 0 0 15px 0;} .find .searchfortipologia #liberaricercaservizio input { border: 1px solid #d0d0d0; width: 100%; box-sizing: border-box;} .find .searchfortipologia #liberaricercaservizio { top: 240px; width: 274px;} .find .searchforspecialista #liberaricercamedico input { width: 100%; border: 1px solid #d0d0d0 !important; box-sizing: border-box; margin: 10px 0 0 0;} .find .searchforspecialista #liberaricercamedico { float: left; width: 274px; margin: -15px 0 15px 0;} .find .searchfortipologia #servizioconferma input { width: 275px;} .find .searchfortipologia #servizioconferma { top: 292px !important;} .find .other { margin-top: 100px;} .separator_center { margin: 15px 0 30px;} .separator_center p { background-color: #fff; color: #2C2C2C;} .find button.cerca { width: 100%; border: 0px solid #fff; background-color: #007198;} .find .other a { width: 100%; border: 1px solid #007198; background-color: #fff; color: #007198; margin: 14px 0 2px 0;} .small { margin: 15px 0; width: 100%;} .owl-carousel { width: 90% !important; margin: 0 5% !important;} .welcome { box-shadow: 0px 0px 0px 1px #ababab; margin: 0 5%; width: 90%; height: auto;} .welcome .owl-carousel { width: 100% !important; margin: 0 0% !important;} .homeleft h1 { text-align: center;} .inleft, .inright { width: 100%;} #servizialpazientehome { display: none; } #servizialleaziendehome { display: none; } #descrizionepreview { margin: 20px 0 0 0;} .homeleft .bannerin .owl-nav .owl-next { right: 0;} .homeleft .bannerin { margin: -65px 0 0 0;} #bloccofacebookhome { display: none; } .paddingstandardtop { padding-top: 0px !important;} #rimaniamo-infomrati-block { display: none; } #rimaniamo-infomrati-block-mobile { display: block !important; } #rimaniamo-infomrati-block-mobile .bloccoeventi .single { width: 100%; float: none; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 50px;} #filternewsmobile { margin: 20px auto;} #filternewsmobile li { width: 100%; text-align: center; margin: auto; color: #007198;} #filternewsmobile li.freccia::after { content: url(img/arrow-down.png); margin: 0 0 0 5px; } #filternewsmobile li { display: none; } #filternewsmobile li:first-child { display: block; } #filternews li.freccia::after { content: url(img/arrow-down.png); margin: 0 0 0 5px; } #filternews li { display: none; } #filternews li:first-child { display: block; } .scopriservizi nav { margin: 25px auto;} .last_opportunity .inleft, .last_opportunity .inright { width: 100%; float: none; margin: 0 auto;} .last_opportunity select { width: 80%; margin: 0 10% 15px; box-sizing: border-box; float: none;} .last_opportunity input { width: 80%; margin: 10px 10%; box-sizing: border-box; float: none;} .last_opportunity input.check { margin: 25px 0 0 35px;} .last_opportunity label { margin: 25px 0 0 14px; width: 65%; float: left;} .last_opportunity button { width: 80% !important; float: none; margin: 60px 10% 0;} .last_opportunity .checkelabel { width: 100%; float: left; position: absolute; bottom: 94px; left: 20px;} .last_opportunity .wpcf7-list-item-label { margin: auto; display: inline-block; position: absolute; width: 220px; top: -23px; left: 50px;} .last_opportunity input[type="checkbox"]:checked + span::after { content: url(img/visto.png); display: inline-block; left: -38px; line-height: 15px; position: absolute; text-align: center; top: 0px; width: 16px;} #mailup-iscrizione-newsletter label { float: right; color: #fff; margin: 25px 35px 0 20px; font-size: 14px; width: 240px;} #mailup-iscrizione-newsletter input[type=checkbox] { margin: 25px 0 0 35px;} .page_contatti section .accetta span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 14px; font-weight: 400; width: 80%; margin: -3px 0 0 0; text-align: left;} .page_contatti section .mailuppaz span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 14px; font-weight: 400; width: 80%; margin: -3px 0 0 0; text-align: left;} .page_contatti section .mailupmed span.wpcf7-list-item-label { font-size: 12px; color: #2c2c2c; line-height: 14px; font-weight: 400; width: 80%; margin: -3px 0 0 0; text-align: left;} .page_contatti { padding: 25px 0 !important; } #scopri-servizi-block { display: none; } #scopri-servizi-block-mobile { display: block !important; } .scopriservizi .bloccoeventi .single { width: 100%; float: none; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 50px;} footer nav { display: none; } footer .inleft img { margin: 0 auto; display: block;} footer .inright { display: none; } footer .refeer { width: 100%;} footer .refeer div.groupfooter address { width: 100%; margin: 15px 0 15px; text-align: center;} footer .refeer div.groupfooter address h1 { float: left; text-align: center; width: 100%;} footer .refeer div.groupfooter .linkpreno { margin: 0 25% 0 25%; display: inline-block; width: 50%;} .credit ul li { display: block;} .credit ul li::after { content: ""; padding: 0;} .banner { margin: 120px 0 0 0; position: relative; height: 120px;} .banner .message { top: 85px; width: 100%;} .banner .message h1 { font-size: 28px !important; text-align: center !important; } .col-3 { width: 100%;} .margin-undereverybanner { margin-top: 0px !important;} .servizi_paziente p { font-weight: 100;} #inquestasezione .blocconews .single { width: 360px; float: none; position: relative; margin-right: auto; margin-left: auto; margin-bottom: 50px !important; min-height: auto !important;} #immaginespecialeservpaziente { display: none; } .centerbanner .message { right: 0; top: 15px; width: 200px;} .centerbanner .message h1 { font-size: 20px; line-height: 25px;} .centerbanner .message p { display: none;} .centerbanner .message a { padding: 10px 10px; font-size: 12px; margin: 10px 35px 0 0;} .parametriricerche .parametri { width: 100%;} aside { display: none !important; } .about .biggest { width: 90%; float: none; margin: 0 auto !important;} h1.pagetitle { font-size: 22px !important; text-align: center !important; margin: 15px 0 10px !important;} .banner .message h2 { text-align: center !important;} .gallerypage .gallerywrap { width: 50%; height: 100px !important;} .aboutleft { display: none;} .aboutright { width: 100%;} .videogallerypage .videogallerywrap { width: 100%;} .beautiful-taxonomy-filters-clear-all { float: left; width: 100%; font-size: 12px; margin: 15px 0 0 0 !important; box-sizing: border-box;} .beautiful-taxonomy-filters-button { width: 100%; font-size: 12px; float: right; box-sizing: border-box;} .contactbox { width: 100%; margin: 0 0 15px 0;} .servizi_aziende h1 { margin: 30px 0;} #inquestasezioneaziende .homenews .blocconews .single { width: 360px; margin-right: auto; margin-left: auto; float: none;} #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+2) { margin: 0 auto;} #inquestasezioneaziende .homenews .blocconews .single:nth-child(3n+3) { margin-right: auto;} .page_margin { margin-top: 0;} .specialita_cliniche h1 { margin: 0;} .squadra .tasto { margin: 0 0 0 0; width: 100%; text-align: center;} .squadra h1, .squadra h2 { text-align: center;} .paddingstandard { padding: 10px 0 !important;} .gallerypage { padding: 10px 0; margin-top: 0;} .gallerypage h1 { text-align: center !important;} .about .skill { padding: 15px 0;} .about .skill div { width: 90%; float: none; border-right: 0px solid #fff; box-sizing: border-box; border-bottom: 1px solid #fff; margin: 0 5%; padding: 20px 0 !important; display: inline-block;} .about .skill p { text-align: center; color: #fff; padding: 0; font-size: 40px; font-weight: 400; float: left; margin: 0 0 0 25px;} .about div span { clear: none; width: auto; font-size: 26px; text-align: center; margin: -3px 0 0 10px; display: block; color: #fff; font-weight: 100; float: right; margin: 0 30px 0 0;} .about .skill div:last-child { border-bottom: 0px solid #fff; padding: 10px 0;} .about .storia .history { margin-bottom: 25px; width: 264px; position: relative; height: 430px; overflow: hidden; margin: 0 auto 25px;} .next, .prev { top: 122px;} .next { left: 14px;} .prev { right: 14px;} .biggest { width: 100%;} h1.event_title { margin-bottom: 0;} .eventi { padding: 25px 0;} .spacialisti .specialist_block .specialisti_body h1 { width: auto;} .spacialisti .specialist_block .specialisti_body .category { width: auto;} .spacialisti .specialist_block .specialisti_body .sede { text-align: left; margin: 0 0 0 20px; color: #D0D0D0; font-size: 14px; line-height: 22px; width: auto; float: left;} .diconodinoi .curvedarrow { top: -11px;} .last_opportunity h1 { font-size: 30px; margin: 60px 0 0 0;} img.mobileview { width: 100%; height: auto; margin: 0 0 25px 0; } .menulaterale h1 { margin: 0 0 35px 0 !important;} .menulaterale h2 { line-height: 25px !important; font-size: 18px !important; font-weight: 400 !important; margin-bottom: 25px;} .ricercaeventi .beautiful-taxonomy-filters-select-wrap { width: 100%;} .ricercaeventi .search_field .beautiful-taxonomy-filters-widget .beautiful-taxonomy-filters-tax { width: 100%; margin-bottom: 25px; margin-right: 0;} .eventi .evento_block .image { width: 50%; height: auto;} .eventi .evento_block .evento_body { width: 100%; padding: 0; min-height: auto; height: auto; overflow: visible; margin-top: 15px; border-right: 0px solid #dadada;} .eventi .evento_block .dataevento h4 { padding: 5px; font-size: 12px; text-align: center;} .eventi .evento_block .dataevento h5 { padding: 5px; font-size: 12px; text-align: center;} .eventi .evento_block .dataevento { width: 100%;} .eventi .evento_block .dataevento .day { font-size: 30px; font-weight: 400; margin-top: 5px; line-height: 25px; margin-bottom: 5px; text-align: center;} .eventi .evento_block .dataevento .mese { text-align: center;} .eventi .evento_block .dataevento .ora { color: #007198; font-size: 14px; font-weight: 400; margin: 0 0 0 0; text-align: center;} .diconodinoi .last_opportunity input { border: 1px solid #D0D0D0;} .diconodinoi .last_opportunity select { border: 1px solid #D0D0D0;} .magazine_block .magazine_body { width: 100%;} .magazine_block .magazine_body .date { font-size: 18px; float: left; margin: 10px 0 0 0;} .magazine_block .image { width: 100%; margin: 0 0 15px 0;} .comunicati_body { width: 96%; min-height: 370px;} .homenews .bloccoeventi #camnews .comunicati_body { width: 99% !important;} .comunicatistampa .comunicati_body .testata { min-height: auto;} .comunicatistampa .comunicati_body .tag { min-height: auto;} .comunicatistampa .comunicati_body h1 { min-height: auto; text-align: left;} .diconodinoi #camnews .comunicati_body { width: 90% !important; float: none; margin: 0 auto 35px !important;} .linkpress .inleft { width: 50%; float: left; } .linkpress .inright { width: 50%; float: left; } .comunicatistampa .comunicati_body:nth-child(3n+2) { margin: 0 0 45px 0;} .paddingstandarddown { padding-bottom: 00px !important;} .eventi h1 { text-align: center;} .diconodinoi .homenews .blocconews .single { width: 90%; float: none; margin-right: auto; margin-left: auto; margin-bottom: 25px;} .diconodinoi .homenews .blocconews .single:last-child { margin-right: auto;} .diconodinoi .w3_wprs-col { width: 100% !important; float: none; margin-right: auto; margin-left: auto;} .comunicatistampa .comunicati_body { width: 90%; margin: 0 auto 45px; float: none;} .diconodinoi #comunicatistampa .comunicati_body:nth-child(3n+2) { margin: 0 auto 45px;} .page_contatti section input { width: 100%;} .page_contatti .contatti { padding: 25px; margin: 25px 0 0 0;} .formcontatti h1 { margin: 15px 0 0 0 !important;} .page_contatti section input.r { margin: 0 0 20px 0;} .page_contatti section select.r { width: 100%;} .page_contatti section input[type="submit"] { width: 100%; margin: 50px 0 0 0;} .page_contatti section #gotomed { position: relative; top: auto; margin: 75px 0 0 0;} .page_contatti section #nonews { position: relative; top: auto; margin: 43px 0 0 0;} .page_contatti section #gotopaz { position: relative; top: auto; margin: 59px 0 0 0;} .specialita_cliniche { padding: 0;} .strutture .sedi div { width: 100% !important; float: none; margin: 0 auto 50px; display: block; text-align: center;} .strutture .sedi div:nth-child(2) { margin: 0 auto;} .news h1 { width: 100%; text-align: left !important;} .ricercanews #beautiful-taxonomy-filters-tax-specialita-clinica { width: 100% !important;} .search_field .beautiful-taxonomy-filters-widget select { width: 100%;} .ricercanews #beautiful-taxonomy-filters-tax-archivio { width: 100% !important; margin: 15px 0px 0 0%;} .strutturedisponibili .listastrutture .singolastruttura { width: 100%;} .strutturedisponibili .listastrutture .strutturadati .tasto { margin: 7px 0 0 0;} .listaprestazioni ul li { width: 100%;} .nobanner img { margin: 0 auto;} footer img.mobileview { width: 100% !important; height: auto !important; margin: 0 0 5px 0;} .sociallist .mobileview li { width: 100%; text-align: center;} .sociallist .mobileview li.freccia::after { content: url(img/arrow-down.png); margin: 0 0 0 5px; } .sociallist .mobileview li { display: none; } .sociallist .mobileview li:first-child { display: block; } .diconodinoi .homenews nav { margin: 18px auto 0;} .diconodinoi h1 { text-align: center;} h1.event_title span.back { margin-right: 10px;} .dcumentiepreventivi li a:first-child { width: 85%; display: inline-block; margin: -15px 0 0 0;} .col-3 li { margin: 15px 0 15px 0 !important; } .condividi { margin: 25px 0; height: 40px;} .condividi img { top: 13px;} .ricerca_neutra { margin-bottom: 10px;} .pacchetti_preventivi_pagina #col1 { padding: 0;} .videogallerypage { margin-top: 0; padding-bottom: 0;} .videogallerypage .videogallerywrap iframe { width: 100%; height: 200px;} h1.event_title span.backtitle { float: left; width: 85%;} .about { padding: 0 0;} .prenotazione { width: 100%; background-position: 50px 18px;} .beautiful-taxonomy-filters { margin: 0 !important; padding: 0 !important;} .filter-count-2 { margin-right: 0 !important; width: 100% !important;} .filtrastrutture label { margin: 10px 0 -10px 0;} .genericasingolacolonna table tbody tr td:first-child { width: 100%; } .genericasingolacolonna table tbody tr td:last-child { width: 100%; position: relative; display: block;} .convenzionipage ul.list-link { width: 100%;} .progettileft { width: 100%;} .progettiright { width: 100%; margin: 15px 0 0 0;} .dcumentiepreventivi { margin-top: 25px; } .inleft .box { width: 100%;} .inright .box { width: 100%;} .destro_primo, .destro_secondo { height: auto; padding-top: 25px;} .box .listbox { width: 100%;} .alert { display: none !important;} #conctactpage aside { display: block !important; margin: 0 0 50px 0; text-align: center;} .page_contatti section h1 { text-align: center;} .page_contatti aside h1 { text-align: center !important;} .page_contatti aside p { text-align: center !important;} .body_singolo_evento table tr td:nth-child(2) { width: 85% !important; float: right;} .find .searchforspecialista .wpv-submit-trigger { top: 292px; width: 275px;} .risultatiricerca #specialitadaspecialisti { width: 100%; margin: 0 0 0 0;} .risultatiricerca #liberaricercamedico { width: 100%; margin: 0 0 15px 0;} .risultatiricerca #liberaricercamedico .form-group { width: 100%;} .risultatiricerca #specialitadaspecialisti .form-group { width: 100%;} .risultatiricerca .wpv-custom-search-filter-reset { margin: 0 0 0 0;} .risultatiricerca .wpv-block-loop-item { width: 100%; margin-right: 0;} .risultatiricerca #tipodiservizioselect { width: 100%; margin: 0 0 15px 0;} .risultatiricerca #tipodiservizioselect .form-group { width: 100%;} .risultatiricerca #liberaricercaservizio { width: 100%; margin: 0 0 15px 0;} .risultatiricerca #liberaricercaservizio .form-group { width: 100%; height: auto;} .eventi .evento_block .imagelarge { width: 100%; height: auto;} .eventi .boxform p:nth-child(2) { width: 100%; margin-top: 60px;} .eventi .boxform p:nth-child(3) { width: 100%; margin-top: 70px;} .eventi .boxform p:nth-child(3)::before { top: -35px; left: calc(50% - 16px);} .eventi .boxform p:nth-child(2)::before { top: -45px; left: calc(50% - 16px);} #breadcrumbs { display: none;} .eventi .iscriviti img { float: none; margin: 0 auto; display: block;} .eventi .iscriviti p { float: none; text-align: center;} .eventi .iscriviti span { font-size: 18px; float: none; margin: 23px 14px 0 0; text-align: center; width: 100%; display: block;} .eventi .iscriviti span span { margin: 0;} .loopmagazinenews li { width: 100%; padding: 0 0px 0 15px; margin: 0 0 15px 0;} .loopmagazinenews li img { position: absolute; top: -3px; left: -15px;} .mediagallery .linkvideo { width: 100%; margin-bottom: 15px} .mediagallery .filemedia { width: 100%; margin: 0;} #aboutusmobile .diconodinoi .opinione span { margin: -20px -15px 0 40px;} .videogallerybellezza li div { width: 100%; float: left;} .videogallerybellezza li div:nth-child(even) { float: left; margin-top: 15px; } .videogallerybellezza li p { line-height: 25px; } .grandebellezza_eventi article { width: 100%; padding: 0;} .grandebellezza_eventi article figure img { width: 100%; height: auto;} .grandebellezza_gallery li { width: 100%;} .grandebellezza_gallery li img { margin: 0; width: 100%;} .grandebellezza_documenti ul li { padding: 15px 0 15px 0px; background-image: none;} .grandebellezza h1.pagetitle { text-align: left !important; margin: 0 0 25px 0 !important;} .banner_grandebellezza { height: 300px; background-position: center !important;} .grandebellezza_gallery .gallerypage .gallerywrap { width: 48%; float: left; height: 165px !important; overflow: hidden; margin: 0 1% 3px 1%;} .grandebellezza_gallery .gallerypage .gallerywrap img { max-width: 100%; margin: 15px 0; height: 150px; object-fit: cover;} .page article table { height: 100% !important;} .page article table tr { width: 100%; height: auto !important; display: inline-block; border-bottom: 1px solid #999; margin-bottom: 15px; padding-bottom: 15px;} .page article table tr td { width: 100% !important; height: auto !important; display: block !important; text-align: center !important;} /* 28.0 LISTE D'ATTESA */ .thead { display: none;} .tbody { position: relative; display: inline-block; flex-wrap: auto; font-size: 12px; margin-bottom: 10px; line-height: 25px;} .thead div, .tbody div { float: left; width: 100%; text-align: left;} .thead div.description, .tbody div.description { float: left; width: 100%; text-align: left;} .tbody div span { display: block; width: 50%; text-align: left;} .tbody div.description span { float: none; display: inline-block; width: 100%;} .page_contatti section .halffield { width: 100%; } .page_contatti .wpcf7-list-item-label { margin: -15px 0 0 20px; float: left; } } @media only screen and (max-width: 479){ .banner_grandebellezza { height: 175px; background-position: center !important;} .grandebellezza_gallery .gallerypage .gallerywrap { width: 100%; float: left; height: 165px !important; overflow: hidden; margin: 0 0% 3px 0%;} .grandebellezza_gallery .gallerypage .gallerywrap img { max-width: 100%; margin: 15px 0; height: 150px; object-fit: cover;} /* 28.0 LISTE D'ATTESA */ .thead { display: none;} .tbody { position: relative; display: inline-block; flex-wrap: auto; font-size: 12px; margin-bottom: 10px; line-height: 25px;} .thead div, .tbody div { float: left; width: 100%; text-align: left;} .thead div.description, .tbody div.description { float: left; width: 100%; text-align: left;} .tbody div span { display: block; width: 50%; text-align: left;} .tbody div.description span { float: none; display: inline-block; width: 100%;} .page_contatti section .halffield { width: 100%; } .page_contatti .wpcf7-list-item-label { margin: -15px 0 0 20px; float: left; } }