/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #fafafa; margin: auto;  background-image: url('data:image/svg+xml;utf8,<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="4px" height="4px" viewBox="0 0 4 4" enable-background="new 0 0 4 4" xml:space="preserve"><rect x="1" y="1" width="2" height="2"/></svg>'); background-repeat: repeat; background-size: 4px 4px; background-position: 0 0; background-attachment: fixed; background-color: rgba(255, 255, 255, .95);}
/*body { margin: 0; font-size: 16px; line-height: 1.231; background-image: url('data:image/svg+xml;utf8,<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="4px" height="4px" viewBox="0 0 4 4" enable-background="new 0 0 4 4" xml:space="preserve"><rect x="1" y="1" width="2" height="2"/></svg>'); background-repeat: repeat; background-size: 4px 4px; background-position: 0 0; background-attachment: fixed; background-color: rgba(253, 253, 253, .5);}*/
body, button, input, select, textarea { font-family: sans-serif; color: #222; color: rgba(27,27,27, .87); }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #1B1B1B; background: rgba(25, 25, 25, 0.95);}
a:visited { color: #1B1B1B; text-decoration: line-through;}
a:hover { color: #1B1B1B; text-decoration: overline; }
a:focus { outline: thin dotted; color: #fff;}
a:active {   color: #1B1B1B!important; text-decoration: line-through;
} /*}*/
a.textie { color: #1B1B1B; background: none;}
a.textie:visited { color: #1B1B1B; text-decoration: line-through;}
a.textie:hover { color: #1B1B1B; text-decoration: overline; }
a.textie:focus { outline: thin dotted; color: #1B1B1B!important}
a.textie:active {   color: #1B1B1B!important; text-decoration: line-through;
} 
a.textie { color: #1B1B1B; background: none;}
a.textie:visited { color: #1B1B1B; text-decoration: line-through;}
a.textie:hover { color: #1B1B1B; text-decoration: overline; }
a.textie:focus { outline: thin dotted; color: #1B1B1B!important}
a.textie:active {   color: #1B1B1B!important; text-decoration: line-through;
}
.neander, .neandero {
background: transparent;
  display: inline-block;
  outline: none;
   text-decoration: none;
  line-height: 1;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  cursor: pointer;
   padding: 16px 21px 16px;
   border: 1px solid grey;
   font-size: 88%;
   margin-bottom: 1rem;
  }
  .neandero { 
  	/*display: block;width: auto;*/
  background: #cc0000;
  background-color: rgba(122, 18, 29, .6523);

background: #fff;
  background-color: rgba(255, 255, 255, .8523);
    border: transparent;
  	color: rgba(25, 25, 25, .95);
  vertical-align: top;
  }
   a.neandero:visited, a.neandero:hover {
   	/*color: rgba(25, 25, 25, .95);*/
   }
  .neander:hover,  .neandero:hover {
  	text-decoration: none;
  } 
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
blockquote {
  font-style: italic;
  font-family: 'Georgia', serif;
  font-weight: 300;
  margin: 2.3em .1em 3em .1em;
  padding: 0.5em 1.4em;
}
blockquote.next {
  margin: 2.3em .1em 2em .1em;
}
blockquote p {
  display: inline;
  /*background-color: rgba(25, 25, 25, .95);*/
  background: #404041;
  color: white;
  padding: 5px;
  line-height: 1.725;
}
blockquote cite {
	display: block;
	font-family: sans-serif;
	font-style: normal;
	font-size: 75%;
	font-weight: 100;
	margin-top: .75em;
}
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 28%; line-height: 0; position: relative; }
.yourmoma {display: none;}
sup { top: 0em; /*font-size: 18px;*/}
sub { bottom: 0em; vertical-align: baseline; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;}
svg:not(:root) { overflow: hidden; }
figure { text-align: center; margin: 1.2em auto 2em auto; }
figcaption {font-size: 85%; margin: .75em auto 0 auto; line-height:1.2;}
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:22px/32px 'Source Sans Pro', Arial, sans-serif;  background-color: rgba(255, 255, 255, .91); margin: 0;}

.wrapper{
	width:90%;
	margin:0 3.5%;
}

#header-container,
#footer-container,
#main aside, 
.blek {
	background-color: rgba(25, 25, 25, .95);  background-image: url('data:image/svg+xml;utf8,<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="4px" height="4px" viewBox="0 0 4 4" enable-background="new 0 0 4 4" xml:space="preserve"><rect x="1" y="1" width="2" height="2"/></svg>'); background-repeat: repeat; background-size: 4px 4px; background-position: 0 0; background-attachment: fixed;
}
#title{ color:white; display: inline-block; font: 24px/24px 'Georgia', serif; margin: .5em 0em .5em 0em;}
#title span {  background-image: url('data:image/gif;base64,R0lGODlhMAAwAJECAP///8wAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFkAECACwAAAAAMAAwAEAC1ZQVGYfKug58TlYzbaJbR3w1HTiKn8mdGamGK+qlckyzs10LwM7vb9/7AX0Ql7H0Sh5byOUNhotCp8qmlYl9VgPDrvcLTnnFXfKQoXXmttv09enOrpft+TsXz9uLemkdTaXmRycYeCfVZyjHAgHm+FgGqNMlNFQJVKQw5rHJ0on2p5gYSkp4KLo3Whiqelrqumq6iDoIazv70oobe6v7utubKow4TGv868sLvKyb2FyMDC0LSQ1pVo19Jul1GRTC/U0ZbjmOmckV6Zlu8tm47q6tHi9QAAAh+QQJFAACACwQAAwAEAAQAEACGoSPmcLNapyDtFolG83v+g8u3DZCnEBm4ZoUACH5BAUUAAIALAAAAAAwADAAQAJXlI+py+0Po3yhBmTv3Nj2yoXiSJbmCWWfhjbq8bbyTNf2jec6Fwv93vvJgp4drGgQGpfMpvMJjUqn1GqUCNJhWcYtEOkDz7xasBJHzqWt7Lb7DY/L55sCACH5BAkUAAIALBAADAAQABAAQAIahI+Zws1qnIO0WiUbze/6Dy7cNkKcQGbhmhQAIfkEBRQAAgAsAAAAADAAMABAAleUj6nL7Q+jfKEGZO/c2PbKheJIluYJZZ+GNurxtvJM1/aN5zoXC/3e+8mCnh2saBAal8ym8wmNSqfUapQI0mFZxi0Q6QPPvFqwEkfOpa3stvsNj8vnmwIAIfkEBRQAAgAsEAAMABAAEABAAhqEj5nCzWqcg7RaJRvN7/oPLtw2QpxAZuGaFAA7'); background-size: 24px 24px; display: inline-block; height: 24px; margin: .23em .23em 0 0; width: 24px;}
nav{ margin: 0 0 1em 0;}
nav ul #sub {
	margin: 0 auto 1em auto;
	
}
.blek {

}
article /*.whit*/ {
	/*background: #fff;
	background-color: rgba(253, 253, 253, .95); */	
}
::-moz-selection { background: rgba(122, 18, 29, .6523); color: #fff; text-shadow: none; }
::selection      { background: rgba(122, 18, 29, .6523); color: #fff; text-shadow: none; }
.whit ::selection      { background: rgba(122, 18, 29, .888); color: #fff; text-shadow: none; }
.blek ::selection      { background: rgba(122, 18, 29, .6523); color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */

nav a, .active {
	background: transparent;
	display:inline-block;
	margin-bottom:0;
	padding:3px 4px;
	font-size: 16px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-weight:300;
	border-right: 1px solid rgba(201,0,0, .0);
	border: 1px solid transparent;
}
nav a:hover, nav a:visited {
	color:white;
	border: 1px solid transparent;
}
nav a:hover{
	text-decoration:none;
	border-color: #fff;
	border: 1px solid rgba(255,255,255, 0.625);
	transition: .423s ease-in-out;
}
.active {
	background: #cc0000;
	background-color: rgba(122, 18, 29, .6523);
	border-right: 1px solid rgba(201,0,0, .7);
}
/* ==============
    MOBILE: Main
   ============== */
#main {
	padding: 0;	
}

h1, .in, .halfr h2, h2, h3, h4, h5, h6 {
	font-size:1.275em;
	font-weight: normal;
	margin: 2em 0 1.2em 0;
	line-height: 1.1;
}
h1.fig, h2.fig, h3.fig, h4.fig, h5.fig, h6 .fig  {
	text-align: center;
}
p {
	font-size: 18px;
	line-height: 1.39;
	text-rendering: optimizeSpeed;
	/*text-indent: 2.5%;*/
}
#main aside {
	color:white;
	padding:0px 5% 10px;
}

#footer-container footer {
	color:white;
	padding: 20px 0 8em 0;
}
.mouth {
		clear: both; color: white; font-size: 3rem; text-align: center; margin: .75em auto 1em auto; line-height: 1;
	}
/* ===============
    ALL: IE Fixes
   =============== */
.ie7 #title{ padding-top:20px; }
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.halfl {
	 margin-bottom: 3em;
}
a.tshirtbuy .t-shirt {
	width: 40%;
	height: 40%;
	opacity: .7;
	display: inline;
	position: absolute;
	margin: -9px auto 0 auto;
	-ms-transform: rotate(-33deg); /* IE 9 */
    -webkit-transform: rotate(-33deg); /* Chrome, Safari, Opera */
    transform: rotate(-33deg);
}

.hat, .t-shirt {

	display: inline;
	position: absolute;
	margin: -9px auto 0 auto;
	-ms-transform: rotate(-33deg); /* IE 9 */
    -webkit-transform: rotate(-33deg); /* Chrome, Safari, Opera */
    transform: rotate(-33deg);
}
.t-shirt {
	margin: -40px 0px 0px -40px;
	-ms-transform: rotate(33deg); 
    -webkit-transform: rotate(33deg); 
    transform: rotate(33deg);
}
/*.t-shirtbuy a:hover img {
	width: 50%;
	height: 50%;
	opacity: 1;
}*/

.mouth {
	font-size: 2rem;
}
/* svg animation */

 .hairy {
    bottom: auto;
    left: -32px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    right: auto;
    top: 27px;
    width: 60px;
          }
       .dop {
          background-image: url(../img/dododo4a.svg);
          background-size: 100% 100%;
          display: block;
          background-position: 0px 0px;
          width: 180px;
          height: 38px;
          background-repeat: no-repeat;
          animation: sprite .313s steps(3) infinite;
       
          }
/* ==|== media queries ====================================================== */
@media only screen and (min-width: 320px) {

#title { font-size: 32px; margin: .5em 0em .5em 0em;}
nav a, .active {
	width: auto;
	display: inline;
	float: left;
	font-size: 17px;
	margin: .2em .1em .2em 0;
	padding: 2px 5px;
	}

.last {
	margin-bottom: 4em;
}
.mouth {
		clear: both; color: white; font-size: 3rem; text-align: center; margin: 1.75em auto 2em auto; line-height: 1;
	}
p {
	font-size: 19px;
	line-height: 1.41;
}
}
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */
	nav{ margin: .65em 0 1em 28px;}
	nav a, .active {
		margin:0;
		padding: .07em 1.1em .1em 1.1em;
		margin-bottom:0;
		font-size: 19px;
	}
	nav .active {
	}
	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
	nav ul li{
		display:inline;
		margin-left: .25%;
	}	
	nav ul li:first-child {
		margin-left: 0;
	}
	.oldie nav a{
		margin:0 0.7%;		
	}

.mouth {
		clear: both; color: white; font-size: 3.75rem; text-align: center; /*line-height: 128px;*/ margin: .5em auto 1.5em auto; line-height: 1.48;
	}		
	p {
	font-size: 20px;
	line-height: 1.42;
}
.momma {
		display: none; 
	}
}
@media only screen and (min-width: 767px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */


/* ============
    WIDE: Menu
   ============ */
	
	#title{
		display: inline;
		float:right;
		font: 32px/32px 'Georgia', serif;
		margin: 2.2em .23em 0 0;
	}
	nav{ margin: .85em auto 3.2em auto;

	}
	nav a, .active {
		font-size: 20px;
	}
		#title{
		float:right;
		}
	nav{ margin: 3.25em 0 0 .75%;
	}
		nav ul li {
		display:inline-block;
		margin-left: .75%;
	}	
	.mouth {
	 font-size: 4rem;
	}
			p {
	font-size: 21px;
	line-height: 1.44;
}
figure { text-align: center; margin: 3em auto 5em auto; }
.d figure { text-align: center; margin: auto ; }
/* ============
    WIDE: Main
   ============ */

#main header, #main section, #main footer, #main section.fulled  {
		width: 64%;
		width: 80%;
		margin: 0 auto 4em auto;
		clear: both;
	}
	.halfr {
	float: left;
}
.halfl {
	float: none;
}
	#main section.sidebi {
		width: 94%;
		margin: 0 auto;
	}	
	.sidebi p {
		width: 58%;
	}
	#main section.smallishinner  {
		
		width: 74%;
	}
	#main aside {
		float:right;
		width:28%;
	}
}
@media only screen and (min-width: 924px) {
#title {
		width: auto;
		margin-right: 1.75%;
	}
	p {
	font-size: 22px;
	line-height: 1.456;
}
/*.c p {
	font-size: 22px;
	line-height: 1.456;
	height: auto;
	padding: 10vh 0 0 0;
	vertical-align: middle;

}*/
blockquote p {
	font-size: 26px;
	line-height: 1.465;
}
blockquote cite {
	font-size: 16.5px;
}
.flex-container {
 /*  display: -webkit-flex; Safari */
  display: inline-flex;

}
.flex-item {
/* Safari   -webkit-flex-direction: row; */   /*-webkit-justify-content: space-around;  Safari */
/*  flex-direction:         column;
  justify-content:         space-around;*/
}
.flex-item3 {
	/* Safari   -webkit-flex-direction: row; */  /*-webkit-justify-content: space-around;  Safari */
  -webkit-flex-grow: 1; 
  flex-grow:         1;
  flex-direction:   column;
  justify-content:  space-around;
  min-width: 45%;
  max-width: 45%;
}
/* felx-test
flex container */
.box {
display: flex;
 flex-flow:  ;
justify-content: ;
align-content: ;
align-items: ;
margin: 10px 0px 10px 0px;
margin: 1em 0;
}
.boxe {

display: flex;
 flex-flow:  ;
justify-content: ;
align-content: ;
align-items: ;

margin: 1em 0;
}
/* flex item
A */
.a {
min-width: 61.5% ;
/*min-height: auto;*/
margin-right: 3.5%;
}

/* B */
.b {

min-width: 250px;
width: 34.5%;
margin-left: .5%;
}
.b figure {
	margin: 0;
}
.c {
width: 49.5% ;
/*min-height: auto;*/
margin-right: .5%;
display: flex;
  justify-content: center;
  flex-direction: column;
  /*height: 400px;*/
}

/* B */
.d {
/*order: 2
flex: 0 1 auto;
align-self: ;*/
/*min-width: 250px;
max-*/width: 49.5%;
/*min-height: auto;*/
margin-left: .5%;
display: flex;
  justify-content: center;
  flex-direction: column;
/*  height: 400px;*/

}
.b figure {
	
	margin: 0;
}
 .hairy {
    bottom: auto;
    left: 64px;
    margin: 0;
    overflow: hidden;
    position: relative;
    right: auto;
    top: 27px;
    width: 60px;
          }
/*.flex-item1 {  
	 Safari   -webkit-flex-direction: row; */ 
   /*-webkit-justify-content: space-around;  Safari 
  -webkit-flex-grow: 1;
 
  flex-grow:         1;*/
/*  flex-direction:         column;
  justify-content:         space-around;*/
/*  min-width: 7.5%;
  max-width: 7.5%;*/
/*  border: 1px blue solid;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}*/
.lefty {
	margin-right: 2.5%;
}
.righty {
	margin-left: 2.5%;
}
/*
.leftie {
	margin-right: 2.5%;
}
.rightie {
	margin-left: 2.5%;
}*/


}
@media only screen and (min-width: 1124px) {
.wrapper {
	min-width: 45em;
	margin: 0 auto;	
}
#main header, #main section, #main footer, #main section.fulled  {
  width: 70%;
  margin: 0 auto 8em auto;
  clear: both;
/*  border: 1px green solid;*/
}
#main section.fulled {
	width: 94%;
}
.fulled .noh1 {
margin: 5.8em auto 8em auto;
  line-height: 1.3;
}
.mouth {
		margin: .75em auto 2.123em auto; font-size: 4.25rem;
	}
.halfl, .halfr {
  width: 47.5%;
  width: 47.5%;


}
.halfr {
	float: right;
	margin-left: 2.25%;
	 margin-bottom: 8em;

}
.halfl {
	float: left;
	margin-right: 2.25%;
	margin-bottom: 8em;
}
.halfr h2 {
	margin: 0 0 1.2em 0;
}
}
@media only screen and (min-width: 1272px) {

/* ===============
    Maximal Width
   =============== */

	.wrapper {
		width: 57em;
		margin:0 auto;
	}
	#main header, #main section, #footer-container footer {
	  width: 59.5%;
	}
#main section .tutu {
	width: 79.5;
}
 h1, h2, h3, h4, h5, h6 {
	font-size:1.454501em;
	margin: 3em 0 0 0; /*1.2em*/
	line-height: 1.3;
}
	.mouth {
		font-size: 4.5rem;
	}
}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; } 
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* shit that i really should not fuck about with ============================= */
.blinketyflunk {
		-webkit-animation-name: blinker;
		-webkit-animation-duration: .321s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;

		-moz-animation-name: blinker;
		-moz-animation-duration: .321s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;

		 animation-name: blinker;
		 animation-duration: .321s;
		 animation-timing-function: linear;
		 animation-iteration-count: infinite;
		 color: inherit;
		}
		@-moz-keyframes blinker {  
		 0% { opacity: 1.0; }
		 50% { opacity: 0.0; }
		 100% { opacity: 1.0; }
		 }
		@-webkit-keyframes blinker {  
		 0% { opacity: 1.0; }
		 50% { opacity: 0.0; }
		 100% { opacity: 1.0; }
		 }
		@keyframes blinker {  
		 0% { opacity: 1.0; }
		 50% { opacity: 0.0; }
		 100% { opacity: 1.0; }
}
.slideRight {
   -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }
  .slideRight:hover {
    -webkit-transform: translate(1em,0);
    -moz-transform: translate(1em,0);
    -o-transform: translate(1em,0);
    -ms-transform: translate(1em,0);
    transform: translate(1em,0);
  }
  .slideUp {
   -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .slideUp:hover {
/*    -webkit-transform: translate(0,-.25em);
    -moz-transform: translate(0,-.25em);
    -o-transform: translate(0,-.25em);
    -ms-transform: translate(0,-.25em);
    transform: translate(0,-.25em);*/
    background:rgba(201,0,0, .75);
    fill: #fff;
    color: #fff;
    /*border-right: 1px solid rgba(201,0,0, .0);*/
  }
 .bucket{
  animation: animationFrames linear 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;

  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;

  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;

  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    /*-moz-transform: translateY(23deg);
    -ms-transform: translateY();
    -webkit-transform: translateY(0);
    transform: translateY(0);*/
  }
  50% {

    transform: scale(1.05);
  }
  51% {
    transform: scale(1.05);
  }
}

.bounce {

animation: bounce linear .5s infinite;
/* animation: bounce linear .75s .1s infinite; https://developer.tizen.org/community/tip-tech/css3-animations-keyframes*/
}

.shirts {
  animation: animationFrames linear 3s;
  animation-iteration-count: infinite;
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: infinite;
  

  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: infinite;
  

  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: infinite;
  

  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: infinite;
  
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  4% {
    transform:  translate(-4px,0px)  ;
  }
  20% {
    transform:  translate(4px,0px)  ;
  }
  30% {
    transform:  translate(-4px,0px)  ;
  }
  40% {
    transform:  translate(4px,0px)  ;
  }
  50% {
    transform:  translate(-4px,0px)  ;
  }
  60% {
    transform:  translate(4px,0px)  ;
  }
  70% {
    transform:  translate(-4px,0px)  ;
  }
  80% {
    transform:  translate(4px,0px)  ;
  }
  90% {
    transform:  translate(-4px,0px)  ;
  }
  40% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  4% {
    -moz-transform:  translate(-4px,0px)  ;
  }
  20% {
    -moz-transform:  translate(4px,0px)  ;
  }
  30% {
    -moz-transform:  translate(-4px,0px)  ;
  }
  40% {
    -moz-transform:  translate(4px,0px)  ;
  }
  50% {
    -moz-transform:  translate(-4px,0px)  ;
  }
  60% {
    -moz-transform:  translate(4px,0px)  ;
  }
  70% {
    -moz-transform:  translate(-4px,0px)  ;
  }
  80% {
    -moz-transform:  translate(4px,0px)  ;
  }
  90% {
    -moz-transform:  translate(-4px,0px)  ;
  }
  40% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  4% {
    -webkit-transform:  translate(-4px,0px)  ;
  }
  20% {
    -webkit-transform:  translate(4px,0px)  ;
  }
  30% {
    -webkit-transform:  translate(-4px,0px)  ;
  }
  40% {
    -webkit-transform:  translate(4px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(-4px,0px)  ;
  }
  60% {
    -webkit-transform:  translate(4px,0px)  ;
  }
  70% {
    -webkit-transform:  translate(-4px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(4px,0px)  ;
  }
  90% {
    -webkit-transform:  translate(-4px,0px)  ;
  }
  40% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  4% {
    -o-transform:  translate(-4px,0px)  ;
  }
  20% {
    -o-transform:  translate(4px,0px)  ;
  }
  30% {
    -o-transform:  translate(-4px,0px)  ;
  }
  40% {
    -o-transform:  translate(4px,0px)  ;
  }
  50% {
    -o-transform:  translate(-4px,0px)  ;
  }
  60% {
    -o-transform:  translate(4px,0px)  ;
  }
  70% {
    -o-transform:  translate(-4px,0px)  ;
  }
  80% {
    -o-transform:  translate(4px,0px)  ;
  }
  90% {
    -o-transform:  translate(-4px,0px)  ;
  }
  40% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  4% {
    -ms-transform:  translate(-4px,0px)  ;
  }
  20% {
    -ms-transform:  translate(4px,0px)  ;
  }
  30% {
    -ms-transform:  translate(-4px,0px)  ;
  }
  40% {
    -ms-transform:  translate(4px,0px)  ;
  }
  50% {
    -ms-transform:  translate(-4px,0px)  ;
  }
  60% {
    -ms-transform:  translate(4px,0px)  ;
  }
  70% {
    -ms-transform:  translate(-4px,0px)  ;
  }
  80% {
    -ms-transform:  translate(4px,0px)  ;
  }
  90% {
    -ms-transform:  translate(-4px,0px)  ;
  }
  40% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.cloud {
	background: url('data:image/gif;base64,R0lGODlhyABYAIABAIKCgv///yH5BAEAAAEALAAAAADIAFgAQAL/jI+py+0Po5y02osbAHLvHHzgSJbmaYgoqK7uC8feTNe2F+f6zvf+DwwKh8Si8WgUtVIcpPM5WYaaKCn0elJSsQkr96vw9mZMbWcLTkfESDbvBiF3aer6Gy102/cUPczPFyg4SFhoeIiYqLgYVGMByGjXAimDF3lE+ZV5+Wcp6cmJpSXHVDpVdpMairq5euhFOkXZ6qoJqkNbW5T7wqsL5FsS/DsEl2VDnKy8zNzs/AwdLT1NXW19PWfqeIqdOMzdvYsj27TdGe7zfY4uXH4r+s7OoF4ZFy8fNl68NXuPP69PDb1/qEydMVjBGEEicgauMrcQjEINAVn5i3gH4KSKqw8cYuzjL9ajix9NeFxDsiSGkyBV9kqJC6ZLBywv1MR4E+XMenlk7kyI7BjEn8BSGZ1INKnSpUybOn0KNarUqVSrWr2KNavWrdjMZOPaUxsdcGA7idRZdsW3nEylOGQbseG4oWp9tuVn9xhXuCvzLvRahy8zwJ+cCl5H9LDNeIof+h0hlzDNx9fO/tjYsmnjdlItc9n8DDRarXIz00IKdlRAr6qPjk27WDKYAgA7') 0 0 no-repeat;/*../img/cloud.gif*/
  display: inline-block;
  width: 200px;
	height: 300px;
}
@-webkit-keyframes animate-cloud {  
        0% {background-position: 0px 360px; }
    100% {background-position: 0 -60px;}
}
 @-moz-keyframes animate-cloud {  
        0% {background-position: 0px 360px; }
    100% {background-position: 0 -60px;}
}
 @-ms-keyframes animate-cloud {  
        0% {background-position: 0px 360px; }
    100% {background-position: 0 -60px;}
}

.cloud {
  -webkit-animation: animate-cloud 1.75s steps(24) infinite;
  -moz-animation: animate-cloud 1.75s steps(24) infinite;
  -ms-animation: animate-cloud 1.75s steps(24) infinite;
}
  @keyframes sprite {
               100% {
                 background-position: -180px;
               }
            }
/**/