main  .white_wrap > h2[class^="icon_"] + div{
	padding: 30px 30px;
}
.initial {
  margin: 15px 0 0;
}
.initial a{
	width: 35px; height: 35px;
	 display: -webkit-inline-flex; display: inline-flex;
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center;
  color: white;
  font-size: 15px; color: white;
  border-radius: 4px; font-weight: 600;
  background: #58AEDD;
  margin: 4px 2px;
  opacity: .2;
  pointer-events: none;
}
.initial a.active{
	opacity: 1;
	pointer-events: all;
}

.word_list {
  margin: 30px 0 0;
}
.word_list h4{
	padding: 15px 35px 15px 10px !important;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.word_list h4:before{
	content: '';
	display: block;
	width: 12px; height: 12px;
	background: url(../img/icon_arrow_blue.svg)no-repeat center;
	background-size: contain;
	right: 10px;
	top: 50%; transform: translate(0,-50%);
	position: absolute;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.word_list h4.view:before{
	transform: translate(0,-50%) rotate(90deg);
}
.word_list h4 + .content{
  padding: 30px;
  background: #F7F7F7;
  transform: scale(1,0);
  transform-origin: center top;
  height: 0;
  padding: 0 30px;
  cursor: pointer;
  margin-top: -100px;
  padding-top: 100px;
}
.word_list h4 + .content p{
	font-size: 16px;
}
.word_list h4.view + .content{
	padding: 30px;
	transform: scale(1,1);
	height: auto;
	margin-top: 0;
}
.word_list h4 + .content h5{
	font-weight: 600;
}
.word_list h4 + .content p + h5{
	margin: 20px 0 20px;
}
.word_list h4 + .content p + p,
.word_list h4 + .content h5 + p{
	margin: 20px 0 0;
}

@media screen and (max-width: 640px){
	.word_list h4.view + .content {
    padding: 20px 20px 25px;
  }
}