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

.accordion { width:100%; float:left; margin:0 0 0;}
.accordion h4 { width:100%; float:left; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer; padding:23px 26px 23px 36px; position:relative; z-index:9;}
.accordion h4:first-child { border-top:none;}
.accordion .content { width:100%; float:left; padding:10px 0 4px 0;}

.faqs-wrapp2 .accordion { width:100%; float:left; margin:20px 0 0;}
.faqs-wrapp2 .accordion h4 { width:100%; float:left; border:1px solid rgba(0,0,0,0.1); cursor:pointer; padding:14px 22px 14px; position:relative; z-index:9;}
.faqs-wrapp2 .accordion h4:first-child { border:1px solid rgba(0,0,0,0.1);}
.faqs-wrapp2 .accordion .content { width:100%; float:left; padding:14px 22px 8px;}
.faqs-wrapp2 .accordion h4:before { content:""; position:absolute; top:50%; transform:translateY(-50%); width:16px; float:right; background:url(../images/down-green-plain-arrow.svg) no-repeat top / 100%; padding:0 0 16px; right:22px;}
.faqs-wrapp2 .accordion h4.active:before { background:url(../images/right-green-plain-arrow.svg) no-repeat top / 100%;}

.fees-col1 .accordion { width:100%; float:left; margin:0 0 0;}
.fees-col1 .accordion h4 { width:100%; float:left; border:1px solid rgba(0,0,0,0.1); cursor:pointer; padding:14px 29px 14px; position:relative; z-index:9;}
.fees-col1 .accordion h4:first-child { border:1px solid rgba(0,0,0,0.1);}
.fees-col1 .accordion .content { width:100%; float:left; padding:10px 29px 26px;}
.fees-col1 .accordion h4:before { content:""; position:absolute; top:50%; transform:translateY(-50%); width:16px; float:right; background:url(../images/down-green-plain-arrow.svg) no-repeat top / 100%; padding:0 0 16px; right:29px;}
.fees-col1 .accordion h4.active:before { background:url(../images/right-green-plain-arrow.svg) no-repeat top / 100%;}

.faq-wrapp .accordion { width:100%; float:left; margin:0 0 40px;}
.faq-wrapp .accordion h4 { width:100%; float:left; border:1px solid rgba(0,0,0,0.1); cursor:pointer; padding:14px 36px 14px; position:relative; z-index:9;}
.faq-wrapp .accordion h4:first-child { border:1px solid rgba(0,0,0,0.1);}
.faq-wrapp .accordion .content { width:100%; float:left; padding:28px 36px 15px;}
.faq-wrapp .accordion h4:before { content:""; position:absolute; top:50%; transform:translateY(-50%); width:10px; float:right; background:url(../images/feeser-arrow1.svg) no-repeat center / cover; padding:0 0 9px; right:36px;}
.faq-wrapp .accordion h4.active:before { width:8px; padding:0 0 3px; background:url(../images/feeser-arrow2.svg) no-repeat top / 100%;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion { width:100%; margin:0 0 0;}
.accordion h4 { width:100%; padding:16px 5% 16px 5%;}
.accordion .content { width:100%; padding:2px 5% 6px 5%;}

.faqs-wrapp2 .accordion h4 { padding:14px 10% 14px 5%;}
.faqs-wrapp2 .accordion h4:before { right:5%;}
.faqs-wrapp2 .accordion .content { padding:14px 5% 8px;}

.faq-wrapp .accordion h4 { padding:14px 10% 14px 5%;}
.faq-wrapp .accordion h4:before { right:5%;}
.faq-wrapp .accordion .content { padding:28px 5% 15px;}

.fees-col1 .accordion h4 { padding:14px 10% 14px 5%;}
.fees-col1 .accordion h4:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 26px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion { width:100%; margin:0 0 0;}
.accordion h4 { width:100%; padding:16px 5% 16px 5%;}
.accordion .content { width:100%; padding:2px 5% 6px 5%;}

.faqs-wrapp2 .accordion h4 { padding:14px 10% 14px 5%;}
.faqs-wrapp2 .accordion h4:before { right:5%;}
.faqs-wrapp2 .accordion .content { padding:14px 5% 8px;}

.faq-wrapp .accordion h4 { padding:14px 10% 14px 5%;}
.faq-wrapp .accordion h4:before { right:5%;}
.faq-wrapp .accordion .content { padding:28px 5% 15px;}

.fees-col1 .accordion h4 { padding:14px 10% 14px 5%;}
.fees-col1 .accordion h4:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 26px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion { width:100%; margin:0 0 0;}
.accordion h4 { width:100%; padding:16px 5% 16px 5%;}
.accordion .content { width:100%; padding:2px 5% 6px 5%;}

.faqs-wrapp2 .accordion h4 { padding:14px 10% 14px 5%;}
.faqs-wrapp2 .accordion h4:before { right:5%;}
.faqs-wrapp2 .accordion .content { padding:14px 5% 8px;}

.faq-wrapp .accordion h4 { padding:14px 10% 14px 5%;}
.faq-wrapp .accordion h4:before { right:5%;}
.faq-wrapp .accordion .content { padding:28px 5% 15px;}

.fees-col1 .accordion h4 { padding:14px 10% 14px 5%;}
.fees-col1 .accordion h4:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 26px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.accordion h4 { padding:17px 16px 17px 24px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.accordion h4 { padding:20px 21px 20px 30px;}
}

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

}