.body{
	max-width:640px;
	margin:auto;
	min-height:100%;
	background-color:#000000;
	position:relative;
	visibility:collapse;
}

.body{
	display:block;
	background:#001837;
}

/************************/
.menu-icon{
	-webkit-appearance:button;
	display:inline-block;
	width:35px;
	height:35px;
	background-repeat: no-repeat;
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-color:transparent;
	border-style:none;
}

/******************************/
.list_ul{
	padding-top:5px;
}
.list_ul li{
	
}
.list_ul dl{
	text-align:center;
	line-height:20px;
	border-right:0px solid #dadada;
	border-bottom:0px solid #dadada;
	margin:3px;
	background:#4e2400;
	width:23%;
}

.list_ul dl:nth-of-type(1){
	-webkit-box-flex:2;
}
.list_ul dl a{
	display:block;
	height:100%;
	color:#EFEAE0;
	position:relative;
}
.list_ul dl:last-of-type{
	border-right:0;
}
.list_ul dd{
	display:table;
	margin:auto;
}

.list_ul div{
	width:100%;
	text-align:center;
	height:60px;
	vertical-align: middle;
	display:table-cell;
	font-size:35px;
	color:#EFEAE0;
}
/*.list_ul div img{
	display:none;
	max-height:100px;
	max-width:100px;
}*/

.list_ul dt{
	position:relative;
	bottom:5px;
}

footer p{
	color:#663a01;
};





/*************************/


.list_ul li:nth-of-type(3n+2) dl:nth-of-type(1){width:46%;}
.list_ul li:nth-of-type(3n+2) dl:nth-of-type(2){width:23%;}
.list_ul li:nth-of-type(3n+2) dl:nth-of-type(3){width:23%;}


.list_ul li:nth-of-type(3n+1) dl:nth-of-type(1){width:49%;}
.list_ul li:nth-of-type(3n+1) dl:nth-of-type(1) a{position:relative;top:40px;}
/* .list_ul li:nth-of-type(3n+1) dl:nth-of-type(1) a input{position:relative;left:30px;top:8px;} */
/* .list_ul li:nth-of-type(3n+1) dl:nth-of-type(1) a dt{position:relative;left:-30px;bottom:40px} */

.list_ul li:nth-of-type(3n+1) ul{width:50%;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(1) dl:nth-of-type(1) { width:46%;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(1) dl:nth-of-type(1) a{position:relative;top:0px;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(1) dl:nth-of-type(1) a dt{position:relative;left:0px;bottom:5px;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(1) dl:nth-of-type(2) {width:46%;}

.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(2) dl{ width:46%;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(2) dl a{position:relative;top:0px;}
.list_ul li:nth-of-type(3n+1) ul li:nth-of-type(2) dl a{overflow:hidden;}
/* .list_ul li:nth-of-type(3n+1) ul li:nth-of-type(2) dl a input{position:relative;left:-30px;top:8px;} */
/* .list_ul li:nth-of-type(3n+2) ul li:nth-of-type(2) dl a dt{width:100%;position:relative;left:30px;top:-30px;} */

/* .list_ul li:nth-of-type(3n) ul {margin-top:3px;margin-bottom:3px;margin-right:6px;width:49%;}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(1){background-color:#64462c;width:100%;}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(1) a{position:relative;top:0px;}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(1) a input{position:relative;left:30px;top:12px;}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(1) a dt{position:relative;left:-30px;bottom:30px}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(2){background-color:#96703f;width:100%;margin-top:6px}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(2) a input{position:relative;left:40px;top:12px;}
.list_ul li:nth-of-type(3n) ul li dl:nth-of-type(2) a dt{position:relative;left:-20px;bottom:30px}

.list_ul li:nth-of-type(3n)>dl:nth-of-type(1){background-color:#39281e;width:50%;}
.list_ul li:nth-of-type(3n)>dl:nth-of-type(1) a{position:relative;top:40px;}
.list_ul li:nth-of-type(3n)>dl:nth-of-type(1) a input{position:relative;left:0px;bottom:-30px;}
.list_ul li:nth-of-type(3n)>dl:nth-of-type(1) a dt{position:relative;left:0px;top:-50px} */

.list_ul li:nth-of-type(3n) ul{width:50%;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(1) dl:nth-of-type(1) { width:46%;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(1) dl:nth-of-type(1) a{position:relative;top:0px;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(1) dl:nth-of-type(1) a dt{position:relative;left:0px;bottom:5px;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(1) dl:nth-of-type(2) {width:46%;}

.list_ul li:nth-of-type(3n) ul li:nth-of-type(2) dl{width:46%;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(2) dl a{position:relative;top:0px;}
.list_ul li:nth-of-type(3n) ul li:nth-of-type(2) dl a{overflow:hidden;}
/* .list_ul li:nth-of-type(3n) ul li:nth-of-type(2) dl a input{position:relative;left:-30px;top:8px;}*/
.list_ul li:nth-of-type(3n)>dl {width:48%;}
.list_ul li:nth-of-type(3n)>dl a{position:relative; top:38px;}

.list_ul li dl{background-color:#7DC8CE;}

/**************************/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

.animated.iteration2 {
	-webkit-animation-iteration-count:2;
	animation-iteration-count:2;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash{
	0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn{
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut{
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opactiy: 0;
	}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name:fadeOut;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
	transform-origin:50% 50%;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


/*********************/

#start-anim-page{
	max-width:640px;
	margin:auto;
	
	background-color:#fff;
	position:relative;
}
.start-anim-page{
	display:block;
	background:#fff;
}

#images-container{
	color:#062E53;
	font-size:10px;
}

#images-container span{
	color:#062E53;
	font-size:10px;
}

#images-container ul li dl dt{
	z-index:1;
}

#images-container ul li dl dd{
	z-index:0;
}