body,html {
	height: 100%;
	width: 100%;
	/*background-image: url(../kuvat/taustakuva_ylaliuku.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/
	background-color: transparent;
}

.textcenter {
	text-align: center;
}

#runko 
{
	width: 975px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -87px auto;
	background-image: url(../kuvat/header2024.png);
	/*background-image: url(../kuvat/new-header2.png);*/
	/*background-image: url(../kuvat/logotausta.png); */
	background-position: top right;
	background-repeat: no-repeat;
}

#grey-header-bg {
	background-color: #F0F1F3;
	height: 240px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
}

.madeby
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 13px;
	height: 77px;
}

#logotausta {
	width: 1200px;
	height: 248px;
	margin: 0 auto 0 auto;
	background-image: url(../kuvat/logotausta.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#ylaosa {
	width: 975px;
	height: 181px;
	margin: 0 auto 0 auto;
}

#ylasisalto {
	width: 975px;
	height: 250px;
	margin: 0 auto 0 auto;
	position: relative;
}

.logo {
	width: 220px;
	height: 47px;
	position: absolute;
	top: 170px;
	left: 0px;
	display: block;
}

.ostoskori {
	width: 153px;
	height: 76px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../kuvat/tilauskoritausta.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.ostoskorissa {
	padding: 35px 35px 0 0;
	text-align: right;
	font-size: 8pt;
	color: #ffffff;
}

.ostoskorissa A:link, .ostoskorissa  A:visited, .ostoskorissa  A:active {
	font-family: arial;
	font-size: 10pt;
	COLOR: #ffffff;
	text-decoration: none;
}

.ostoskorissa  A:hover {
	font-family: arial;
	font-size: 10pt;
	COLOR: #ffffff;
	text-decoration: underline;
}



#valikkopalkki {
	clear: both;
	width: 975px;
	height: 28px;
	margin: 0 auto 0 auto;
}

.navigaatio{
	float: left;
	width: 720px;
	height: 28px;
}




.nav { /* all lists */
	font-family: arial;
	list-style: none;
	overflow: hidden;
}

.nav li { /* all list items */
	list-style: none;
	white-space: nowrap;
	font-size: 9pt;
	float: left;
}

.nav li a
{
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 6px 10px 5px 10px;
}

.nav li A:hover
{
	color: #ffffff;
	background-image: url(../kuvat/navigaatiotausta_valittu.jpg);
	background-position: top left;
	background-repeat: repeat-x;

}

.nav li a.current
{
	color: #ffffff;
	background-image: url(../kuvat/navigaatiotausta_valittu.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}


.rajaus input[type=checkbox] {
margin-left: 35px;
}
.rajaus {
background: #e0e8f3;
padding: 15px;
-webkit-box-shadow: inset 0 15px 20px -10px #B3C9DF;
box-shadow: inset 0 15px 20px -10px #B3C9DF;
}

.rajaus .text {
	color: #4c84e5;
	font-weight: bold;
	font-size: 11pt;
}

.capitalize {
	text-transform: capitalize;
}

.subset {
clear: both;
}


.nav2 { /* all lists */
	font-family: arial;
	list-style: none;
	overflow: hidden;
}

.nav2 li { /* all list items */
	list-style: none;
	white-space: nowrap;
	font-size: 9pt;
	float: left;
}

.nav2 li a
{
	color: #858585;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 6px 10px 5px 10px;
}

.nav2 li A:hover
{
	color: #858585;
	background-image: url(../kuvat/navigaatiotausta_valittu.jpg);
	background-position: top left;
	background-repeat: repeat-x;

}

.nav2 li a.current
{
	color: #858585;
	background-image: url(../kuvat/navigaatiotausta_valittu.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}










.navigaatio-vasen {
	float: left;
	width: 6px;
	height: 28px;
	background-image: url(../kuvat/navigaatiotausta_vasen.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.navigaatio-keski {
	float: left;
	width: 685px;
	height: 28px;
	background-image: url(../kuvat/navigaatiotausta.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.navigaatio-oikea {
	float: left;
	width: 25px;
	height: 28px;
	background-image: url(../kuvat/navigaatiotausta_oikea.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.login{
	float: left;
	width: 135px;
	height: 55px;
	background-image: url(../kuvat/login-nav.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.haku{
	display: none;
	float: left;
	width: 135px;
	height: 55px;
	background-image: url(../kuvat/login-nav.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.loginteksti {
	text-align: center;
	padding: 20px 0 0 5px;
	color: #ffffff;
	font-size: 9pt;
}


.loginteksti A:link, .logintausta  A:visited, .logintausta  A:active {
	font-family: arial;
	font-size: 9pt;
	COLOR: #ffffff;
	text-decoration: none;
}



.loginteksti  A:hover, .loginteksti A:visited {
	font-family: arial;
	font-size: 9pt;
	COLOR: #ffffff;
	text-decoration: underline;
}




#alavalikkopalkki {
	clear: both;
	width: 975px;
	height: 28px;
	margin: 0 auto 0 auto;
	background-color: #E0E0E0;
}

.alanavigaatio {
	float: left;
	padding: 0 0 0 7px;
}

.kielet {
	float: right;
	padding: 3px 20px 0 0;
}

#keskiosa {
	width: 967px;
	border-left: 4px solid #E0E0E0;
	border-right: 4px solid #E0E0E0;
	margin: 0 auto 0 auto;
	clear: both;
	background-color: #ffffff;
}

#sisalto {
	padding: 20px;
	clear: both;
}

.palstatausta {
	background-image: url(../kuvat/palstatausta.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}

.puolipalsta{
	float: left;
	padding: 20px 40px 0 15px;
	width: 400px;
}

.palsta1 { 
	float: left;
	width: 260px;
	padding: 10px 40px 0 6px;
}

.palsta2 { 
	float: left;
	width: 260px;
	padding: 20px 40px 0 25px;
}

.tuplapalsta{
	float: left;
	width: 580px;
	padding: 20px 50px 0 15px;
	background: transparent url('../kuvat/viiva.jpg') repeat-y right;
}

.triplapalsta{
	width: 880px;
	padding: 0 40px 0 0;
}

.palsta3 { 
	float: left;
	width: 260px;
	padding: 20px 0 0 15px;
}






.poiminta {
	width: 282px;
	height: 52px;
	background-image: url(../kuvat/poimintatausta.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	padding: 26px 0 26px 0;
}

.poimintakuva {
	width: 100px;
	height: 52px;
	float: left;
}

.poimintakuva a img {
	border: 0;
}

.poimintateksti {
	width: 142px;
	height: 72px;
	float: right;
	padding: 5px 20px 0 20px;
	font-size: 13pt;
	color: #9bc227;
	font-weight: normal;
}

.poimintateksti A:link, .poimintateksti  A:visited, .poimintateksti  A:active {
	font-family: arial;
	font-size: 13pt;
	color: #9bc227;
	text-decoration: none;
	font-weight: normal;
}

.poimintateksti  A:hover {
	font-family: arial;
	font-size: 13pt;
	color: #114BB7;
	text-decoration: none;
}	


#alaosa {
	width: 975px;
	height: 50px;
	margin: 0 auto 0 auto;
	background-image: url(../kuvat/alaosa.png);
	background-position: top center;
	background-repeat: no-repeat;
}


.push { height: 87px; clear: both;}

#footer {
	clear: both;
	width: 100%;
	height: 87px;
	background-image: url(../kuvat/taustakuva_alaliuku.jpg);
	background-position: top left;
	background-repeat: repeat-x;

}

.footersisalto {
	width: 975px;
	margin: 0 auto 0 auto;
	padding: 30px 20px 20px 20px;
	text-align: right;
	color: #ffffff;
	clear: both;
	font-size: 9pt;
}


.footersisalto  A:link, .footersisalto   A:visited, .footersisalto   A:active {
	font-family: arial;
	font-size: 9pt;
	COLOR: #ffffff;
	text-decoration: none;
}

.footersisalto   A:hover {
	font-family: arial;
	font-size: 9pt;
	COLOR: #ffffff;
	text-decoration: underline;
}





.clear { clear: both; }

.hilight{
	/* all the buttons and other shit that changes color at hover */
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
}

.valistys{ margin-right: 2px; margin-left: 2px;}


.valittu 	{
	background-position: left bottom;
}


#sisalto ul {
	list-style: none;
	margin: 10px 0 10px 14px;
	padding: 0;
	line-height:1.5;
}

#sisalto li {
	/*	COLOR: #FFFFFF;*/
	padding: 0;
	list-style-type:disc;
}



.hallinta { color: #000000;}
fieldset { color: #000000;}

#topSet
{
	width: 100%;
	clear: both;
	padding: 5px;
	margin: 0;
	background: red;
	text-align: center;
	color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none;
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline;
}

.tuotekategoriat td{
	padding: 5px;
}

.tuotteet{
	width: 100%;
}

.tuotteet td{
	padding: 0 6px;
	vertical-align: top;
}

td.border_bottom{
	padding: 0;
	padding-bottom: 5px;
}

.tuotteet input{
	line-height: 1;
	font-size: 12px;
	height: 13px;
	border: none;
	border-bottom: 1px solid white;
	color: white;
	background: transparent;
}

.tilausbox{
	color: white;
	background: #9ec42c;
	padding: 3px 2px;
	width: 131px;
	float: left;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
}

.memobox{
	background: #646464;
	padding: 6px 2px;
	text-align: center;
	width: 100px;
	float: right;
	border-radius: 5px 5px 5px 5px;
}
.memobox a{
	color: #ACDE2C;
}

#login_form{
	width: 400px;
	float: left;
	background: white;
	border: 1px solid black;
	margin-left: -170px;
	z-index: 99;
	position: absolute;
	display: none;
	padding: 10px;
}
label{
	width: 150px;
	font-weight: bold;
	float: left;
}

.tuotekategoria_kuva{
	width: 135px;
}

.tuotekategoria_teksti{
	width: 150px;
	font-size: 10px;
}

.tuotetieto{
	padding-right: 10px;
}

.tuotenimi{
	font-weight: bold;
}

.tuotekuva{
	width: 100px;
}

table.tilaushistoria {
	background-color: #ffffff;
	border-collapse: collapse;
	border-color: #C7C1AD;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	margin-top: 5px;
	FONT-SIZE: 8pt;
}
table.tilaushistoria td {
	background-color: #ffffff;
	border-collapse: collapse;
	border-color: #C7C1AD;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	FONT-SIZE: 8pt;
}

.popup_window{
	display: none;
	position: fixed;
	background: white;
	border: 1px solid black;
	padding: 1em;
    top: 20%;
    left: 25%;
    width: 50%;
    height: 60%;
    min-height: 25%;
    z-index: 99;
    box-shadow: 0 0 50px;
	overflow: scroll;
}

.content th {
	text-align: left;
}

.content table {
	width: 100%;
}

.add-items {
	width: auto !important;
}

.tilauskori-table {
	margin-bottom: 15px;
}

.tilauskori-table td, .tilauskori-table th {
	padding: 4px 5px;
}

.tilauskori-table th {
	background: rgb(156, 156, 156);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0,0.3);
}

.finalize-order {
	float: right;
}

.content button, .content input[type=submit], .laheta-tilaus input[type=submit],.finalize-order {
	background: rgb(155,194,39);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(155,194,39,1) 0%, rgba(114,170,35,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,194,39,1)), color-stop(100%,rgba(114,170,35,1)));
	background: -webkit-linear-gradient(top, rgba(155,194,39,1) 0%,rgba(114,170,35,1) 100%);
	background: -o-linear-gradient(top, rgba(155,194,39,1) 0%,rgba(114,170,35,1) 100%);
	background: -ms-linear-gradient(top, rgba(155,194,39,1) 0%,rgba(114,170,35,1) 100%);
	background: linear-gradient(to bottom, rgba(155,194,39,1) 0%,rgba(114,170,35,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc227', endColorstr='#72aa23',GradientType=0 );
	padding: 5px 10px;
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px rgba(255, 255, 255, 0.5) solid;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
	box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
	text-shadow: 1px 1px 1px #63951d;
}

.content input[type="text"],.content input[type="email"],.content textarea {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 6px;
	border: none;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
	box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
}

.content hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid rgb(230, 230, 230);
	border-bottom: 1px solid #fff;
	border-left: none;
}

.delete {
	padding: 3px 8px;
	background: rgb(211, 68, 68);
	color: #fff !important;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 1px rgb(63, 63, 63);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
	box-shadow: 1px 1px 1px 0px rgba(1, 1, 1, 0.2);
}

.add-items td {
	font-weight: bold;
	font-size: 12px;
}

.add-items {
	margin-top: 15px;
}


.content {
	margin: 1em;
	background: rgb(247, 247, 247);
	padding: 18px;
}


.sivunavi {
	width: 260px;
	float: left;
	background-color: #e0e8f3;
	padding: 5px 0;
}

.sivunavi li a {
	background-color: #e0e8f3;
	color: #000;
	padding: 7px 15px;
	display: list-item;
}

.sivunavi li a:hover, .sivunavi li a:focus {background-color: #eff3f8;}
.sivunavi li.active a {background-color: #9bc227; color: #fff;}
#sisalto.tuotelistaus {
	width: 665px;
	float: left;
	clear: none;
}


#sisalto.tuotelistaus p:nth-of-type(2) a {
    font-size: 16px;
    padding: 0 1.5%;
}


.limit {float: left;}
.sort {float: right;}

.sort ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width: 120px;
	border: 1px solid #9bc227;
	border-bottom: 0;
	border-radius: 3px;
}

.sort ul a
{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	padding: 10px;
	text-align: center;
	background: #9bc227;
}

.sort ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;
}

.sort ul ul
{
	display:none;
	position:absolute;
	top:100%;
	right:-1px;
	background:#fff;
	padding:0;
	border: 1px solid #9bc227;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}

.sort ul ul li
{
	float:none;
	width:auto;
}

.sort ul ul a
{
	line-height:120%;
	padding:5px 15px;
	background: #fff;
	color: #000;
	text-align: left;
}



.sort ul li:hover > ul
{
	display:block;
}

.sort ul ul a:hover {background:#ececec;}

.tuotekategoria {
	float: left;
	width: 160px;
	text-align: center;
	height: 200px;
	margin-bottom: 15px;
	padding: 3px;
}

.tuotekategoria .tuotekategoriakuva {
	height: 150px;
	text-align: center;
	max-width: 100%;
	margin: auto;
	display: block;
}



.tuotekategoria a {
	color: #2361D7;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.tuotekategoria a:hover {
	font-size: 12px;
	font-weight: bold;
}

#login_form {
	position: absolute;
	background-image: url(../kuvat/kirjaudu-tausta2.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 198px;
	padding: 20px;
	padding-top: 14px;
	padding-bottom: 3px;
	float: left;
	margin-left: 0;
	border: 0;
	display: none;
	margin-top: 50px;
	background-color: transparent;
	height: 330px;
}

#login_form h3 {
	color: #fff;
	font-weight: bold;
}

#login_form p {
	font-size: 9pt;
	color: #fff;
}

#haku_form {
	position: absolute;
	background-image: url(../kuvat/haku-tausta2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 216px;
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	margin-left: 0;
	display: none;
	margin-top: 50px;
}

#haku_form input[type="submit"] {
	border: 0;
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

#login_form input[type="submit"] {
	border: 0;
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	float: left;
	padding-left: 0;
}


#haku_form input { 
	border: 2px solid #72a1ff;
	padding: 3px;
	margin-top: 5px;
}

#login_form input { 
	border: 2px solid #72a1ff;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#haku_form label, #login_form label {
	color: #fff;
}

#popup_search {
	background-image: url(../kuvat/search.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 24px;
	padding-top: 35px;
}

.lock {
	background-image: url(../kuvat/lock.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 24px;
	padding-top: 35px;
}

.tuote {
	width: 162px;
	border: 1px solid #EEEEEE;
	padding: 15px;
	height: 480px !important;
	border-radius: 5px 5px 5px 5px;
	float: left;
	margin: 13px;
}

.tuote .memobox {width: 100%;  float: left; margin: 5px 0;}

.tuote .tilausbox {width: 100%; margin: 5px 0;}

.tuote img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-height: 145px;
	max-width: 100%;
}

.tuote .tuotekuva {
	height: 145px;
	width: auto;
}

.content .tuote {
        width: 210px;
}

.suositellut-tuotteet .tuote {
    width: 235px;
}

table.add-items input {
margin: 10px;
margin-left: 0px;
}

.add-result {
	margin-bottom: 10px;
}

.add-notice {
	margin-top: 10px;
color: rgb(211, 93, 93);
}

.left:first-child {
  margin: 0px;
}
.left {
  float: left;
  margin-left: 25px;
}

.loader {
  color: #9ec42c;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  position:fixed;
  left:40%;
  top:40%;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}