{
body:
margin: 0;
padding: 0;}

.wrapper{
	width: 906px;
	
	margin: 0px auto;
	background: #e5cdc9;
	display: block;
	
	padding-top: 10px;
	
	
}

.day {
  position: relative;
  display: block;
  float: left;
  width: 180px;
  height: 157px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  background: #fdede0;
  background-color: rgba(0, 0, 0, 0.5);
  
}
.day:nth-child(5n)
{
	border-right:  1px solid white;
}
.week 
{position: relative;
  display: block;
  float: left;
  width: 180px;
  height: 50px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  background: #c58c7d;
  text-align: center;
  color: white;
  font-weight: 900;
  border-radius: 10px  10px 0 0;
  margin-top: 60px;
  font-family: Roboto;
 margin-top: 10px;
  
	
}

.week:nth-child(5)
{
	border-right:  1px solid white;
}
p {
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	z-index:1;
	font-weight: 500;
}
img {
	width: 100%;
	
}
/* #eb6e1f */
/* #facead */
/* #994513 */
/* #d0a196 */
 .angle {
      width: 0;
      height: 0;
     
      border-bottom: 65px solid #d0a196;
      border-left: 65px solid transparent;
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  z-index: 2;
    }
	.hell {
		border-bottom: 65px solid #eb6e1f;
	}
	.origin {
		border-bottom: 65px solid #994513;
	}
	.fact {
		border-bottom: 65px solid #facead;
	}
	.number {font-size: 92px;
	color: #FDEDE0;
	text-shadow: 
		-0   -2px 2px #FACEB2,
		 0   -2px 2px #FACEB2,
		-0    2px 2px #FACEB2,
		 0    2px 2px #FACEB2,
		-2px -0   2px #FACEB2,
		 2px -0   2px #FACEB2,
		-2px  0   2px #FACEB2,
		 2px  0   2px #FACEB2,
		-1px -2px 2px #FACEB2,
		 1px -2px 2px #FACEB2,
		-1px  2px 2px #FACEB2,
		 1px  2px 2px #FACEB2,
		-2px -1px 2px #FACEB2,
		 2px -1px 2px #FACEB2,
		-2px  1px 2px #FACEB2,
		 2px  1px 2px #FACEB2,
		-2px -2px 2px #FACEB2,
		 2px -2px 2px #FACEB2,
		-2px  2px 2px #FACEB2,
		 2px  2px 2px #FACEB2,
		-2px -2px 2px #FACEB2,
		 2px -2px 2px #FACEB2,
		-2px  2px 2px #FACEB2,
		 2px  2px 2px #FACEB2;
		 position: absolute;
		 top: 30%;
		 left: 22%;
		 
	z-index: 0;
}

.day p , .angle, img{
	display: none;
	
}


.cap {
	margin-bottom: 30px;
}

input {
  position: absolute;
  left: -9999px;
  clear: right;
}

label {
  display: inline-block;
  position: relative;
  color: black;
  margin: 5px;
  padding: 10px 10px 10px 38px;
  
  font-size: 18px;
  white-space: nowrap;
  width: 470px;
  width: 300px;
  
}


.move { width: 100%; display: block; height: 5px;  clear: right!important;}

label::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  background-color: #ccc;
}

input:focus + label {
  outline: 1px solid #fcd9d9;
}

input:checked + label::before {
  background-color: #a42d2e;
}

#original:checked ~[data-teams~="original"] img,
#force:checked ~[data-teams~="force"] img,
#factor:checked ~  [data-teams~="factor"] img,
#hellfire:checked ~ [data-teams~="hellfire"] img,
#hello:checked ~ [data-teams~="hello"] img,
#hello-1:checked ~ [data-teams~="hello-1"] img {
  display: block;
}
#original:checked ~[data-teams~="original"] .angle,
#force:checked ~[data-teams~="force"] .angle,
#factor:checked ~  [data-teams~="factor"] .angle,
#hellfire:checked ~ [data-teams~="hellfire"] .angle
{
  display: block;
}

#original:checked ~[data-teams~="original"] p,
#force:checked ~[data-teams~="force"] p,
#factor:checked ~[data-teams~="factor"] p,
#hellfire:checked ~[data-teams~="hellfire"] p,
#hello:checked ~[data-teams~="hello"] p {
  display: block;
}

#original:checked ~[data-teams~="original"],
#force:checked ~[data-teams~="force"],
#factor:checked ~[data-teams~="factor"],
#hellfire:checked ~[data-teams~="hellfire"],
#hellо:checked ~[data-teams~="hello"]
{
  background-color: #fdede0;
}

.date {
	position: absolute;
	margin-top: 5px;
	margin-left: 5px;
	color: #FDEDE0;
}