/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:90%;
	max-width:800px;
	margin:30px auto;
}
.st-accordion{
    width:100%;
    /*min-width:270px;*/
    margin: 0 auto;
}
.st-accordion > ul { padding: 0;}
.st-accordion > ul > li{ margin-bottom: 20px;
    border-bottom: 1px solid #666; height: auto !important;
    border-top:0px solid #fff;
    overflow: hidden;
}
.st-accordion > ul > li:first-child{
    border-top:none;
}
.icon-q { color: #000; display: inline-block;  position: absolute; top: -1px; left: 2px; font-weight: 900; }
.icon-a { color: #2fa32f; display: inline-block;  position: absolute; top: 0px; left: 2px; font-weight: 500; font-weight: 900; }
.q-title{
    color: #333; padding: 0 40px 20px 40px; letter-spacing: 0; font-weight: 500;
    display: block;
	position: relative;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
/*.q-title:before { content: "Q"; color: #000; display: inline-block;  position: absolute; top: -1px; left: 5px;}*/
.q-title:after { /*content: "";*/ position: absolute; width: 100%; height: 1px; background: #666; left: 0; bottom: 0;}
.q-title span{
	border-width: 1px 1px 0 0; border-style: solid; border-color: #000; transform: rotate(135deg);
	text-indent:-9000px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
	margin-top: -7px;
	opacity:1;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.q-title:hover{
    color: #000;
}
.q-title:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion > ul > li.st-open .q-title{ 
    color: #000;
}
.st-accordion > ul > li.st-open .q-title span{
	transform:rotate(-45deg);
	right:10px;
	opacity:1;
    top:20px;
}
.st-content{
    padding: 0px 0 30px 40px; margin: 0; position: relative; border: 0px solid #2660ad; color: #333; line-height: 1.3;;
}
.st-content:before { /*content: "" ;*/position: absolute; width: 20px; height: 20px; border-width: 1px 1px 0 0; border-style: solid; border-color: #2660ad; background: #fff; transform: rotate(-45deg); left: 55px; top:-11px;}
.st-content p{
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 1440px){
	.q-title span { top:10px;}
	.st-accordion > ul > li.st-open .q-title span { top:20px;}
}