@charset "utf-8";

/* CSS Document */



.accordion { width:100%; float:left; margin:3px auto 0;}

.accordion h2 { width:100%; float:left; cursor:pointer; background:url(../images/feeser-icon2.png) no-repeat 96.5% center; margin:0 0 13px 0; padding:13px 23px 13px;}

.accordion h2.active { background:#73b2dd url(../images/feeser-icon1.png) no-repeat 96.5% center; }

.accordion .content { width:100%; float:left; padding:0 0 0;}



.feeser-box1 .accordion .color1 { background-color:#6cb741;}

.feeser-box1 .accordion .color2 { background-color:#009fd7;}

.feeser-box1 .accordion .color3 { background-color:#ec008b;}

.feeser-box1 .accordion .color4 { background-color:#1c1b4d;}



.feeser-box2 .accordion h2 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e3d7c+0,1891cc+100 */
	position: relative;

background: #3e3d7c; /* Old browsers */

background: -moz-linear-gradient(left,  #3e3d7c 0%, #1891cc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #3e3d7c 0%,#1891cc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #3e3d7c 0%,#1891cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3d7c', endColorstr='#1891cc',GradientType=1 ); /* IE6-9 */

}
.feeser-box2 .accordion h2::after {
    background: url(../images/feeser-icon2.png) no-repeat center center;
    content: "";
    width: 18px;
    height: 18px;
    background-size: 18px;
    position: absolute;
    right: 20px;
    top: 11px;

}
.feeser-box2 .accordion h2.active::after {
    background: url(../images/feeser-icon1.png) no-repeat center center;
    content: "";
    width: 18px;
    height: 18px;
    background-size:18px;
    position: absolute;
    right: 20px;
    top: 11px;

}
/*Smartphone css*/

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

.accordion h2 { background-position:95% center; padding:17px 5% 17px;}

.accordion h2.active { background-position:95% center;}

.accordion .content { padding:6px 0 3px;}
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after{
	right: 8px;
    top: 14px;
}
}


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

.accordion h2 { background-position:95% center; padding:17px 5% 17px;}

.accordion h2.active { background-position:95% center;}

.accordion .content { padding:6px 0 3px;}
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after{
	right: 8px;
    top: 14px;
}
}



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

.accordion h2 { background-position:95% center; padding:17px 5% 17px;}

.accordion h2.active { background-position:95% center;}

.accordion .content { padding:6px 0 3px;}
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after{
	right: 8px;
    top: 14px;
}
}



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

.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after{
	right: 13px;
    top: 11px;
}

}



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



}



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



}

@media screen and (max-width: 414px) {
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after {
    right: 6px;
    top: 14px;
}
}
@media screen and (max-width: 375px) {
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after {
    right: 6px;
    top: 14px;
}
}
@media screen and (max-width:360px) {
.feeser-box2 .accordion h2::after, .feeser-box2 .accordion h2.active::after {
    right: 4px;
    top: 14px;
}
}