@charset "utf-8";
/* CSS Document */

button.accordion {
    background-color: #fff;
    color: #25bc65;
    cursor: pointer;
    padding: 15px;
	padding-left:20px;
	padding-right:20px;
    width: 100%;
	font-family: RubikFont;
	text-align: center;
    outline: none;
    font-size: 15px;
	border:none;
	border-bottom: 1px solid #dbdbdb;
	line-height:150%;
	
}

button.accordion2 {
	margin-top:20px;
	
}

button.accordion.active{
}

button.accordion:hover {
}

button.accordion:after {
    content: url(../img/arrow_down.png);
    float: right;
	padding-top:2px;
}

button.accordion.active:after {
    content: url(../img/arrow_up.png);
	padding-top:2px;

}

div.panel {
	padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
	margin-left:15px;
	margin-right:15px;
    transition: max-height 0.2s ease-out;
}

@media screen and (max-width: 700px) {
	
button.accordion {
    background-color: #fff;
    color: #25bc65;
    cursor: pointer;
    padding: 10px;
	padding-left:20px;
	padding-right:20px;
    width: 100%;
	font-family: RubikFont;
	text-align: center;
    outline: none;
    font-size: 15px;
	border:none;
	border-bottom: 1px solid #dbdbdb;
	line-height:150%;
	
}

	
	button.accordion:after {
    content: url(../img/arrow_down2.png);
    float: right;
}

button.accordion.active:after {
    content: url(../img/arrow_up2.png);

}

div.panel {
	padding: 0 17px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
	margin-left:5px;
	margin-right:5px;
    transition: max-height 0.2s ease-out;
}
}