@charset "utf-8";
/* CSS Document */

.accordion { width:100%; float:left; margin:14px 0 0;}
.accordion .accordion-row1 { width:100%; float:left; cursor:pointer; margin:0 0 2px 0; border-radius:25px; background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737); position:relative;}
.accordion .accordion-row1:after { content:""; width:8px; height:8px; position:absolute; right:4%; background:url(../images/feeser-icon1.svg) no-repeat; top:50%; transform:translateY(-50%);}
.accordion .accordion-row1.active { background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737);}
.accordion .accordion-row1.active:after { background:url(../images/feeser-icon2.svg) no-repeat;}
.accordion .content { width:100% !important; float:left; padding:0 0 0;}

.weoffer-wrapp .accordion { width:100%; float:left; margin:0 0 0;}
.weoffer-wrapp .accordion h2 { width:100%; float:left; cursor:pointer; background:url(../images/feeser-icon11.svg) no-repeat 100% 50%; margin:0 0 9px 0; padding:16px 0 28px; position:relative; border-bottom:1px solid #d7ae53;}
.weoffer-wrapp .accordion h2.active { background:url(../images/feeser-icon22.svg) no-repeat 100% 38%; }

.feeser-wrapp .accordion { margin:20px 0 40px;}
.feeser-wrapp .accordion h2 { width:100%; float:left; cursor:pointer; margin:0 0 10px 0; border-radius:25px; background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737); position:relative; padding:14px 24px 15px; line-height: normal;}
.feeser-wrapp .accordion h2:after { content:""; width:8px; height:8px; position:absolute; right:4%; background:url(../images/feeser-icon1.svg) no-repeat; top:50%; transform:translateY(-50%);}
.feeser-wrapp .accordion h2.active { background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737);}
.feeser-wrapp .accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat;}

.faqs-wrapp .accordion h2 { width:100%; float:left; cursor:pointer; margin:0 0 10px 0; border-radius:25px; background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737); position:relative; padding:14px 24px 15px; line-height: normal;}
.faqs-wrapp .accordion h2:after { content:""; width:8px; height:8px; position:absolute; right:4%; background:url(../images/feeser-icon1.svg) no-repeat; top:50%; transform:translateY(-50%);}
.faqs-wrapp .accordion h2.active { background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737);}
.faqs-wrapp .accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat;}

.faq-section .accordion { margin:0 0 40px;}
.faq-section .accordion h2 { width:100%; float:left; cursor:pointer; margin:0 0 10px 0; border-radius:25px; background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737); position:relative; padding:14px 24px 15px; line-height: normal;}
.faq-section .accordion h2:after { content:""; width:8px; height:8px; position:absolute; right:4%; background:url(../images/feeser-icon1.svg) no-repeat; top:50%; transform:translateY(-50%);}
.faq-section .accordion h2.active { background-image: -webkit-linear-gradient(top, #f6d05f, #946737), -webkit-linear-gradient(top, #f6d05f, #946737);}
.faq-section .accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat;}





/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion h2 { background-position:95% center; padding:8px 5% 8px;}
.accordion h2.active { background-position:95% center;}
.accordion .content { padding:6px 0 3px;}
.accordion { margin:40px 0 4.2%; overflow-x:auto; white-space:nowrap;}
.weoffer-wrapp .accordion h2 { padding:8px 0 16px;}
.feeser-wrapp .accordion { white-space:inherit; margin: 20px 0 10px;}

.faqs-wrapp .accordion { white-space:inherit;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion h2 { background-position:95% center; padding:8px 5% 8px;}
.accordion h2.active { background-position:95% center;}
.accordion .content { padding:6px 0 3px;}
.accordion { margin:40px 0 4.2%; overflow-x:auto; white-space:nowrap;}
.weoffer-wrapp .accordion h2 { padding:8px 0 16px;}
.feeser-wrapp .accordion { margin: 20px 0 10px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion h2 { background-position:95% center; padding:8px 5% 8px;}
.accordion h2.active { background-position:95% center;}
.accordion .content { padding:6px 0 3px;}
.accordion { margin:40px 0 4.2%; overflow-x:auto; white-space:nowrap;}
.weoffer-wrapp .accordion h2 { padding:8px 0 16px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.weoffer-wrapp .accordion h2 { margin:0 0 5px 0; padding:10px 0 22px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.weoffer-wrapp .accordion h2 { margin:0 0 7px 0; padding:13px 0 25px;}
}

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

}