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

    
/***
    
DINosaur Light
font-family: dinosaur, sans-serif;
font-weight: 300;
font-style: normal;


DINosaur Book
font-family: dinosaur, sans-serif;
font-weight: 400;
font-style: normal;


DINosaur Medium
font-family: dinosaur, sans-serif;
font-weight: 500;
font-style: normal;


DINosaur Bold
font-family: dinosaur, sans-serif;
font-weight: 700;
font-style: normal;
    

Blau:
CMYK: 100/90/45/45
HEX: #1c2442

Rot:
CMYK: 0/100/75/0
HEX: #e40134    
    
    
***/
    
/* LAYOUT */
    
    body, p, ul, li, a {
        font-family: dinosaur, sans-serif;
font-weight: 400;
font-style: normal;
        color: #1c2442;
        font-size:16px;
        line-height: 24px;
    }
    
.bg {margin:0; padding:30px; background: #1c2442; /*background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 31%, rgba(178,178,178,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 31%,rgba(178,178,178,1) 100%); background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 31%,rgba(178,178,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b2b2b2',GradientType=1 );*/}

    .box {margin:0; padding:0; background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 );}
     
/* HEADER */    
.logo {height:120px; margin:0; padding:22px 0 0 0; font-family: 'Open Sans', serif; color:#555; font-size:40px; font-weight:700; line-height:38px; text-transform:uppercase; background:none;} 
.logo2 {color:#e40134; font-weight:300; text-shadow:none}    
.right-logo {height:60px; margin:0; padding:0; background: none;}
.topheader {margin:0; padding:30px 10px 10px 0; float: right;}
.topheader a {display:block; float:left; font-family: dinosaur, sans-serif; font-weight: 700; color:#fff; width:155px; font-size:16px; margin: 5px; padding: 5px 8px 8px 8px ; text-decoration:none; background:#e40134; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
     
/* SUCHE */
.header-suche {padding:0; margin:15px 0 8px 15px; border:none; float:left; text-align: left}
.suchfeld {width:770px; height:40px; margin:0; float:left; font-family: 'Open Sans', serif; font-size:14px; background:#f1f1f1; color:#a8a8a8; line-height:40px; margin:0; padding:0 20px; border:1px solid #eaeaea; box-shadow: inset 1px 1px 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left}
.suchbutton {float:right; width:50px; height:50px; border:1px solid #e40134; width:40px; height:40px; background:#e40134; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; font-size:16px; text-align:center; margin:0 0 0 5px; padding:0;}
.suchbutton i {line-height: 40px}
.suchbutton:hover {border:1px solid #555; background:#555; color:#fff}    
    
/* MENU */
.menubox, .crossbox, .footbox {margin:20px 0; padding:0;  background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 );}
ul.menu {margin:0; padding:0}
ul.menu li {float:left; width:179px; height:60px; line-height:60px; list-style-type:none; margin:0; padding:0; font-family: 'Open Sans', serif; font-weight:700; font-size:14px; text-transform: uppercase; border-left:1px dotted #dedede}
ul.menu li a {display:block; color:#555;}
ul.menu li a:hover {margin:0; text-decoration:none; color:#e40134; background:none}
ul.menu li.home {width:60px; background:#f4f4f4; border:none}
ul.menu li.home a {color:#e40134; font-size:30px; margin:0; padding:15px 0 0 0;}
ul.menu li.home a:hover {color:#555}

/* RESPONSIVE MENU */
.dropdown {margin:0; padding:10px 0;}
ul.resmenu {margin:0; padding:0; width:100%;}
ul.resmenu li {display:inline-block; margin:0; padding:0; width:18%; background:none}
ul.resmenu li a {display:inline-block; text-align:center; font-size:20px; color:#e40134; background:none; text-decoration: none; margin:0; padding:10px 0}
ul.resmenu li a:hover {color:#1c2442}
    
/* ARTIKELBESCHREIBUNG */
.art1 {margin:0; padding:20px}
.art2 {margin:0; padding:20px; padding-left:0; text-align:left; font-family: 'dinosaur', serif; font-weight:400; font-size:14px;} 
.art2 h1 {font-family: 'dinosaur', sans-serif; font-weight: 700; font-size: 28px; color:#1c2442; text-align:left;  margin:0; padding:100px 0; line-height:28px}    
.art2 h2 {font-family: 'dinosaur', serif; font-weight:700; font-size: 20px; color:#555; text-align:left; text-transform: uppercase; margin:0; padding:20px 0 10px 0; line-height:24px}
.art2 h3 {font-family: 'dinosaur', serif; font-weight:700; font-size: 30px; color:#555; text-align:center; margin:0; padding:20px 0;}
.art2 .mwst {font-size:12px; color:#999; font-weight:700}    
ul.artdetail {margin:0; padding:0; font-size:14px;}
ul.artdetail li {list-style-type:none; background:none; margin:1px 0; padding:0 10px; border:none; line-height:20px; line-height:24px}
ul.artdetail li:before {font-family: 'FontAwesome'; content: '\f105'; font-size:14px; padding-right:10px; color:#e40134;}
a.buys {display:block; font-family: 'dinosaur', serif; font-weight:700; font-size:24px; background:#23CE6B; margin:0; padding:10px; color:#fff; text-decoration: none; text-align:center; border:none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.buysinfo {margin:0; margin-top:15px; padding:0; text-align:center; font-family: 'dinosaur', serif; font-weight:400; font-size: 14px;}
.buysinfo a {display:block; font-family: 'dinosaur', serif; font-weight:700; font-size:16px; background:#ffffff; margin:0; padding:7px 5px 10px 5px; color:#1C2442; text-decoration: none; text-align:center; border:none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px #1C2442 solid;}
.buysfix {margin:0; padding:0}
.hl {color:#e40134}
.artbeschreibung {margin:0; padding:20px 40px 25px 40px; text-align: left}
    
/* ARTIKELBILDER */
.image-gallery {margin:0; width:500px; height:610px;}
.image-gallery .big-image {width:500px; height:500px; margin:0; position:relative;}
.image-gallery .big-image img {opacity:0; position:absolute; left:0px; top:0px; max-height:500px; width:auto; margin:0; transition: opacity 350ms;}
.image-gallery .big-image img:target {opacity:1;}
.image-gallery .big-image img:target ~ img#default {opacity:0;}
.image-gallery .big-image img#default {opacity:1;}
.image-gallery .thumbs {margin:0; position: relative; top:5px}
.image-gallery .thumbs ul {list-style-type:none; margin:0!important; padding:0!important; text-align: center}
.image-gallery .thumbs li {width:23%; list-style:none; margin:0; padding:0; display:inline-block; margin-right:3px; text-align: center}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a {opacity:0.85; text-align: center}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img {max-height:100px; width:auto;}
    
/* TABS */
.tab {background:none; padding:0; margin:10px}
.tab input, .tab input [type=radio] {display:none; margin:0!important; padding:0}
.tab label {display:inline-block; overflow:hidden; padding:15px 20px 10px 20px; margin:0; margin-bottom:0px; margin-left:-1px; margin-right:5px; border:none; position:relative; left:1px; color:#555; background:none; font-family: 'Open Sans', serif; font-weight:700; font-size:14px;}
.tab label:hover {cursor:pointer;}
.tab input:checked + label {margin:0; margin-left:-1px; margin-right:5px; background:#e40134; color:#fff; text-shadow:1px 1px 0px #777; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#tab1:checked ~ .content #content1, #tab2:checked ~ .content #content2, #tab3:checked ~ .content #content3, #tab4:checked ~ .content #content4 {display: block; margin:0}
.content h1 {font-family: 'Open Sans', serif; font-size:18px; font-weight:700; border-bottom:1px solid #ddd; margin:10px 0 20px 0; padding:5px 0}
.content {color:#555; text-align:left; margin-top:-5px; padding:10px 20px 20px 20px; background:none; font-family: 'Open Sans', serif;  border:none; border-top:3px solid #e40134;}
.content > div {display:none; padding:0;}
    
/* TABS */
.tabs{background: none; padding:10px; margin:0}
.tabs span {display: none}
#tbc > span {display:inherit}
#tbc > div ul, #tbc > div ul li {background:none; border:none; width:100%;}
#tbc {display: block; position: relative; margin:0; padding:0}
#tbc ul {margin:0; padding:0; overflow: hidden; background:none; }
#tbc ul li {float:left; display:inline; list-style-type: none; margin:0 10px 0 0; padding:0;}
#tbc ul li a {display: inline-block; position: relative; z-index: 1; background: #e3e3e3; color:#555; font-family: 'dinosaur', serif; font-size: 16px; font-weight: 700; text-align: center; margin:0; padding:9px 20px 10px 20px; text-decoration: none; cursor: pointer; webkit-border-radius: 5px;  -moz-border-radius-: 5px; border-radius: 5px;}
#tbc ul li a:hover {background: #e3e3e3; color: #555; text-decoration: none}
#tbc > div {position: relative; clear: both; visibility: hidden; background: none; margin:0; padding: 0 15px; height: 0; overflow: hidden; color: #3e454c; text-align:left; font-family: 'dinosaur', serif; font-size: 16px; font-weight: 400; }
#tbc > div h1 {font-family: 'dinosaur', serif; font-size:24px; font-weight:700; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:10px 0}
span:target ~ #tbc ul li:first-child a {background: #e3e3e3; color: #555; text-shadow:none}
span:target ~ #tbc > div:first-of-type {visibility:hidden; height:0; padding:0 10px;}
span ~ #tbc > div:first-of-type, #tbl-1:target ~ #tbc > div.tbc-1, #tbl-2:target ~ #tbc > div.tbc-2, #tbl-3:target ~ #tbc > div.tbc-3, #tbl-4:target ~ #tbc > div.tbc-4 {visibility: visible; height: auto;	padding: 15px; position: relative; z-index: 6;}
span ~ #tbc > ul li:first-child a, #tbl-1:target ~ #tbc > ul li a[href$="#tbl-1"], #tbl-2:target ~ #tbc > ul li a[href$="#tbl-2"], #tbl-3:target ~ #tbc > ul li a[href$="#tbl-3"], #tbl-4:target ~ #tbc > ul li a[href$="#tbl-4"] {background:#e40134; color:#fff;  -webkit-border-radius: 5px;  -moz-border-radius-: 5px; border-radius: 5px; }    
    
/* TABLE */
.box table {width:100%; margin:20px 0; border:1px solid #aaa; border-collapse: collapse;}
.box table, th, td {border:3px solid #fff;}
.box table th {background:#eee; padding:10px; font-size:14px; font-weight:700; text-shadow:1px 1px 0px #fff; color:#555}
.box table td {background:#f7f7f7; padding:10px; font-size:14px}
    
/* ICONS */
.info {width:100%; text-align:center; margin:10px 0; padding:0}
.info img {margin:5px 0}
    
/* CROSS SELLING */
.crossbox {position:relative; z-index:1}
.crossbox span.text {position:absolute; top:0; left:0; z-index:2}
span.text {text-align: left; font-family: 'Open Sans', serif; margin:0; padding:25px 20px 20px 20px; text-decoration:none}
span.text h1 {font-size:20px; font-weight: 700; color:#333; margin:0; padding:0}
span.text h2 {font-size:28px; font-weight: 700; color:#888; margin:0; padding:0}
span.text h3 {background:#e40134; color:#fff; padding:10px 15px; margin:30px 0 0 0; font-size:14px; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center}
    
/* FOOTER */
.footbox {min-height:290px; padding:0 20px 10px 20px; text-align:left; font-family: 'Open Sans', serif; font-weight:400; font-size:14px; }
.footbox h1 {font-family: 'Open Sans', serif; color:#555; font-size:18px; font-weight:700; border-bottom:1px solid #e40134; margin:10px 0; padding:5px 0; text-align:center}
.footbox i, .footbox a {color:#e40134}
.footbox a:hover {color:#555; text-decoration:none}
i.sm-icon {color:#e40134; text-shadow:1px 1px 0px #eee; font-size:20px; margin:5px}
a.nws i {color:#fff; font-size:16px; padding-right:15px}
a.nws {margin:0; display:block; background:#e40134; font-size:14px; padding:10px; color:#fff; text-decoration:none; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:20px;}
a.nws:hover {background:#555; color:#fff}
    
.boxfix {margin:20px 0 20px 0; padding: 25px;}

/* ANIMATION */
.soh {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);  -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.soh:before 
    {content: ""; 
        position: absolute; 
        z-index: -1; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        background-color: #ffffff; 
        
        border: 0px; 
        -webkit-transform: scaleX(0); 
        transform: scaleX(0); 
        -webkit-transform-origin: 50%; 
        transform-origin: 50%; 
        -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; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    
.soh:hover, .soh:focus, .soh:active {color:#1c2442;}
.soh:hover:before, .soh:focus:before, .soh:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

    
    /**** MAXINE ****/
    img.logo-top {
        width: auto;
        height: auto;
        position: relative;
        max-width: 100%;
    }
    
    a.menu {
        text-align: center;
    }
    
    .heading {
        padding: 0 15px;
    }
    
/* MEDIA QUERY */      
@media (min-width:992px) and (max-width: 1200px) {
    .suchfeld {width:620px}
    .topheader a {width:125px}
    ul.menu li {width:145px}
    span.text h3 {margin-top:12px}
    i.sm-icon {font-size:18px}
    .footbox {min-height:300px;}
    }
    
@media (min-width:768px) and (max-width: 992px) {
    .right-logo {margin-top:10px}
        .topheader {float:none;}

    .topheader a {width:129px;}
    .suchfeld {width:640px}
    ul.menu li {font-size:12px; width:107px}
    .art2 {margin:0px 20px; margin-top:0}
    .footbox {min-height:inherit}
    .crossbox img {display:block; width:100%; height:auto}
    .boxfix {margin-top:0px}
    .right-logo {margin-bottom:20px}
    .art2 h1 {padding:0 0 30px 0;} 
        img.logo-top {

        max-width: 40%;
    }
    .topheader {padding:10px 0 10px 0; display: inline-block;}
    }
    
@media (max-width: 768px) { 
    .bg {padding:10px 0}
    .buysinfo {margin-top:0; padding-top:0}
    .menubox {margin:10px 0}
    .image-gallery {width:270px; height:360px}
    .image-gallery .big-image {width:270px; height:270px; margin:0;}
    .image-gallery .big-image img {max-height:270px; width:auto;}
    .image-gallery .thumbs {top:10px; width:270px!important}
    .image-gallery .thumbs li {width:22%;}
    .image-gallery .thumbs li img {max-height:70px; width:auto;}
    .art2 {margin:0px 15px; padding:0 0 20px 0}
    .art2 h1, .art2 h2 {font-size:20px}
    span.text h3 {margin-top:12px}
    .footbox {min-height:inherit}
    .buysinfo a {margin:10px 0 0 0!important;}
    #tbc ul li {display:block; width:100%;}
    #tbc ul li a {display:block; width:100%; margin: 0 0 10px 0;}
    .boxfix {margin-top:0px;}
    .art2 h1 {padding:0 0 30px 0;} 
    img.logo-top {
        width: auto;
        max-height: 70px;

    }
    .boxfix {padding: 15px;}
    }  

/* Addon */

.image-gallery {
	display: flex;
	flex-flow: column wrap;
	max-width: calc(100% - 100px);
}

@media (max-width: 768px) {
	.image-gallery {
		max-width: calc(100% - (12vw + 15px));
	}
	.image-gallery label {
		width: 12vw !important;
		height: 12vw !important;
	}
}

.tabs {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tabs label {
	background: #fdfdfd;
	border: 1px solid #ddd;
	margin-bottom: 0;
	padding: .7em 1em;
	cursor: pointer;
	z-index: 1;
	margin-left: -1px;
}
.tabs label:first-of-type {
	margin-left: 0;
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}
.tabs label:last-of-type {
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.tab-content {
	background: white;
	width: 100%;
	margin-top: -1px;
	padding: 1em;
	border: 1px solid #ddd;
	-webkit-order: 1;
	order: 1;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
input[type=radio], .tab-content {
	display: none;
}
input[type=radio]:checked+label {
	background: #fff;
	border-bottom-color: transparent;
}
input[type=radio]:checked+label+.tab-content {
	display: block;
}
@media (max-width: 767px) {
	.image-gallery {
		height: 75vw;
	}
}
@media (min-width: 768px) {
	.image-gallery {
		height: 60vw;
	}
}
@media (min-width: 992px) {
	.image-gallery {
		height: 50vw;
	}
}
@media (min-width: 1200px) {
	.image-gallery {
		height: 590px;
	}
}
.image-gallery section {
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: #FFF !important;
	background-origin: content-box !important;
	display: none;
	overflow: hidden;
	margin-left: 10px;
	padding: 1.5rem;
	width: 100%;
	height: 100%;
	max-width: 900px;
	max-height: 900px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.image-gallery input {
	display: none;
}
.image-gallery label {
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: #FFF !important;
	background-origin: content-box !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 1.5rem;
	padding: 5px;
	text-align: center;
	width: 85px;
	height: 85px;
	transition: all 300ms;
}
.image-gallery label:last-of-type {
	margin-bottom: 0;
}
.image-gallery label:hover {
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.image-gallery label:hover {
	cursor: pointer;
}
.image-gallery label img {
	height: auto;
	width: 100%;
}
.image-gallery img.lb-source {
	height: auto;
	width: 100%;
	opacity: 0;
}
.image-gallery input:checked+label {
	border: 1px solid rgba(0, 0, 0, 0.35);
	padding: 5px;
}
.image-gallery #tab1:checked~#content1, .image-gallery #tab2:checked~#content2, .image-gallery #tab3:checked~#content3, .image-gallery #tab4:checked~#content4, .image-gallery #tab5:checked~#content5, .image-gallery #tab6:checked~#content6, .image-gallery #tab7:checked~#content7, .image-gallery #tab8:checked~#content8, .image-gallery #tab9:checked~#content9, .image-gallery #tab10:checked~#content10, .image-gallery #tab11:checked~#content11, .image-gallery #tab12:checked~#content12 {
	display: block;
}
.lightbox {
	/** Default lightbox to hidden */
	display: none;
	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
}
.lightbox-mag {
	-webkit-animation: delayLoading .4s;
	-moz-animation: delayLoading .4s;
	-o-animation: delayLoading .4s;
	animation: delayLoading 0.4s;
}
.lightbox-mag:before {
	content: '\f00e';
	font-family: 'FontAwesome';
	margin-right: 0.5rem;
	float: right;
	font-size: 1.85rem;
}
.lightbox img {
	/** Pad the lightbox image */
	background: #FFF;
	padding: 2rem;
	max-width: 90%;
	max-height: 90%;
	margin-top: 2.5%;
}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;
	/** Unhide lightbox **/
	display: block;
}
#loading {
	width: 100%;
	height: 100%;
	background: #FFF url(loader.gif) no-repeat center center;
	background-size: 30px;
	-moz-animation: cssAnimation 0s ease-in .35s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 0s ease-in .35s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 0s ease-in .35s forwards;
	/* Opera */
	animation: cssAnimation 0s ease-in .35s forwards;
}
@keyframes cssAnimation {
	to {
		width: 0;
		height: 0;
		overflow: hidden;
	}
}
@-webkit-keyframes cssAnimation {
	to {
		width: 0;
		height: 0;
		visibility: hidden;
	}
}
@-webkit-keyframes delayLoading {
	0% {
		opacity: 0;
	}
	49% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes delayLoading {
	0% {
		opacity: 0;
	}
	49% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes delayLoading {
	0% {
		opacity: 0;
	}
	49% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes delayLoading {
	0% {
		opacity: 0;
	}
	49% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}