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

}

}







.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.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:700;

}

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

}

}









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

}

}







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

}

}