/* IMPORT */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/* JS */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
@import url('css/jquery.sidr.dark.css');


/* ====================================================================================================
/* ====================================================================================================

		RESET
   
   ==================================================================================================== */
/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
--------------------------------------------------------------
   ================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers
   ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/* ====================================================================================================

		TYPOGRAPHY
   
   ==================================================================================================== */
/* --------------------------------------------------------------
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
--------------------------------------------------------------
   ================================================== */
/** Text elements
 * -------------------------------------------------------------- 
 */
p { margin: 2.5rem 0;line-height:2.6rem; }
ul { margin: 0 0 1.8rem 3.2remm }
ol { margin: 0 0 1.8rem 3.2rem }
ul { list-style: disc }
ol { list-style-type: decimal }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 }
dl { margin: 0 2.2rem }
dt { font-weight: bold }
dd { margin-bottom: 1.8rem }
strong { font-weight: bold }
cite, em, i { font-style: italic }
blockquote { margin: 0 4.4rem }
blockquote em, blockquote i, blockquote cite { font-style: normal }
pre { font: 11px Monaco, monospace; line-height: 1.8rem; margin-bottom: 1.8rem; }
code { font: 1.1rem Monaco, monospace }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; font-size: smaller; }
sub { top: .5ex }
a { color: #D01317; text-decoration: none; }
a:hover { color: #771512; }
span { color: #000 }
/** Pullquotes
 * -------------------------------------------------------------- 
 */
blockquote.left { float: left; margin-left: 0; margin-right: 2rem; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 2rem; margin-right: 0; text-align: left; width: 33%; }
/**
 * 
 * Adapt the following for use in your Child Themes when using
 * different font-sizes and line-heights
 * 
 * body, input, textarea {
 *     font: --px Arial,sans-serif;
 *     line-height:--px;
 * }
 * p, ul, ol, dd, pre {
 *     margin-bottom:--px;
 * }
 * pre, code {
 *     font:--px Monaco, monospace;
 *     line-height:--px;
 * }
 * 
 * All other styles can be overridden--or ignored!--in Child Theme stylesheets
 */




/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.col10 { width: 10% }
.col20 { width: 20% }
.col30 { width: 30% }
.col40 { width: 40% }
.col50 { width: 50% }
.col60 { width: 60% }
.col70 { width: 70% }
.col80 { width: 80% }
.col90 { width: 90% }
.col100 { width: 100% }

.col33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }
.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col100, .col45, .col33, .col25, .col65, .col55, .col16 { float: left; display: block; position: relative; }
.margin-auto {margin-left: auto !important;margin-right: auto !important;float: none !important;}
img { /*display: inline-block;*/ display: block; margin: 0; max-height: 100%; max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.alignjustify { text-align: justify }
.spacer, .wrapper.spacer { margin: 5rem auto;}
span { color: #b42328 }
h1 { font-size: 3.9rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h2 { font-weight: 300; color: #090909; font-size: 3.5rem; margin: 1rem 0 2rem; line-height: 130%; }
h3 { font-size: 1.95rem; margin: 1rem 0 1rem 0; line-height: 130%; color: #2c3e50; font-weight: 300; }
h4 { font-size: 1.9rem; margin: 1rem 0 1rem 0; }
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; }
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }
@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}
@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}
blockquote {
  font-size: 1.5rem;
  padding: 1rem 0 1rem 2rem;
  border-left: 8px solid #D01317;
  margin:5rem 0 5rem 5rem;
  position:relative;
  color:#939598;
} 
blockquote:before {
  display: block;
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 3rem;
  position: absolute;
  left: -52px;
  top: 0px;
 color: #D01317;
} 

/* ====================================================================================================

		LAYOUT.CSS
   
   ==================================================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* { transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -webkit-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -moz-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: all 0.5s ease, background-color 0.5s ease, top 0.5s ease, left 0.5s ease, right 0.5s ease, bottom 0.5s ease; }*/
a { transition: background-color 0.5s ease, -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

html, body { margin: 0; padding: 0; color: #343434; background: #FFF repeat-x 0 0; text-align: left; height: 100%; font-weight: 400; font: normal 62.5%/150% 'Open Sans', Verdana, Arial, serif; }
body {font-size:16px;font-size:1.6rem;overflow-x:hidden }
#wrappage {padding-left:220px;z-index:5;}

/* wrapcontent  */
.wrapper {width:120rem;margin:0px auto;padding:2rem;position:relative;}
.wrapper.texthome {padding-top:0rem;}
.wrapper.texthome .align-middle {margin-top:0;}
.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
  clear: both;
}
.sticky-wrapper{position: fixed; z-index: 999; top:0; width: 100%}
.hide{opacity:0}

/* HEADER
   ==================================================
   ================================================== */
#header.col100 {position: fixed;padding-left:220px; z-index: 999; top:0; text-align: center; z-index: 150; background: -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
#header.stuck { width: 100%;background-color: rgba(255,255,255,0.95)}
#header .logostuck, #header.stuck img { display:none;}
#header.stuck img.logostuck{ display:block;}
#header img.align-left {margin-top:1rem;}
#header h1 { float:left;margin:2rem 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color:#fff}
#header.stuck h1{color: rgb(23,196,238);}
#headpage { padding:16rem 0 4rem 0;background:#FFF url('../images/bg-slider-home.jpg');background-position: center center;background-repeat:no-repeat;background-size:cover;background-position:center center;border-bottom: solid 20px #FDB72C;}
#page #headpage {padding:6rem 0;}
#headpage:before {display:block;content:'';height:100%;width:100%;position:absolute;top:0;left:0;background:rgba(211,31,18,0.8);}
#headpage .wrapper, #header .wrapper {padding-top:0;padding-bottom:0;}
#headpage h1 {color:#FFF;font-size:4rem;font-weight:700;line-height:110%;}
#headpage h2 {font-size:3rem;color:#FFF;}
#headpage span {display:block;color:#FFF;margin:0 auto;padding:0;}

#page #headpage h1 {margin-top:10rem;}
/*#headpage a { padding:1.5rem 5rem;background:#18c4f4;text-transform:uppercase;color:#FFF;margin-top:1rem;position:relative;}
#headpage a:hover { background:#2d3e50; }*/
/*#page #header.col100 {background:#FFF;}*/
#page #header h1 {color:#17c4ee;}
#header.stuck a.number{color: rgb(94,194,166);}
/*#header.stuck img {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#header.stuck img {-ms-transform: scale(0.7);-webkit-transform: scale(0.7);transform: scale(0.7);}*/

/* SIDEBAR
   ==================================================
   ================================================== */
#sidebar {width:220px;height:100%;background:#FFF;position:fixed;top:0;left:0;z-index:9999;}
#sidebar hr {border:0;height:1px;background:#e6e7e8;width:80%;margin:0 auto;}
#mmsidebar {margin-bottom:4rem;}
#mmsidebar li {list-style-type: none;display:block;position: relative;}
#mmsidebar li a {display:block;font-size:1.3rem;color:#D01317;font-weight:700;padding:2rem 3rem;text-transform:uppercase;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
#mmsidebar li a.bt-ordina {color:#343434;}
#mmsidebar li a:hover, #mmsidebar li a.active {background:rgba(147,149,152,0.1);}

/* CONTENT
   ==================================================
   ================================================== */
#content h2 {font-size:3rem;color:#D01317;}
#content h3 {font-size:2.4rem;color:#231f20;font-weight:600;}
#content h4 {font-weight:600;color:#D01317;}
#content p {line-height:150%;}
#content hr {border:0;height:3px;background:#d1d2d4;width:100%;margin:3rem 0;}
#content .divider hr {margin:3rem auto;width:50%;background:#d2b035;}
#content ul {margin:0;padding:0;}
#content .col50 h3 {margin-bottom:5rem;}
#content ul li, #content ul.link-scroll-down {list-style-type:none;margin:1rem 0;padding-left:20px;position:relative;}
#content ul li:before {
   content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;}

#content ul.link-scroll-down li {display:inline-block;margin:0 1rem;}
#content ul.link-scroll-down li:before {
   content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;}
	
	
span.fa-stack {color:#d2b035;}

.texthome h3 {margin-top:6rem;}
.firstparagraphhome {padding-right:5rem;}

#warpapplicazioni {display:flex;font-size:1.5rem;}
#warpapplicazioni h4 {text-transform:uppercase;color:#D01317;font-weight:700;}
#warpapplicazioni p {color:#626365;}
#warpapplicazioni .col25 {padding:5rem;}
#warpapplicazioni .imgcircle {width:200px;height:200px;display:block;margin-bottom:4rem;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: inset 0px 0px 0px 8px rgba(255,255,255,1);-moz-box-shadow: inset 0px 0px 0px 8px rgba(255,255,255,1);box-shadow: inset 0px 0px 0px 8px rgba(255,255,255,1);}
#ortopedia {background:#bcbec0;}
#warpapplicazioni #ortopedia .imgcircle {background: url('../images/ortopedia.jpg') no-repeat 50% 50%;}
#dentale {background:#c9cbcd;}
#warpapplicazioni #dentale .imgcircle {background: url('../images/dentale.jpg') no-repeat 50% 50%;}
#estetica {background:#d7d8d9;}
#warpapplicazioni #estetica .imgcircle {background: url('../images/estetica.jpg') no-repeat 50% 50%;}
#veterinaria {background:#e4e5e6;}
#warpapplicazioni #veterinaria .imgcircle {background: url('../images/veterinaria.jpg') no-repeat 50% 50%;}

#content ul.listkit li {color:#761114;font-weight:600;margin:2rem 0;padding-left:60px;}
#content ul.listkit li:before  {
    content: "";
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top:-6px;
    left: 0;
	width:30px;
	height:35px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: solid 1px #7a181a;
}
#content ul.listkit li.num1:after, #content ul.listkit li.num2:after  {
    color: #D01317;
    font-size: 18px;
	position: absolute;
    top:0;
    left:14px;
}
#content ul.listkit li.num1:after  {
    content: "1";
}
#content ul.listkit li.num2:after  {
    content: "2";
}
#content ul.listkit2 {margin-top:5rem;}

a.bt {
	padding:0.5rem 4rem;
	display:inline-block;
	color:#FFF;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	overflow:hidden;
	margin:3rem 0;
	line-height:3rem;
	font-size:1.3rem;
}
a.btblood {
	background:#D01317;
}
a.btblood.radial-out:before {
	background: rgba(0,0,0,0.3);
}
a.btblackoutline {
	background:none;
	color:#231f20;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(35,31,32,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(35,31,32,1);
	box-shadow: inset 0px 0px 0px 2px rgba(35,31,32,1);
}
a.btblackoutline:hover {color:#FFF;}
a.btblackoutline.radial-out:before {
	background: rgba(35,31,32,1);
}
a.btwhiteoutline {
	background:none;
	color:#FFF;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
}
a.btwhiteoutline:hover {color:#D01317;}
a.btwhiteoutline.radial-out:before {
	background: rgba(255,255,255,1);
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin:5rem 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videowrapper iframe{
	background: url(../images/preloader.gif) no-repeat center center black;
}

/* FOOTER
   ==================================================
   ================================================== */
#footer { clear:both;background:#f6f6f6;padding:3rem;font-size:1.3rem;}
#footer p { color:#1f2122;}
#footer a { color:#e84825; }
#footer a:hover { color:#000; }
#footer img {margin: 0 auto;}
#footer span {font-size:3.9rem;color:#17c4ee;}

/* ADDCLASS
   ==================================================
   ================================================== */
img#logo-joint-big {width:470px;} 
img#certificazioni {max-width:156px;}
.gallerygel {padding:0 2rem;}
#wraptable {background:#f2f2f2;}
a.view-table {display:none!important;}
.code {margin-bottom:5rem;display:block;}
.caption {font-size:1.3rem;}

#logo-joint-prp-kit {max-width:250px;}
#logo-joint-prp-kit-slug {max-width:200px;}
#buffy-coat {max-width:382px;}

.quote {color:#D01317;font-weight:bolder;font-size:2.5rem;}

#wrapper-centrifuge {display:flex;align-items:stretch;margin-bottom:6rem;padding:2rem;border:solid 4px #BCBEC0;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#wrapper-centrifuge > div {align-self:center;}
#wrapper-centrifuge > div#wrap-photo-centrifuge {flex-shrink: 1;min-width:200px;}
/*table { 
  width: 100%; 
  border-collapse: collapse; 
}
.table-1 th {  
  color:#58595b;
  text-transform:uppercase;
}
.table-1 td, .table-1 th { 
  padding:1rem; 
  text-align: center;
  font-size:1.5rem;
}
#content .table-1 td hr {width:50%;margin:0 auto 3rem auto;}
.table-1 td { 
  font-weight:700;  
  color:#D01317;
  font-size:2rem;
}

.table-2 th {text-align: center;padding:1rem 0;color:#D01317;font-weight:700;}
.table-2 tr.subheader {text-align: center;font-weight:700;}
.table-2 td {text-align: center;padding:1rem 0;}*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
.table-1 th {  
  color:#58595b;
  text-transform:uppercase;
}
.table-1 td, .table-1 th { 
  padding:2rem 1rem; 
  text-align: center;
  border:solid 1px #d1d2d4;
}
.table-1 td, .table-1 th, .table-2 th, .table-2 td {  font-size:1.5rem;}
#content .table-1 td hr {width:50%;margin:0 auto 3rem auto;}
.table-1 td { 
  font-weight:700;  
  color:#D01317;
  background:#FFF;
}

.table-2 th {text-align: center;padding:1rem 0;color:#fff;font-weight:700;border:solid 1px #d1d2d4;background:#FDB72C;}
.table-2 tr.subheader {text-align: center;font-weight:700;}
.table-2 td {text-align: center;padding:1rem 0;border:solid 1px #d1d2d4;background:#FFF;}

.nota-table {color:#58595b;font-size:1.3rem;}

.instruction {font-size:1.5rem;}
.instruction h4{color:#D01317;font-weight:700;margin-top:4rem;}
.instruction img {max-width:340px;}

.vertical-align {vertical-align: middle;}

#wrappcontactform {
  position: absolute;
  top: -34px;
  width: 100%;
  overflow: hidden;
  z-index: 10;
}
#wrappcontactform .smart-forms .form-body, #wrappcontactform .smart-wrap {padding:0;}
#wrappcontactform .smart-forms .button { width:100%; }
#headercontact {padding:1rem 2rem;background:#ef8c07;}
#headercontact h4 {color:#FFF;float:left;}
#headercontact i {color:#FFF;font-size:3rem;float:right;line-height:42px;}
#contacform {background:#FFF;padding:3rem;min-height:200px;}

.textcolum {padding:0 5rem;}

.contentmap {margin-top:4rem;}
ul#address li {padding-left:60px;}
ul#address li#society:before {content:"\f041";font-size:35px;top:10px;color:#b5c1c7;}
ul#address li#tel-fax:before {content:"\f095";font-size:35px;top:10px;color:#b5c1c7;}
ul#address li#iva:before {content:"\f129";font-size:35px;top:10px;color:#b5c1c7;}
ul#address li#mail:before {content:"\f0e0";font-size:30px;top:10px;color:#b5c1c7;}
ul#address li.none:before {content:none;} 

.blockviolet {background:#b7428d;padding:4rem 2rem;color:#FFF;font-weight:700;}
.blockviolet h2 {color:#FFF;font-weight:bold;}
.blockviolet .wrapper {padding:0;}
.blockviolet span {font-size:4rem;color:#FFF;line-height:110%;}
.blockviolet p {font-size:3rem;margin:1rem;}
.blockviolet.arrow:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #b7428d;
	border-width: 20px;
	margin-left: -20px;
}
.blockviolet .button {
	display:inline-block;
	background:#FFF;
	color:#000;
	padding: 1.5rem 3rem;
	text-transform:uppercase;
	font-size:1.4rem;
	font-weight:700;
	transition:all 0.5s ease; 
	-moz-transition:all 0.5s ease; 
	-o-transition:all 0.5s ease;
}
.blockviolet .button:hover {
	background:#000;
	color:#FFF;
}
.smart-forms .frm-row .colm.hotel {padding:10px;line-height:24px;background:#f2f4fa;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


/* Radial Out */
/* Radial Out */
.radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(70,95,119,0.8);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-out:hover, .radial-out:focus, .radial-out:active {
  color: white;
}
.radial-out:hover:before, .radial-out:focus:before, .radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.manutenzione {text-align:center;height:50%;position:fixed;top:0;left:0;background:#F78F1E;}
.manutenzione h1 {position:absolute;font-size:5rem;bottom:20px;left:50%;margin-left:-137px;color:#FFF;}

/* MENU
   ==================================================
   ================================================== */
/*#mmenu:not( .mm-menu ) { display: none }*/
#mm, #mmmobile { padding: 0; margin: 0 auto; /*width: 50rem;*/ position: absolute; right: 0; }
#mm {top:2rem;}
#mmmobile { display: none; margin-right: 2rem; top: 2.3rem; }
#mm li, #mmmobile li, #lang li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative; }
#mm li.active { color: #658f27 }
#mm li a, #mmmobile li a { text-decoration:none;letter-spacing:1px;padding:2rem 2.2rem;text-transform:uppercase;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
#mm li a { color:#FFF;font-size:1.4rem;}
#header.stuck #mm li a {color:#343439;}
#header.stuck #mm li a:hover {color:#D01317;}
#mmmobile li a { color:#000; font-size: 21px;line-height:6rem;}
#mm li a:hover{color:#000;}
#mmmobile li a:hover {color:#000;}
#mmmobile li::after {
  content: "MENU";
  left: -42px;
  padding: 10px;
  position: absolute;
  top: 6px;
  color:#000;
}


/* ====================================================================================================

		MEDIA QUERIES
   
   ==================================================================================================== */
@media screen and (max-width: 1280px) {
	.wrapper {width: 100rem;}
	#warpapplicazioni {flex-wrap: wrap;}
	#warpapplicazioni .col25 {width:50%;}
} 
@media screen and (max-width: 1024px) { 
	.wrapper { width: 100%; padding: 2.0rem; }
	.fiwapplicazioni {clear: both;}
	
}
/* 980
   ================================================== */
@media screen and (max-width: 980px) { 
	#sidebar {display:none;}
	#wrappage, #header.col100  {padding-left:0;}
	#mm {display:none;}
	#mmmobile {display:block;}
	#content ul.listkit {font-size:1.8rem;}
	#content ul.listkit li {margin:5rem 0;}
}
/* 800
   ================================================== */
@media screen and (max-width: 800px) { 
    html { font: 47%/150% 'Open Sans', Verdana, Arial, serif }
    body p { line-height: 4rem; font-size: 18px; font-size: 1.8rem; }
	#mmmobile { display: block }
	#mm { display: none }
	#footer p { font-size:1.3rem;}
	#headpage .col40, #headpage .col60 {width:100%;}
	#headpage .col40 {text-align:center;}
}
/* 640
   ================================================== */
@media screen and (max-width: 640px) { 
    #content .col50, #content .col100 .col33, #content .col60, #content .col40 { width: 100%;}
	a.view-table {display:inline-block!important;margin-top:6rem;margin-bottom:6rem;}
	.table-1, .table-2, .nota-table {display:none;}
	#header img {width:60%; float: left; margin: 2rem 1rem 2rem 0; }
	.instruction .col25 {width:100%;}
	.instruction .col50, .instruction .col33 {width:100%;border-bottom:solid 3px #d1d2d4;padding-bottom:4rem;}
	.instruction .col33.last {border-bottom:0;}
	.instruction hr {display:none;}
	#headpage h1 {margin-top: 40px;}
	.wrapcentrifuge {flex-direction: column;}
	#warpapplicazioni .col25 {width:100%;}
	.firstparagraphhome {padding-right:0;}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	.table-1 table hr {display:none;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	td, .table-1 td { 
		/* Behave  like a "row" */
		border:none;
		position: relative;
		/*padding-left: 50%;*/ 
		padding-top:4rem;
		padding-bottom:4rem;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%; 
		hight: 10px;
		/*padding-right: 10px;*/ 
		white-space: nowrap;
		font-weight:300;
		color:#58595b;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "BASELINE VOLUME ML"; }
	td:nth-of-type(2):before { content: "BASELINE PLT 10³/MM³"; }
	td:nth-of-type(3):before { content: "BASELINE WBC 10³/MM³"; }
	td:nth-of-type(4):before { content: "PRP VOLUME ML"; }
	td:nth-of-type(5):before { content: "PLATELETS PRP 10³/MM³"; }
	td:nth-of-type(6):before { content: "WBC PRP 10³/MM³"; }
	
	a.bt {font-size:1.8rem;}
}

/* 480
   ================================================== */
@media screen and (max-width: 480px) { 
    .instruction img, .instruction img.align-left {text-align: center; margin: 1rem auto;float: none;}
	.instruction .alignleft {text-align: center;}
	#wrapper-centrifuge {flex-direction:column;}
	#wrapper-centrifuge > div {width:100%;}
	#wrap-photo-centrifuge img {max-width:200px;margin:auto;float:none;}
}
/* 360
   ================================================== */
@media screen and (max-width: 360px) { 
    html { font: 45%/150% 'Open Sans', Verdana, Arial, serif }
	#headpage .col50 {width:100%;text-align:center;}
	#mmmobile li a {line-height:5rem;}
	#mmmobile li::after  {top:2px;}
	#content ul.listkit li::before {top:-10px;}
}