/* Flexible Slide-to-top Accordion Style*/
.wrapper{
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul {margin: 0; padding:0;}

.st-accordion ul li{
    height: 40px;
   /* border-bottom: 1px dashed #c2d1cc;*/
   /* border-top:1px solid #fff;*/
    overflow: hidden;
	min-height:40px;
}
.st-accordion ul li:first-child{
    border-top:none;
}

.st-accordion ul li:last-child {
    border-bottom: none;
}

.st-accordion ul li > a{
    /*text-shadow: 1px 1px 1px #fff;*/
    display: block;
	position: relative;
    line-height: 40px;
	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;
	
	font-size: 24px;
    text-decoration: none!important;
	color:#999;
	font-weight:100;
	margin: 0;
	padding: 0;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 14px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-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);
	transform: rotate(-90deg);
} 

.st-accordion.accordion-wit ul li > a span{
	background: transparent url(../images/down-wit.png) no-repeat center center;
}
.st-accordion ul li > a:hover span{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.st-accordion ul li > a:hover, .st-accordion ul li > a title:hover{
    color: #555454;
}
.st-accordion ul li > a span {
    opacity: 0.45;
    left: 0px;
}

.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
	margin-top:-10px;
}
.st-accordion ul li.st-open > a{
    color: #0000ff;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	left:0px;
	opacity:1;
	margin-top:-4px;
}

.st-accordion ul.info li a {
    font-size: 16px !important;
    margin: 0;
    padding: 0;
    height: auto;
}
.st-accordion ul.info li {
    line-height: auto;
}

.st-accordion .st-open {padding-bottom: 0px;}
.st-content{
    padding: 25px 0px 0px 0px;
}
.st-content p{
    font-size:  16px;
    line-height:  28px;
    padding: 0px 0px 15px 0px; 
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.st-content .section30 img{
    width:100%;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}


.st-accordion .title {
    color: #009ddc;
    font-weight: 400;
    margin-top: 0px;
    font-size: 15px;
    padding-bottom: 0;
    text-transform: uppercase;
	padding-left:25px;
}
.st-accordion.accordion-wit .title {color:#ffffff;}

/* --- list in accordion ---*/
.st-accordion ul.info li {
    height: auto;
    overflow: visible;
    border-bottom: 0px;
    padding-left: 25px;
    padding-bottom: 0px;
    margin: 0;
    line-height: 31px;
    list-style-type: initial;
    min-height: auto;
}

.st-accordion ul.info {
    list-style-type: disc;
    padding: 0 0 0 50px;
    margin: 20px 0 0 0;
}

/*.st-content h1:first-child,
.st-content h2:first-child,
.st-content h3:first-child,*/
.st-content h4:first-child {
    margin-top: 0;
}

@media screen and (max-width: 960px){
	.st-accordion ul li > a{
		font-size:36px;
	}
	.st-accordion ul li { height: 60px;}
	.st-accordion ul li > a, .st-accordion ul li > a h3 {font-size:16px; line-height:58px;}
	
}