@charset "utf-8";

/* CSS Document */



.accordion { width:100%; float:left; margin:5px 0 20px;}

.accordion h2 { width:100%; float:left; cursor:pointer; background:#754196 url(../images/feeser-icon1.svg) no-repeat 97% center; padding:18px 3% 18px; margin:0 0 11px;line-height: 24px;}

.accordion h2.active { background:#754196 url(../images/feeser-icon2.svg) no-repeat 97% center;}

.accordion .content { width:100% !important; float:left; padding:0 0 10px; min-width: 100% !important; opacity: 1 !important; margin: 0 0 0 !important;}



.feeser-wrapp .extra-fee h4 { width:100%; float:left; cursor:pointer; background: url(../images/feeser-icons1.svg) no-repeat 99% center; background-size: 15px; padding: 0 20px 0 0; margin:0 0 11px; line-height: 24px;}

.feeser-wrapp .extra-fee h4.active { background: url(../images/feeser-icons2.svg) no-repeat 99% center; background-size: 15px;}


.feeser-row2 p.prev-app { width:100%; float:left; cursor:pointer; background: #e6b81438 url(../images/feeser-icons1.svg) no-repeat 97% center; background-size: 15px; padding: 0 20px 0 0; margin:0 0 11px; line-height: 24px;}

.feeser-row2 p.prev-app.active { background: #e6b81438 url(../images/feeser-icons2.svg) no-repeat 97% center; background-size: 15px;}


.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3 { width:100%; float:left; cursor:pointer; background:#754196 url(../images/feeser-icon1.svg) no-repeat 97% center; padding:18px 3% 17px; margin:0 0 11px;line-height: normal;}

.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3.active { background:#754196 url(../images/feeser-icon2.svg) no-repeat 97% center;}



/*Smartphone css*/

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

.accordion { width:100%; margin:8px 0 0;}

.accordion h2 { padding:18px 5% 18px;}

.feeser-wrapp .extra-fee h4 { background-position: 99% center; padding: 0 20px 0 0; background-size: 10px;}

.feeser-wrapp .extra-fee h4.active { background-position:99% center; background-size: 10px;}


.feeser-row2 p.prev-app {background-position: 96% center;padding: 0 20px 0 0;background-size: 10px;}

.feeser-row2 p.prev-app.active {background-position: 96% center;background-size: 10px;}


.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3 {background-position: 96% center;padding: 18px 5% 17px;}

.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3.active {background-position: 96% center;}




}



@media screen and (min-width:481px) and (max-width:600px) {

.accordion { width:100%; margin:8px 0 0;}

.accordion h2 { padding:18px 5% 18px;}

.feeser-wrapp .extra-fee h4 { background-position: 99% center; padding: 0 20px 0 0; background-size: 12px;}

.feeser-wrapp .extra-fee h4.active { background-position:99% center; background-size: 12px;}


.feeser-row2 p.prev-app { background-position: 96% center; padding: 0 20px 0 0; background-size: 12px;}

.feeser-row2 p.prev-app.active { background-position:96% center; background-size: 12px;}


.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3 { background-position:94% center; padding:18px 5% 18px;}

.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3.active { background-position:94% center;}


}



@media screen and (min-width:601px) and (max-width:767px) {

.accordion { width:100%; margin:8px 0 0;}

.accordion h2 { padding:18px 5% 18px;}

.feeser-wrapp .extra-fee h4 { background-position: 99% center; padding: 0 20px 0 0; background-size: 13px;}

.feeser-wrapp .extra-fee h4.active { background-position:99% center; background-size: 13px;}


.feeser-row2 p.prev-app { background-position: 96% center; padding: 0 20px 0 0; background-size: 13px;}

.feeser-row2 p.prev-app.active { background-position: 96% center; background-size: 13px;}


.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3 { background-position:94% center; padding:18px 5% 18px;}

.about-wrapp .accordion .feeser-row1 .content .feeser-row2 .accordion.suber .feeser-row1 h3.active { background-position:94% center;}


}



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


.feeser-row2 p.prev-app { background-position: 96% center; padding: 0 20px 0 0; background-size: 13px;}

.feeser-row2 p.prev-app.active { background-position: 96% center; background-size: 13px;}


}



@media screen and (min-width:901px) and (max-width:1024px) {


.feeser-row2 p.prev-app { background-position: 96% center; padding: 0 20px 0 0; background-size: 13px;}

.feeser-row2 p.prev-app.active { background-position: 96% center; background-size: 13px;}


}



@media screen and (min-width:1025px) and (max-width:1240px) {



}