/*
Theme Name: Os2 srl
Theme URI:
Author: Os2 srl
*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic);

@font-face {
  font-family: "dipiazza";
  src: url('fonts/dipiazza.woff2?5') format('woff2'),
    url('fonts/dipiazza.svg?5#dipiazza') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "social";
  src: url('fonts/Social-networks.woff2?5') format('woff2'),
    url('fonts/Social-networks.svg?5#dipiazza') format('svg');
  font-weight: normal;
  font-style: normal;
}

BODY {font-family: 'ubuntu', sans-serif; font-weight:400;font-size:90%; color: #444; margin: 0;padding:0;background-color:#fff;text-align:justify;line-height:1.23;-webkit-text-size-adjust: 100%;}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:link, a:visited {color:#5299C9}
a:hover {text-decoration:none;color:#666}

#recaptcha {font-size: 11px;width: 100%; text-align:center; line-height:30px}
.grecaptcha-badge {display:none !important}

.wpgmza_map {margin:40px 0}

#avvisi {margin: 0 10px;background: #FFE9DF; padding:20px; max-width:100%; display:block; border-radius: 10px}
#avvisi  > div {display: flex; justify-content: flex-start; align-items: center}
#avvisi  > div p {margin:0}
#avvisi  > div:before {content:'!'; font-family: dipiazza; font-size: 25px; color:#EE743B; margin-right: 12px}

ul.social {z-index: 2}
ul.social li a {display:block}
ul.social li a span {display:none}
ul.social li a:before {display:block;font-family: social; font-size: 20px; color:#fff;width:28px; height:34px; line-height:34px; text-align: center}
ul.social li a:hover:before {color:#1a3a8d}
ul.social li.fb a:before {content: 'f'}
ul.social li.instagram a:before {content: 'i'}

/* form e img */
header, main, footer, figure {display:block;margin:0}
header {position:relative;min-width:320px}
.content article header{padding-bottom:5px;}
main {padding:10px 0;}
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}
p {margin:10px 0}
.imgdx {float:right;margin:5px 0 0 5px}
.imgsx {float:left;margin:8px 5px 0 0}
h1, h2, h3, h4 {margin:0;font-weight:normal}
h1.cattitle{border-bottom:none !important; margin-bottom:15px; text-transform:uppercase;font-weight: 300;}
.search-results h1.cattitle span {text-transform: none}
b, strong {font-weight: 600}
ul {margin:0;padding:0;list-style:none}
.content ul {margin:10px;padding:10px;list-style:disc;}
.post-template-landing .content ul,.page-template-landing .content ul  {margin:0 10px;padding:0 10px;}
img {border:0}
form {margin:0}
*:focus {outline:none}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
.pum-container .pum-content > :last-child, .pum-form__message:last-child {margin:0 !important}

.content > h1, .hentry h1, .page-header h1 {font-size:22px;color:#5499C9;position:relative;border-bottom:3px solid #eee}

input[type="search"], input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="submit"], textarea, select  {font-family: 'ubuntu', sans-serif;font-size:13px;margin:0;padding:0;padding:5px; border-radius: 3px;}
input[type="search"], input[type="text"], input[type="email"], input[type="date"], input[type="tel"], select, textarea {border:1px solid #e5e5e5;background:#f9f9f9}
input[type="search"], input[type="text"], input[type="email"], input[type="date"], input[type="tel"] {height:30px}

input[type="search"] {border:0;border-bottom:1px solid #5399c9; background: none;}
#topsearch button[type="submit"] {border:none; background: none; width:30px; height:30px; cursor:pointer; border-bottom:1px solid #5399c9}
#topsearch button[type="submit"]:before {font-family: dipiazza; content:'1'; color: #5399c9; font-size: 15px; height:30px; line-height: 30px}
#topsearch button span {display: none}
#topsearch {padding:10px; text-align: center}
#topsearch form {display:inline-flex; justify-content: center; align-items: center}

.contatti > div {float:left;width:27%;margin:20px 3% 3% 3%}
.contatti > div input[type="text"], .contatti > div input[type="email"] {width:104%}
.contatti > p {clear:both;width:94%;margin:3%}
textarea {width:100%}


input[type="submit"] {-webkit-appearance:none;border:0;height:30px;padding:0 5px;font-size:16px;text-transform:uppercase;font-weight:500;cursor:pointer;background:#31729D;color:#fff}
input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:hover {background:#ccc;color:#fff;cursor:text}
input[type="submit"], input[type="submit"]:hover {background:#09c}
input[type="submit"]:active {background:#09c;color:#fc0}

::-webkit-input-placeholder { color:#aaa; opacity:1 }
::-moz-placeholder { color:#aaa; opacity:1} /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; opacity:1 } /* ie */
input:-moz-placeholder { color:#aaa; opacity:1 }

.pagination {margin:40px 0 40px 10px}
.pagination .nav-links {display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content:center; justify-content: center}
.pagination .nav-links > * {border-radius: 5px; width:30px; height:30px; line-height:30px; display:block; background: #f3f3f3; color:#333; margin:0 5px; font-weight:500; text-align: center}
.pagination .nav-links > .current, .pagination .nav-links > a:hover {background: #31729D;color:#fff}

/* push menu */
#menu {position: absolute; background-color: #fff;z-index: 10; width: 260px; color: #040203; top: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 1;text-align:center}
#menu ul {list-style: none; margin: 0;padding: 0}
#menu ul.mservizi a {color:#5299C9;font-size: 14px; display: block;line-height:34px; text-decoration: none; padding:0 10px; text-align:left}
#menu ul.mservizi > li > a {line-height:40px;background:#5299C9;color:#fff;text-transform:uppercase;margin-bottom:1px; display:flex; justify-content: space-between}
#menu ul.mservizi > li > a:after, nav#sxmenu > ul > li > a:after {content:'n'; color:#fff; font-size: 16px; font-family: dipiazza; text-transform: lowercase;}
nav#sxmenu > ul > li > a {display:flex; justify-content: space-between;}
nav#sxmenu > ul > li > a:after {color:#5299C9; font-size: 22px; padding-right:5px}
nav#sxmenu > ul > li > a:hover:after {color:#fff}

#menu ul.mservizi > li > a:hover {color:#fc0}

#menu ul.mservizi li.mcovid > a {background:#af3134}
#menu ul.mservizi li.manalisi > a {background:#E03927}
#menu ul.mservizi li.manalisi ul a:hover {color:#E03927}
#menu ul.mservizi li.mcampioni > a {background:#83A04B}
#menu ul.mservizi li.mcampioni ul a:hover {color:#83A04B}
#menu ul.mservizi li.minfertilita > a {background:#936}
#menu ul.mservizi li.minfertilita ul a:hover {color:#936}
#menu ul.mservizi li.mbatteri > a {background:#960}
#menu ul.mservizi li.mtalassemia > a {background:#f66}
#menu ul.mservizi li.mgravidanza > a {background:#6CC}
#menu ul.mservizi li.mdna > a {background:#f60}
#menu ul.mservizi li.mlattosio > a {background:#00458A}
#menu ul.mservizi li.msess > a {background:#f00}
body.en #menu ul.mservizi li.msess > a, body.en nav#sxmenu > ul > li.msess > a {text-transform: none}

#menu ul a:hover, #menu ul a.active {color:#333}

#menu ul.istituzionali a {color:#5299C9;font-size: 14px; display: block;line-height:30px; text-decoration: none}
#menu ul.istituzionali a:hover {color:#333}

/* Submenu */
.left { left: -260px; }
.show { left: 0; }
.show #showmenu {margin-left:0;left:260px;position:fixed }



#showmenu {margin-left: 50%; position: absolute; top: 104px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999;width:105px;line-height:34px;background:#31729D;}
.admin-bar #showmenu {top: 105px;}
#showmenu:before {float:left;display:block;font-family:dipiazza;content:'m';font-size:18px;width:36px;height:35px;line-height:35px;color:#fff;text-align:center}
.show #showmenu:before {content:'x'}
#showmenu span {display:block;float:left;color:#fff;text-transform: uppercase;font-size:20px;font-weight: 300}

#menu.show #showmenu {border:0}

.overlaybg {height:100%;width:100%;position:fixed;left:0;	top:0;z-index:3 !important;background-color:#000;filter: alpha(opacity=70); -khtml-opacity: 0.70;-moz-opacity: 0.70;opacity: 0.70;}

/* struttura */
#top, .container, #footer, main {min-width:320px;position:relative}
.container, #footer {max-width:1200px;margin:0 auto}

#logo a {display:block}
#logo a img {margin:0 auto;max-width:100%;height:30px;display:block}
.logo2 {height: 35px; max-width: 100%}
#logo {display: flex;align-items: center;justify-content: space-between;}
#footer .tel {display:inline-block;font-size:24px;margin:10px auto}
#footer .tel a:before {font-size:24px;}
#footer .tel a {color:#fff}

#toporari {color:#fff;font-size:14px;font-weight:300;padding:20px 10px;text-align:center;min-width:320px; height:100%;}
#toporari b {font-weight:500;font-size:15px}
#toporari > div {margin-bottom:5px;text-align:left;display:inline-flex;min-width:270px; width:100%}
#toporari > div:before, .tel a::before {font-family:dipiazza;float:left;margin-right:6px;width:41px;text-align:center}
#toporari #orario:before {content:'o';height:70px;font-size:30px}
#toporari #prelievi:before {content:'p';font-size:24px}
#toporari #domicilio:before {content:'d';font-size:40px}
.tel a:before {content: 't'}
#top .tel {width:100%}
#top .tel a:before {font-size: 18px;background: #5499c9;border-radius: 50%;	width: 34px;height: 34px;color: #fff; line-height: 34px; margin:0 10px 0 3px}
#top .tel a > * {display: block}
#top .tel a b {font-size: 12px; text-transform: uppercase; margin-bottom: 2px}
#top .tel a span {font-size: 16px}

#boxanalisi {background:#f3f3f3;padding:10px;text-align:center}
#boxanalisi h2 {font-size:15px;font-weight:300;color:#444;margin:0 auto;display:inline-block;min-width: 280px}
#boxanalisi h2:before {font-family:dipiazza;content:'l';color:#5499C9;font-size:30px;float:left;margin-right: 10px}
#boxanalisi h2 b {font-weight:500}
#boxanalisi ul {margin:10px 0;text-align:left;font-size:14px;display: flex;flex-wrap: wrap;justify-content: center;}
#boxanalisi ul li {float:left;margin-left:10px}
#boxanalisi ul li:before {font-family:dipiazza;content:'v';color:#5499C9;font-size:12px;float:left;margin-right: 5px;line-height:18px}

a#boxbambini, a#homescreening {position:relative;width:100%;height:150px;display:block;margin:10px auto;color:#fff;font-size:15px;font-weight:300;}
a#boxreferti {margin:10px auto;}
a#boxreferti strong, a#boxbambini strong, a#homescreening strong {font-size:17px;font-weight:400}
/*a#boxreferti {background: rgba(84,153,201,.8);background-size: 100%;}*/
a#boxbambini {background: url(images/prelievi-bambini.jpg) no-repeat center center;background-size: 100%}
a#homescreening {background: url(images/homescreening.jpg) no-repeat center center;background-size: 100%}
a#boxreferti > span, a#boxbambini span, a#homescreening span {position:absolute;bottom:40px;left:0;width:230px;padding:10px 10px 10px 20px;background:rgb(84,153,201);background: transparent\9;background:rgba(84,153,201,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc5499C9,endColorstr=#cc5499C9);zoom: 1;-webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}
a#boxreferti > span {display:block; text-align:center; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 50%;
  height: 120px; min-width:280px; padding:40px;background:#31729d; border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
a#boxreferti span:nth-child(n), a#boxbambini span:nth-child(n) {filter: none}

a#boxbambini:hover span {background:rgb(49,114,157); background: transparent\9; background:rgba(49,114,157,0.8);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc31729D,endColorstr=#cc31729D)}
a#boxreferti:hover span{background:#f3f3f3;color: #4072a0; background: transparent\9; background:rgb(243 243 243);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc31729D,endColorstr=#cc31729D)}
#homenews {background:#f3f3f3;padding:10px}
#homenews > h1 {color:#5499C9;font-size:20px;line-height:30px;border-bottom:3px solid #fff;text-transform: uppercase}
.slidernews h1 {color:#5499C9;font-size:14px;margin-bottom:5px}
.slidernews {font-size:13px}

#codasicura {padding:10px 0}
#codasicura > div {width:100%; padding: 20px; text-align: center;background: #F3F3F3}
#codasicurapp {margin-bottom:20px}
.content {margin:0 auto;padding:0 10px; position:relative;}

footer {width:100%;background:#5499C9;color:#fff;clear:both}
#footer {padding:0 10px}
#footer a {color:#fc0}
#footer a:hover {color:#333}
#copyright span {display:block}

/*ul.social {margin:0 auto}
ul.social li {display:inline-block;margin:0 5px}
ul.social li a {display:block}
ul.social li a span {position:absolute;top:-99999px;left:-99999px}
ul.social li a:before {font-family:'social networks';font-size:21px;color:#999;display:block;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #ccc}
ul.social li.fb a:before {content:'f'}
ul.social li.twitter a:before {content:'t';}
ul.social li.instagram a:before {content:'i'}
ul.social li.pinterest a:before {content:'p'}
ul.social li.gplus a:before {content:'g'}
ul.social li a:hover:before {border:1px solid #900;color:#900}

ul.social.fsocial li a:before {border:1px solid #999}*/

#footer {text-align:center;font-size:14px}

.mapp-layout {border:0 !important;margin:10px 0 !important}
.mapp-map-links {display:none !important}

ul#analisicliniche {margin:30px auto;list-style: none}
ul#analisicliniche li {width:100%;border-radius: 3px; background:#f3f3f3;margin-bottom:10px;font-size:20px}
ul#analisicliniche li a {position:relative;display:block;height:150px;padding:100px 20px 0 20px;color:#5499C9;text-align:center}
ul#analisicliniche li a:hover {color:#666}
ul#analisicliniche li a:before {display:block;font-family:dipiazza;font-size:80px;line-height:80px;position:absolute;top:20px;left:0;right:0;margin:0 auto}
ul#analisicliniche li#boxdomicilio a:before {content:'d';font-size:100px}
ul#analisicliniche li#boxbambini a:before {content:'B'}
ul#analisicliniche li#boxpreparazione a:before {content:'P'}
ul#analisicliniche li#boxconsegna a:before {content:'R'}

#homeblog {padding:10px}
#homeblog h2 {text-transform: uppercase}
.blog > div {max-width: 300px;margin: 0 auto}
.blog h3 {font-size: 16px;min-height: 40px; margin-top: 10px; text-align:left;}
.blog figure {width:100%; height:270px; border-radius: 3px; overflow:hidden; text-align:center}
.blog figure img {object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: auto; max-width: 100%; max-height: 100%;}
.blog p {color:#444}

.post-template-landing .ub_table-of-contents,.page-template-landing .ub_table-of-contents {background-color: inherit !important; border: none !important; margin-top: 0 !important; margin-bottom: 0 !important;}
.post-template-landing .ub_table-of-contents-extra-container,.page-template-landing .ub_table-of-contents-extra-container {padding: 10px 0 30px !important;}
.post-template-landing .ub_table-of-contents-header-container,.page-template-landing .ub_table-of-contents-header-container {display: none;}
.post-template-landing .ub_table-of-contents ol>li:before,.page-template-landing .ub_table-of-contents ol>li:before  {content: counters(item,".") ;padding-right: inherit;}
  .post-template-landing .ub_table-of-contents ol>li:before, .post-template-landing h2::before,.page-template-landing .ub_table-of-contents ol>li:before, .page-template-landing h2::before  {  
    background: #66CCCC;border-radius: 50%;display: inline-flex;text-align: center;color: #fff;width: 25px;height: 25px;justify-content: center; align-items: center;font-size: 15px;
    font-weight: 600;}
.post-template-landing .ub_table-of-contents ol>li,.page-template-landing .ub_table-of-contents ol>li {margin: 0 0 10px;display: flex; font-weight: 500}
.post-template-landing .ub_table-of-contents ol>li a,.page-template-landing .ub_table-of-contents ol>li a {margin-left: 10px;font-size: 17px; text-decoration: underline;}
 .post-template-landing h2,.page-template-landing h2{font-size: 20px; color: #5499c9; margin: 20px 0 10px;DISPLAY: flex;ALIGN-ITEMS: center;}
.post-template-landing,.page-template-landing {counter-reset: section;}
.post-template-landing h2::before,.page-template-landing h2::before {counter-increment: section ;content:  counter(section) ;    margin-right: 10px;}
.post-template-landing .ub-button-container:nth-child(1) a, .page-template-landing div:not(.downloadapp) > .ub-button-container:nth-child(1) a  {background-color: #5499c9 !important; border-radius: 0px !important;color: #fff}
.downloadapp > .ub-button-container a {color:#fff}
.codasicura:where(.wp-block-columns.has-background) {padding:1.25em 2.375em 0 2.375em}

.post-template-landing h3,.page-template-landing h3{color: #5499c9; font-weight: 500;}
.post-template-landing #contatti-landing,.page-template-landing #contatti-landing{color: #5499c9; font-weight: 500;}
#contatti-landing {background: #66CCCC;    padding: 20px 10px; margin: 20px 0;}
#contatti-landing input[type=text], #contatti-landing input[type=email], #contatti-landing input[type=date], #contatti-landing input[type=tel], #contatti-landing textarea {border: none; background: #FFF}
#contatti-landing p,.aprivacy  {color: #fff}
.aprivacy {text-decoration: underline}

#toporari > div#saltacoda {margin: 15px 0 10px 0}
#saltacoda a, #refertislide a {font-size: 12px; text-transform: uppercase; height:44px;line-height:44px;  color:#fff; border-radius: 10px; width:100%; text-align: center; font-weight: 700}
#saltacoda a {background: #6CC}
#refertislide a {background: #E67010}

@media screen and (max-width: 479px) {
#logo a img {max-width:300px}

#toporari {position:relative;background:#F6FBFE; color: #5499c9}
}

@media screen and (min-width: 480px) {
a#boxreferti, a#boxbambini {width:100%;}
/*a#boxreferti {float:left}
a#boxbambini {float:right}*/

.admin-bar #showmenu {top:115px}
#slide {height:366px}    
#toporari {width:360px;position:absolute;bottom:0;right:30px;padding:20px 10px;color:#5499C9;background:rgba(255,255,255,0.85)}
#toporari:nth-child(n) {filter: none;}

ul#analisicliniche li {width:49%;margin:0.5%;float:left;font-size:17px}
}

@media screen and (max-width:512px) {

.contatti > div {float: none;width: 94%;margin: 10px auto;}
.contatti > div input[type="text"], .contatti > div input[type="email"] {width:100%}
}
@media screen and (max-width:639px) {
.home .content > h1 {position:absolute;top:-99999px;left:-99999px}
footer {padding:20px 0}
#homenews {clear:both}
}

@media screen and (max-width: 639px) {
#codasicurapp {margin-top:20px}
}
@media screen and (min-width: 640px) {
#codasicura {clear:both;padding:2% 0}
#codasicura > div{display: flex; justify-content: space-between;flex-wrap: wrap;align-items: center}
#codasicura > div > div {width:100%}

#catblog  {display: flex; justify-content: space-around; flex-wrap: wrap}
#catblog > div {width:46%}
}
@media screen and (min-width: 640px) {
#toporari {padding:20px}

main {padding:20px 0 10px 0}

.it #boxanalisi {float:left;width:100%;margin-right:4%}
#boxanalisi {padding:15px 10px}
a#boxreferti {float:right;width:100%;}
a#boxbambini {float:left;width:41%;margin-right:4%;}
#homenews, a#homescreening {float:right;width:55%;padding:20px}
#boxanalisi, a#boxbambini, #homenews, a#homescreening {height:200px;margin:2% 0}

#copyright span {display:inline-block}
#sede span:before {content:' - ';}
#sede span:first-child:before {content:'';}
footer {padding:30px 0}

ul#analisicliniche li {font-size:20px}
}


@media screen and (max-width: 767px) {
    #topsearch form, #topsearch label, #topsearch input[type="search"] {width:100%}
}

@media screen and (min-width: 768px) {
footer {padding:50px 0}
#topsearch {position: absolute; top:3px; right: 100px;z-index: 1}
#showmenu {top:55px}
}

@media screen and (min-width: 780px) {
#homeblog .bx-pager.bx-default-pager{display:none}
}

@media screen and (max-width: 781px) {
.admin-bar .overlay.open {top: 46px}
	.cosasteps {text-align:center}	
}

@media screen and (min-width: 783px) {
.admin-bar #showmenu {top:101px}
}

@media screen and (min-width: 783px ) and (max-width: 989px ) {
.admin-bar .overlay.open {top: 32px}
}

@media screen and (min-width: 840px) {
 #boxanalisi ul {margin:20px 0 10px 0}
 #catblog {justify-content: flex-start}
 #catblog > div {width:30.3333%; margin:1.5%}
}
@media screen and (min-width: 930px) {
.scheda a.addtocart {margin:10px 3px}
}

@media screen and (max-width: 989px) {
    
#slide {margin-top:34px; background: #5499C9; position:relative}
#slide::before {content: '';background: #31729d;width: 100%;display: block;	height: 35px;position: absolute;top: -35px}
  #avvisi {margin-top: 30px}
    ul.social {padding:10px; background: #31729d;position: fixed;bottom: 20px;right: 20px; border-radius: 5px; box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.2)}

.absolutehidden {position:absolute;top:-99999px;left:-99999px}
nav#sxmenu, .finfo {display:none}
#logo {width:100%;padding:10px}

.wpml-ls {margin:10px 0}
.wpml-ls ul {display:flex}
.wpml-ls ul li {width:50%}
}

@media screen and (min-width: 990px) {
    /*#refertislide {position: absolute;  top:-99999px; left:-99999px}*/
    #logo {align-items: flex-start}
    .logo2 {margin: 10px 10px 0}
 ul.social {display:flex; position: absolute;top: 10px;right: 160px}
body {font-size:100%}
.overlaybg {display:none !important}
#menu {display:none}
footer {border-top:10px solid #f3f3f3}
ul.social li a:before {color:#5499c9}
header {padding-bottom:50px}

#logo {text-align:left}
#logo a {display: inline-block;margin: 30px 10px 40px 10px}

#toporari {padding: 25px 20px}
    
/*#toporari {width:420px;font-size:15px;bottom: 0; height: 100%}
#toporari > div {width:380px}
#toporari b {font-size:18px}
#toporari #orario:before {font-size:40px;line-height:70px}
#toporari #prelievi:before {font-size:35px;line-height:50px}
#toporari #domicilio:before {font-size:54px;line-height:54px}

#toporari > div::before {width:65px}

#top {z-index:1; display:block;width:420px;height:70px;position:absolute;bottom:60px;right:30px;color:#5499C9;background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff);zoom: 1;text-align:center;line-height:69px}
#top:nth-child(n) {filter: none;}

#top .tel a {display:inline-block;font-size:30px}
#top .tel a:before {-webkit-border-radius: 50%; border-radius: 50%;width:40px;height:40px;line-height:40px;background:#5499C9;text-align:center;color:#fff;margin:15px 10px 0 0;}*/

.wpml-ls {text-align: right;margin: 0 80px 8px 0}
nav.topmenu {position:absolute;top:10px;right:2px}
nav.topmenu ul {display:inline-flex}
nav.topmenu ul li {padding-right:8px}
nav.topmenu ul li a {color:#5399C9;font-size:16px;line-height:34px;font-weight:300; display: inline-block}
    
nav.topmenu ul li.menu-item-2195 a {padding: 0 10px; background: #5399c9; color: #fff}
nav.topmenu ul li.menu-item-2195 a:hover {background: #6CC; color:#fff}
nav.topmenu ul li a:hover {color:#666}
nav.topmenu ul li:before {content:'';border-left:1px solid #ddd;margin-right:8px}
nav.topmenu ul li:first-child:before {border-left:none}

#slide {height:376px;}

.overlay {position:absolute;bottom:0;left:0;background:#5499C9;width:100%;height:60px}

main {float:right;width:64%;width: calc(100% - 380px);padding:45px 0 40px 0;margin-right:1%;max-width:820px}
.content {padding:0}
.content > h1 {font-size:25px;font-weight:300;padding-bottom:5px}
.post-template-landing .content > h1,.page-template-landing .content > h1 {font-size:28px;font-weight:500;}
    
#boxanalisi, a#boxbambini, #homenews, a#homescreening {border-radius: 3px;height:270px}
#codasicura > div {border-radius: 3px}
a#boxreferti, a#boxbambini, a#homescreening {background-size: cover}

#boxanalisi ul {font-size:15px}
#boxanalisi ul, #boxanalisi ul li:before {line-height:20px}

#homenews > h1 {font-size:25px}
.slidernews h1 {font-size:18px}
.slidernews {font-size:15px}

nav#sxmenu {float:left;padding:40px 0;width:310px;margin-left:1%}
nav#sxmenu > ul > li {position:relative}
.nochild, nav#sxmenu > ul > li.mbatteri, nav#sxmenu > ul > li.mdna, nav#sxmenu > ul > li.mlattosio, nav#sxmenu > ul > li.msess, nav#sxmenu > ul > li.mscreening, nav#sxmenu > ul > li.mcovid {height:50px;margin-bottom:8px}
nav#sxmenu > ul > li > a {position:absolute;top:5px;right:0;border-radius: 3px;background:#f3f3f3;width:300px;height:40px;line-height:40px;font-size:17px;font-weight:300;text-transform:uppercase;padding-left:45px}
nav#sxmenu > ul > li > a:before {position:absolute;top:-5px;left:-12px;display:block;-webkit-border-radius: 50%; border-radius: 50%;width:50px;height:50px;line-height:48px;border:2px solid #fff;text-align:center;font-family:dipiazza;font-size:23px;text-transform:none;color:#fff}

nav#sxmenu > ul > li ul {padding-top:50px;font-size:16px;line-height:30px}
nav#sxmenu > ul > li ul li {margin-left:55px}
nav#sxmenu > ul > li ul li a {display:block}
nav#sxmenu > ul > li ul li a:hover {color:#333}

nav#sxmenu > ul > li.mcovid > a {color:#af3134}
nav#sxmenu > ul > li.mcovid > a:before {content:'h';background:#af3134}
nav#sxmenu > ul > li.mcovid > a:hover {background:#af3134}
nav#sxmenu > ul > li.mcovid > a:hover:before {color:#af3134}

nav#sxmenu > ul > li.manalisi > a {color:#E03927}
nav#sxmenu > ul > li.manalisi > a:before {content:'a';background:#E03927}
nav#sxmenu > ul > li.manalisi > a:hover {background:#E03927}
nav#sxmenu > ul > li.manalisi > a:hover:before {color:#E03927}

nav#sxmenu > ul > li.mcampioni > a {color:#83A04B}
nav#sxmenu > ul > li.mcampioni > a:before {content:'C';background:#83A04B}
nav#sxmenu > ul > li.mcampioni > a:hover {background:#83A04B}
nav#sxmenu > ul > li.mcampioni > a:hover:before {color:#83A04B}

nav#sxmenu > ul > li.minfertilita > a {color:#936}
nav#sxmenu > ul > li.minfertilita > a:before {content:'i';background:#936}
nav#sxmenu > ul > li.minfertilita > a:hover {background:#936}
nav#sxmenu > ul > li.minfertilita > a:hover:before {color:#936}

nav#sxmenu > ul > li.mbatteri > a {color:#960}
nav#sxmenu > ul > li.mbatteri > a:before {content:'b';background:#960}
nav#sxmenu > ul > li.mbatteri > a:hover {background:#960}
nav#sxmenu > ul > li.mbatteri > a:hover:before {color:#960}

nav#sxmenu > ul > li.mtalassemia > a {color:#f66}
nav#sxmenu > ul > li.mtalassemia > a:before {content:'T';background:#f66}
nav#sxmenu > ul > li.mtalassemia > a:hover {background:#f66}
nav#sxmenu > ul > li.mtalassemia > a:hover:before {color:#f66}

nav#sxmenu > ul > li.mgravidanza > a {color:#6CC}
nav#sxmenu > ul > li.mgravidanza > a:before {content:'g';background:#6CC}
nav#sxmenu > ul > li.mgravidanza > a:hover {background:#6CC}
nav#sxmenu > ul > li.mgravidanza > a:hover:before {color:#6CC}

nav#sxmenu > ul > li.mdna > a {color:#f60}
nav#sxmenu > ul > li.mdna > a:before {content:'D';background:#f60}
nav#sxmenu > ul > li.mdna > a:hover {background:#f60}
nav#sxmenu > ul > li.mdna > a:hover:before {color:#f60}

nav#sxmenu > ul > li.mlattosio > a {color:#00458A}
nav#sxmenu > ul > li.mlattosio > a:before {content:'L';background:#00458A}
nav#sxmenu > ul > li.mlattosio > a:hover {background:#00458A}
nav#sxmenu > ul > li.mlattosio > a:hover:before {color:#00458A}

nav#sxmenu > ul > li.msess > a {color:#f00}
nav#sxmenu > ul > li.msess > a:before {content:'S';background:#f00}
nav#sxmenu > ul > li.msess > a:hover {background:#f00}
nav#sxmenu > ul > li.msess > a:hover:before {color:#f00}

nav#sxmenu > ul > li.mscreening > a {color:#5499C9}
nav#sxmenu > ul > li.mscreening > a:before {content:'s';background:#32E9B9; font-size: 27px; line-height: 44px}
nav#sxmenu > ul > li.mscreening > a:hover {background:#32E9B9}
nav#sxmenu > ul > li.mscreening > a:hover:before {color:#32E9B9}

nav#sxmenu > ul > li.nochild > a {color:#5499C9}
nav#sxmenu > ul > li.nochild > a:before {background:#5499C9}
nav#sxmenu > ul > li.nochild > a:hover {background:#5499C9}
nav#sxmenu > ul > li.nochild > a:hover:before {color:#5499C9}

nav#sxmenu > ul > li.mreferti > a:before {content:'r'}
nav#sxmenu > ul > li.mesami > a:before {content:'e'}
nav#sxmenu > ul > li.mfaq > a:before {content:'f'}

nav#sxmenu > ul > li > a:hover {color:#fff}
nav#sxmenu > ul > li > a:hover:before {background:#f3f3f3}

#footer {text-align:left}
#footer .tel {position:absolute;top:0;right:10px;margin:0;font-size:32px}
#footer .tel a:before {font-size:28px;line-height:40px}



ul.finfo {margin-top:40px}
ul.finfo li {float:left;margin-right:30px;text-transform:uppercase;}

#credits {position:absolute;bottom:0;right:10px}
    
.post-template-landing h2,.page-template-landing h2 {font-size: 24px;margin: 30px 0 10px;}
.post-template-landing h3,.page-template-landing h3 {font-size: 19px;margin-top: 15px;}   
#contatti-landing {margin: 30px 0 50px;}    
    
}

@media screen and (min-width: 1024px) {
#boxanalisi ul, #boxanalisi ul li:before {line-height:22px}
}

@media screen and (min-width: 1100px) {
#boxanalisi h2 span {margin-top:10px;font-size:17px;display:block;white-space:nowrap;float:left}
#boxanalisi h2:before {float:left;font-size:35px;-webkit-border-radius: 50%; border-radius: 50%;width:60px;height:60px;line-height:68px;background:#fff;}
#boxanalisi ul {font-size:16px;margin:10px 0}
    #logo a {margin:30px 10px}
    #logo a img {height: 40px;}
}

@media screen and (max-width: 1219px) {
#fmenu {display:none}
}

@media screen and (min-width: 1220px) {
#toporari {width: 450px; padding:25px 50px}    
#top .tel a b {font-size: 15px}
#top .tel a span {font-size: 18px}
#top .tel a > * {display: block; line-height: 1}
#saltacoda a, #refertislide a {font-size: 15px}
    
#boxanalisi ul, #boxanalisi ul li:before {line-height:27px}
#footer {padding:0}
#footer .tel, #credits {right:0}

#fmenu {position:absolute;top:0;right:280px;}
#fmenu ul {width:120px}
#fmenu ul li {float:left;margin:0 5px 10px 5px}
#fmenu ul li a {display:block}
#fmenu ul li a span {position:absolute;top:-999999px;left:-999999px}
#fmenu ul li a:before {display:block;border:2px solid #fff;-webkit-border-radius: 50%; border-radius: 50%;width:40px;height:40px;line-height:38px; text-align:center; font-family:dipiazza; font-size:20px; text-transform:none; color:#fff}

#fmenu ul li.manalisi a:before {content:'a';background:#E03927}
#fmenu ul li.mcampioni a:before {content:'C';background:#83A04B}
#fmenu ul li.minfertilita a:before {content:'i';background:#936}
#fmenu ul li.mbatteri a:before {content:'b';background:#960}

#fmenu ul li.manalisi a:hover:before {color:#E03927}
#fmenu ul li.mcampioni a:hover:before {color:#83A04B}
#fmenu ul li.minfertilita a:hover:before {color:#936}
#fmenu ul li.mbatteri a:hover:before {color:#960}
#fmenu ul li a:hover:before {background:#fff}
}

@media screen and (min-width: 1280px) {
    #top-menu {margin-right: 130px;}
    .wpml-ls {margin:0 130px 8px 0}
    ul.social {right: 200px;}
    .logo2 {margin: auto 10px;height: 55px;} 
    #topsearch {right: 260px}
}

/* wordpress */
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 480px) {
  .alignleft {
  	display: inline;
  	float: left;
  	margin-right: 1.625em;
  }
  .alignleft, .alignright {
  	display: block;
  	float: none;
  	margin:0 auto 20px auto
  }
}

.mapp-directions {display:none}

.mapp-layout[style] {margin:0 !important}
.mapp-map-links {display:none !important}
.mapp-dir-get {margin-right:10px !important}

/**
* 12.2 - Galleries
*/

.gallery {
 margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
 display: inline-block;
 max-width: 33.33%;
 padding: 0 1.1400652% 2.2801304%;
 text-align: center;
 vertical-align: top;
 width: 100%;
}

.gallery-columns-1 .gallery-item {
 max-width: 100%;
}

.gallery-columns-2 .gallery-item {
 max-width: 50%;
}

.gallery-columns-4 .gallery-item {
 max-width: 25%;
}

.gallery-columns-5 .gallery-item {
 max-width: 20%;
}

.gallery-columns-6 .gallery-item {
 max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
 max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
 max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
 max-width: 11.11%;
}

.gallery-icon img {
 margin: 0 auto;
}

.gallery-caption {
 color: #686868;
 display: block;
 font-size: 13px;
 font-size: 0.8125rem;
 font-style: italic;
 line-height: 1.6153846154;
 padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
 display: none;
}

/** table **/
table{border:1px solid #C5C5C5; border-collapse: collapse;}
table thead th,table tbody td{padding:5px 10px;border:1px solid #C5C5C5;}




/** MODAL SUMMER  **/
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 6px solid #5499C9;
}

.show-modal {
    visibility: visible;
}

.overlay-summer{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.show-modal ~ .overlay-summer{
    opacity: 1;
    visibility: visible;
}

.popup-content {
    color: #fff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    padding: 6% 10%;
}

.popup-content h3 {
    margin: 0;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    position: relative;
    color: #5499C9;
}

.popup-content h3:before {
    position: absolute;
    width: 47px;
    height: 38px;
    content: "";
    top: 18px;
    left: 0px;
}

.popup-content .para {
    color: #73556b;
    text-align: justify;
}

.popup-content > div {
    padding: 0px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em;
}

.popup-content > div p {
    margin: 0;
    padding: 10px 0;
}

.popup-content > div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}

.popup-content > div ul li {
    padding: 5px 0;
}

.popup-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
}

.close-modal {
    padding: 5px;
    height: 19px;
    line-height:4px;
	background: #000;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.close-modal:hover {
  background: #FFF;
  color:#000;
}


/* Effet blur */
.show-modal.blur-effect ~ .overlay-summer {
    background: rgba(0,0,0,0.8);
}


.show-modal.blur-effect ~ body, .show-modal.blur-effect ~ .bgall{
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    filter: blur(30px);
}


.blur-effect .popup-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
}

.show-modal.blur-effect ~ body,
.blur-effect .popup-content, .show-modal.blur-effect ~ .bgall {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.show-modal.blur-effect .popup-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* Media queries */

@media(max-width: 1230px) {

    .popup-content h3:before {
        display: none;
    }

}

@media(max-width: 680px) {

    h1 {
        font-size: 42px;
    }

}

@media(max-width: 480px) {

    h1 {
        font-size: 32px;
    }

    .popup-content h3 {
        font-size: 2em;
    }

    .close {
        right: 1px;
        top: 1px;
    }

}
.post-template-landing h2, .page-template-landing h2{display: inline-block}
.post-template-landing .ub_table-of-contents ol > li,.page-template-landing .ub_table-of-contents ol > li{display:block}