/* body-container styles */
.body-container {overflow: hidden;}
.body-container .content-container {min-height: 400px; margin: 1px 0 1px 0;}
.body-container .content-container .inner {height: 100%; position: relative;}
.body-container .content-container .inner .max-width {height: auto; min-height: 500px; padding: 0; display: flex;}
.body-container .content-container .inner .max-width:before,
.body-container .content-container .inner .max-width::before {content: ""; width: calc((100% - 1110px) / 2); height: 100%; background-color: #eee; position: absolute; left: 0; top: 0;}
.body-container .content-container .inner .max-width .left {height: auto; background-color: #eee; padding: 20px 15px 20px 0; font-size: 17px; line-height: 25px;}
.body-container .content-container .inner .max-width .right {padding: 20px; line-height: 24px;}

/* faq-item styles */
.faq-item {width: 100%; margin: 0 0 9px 0;}
.faq-item .question {font-family: "Raleway", Arial, sans-serif; width: 100%; height: 46px; line-height: 46px; font-size: 25px; background: #f4f4f4 url(../images/icons-faq-arrows.png) scroll no-repeat 20px 0; padding: 0 20px 0 42px; overflow: hidden; text-overflow: ellipsis;}
.faq-item .question.expanded {background-position: 20px -46px; background-color: #d6e2f1;}
.faq-item .question a {color: #3c6695; text-decoration: none; display: inline-block; width: 100%;}
.faq-item .answer {display: none; width: 100%; padding: 0 42px;}

@media all and (max-width: 500px) {
    .body-container .content-container {margin: 1px 0 20px 0;}
    .body-container .content-container .inner .max-width {display: block;}
    .body-container .content-container .inner .max-width div {float: none !important; width: 100%; padding: 10px !important; margin: 0; text-align: left !important;}
    .body-container .content-container .inner .max-width .left img {display: none;}

    .body-container .content-container .inner .max-width div.faq-item {padding: 0 0 10px 0 !important;}
    .body-container .content-container .inner .max-width .faq-item div.question {padding: 5px !important;}
    .body-container .content-container .inner .max-width .faq-item div.answer {padding: 0 5px !important;}
    .faq-item .question {height: auto; line-height: 25px; font-size: 20px; background-image: none; background-color: #d6e2f1;}
    .faq-item .answer {display: block;}
}