/* Flexible Slide-to-top Accordion Style*/

.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.png) 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: 25px;

	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.png) 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.png) 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.png) no-repeat center center;

}

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

	background: transparent url(minus-dark.png) 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.png) 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.png) 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.png) 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.png) 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;

	}

}