.st-accordion{

    width:100%;

    min-width:270px;

    margin: 0 auto;}

.st-accordion ul li{

    height: 58px;

    border-bottom: 1px solid #eee;

    border-top:1px solid #fff;

    overflow: hidden;}

.st-accordion ul li:first-child{

    border-top:none;}

.st-accordion ul li > a{

	font-family: 'Raleway', sans-serif;

    font-size: 14px;

	color: #333;

    display: block;

	position: relative;

    line-height: 58px;

	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;}

.st-accordion ul li > a span{

	background: transparent url(down.jpg) no-repeat center center;

	text-indent:-9000px;

	width: 26px;

	height: 14px;

	position: absolute;

	top: 50%;

	right: 0px;

	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;}

.st-accordion ul li > a:hover{

    color: #e54c4c;}

.st-accordion ul li > a:hover span{

	opacity:1;

	top: 35px;}

.st-accordion ul li.st-open > a{

    color: #e54c4c;}

.st-accordion ul li.st-open > a span{

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

    transform:rotate(180deg);

	right:0px;

	opacity:1;}

.st-content{

    padding: 5px 0px 30px 0px;}

.st-content p{

    font-size:  14px;}



@media screen and (max-width: 768px){

	.st-accordion ul li > a{

		font-size:16px;}

}



@media screen and (max-width: 320px){

	.st-accordion ul li > a{

		font-size:14px;}

}





/* style 2 */

.st-accordion-two{

    width:100%;

    min-width:270px;

    margin: 0 auto;}

.st-accordion-two ul li{

    height: 50px;

    border-bottom: 1px solid #676767;

    overflow: hidden;}

.st-accordion-two ul li:first-child{

    border-top:none;}

.st-accordion-two ul li > a{

	font-family: 'Raleway', sans-serif;

    font-size: 14px;

	color: #fff;

    display: block;

	position: relative;

    line-height: 50px;

	padding-left: 35px;

	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;}

.st-accordion-two ul li > a span{

	background: transparent url(plus.jpg) no-repeat center center;

	text-indent:-9000px;

	width: 26px;

	height: 14px;

	position: absolute;

	top: 50%;

	left: 0px;

	margin-top: -2px;

	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;

	

	-webkit-transform:rotate(90deg);

	-moz-transform:rotate(90deg);

    transform:rotate(90deg);}

.st-accordion-two ul li > a:hover{

    color: #fff;}

.st-accordion-two ul li > a:hover span{

	opacity:1;}

.st-accordion-two ul li.st-open > a{

    color: #fff;

	font-weight: bold;}

.st-accordion-two ul li.st-open > a span{

	background: transparent url(minus.jpg) no-repeat center center;

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

    transform:rotate(180deg);

	right:0px;

	opacity:1;

	margin-top: -7px;}

.st-accordion-two.st-content{

    padding: 5px 0px 30px 0px;}

.st-accordion-two .st-content p{

	color: #fff;

    font-size:  14px;}





.st-accordion-two.dark ul li{

    border-bottom: 1px solid #eee;}

.st-accordion-two.dark ul li > a{

	color: #333;}

.st-accordion-two.dark .st-content p{

	color: #727272;}

.st-accordion-two.dark ul li > a span{

	background: transparent url(plus-dark.jpg) no-repeat center center;}

.st-accordion-two.dark ul li.st-open > a span{

	background: transparent url(minus-dark.jpg) no-repeat center center;}









@media only screen and (min-width: 768px) and (max-width: 999px){

	.st-accordion-two ul li > a{

		font-size:13px;}

}







/* style 4 */

.st-accordion-four{

    width:100%;

    min-width:270px;

    margin: 0 auto;}

.st-accordion-four ul li{

    height: 50px;

    border-bottom: 1px solid #e3e3e3;

    overflow: hidden;}

.st-accordion-four ul li:first-child{

    border-top:none;}

.st-accordion-four ul li > a{

	font-family: 'Raleway', sans-serif;

    font-size: 14px;

	color: #e54c4c;

    display: block;

	position: relative;

    line-height: 50px;

	padding-left: 30px;

	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;}

.st-accordion-four ul li > a span{

	background: transparent url(plus-color.jpg) no-repeat center center;

	text-indent:-9000px;

	width: 26px;

	height: auto;

	position: absolute;

	top: 0;

	left: 0px;

	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;}

.st-accordion-four ul li > a:hover{

    color: #e54c4c;}

.st-accordion-four ul li > a:hover span{

	opacity:1;}

.st-accordion-four ul li.st-open > a{

    color: #e54c4c;}

.st-accordion-four ul li.st-open > a span{

	background: transparent url(minus-color.jpg) no-repeat center center;

	right:0px;

	opacity:1;

	top: 0;}

.st-accordion-four.st-content{

    padding: 5px 0px 30px 0px;}

.st-accordion-four .st-content p{

	color: #727272;

    font-size:  14px;}



@media screen and (max-width: 768px){

	.st-accordion-four ul li > a{

		font-size:16px;}

}



@media screen and (max-width: 320px){

	.st-accordion-four ul li > a{

		font-size:14px;}

}





/* style 5 */

.st-accordion-five{

    width:100%;

    min-width:270px;

    margin: 0 auto;}

.st-accordion-five ul li{

    height: 46px;

    border-bottom: 1px solid #fff;

    overflow: hidden;}

.st-accordion-five ul li:first-child{

    border-top:none;}

.st-accordion-five ul li > a{

	font-family: 'Raleway', sans-serif;

    font-size: 14px;

	color: #1e1e1e;

    display: block;

	position: relative;

    line-height: 46px;

	padding-left: 46px;

	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;

	background-color: #eee;}

.st-accordion-five ul li > a span{

	background: transparent url(plus-gray.jpg) no-repeat center center;

	text-indent:-9000px;

	width: 26px;

	height: 16px;

	position: absolute;

	top: 50%;

	left: 0px;

	margin-top: -8px;

	margin-left: 16px;

	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;}

.st-accordion-five ul li > a:hover{

    color: #1e1e1e;}

.st-accordion-five ul li > a:hover span{

	opacity:1;}

.st-accordion-five ul li.st-open > a{

    color: #1e1e1e;}

.st-accordion-five ul li.st-open > a span{

	background: transparent url(minus-gray.jpg) no-repeat center center;

	right:0px;

	opacity:1;

	margin-top: -8px;}

.st-accordion-five .st-content{

    padding: 25px 0px 30px 0px;

	background: #fafafa;}

.st-accordion-five .st-content p{

	color: #727272;

    font-size:  14px;

	padding-left: 50px;}



@media screen and (max-width: 768px){

	.st-accordion-five ul li > a{

		font-size:16px;}

}



@media screen and (max-width: 320px){

	.st-accordion-five ul li > a{

		font-size:14px;}

}