/* ----- CSS Firma DUPLICON, 2019, BLUTWERT.net -----*/
/* nunito-italic - latin */
@font-face {
 font-family: 'Nunito';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/nunito-v9-latin-regular.eot'); /* IE9 Compat Modes */
 src: local('Nunito Regular'), local('Nunito-Regular'),
    url('fonts/nunito-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/nunito-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/nunito-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/nunito-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/nunito-v9-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
  font-display: swap;
}
body { margin:0; padding:0; font-size:120%; line-height:170%; font-family: 'Nunito', 'Open Sans', sans-serif, Arial; text-align:left; color:#000; background-color:#fff; }
h1 { font-size:190%; color:#111; margin:0 0 30px 0; padding:0; line-height:140% !important; }
h2 { font-size:170%; color:#c04; margin:70px 0 20px 0; padding:0 0 10px 0; border-bottom:#c00 2px solid; line-height:120% !important; }
h3 { font-size:140%; color:#111; margin:70px 0 8px 0; padding:3px 0; }
h4 { font-size:110%; color:#c00; margin:50px 0 3px 0; padding:0; }
p  { margin:2px 10px 13px 10px; }
ul      { margin:0 0 20px 20px; padding:0 0 0 20px; list-style-type:none; list-style-image:url(https://www.blutwert.net/bilder/pfeil.png); }
ol      { margin:0 0 0 20px; padding:0 0 0 20px; list-style-type:none; list-style-image:url(https://www.blutwert.net/bilder/pfeil.png); }
li      { margin:0; padding:3px 5px; }
table   { margin:10px 0 30px 10px; padding:0; font-size:90% !important; line-height:130%; border:#f04 3px solid; border-collapse:collapse; }
tbody   { padding: 0; margin: 0; }
tr      { padding: 0; margin: 0; }
td      { padding:3px 8px; margin:0; border-bottom:#f7b 1px solid; border-right:none; }
td ul   { margin:0 0 0 15px; padding:0; }
td ul li { margin:0; padding:1px 5px; }
a       { color:#04f; font-weight:bold; text-decoration:none; }
a:hover { color:#00f; text-decoration:underline; }
img     { max-width:100%; height:auto; border:0; }
iframe  { max-width:100%; max-height:auto; }
figure  { margin:15px 0 30px 0; }
/* admin: */
input  { font-size:110%; color:#00f; padding:1px 4px; }
textarea { font-size:130%; color:#00f; padding:1px 4px; }
strong  { font-weight:bold; }

.page  { width:100%; max-width:1100px; margin:0 auto; padding:0; background-color:#fff; background:#fff; }
.header { max-width:1100px; margin:0; padding:0; }
.header-fixed { position:fixed; top:0px; min-height:70px; width:1090px; background-color:#c00; border-bottom:#666 2px solid; }
.logo  { width:100%; margin:0; padding:0; float:left; }
.slogan { display:inline; margin-left:7%; }

#content  { margin:40px 0 0 0; padding:0; width:100%; max-width:1100px; }

#umrechner { width:35%; min-width:400px; float:right; text-align:left; margin:0 0 20px 20px; border:1px solid #06F; border-radius:13px; }
#umrechner h3 { color:#fff; background-color:#06F; margin:0 !important; padding:0 10px 6px 10px !important; border-radius:12px; font-size:120%; }
#umrechner p { padding: 15px 10px 5px 10px; }
#umrechner label { padding: 15px 10px 5px 10px; }
#umrechner input { width:60px; font-size: 100%; }
#umrechner select { width:80px; font-size: 100%; }
#umrechnerButton       { background-color:#f04; color:#fff; text-align:right; margin:7px 12px; font-weight:bold; font-size: 100%; border:1px solid #c30; border-radius:9px; }
#umrechnerButton:hover { background-color:#c00; color:#fff; }
#umrechnerResult { height: 24px; margin: 5px 10px 15px 10px; }

.footer   { margin:20px 0 50px 0; }
.hight_footer { max-width:96%; background-color:#fee; color:#c04; border-radius:14px; margin:0 0 30px 0 !important; padding:10px; font-weight:bold; display:block; }
.aktuell { background-color:#dff; color:#060; border-radius:14px; margin:0 !important; padding:10px; font-weight:bold; font-size:94%; line-height:140%; }
.hight_box  { background-color:#dff; border:#39f 3px solid; border-radius:14px; margin:0 0 0 20px !important; padding:10px; font-weight:bold; font-size:140%; line-height:150%; }
.onlyScreenReader { display:none; }

/* Navigation, Reset */
input#responsive-nav, label.responsive-nav-label { display:none; }
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input { margin: 0; padding: 0; border: none; outline: none; }
.nav a { text-decoration: none; }
.nav li { list-style: none; }
.nav > li > div { opacity: 0; visibility: hidden; overflow: hidden; }

/* hide the checkbox and the label */
.responsive-navigation { display:block; width:100%; background-color:#f04; height: 35px; }
input#responsive-nav { display:none; }
label.responsive-nav-label { display:none; cursor:pointer; color:#fff; font-size:120%; font-family: sans-serif, Arial; font-weight:bold; line-height: 35px; }
label.responsive-nav-label span { margin:0 10px 0 20px; }

.nav { display:inline-block; width:100%; position:relative; cursor: default; z-index: 500; background-color:#f04; }
.nav > li { display: block; float: left; }

/* Menu Links */
.nav > li > a { position: relative; top:0; display: block; z-index: 510; height: 35px; padding: 0 18px; font-weight: bold; color: #fff;
background: #f04; border-left: 1px solid #555; border-right: 1px solid #f33;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.nav > li:hover > a { background: #333; }
.nav > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; }

/* Menu Dropdown */
.nav > li > div { position: absolute; display: block; width: 100%; max-width:1096px; top:35px; left:0;
  opacity: 0; visibility: hidden; overflow: hidden;
  background: #fff; border:#333 2px solid; border-radius: 0 0 12px 12px;
box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all .3s ease .15s;
  -moz-transition: all .3s ease .15s;
  -o-transition: all .3s ease .15s;
  -ms-transition: all .3s ease .15s;
  transition: all .3s ease .15s;
}
.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; }
.nav .nav-column { float: left; padding: 6px 40px 5px 20px; margin:13px 0 13px 0; border-right:#aaa 1px solid; }
.nav .nav-column li a { display: block; line-height: 150%; font-weight: bold; color: #c00; padding:5px 0; margin:0; }
.nav .nav-column li a:hover { color: #000; }
.nav .nav-column-right { padding:0; margin:0; }
.nav .nav-column-right p { padding:20px 40px 8px 0; margin:0; }
.nav .nav-column-right img { float:left; padding:0px; margin:20px 20px 0 40px; }


/* Declarations for the responsive menu */
@media (max-width: 1000px) {
.nav > li > a { padding: 0 12px; }
}
@media (max-width: 820px) {
.responsive-navigation { height: 40px; }
label.responsive-nav-label { display:block; line-height:40px; }
.nav { position:absolute; top:-9999px; font-size:110%; line-height:160%; }
input#responsive-nav[type=checkbox]:checked ~ .nav { position:relative; top:0; }

.nav > li { float:none !important; width:100% !important; }
.nav > li > a { position: relative; display: block; z-index: 510; height: 40px; line-height: 40px; }
.nav > li > div    { opacity: 0; visibility: hidden; overflow: hidden;
  	background: #ffffff; border:none; border-radius:0; box-shadow: 0; padding:9px 0;
  	-webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: color 0 ease-in;
  	-ms-transition: none;
transition: none;
}
.nav > li > div > li { opacity: 0; visibility: hidden; overflow: hidden; padding:5px 0; }
.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; position:relative; top:0; z-index:600; }
.nav .nav-column { float: none; width: 100%; margin:0; padding:0; }
.nav .nav-column li { padding:5px 0 5px 20px; }
.nav .nav-column-right { display:none; }
}

.breadcrumb { margin:20px 0 0 0; padding:0; font-size:90%; color:#666; }
.breadcrumb ol { margin:0; padding:0; }
.breadcrumb li { float:left; padding:1px 5px 1px 1px; margin:0 10px; }
.breadcrumb li a { font-weight:normal; }
.breadcrumblist { float:left; margin:0 15px 0 0; }

.desktop { display:block; }
.mobile { display:none; }
.autorenbox { width:100%; max-width:760px; margin:20px 0; padding:0; }
.autor   { width:45%; max-width:360px; margin:0; padding:8px 10px 3px 10px; border:#999 2px solid; font-size:84% !important; line-height:140% !important; }
.autor p  { margin:0; padding:0; }
.img_autor { float:right; padding:3px 0 3px 20px; }

@media (max-width:1100px) {
	.logo  { float:none; }
	.menu { width:100%; margin:0; padding:5px 0 7px 0; float:none; }
	.slogan { display:none; }
}

@media (max-width: 820px) {
	body { font-size:110%; line-height:160%; }
	.header { position:relative; border-bottom:#666 1px solid; }
	.logo { float:none; }
	.menu { width:100%; max-width:800px; min-height:30px; margin:0; padding:5px 0 0 0; float:none; }
	nav ul { margin:0; padding:0; color:#fff; float:none; }
	label.responsive-nav-label { position:relative; display:block; padding:2px 0 0 0; cursor:pointer; color:#fff; font-size:110% !important; font-weight:bold; }
	label.responsive-nav-label span { margin-right:10px; font-size:100% !important; color:#fff; }
	nav { position:absolute; top:-9999px; padding:10px; margin:0; width:100%; }
	input#responsive-nav[type=checkbox]:checked ~ nav { position:relative; top:0; padding:0; }
	nav a:after { display:none; }
	nav li { float:none !important; width:100% !important; border-bottom:#f99 1px solid; }
	nav li a { margin-bottom:0; padding:6px 20px !important; background:#c00; }
	nav ul li:hover { background:#c00; }
	nav ul li a { padding:0; margin:2px 15px; color:#fff; }
	nav ul li a:hover { background:#fff; color:#000; }
	nav ul ul { position:relative !important; width:100%; left:0 !important; top:0 !important; background:none !important; box-shadow:none; }
	nav ul ul li { padding-left:20px; }
	#content  { width:94%; max-width:800px; float:none; margin:20px 0; }
	#sidebar  { width:94%; max-width:800px; float:none; margin:20px 0; }
	h1 { font-size:170%; font-weight:normal; color:#111; margin:0 0 10px 0; padding:0; line-height:140% !important; }
	h2 { font-size:150%; color:#c00; margin:40px 0 9px 0; padding:7px 0;}
	h3 { font-size:130%; color:#c00; margin:20px 0 6px 0; padding:3px 0;}
	p    { margin:2px 0 13px 0; }
	ul    { margin:0; }
	ol    { margin:0; }
	table  { width:100%; margin:10px 0 30px 0; font-size:94% !important; }
	tr  { width:98%; }
	td  { padding:3px; }
	.desktop { display:none; }
	.mobile { display:block; }
	.breadcrumb { margin:10px; padding:0; font-size:90%; color:#666; }
	.autorenbox { width:90%; max-width:800px; margin:20px 0; padding:0; }
	.autor   { width:90%; max-width:800px; margin:20px 10px; padding:8px 10px 0 10px; }
}

.line    { clear:both; border-bottom:0px #C00 solid; }
.clear   { clear:both; }
.clear_30  { clear:both; height:30px; }

.img_left  { float:left; text-align:center; padding:0; margin:8px 40px 18px 0; }
.img_right { float:right; text-align:center; padding:0; margin:8px 0 18px 40px; }
.img_center { float:none; text-align:center; padding:0; margin:20px 0 40px 0; }
.img_text  { font-size:90%; line-height:130%; color:#666; font-style:italic; }

.left    { float:left; }
.right    { float:right; }
.center   { clear:both; margin:10px auto 30px auto; text-align:center; }

.table_headline { background-color:#f04; color:#fff; padding:3px 8px 8px 8px; font-weight:bold; font-size:110%;  }
.table_header   { background-color:#eee; color:#000; font-style:italic; }

.amazon-button     { text-align:right; margin:5px 0 18px 0; font-weight:bold; }
.amazon-button a    { background-color:#33f; color:#fff; border:#00f 2px solid; border-radius:12px; padding:7px 9px; }
.amazon-button a:hover { background-color:#f11; color:#fff; border:#c00 2px solid; }

.produkttabelle    { font-size:90%; line-height:130%; margin:0 0 20px 0; border-left:none; border:#fff 1px solid; }
.produkttabelle td   { border-bottom:#f7b 1px solid; padding:6px 0; vertical-align:top; border-left:none; border-right:none; }
.produkttabelle h3   { font-size:110%; line-height:130%; color:#222; font-weight:bold; margin:0; padding:0 6px 0 0; border:none; }
.produkttabelle p   { padding:0; margin:0 0 10px 0; }
.produkttabelle span  { padding:0; margin:0 0 10px 0; }
.produkttabelle td ul { margin:0 0 0 10px; padding:0 0 15px 9px; }
.produkttabelle-header { background-color:#f9c; color:#000; }

.amzn_hinweis   { border:#ccc 1px solid; padding:10px 10px 0 10px; }
.amzn_hinweis h3  { font-size:130%; padding:0; margin:0; font-style:italic; }
.amzn_hinweis p  { padding:0; margin:0; font-size:85%; line-height:130%; font-style:italic; }

.suche    { max-width:280px; height:35px; border:#f26 2px solid; margin:20px 0 0 0; float:right; }
.search    { padding:0; margin:0; }
.searchfield { margin:0; padding:0 0 0 5px; width:200px; font-size:100%; height:32px; border:none; display:inline; }
.submitbutton { margin:0; padding:0; width:36px; height:36px; background-image:url(https://www.blutwert.net/bilder/lupe-2020.png); border:none; cursor:pointer; float:right; }

.formular_box { margin:2px 0 13px 20px; padding:20px 17px; background-color:#cafcff; border:#aaa 1px solid; }
.form_field  { height:24px; vertical-align:baseline; }
#ergebnis   { margin:12px 0 0 0; font-weight:bold; }
.umrechnen_button { background-color: #33f; color: #fff; border: #00f 2px solid; border-radius: 12px; padding: 7px 9px; }

.searchresult   { margin:0 0 40px 0; }
.searchresult h2  { margin:3px 0; padding:0; font-size:100%; line-height:130%; border:none; background-color:#fff; }
.searchresult h2 a { text-decoration:none; }
.searchresult h2 a:hover { text-decoration:underline; }
.searchresult h3  { margin:3px 0; padding:0; font-size:100%; line-height:130%; border:none; background-color:#fff; }
.searchresult h3 a { text-decoration:none; }
.searchresult h3 a:hover { text-decoration:underline; }
.searchresult p  { margin:0; padding:0; font-size:90%; line-height:120%; }
.searchresult .search_url { margin:0 0 3px 0 !important; padding:0; color:#090; }
.search_thumb   { float:left; margin:0 10px 0 0; padding:0; }
.search_img    { padding:1; border:#bbb 1px solid; }

.laborwerte-a-z { max-width:598px; padding:0 0 6px 0; margin:14px 0; border:#f26 3px solid; height:28px; position:relative; }
.laborwerte-span { margin:0; padding:0 0 0 38px; background-image:url(https://www.blutwert.net/bilder/pfeil-runter.png); background-repeat:no-repeat; background-position-y:7px; }
#A_Z { max-height:600px; overflow:hidden; overflow-y:scroll; border:#222 1px solid; position:absolute; z-index:2; background-color:#fff; margin:4px 0 }
#A_Z p { padding:4px 0; margin:2px 10px; font-weight:bold; border-bottom:#d70000 1px solid; }

.adsbygoogle { margin:10px; }
.ad_in_article { width:1100px; margin:10px 0; padding:10px 0; border:none; }
.google-auto-placed { margin:10px 0; padding:10px 0; border:none; }

@media (max-width:801px) { 
.ad_in_article { width:640px; margin:20px 0; }
}
@media (max-width:641px) { 
.ad_in_article { width:500px; }
}
@media (max-width:501px) { 
.ad_in_article { width:350px; }
}
@media (max-width:351px) { 
.ad_in_article { width:300px; }
}

@media (max-width:640px) {
	body { font-size:100%; line-height:160%; }
	.page  { width:100%; margin:0; padding:0; overflow:hidden; }
	.header { width:100%; margin:0; padding:0; }
	#content  { width:100%; max-width:640px; float:none; margin:0; padding:0; }
	#sidebar  { width:100%; max-width:640px; float:none; margin:0; }
	.img_left { max-width:100%; float:none; padding:0; margin:0 auto 20px auto; }
	.img_right { max-width:100%; float:none; padding:0; margin:0 auto 20px auto; }
	.left  { float:none; }
	.right  { float:none; }
	.thumb_box { display:block; margin:2px; padding:2px; }
	h1    { margin:0 5px 20px 5px; }
	h2    { margin:0 5px 15px 5px; }
	h3    { margin:0 5px 10px 5px; }
	h4    { margin:0 5px 5px 5px; }
	p     { margin:2px 5px 13px 5px; }
	table  { font-size:90% !important; }
	.suche  { width:100%; max-width:640px; height:35px; border:#d70000 1px solid; margin:0 0 10px 0; float:none; }
	.searchfield { margin:0; padding:0 0 0 5px; width:85%; height:34px; border:none; display:inline; }	
	.datenschutzhinweis { bottom:5%; left:1%; width:97%; height:auto; position:fixed; z-index:990; border:#f00 2px solid; margin: 0; padding:0; font-size:90%; line-height:140%; overflow:hidden; }
	.datenschutzhinweis p { margin:0; padding:10px; }
}

.video_frame { text-align:center; margin:16px 0; padding:4px; border:#999 1px solid; width:auto; background-color:#ddd; }
.video_box { font-style:italic; padding:0; margin:0; font-weight:normal; }

.content_menu  { width:30%; min-width:180px; float:right; text-align:left; margin:0 0 20px 20px; border:1px solid #06F; border-radius:13px; font-size:90%; line-height:150%; }
.content_menu p { color:#fff; background-color:#06F; margin:0 !important; padding:4px 10px 4px 10px !important; border-radius:12px; font-size:120%; }
.content_menu ul { margin:0; padding:8px 0 0 10px; list-style-image:none; }
.content_menu li { padding:0 0 4px 10px; border-top:#fff 1px solid; list-style-image:none; }
.content_menu li ul { margin:0; padding:0 0 0 12px; }
.content_menu li ul li { margin:0; padding:4px 0 0 0; list-style-image:url(https://www.blutwert.net/bilder/pfeil.png); }
.content_menu a { text-decoration:none; border:none; }

.quiz_button { font-size:110% !important; display:block; padding:0; margin:4px 0; }
.quiz_submit { width:40%; max-width:350px; padding:7px 10px; margin:10px; background-color:#06f; font-size:110% !important; font-family:'Open Sans',sans-serif, Arial; border-radius:10px; border:#c70 1px solid; color:#fff; }


/* Lightbox Styles */
#lightboxOverlay, #lightbox { z-index: 9999 !important; }
.slbOverlay, .slbWrapOuter, .slbWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.slbOverlay { overflow: hidden; z-index: 2000; background-color: #000; opacity: 0.7; -webkit-animation: slbOverlay 0.5s; -moz-animation: slbOverlay 0.5s; animation: slbOverlay 0.5s; }
.slbWrapOuter { overflow-x: hidden; overflow-y: auto; z-index: 2010; }
.slbWrap { position: absolute; text-align: center; }
.slbWrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.slbContentOuter { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; padding: 0 1em; box-sizing: border-box; z-index: 2020; text-align: left; max-width: 100%; }
.slbContentEl .slbContentOuter { padding: 5em 1em; }
.slbContent { position: relative; }
.slbContentEl .slbContent { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; background-color: #fff; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4); }
.slbImageWrap { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; position: relative; }
.slbImageWrap:after { content: ""; position: absolute; left: 0; right: 0; top: 5em; bottom: 5em; display: block; z-index: -1; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6); background-color: #FFF; }
.slbDirectionNext .slbImageWrap { -webkit-animation: slbEnterNext 0.4s; -moz-animation: slbEnterNext 0.4s; animation: slbEnterNext 0.4s; }
.slbDirectionPrev .slbImageWrap { -webkit-animation: slbEnterPrev 0.4s; -moz-animation: slbEnterPrev 0.4s; animation: slbEnterPrev 0.4s; }

.slbImage { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 0; margin: 0 auto; }

.slbCaption { display: inline-block; max-width: 100%; text-overflow: ellipsis; position: absolute; left: 0; right: 0; padding: 0; color: #fff; text-align: center; background-color:#111; border-top:#777 1px solid; }

.slbCloseBtn, .slbArrow { margin: 0; padding: 0; border: 0; cursor: pointer; background: none; }
.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner { padding: 0; border: 0; }
.slbCloseBtn:hover, .slbArrow:hover { opacity: 0.5; }
.slbCloseBtn:active, .slbArrow:active { opacity: 0.8; }
.slbCloseBtn { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; font-size: 3em;
line-height: 140%; position: absolute; right: 10px; top: -50px; color: #fff; color: rgba(255, 255, 255, 0.7); text-align: center; }

.slbLoading .slbCloseBtn { display: none; }
.slbLoadingText { font-size: 1.4em; color: #fff; color: rgba(255, 255, 255, 0.9); }

.slbArrows { position: fixed; top: 50%; left: 0; right: 0; }
.slbLoading .slbArrows { display: none; }
.slbArrow { position: absolute; top: 50%; margin-top: -5em; width: 5em; height: 10em; opacity: 0.7; text-indent: -999em; overflow: hidden; }
.slbArrow:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -0.8em 0 0 -0.8em; border: 0.8em solid transparent; }
.slbArrow.next { right: 0; }
.slbArrow.next:before { border-left-color: #fff; }
.slbArrow.prev { left: 0; }
.slbArrow.prev:before { border-right-color: #fff; }

@-webkit-keyframes slbOverlay {
 from { opacity: 0; }
 to  { opacity: 0.7; }
}
@-moz-keyframes slbOverlay {
 from { opacity: 0; }
 to  { opacity: 0.7; }
}
@keyframes slbOverlay {
 from { opacity: 0; }
 to  { opacity: 0.7; }
}
@-webkit-keyframes slbEnter {
 from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); }
 to  { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnter {
 from { opacity: 0; -moz-transform: translate3d(0, -1em, 0); }
 to  { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnter {
 from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); }
 to  { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slbEnterNext {
 from { opacity: 0; -webkit-transform: translate3d(4em, 0, 0); }
 to  { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnterNext {
 from { opacity: 0; -moz-transform: translate3d(4em, 0, 0); }
 to  { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnterNext {
 from { opacity: 0; -webkit-transform: translate3d(4em, 0, 0); -moz-transform: translate3d(4em, 0, 0); -ms-transform: translate3d(4em, 0, 0); -o-transform: translate3d(4em, 0, 0); transform: translate3d(4em, 0, 0); }
 to  { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slbEnterPrev {
 from { opacity: 0; -webkit-transform: translate3d(-4em, 0, 0); }
 to  { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@-moz-keyframes slbEnterPrev {
 from { opacity: 0; -moz-transform: translate3d(-4em, 0, 0); }
 to  { opacity: 1; -moz-transform: translate3d(0, 0, 0); }
}
@keyframes slbEnterPrev {
 from { opacity: 0; -webkit-transform: translate3d(-4em, 0, 0); -moz-transform: translate3d(-4em, 0, 0); -ms-transform: translate3d(-4em, 0, 0); -o-transform: translate3d(-4em, 0, 0); transform: translate3d(-4em, 0, 0);}
 to  {opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}