/* -------------------------------- 

Primary style

-------------------------------- */

*, *::after, *::before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 *::after, *::before {
 content: '';
}

/* -------------------------------- 
-------------------------------- */
.cd-faq-group > li { background:#fafafa; margin-bottom:10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.no-touch .cd-faq-group > li:hover { box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3); }
.cd-faq-group .cd-faq-title { margin: 2em 0 1em; }
.cd-faq-group:first-child .cd-faq-title { margin-top: 0; }
.cd-faq-trigger { position: relative; display: block; margin:1.6em 0 .4em; line-height: 1.2; }
.cd-faq-trigger { font-size:24px; font-weight:300; color:#1c499e; margin:0; padding:24px 72px 24px 24px; }
 .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
 right: 24px;
 top: 50%;
 height: 2px;
 width: 13px;
 background: #1c499e;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 transition-duration: 0.2s;
}
 .cd-faq-trigger::before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 right: 32px;
}
 .cd-faq-trigger::after {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .content-visible .cd-faq-trigger::before {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .content-visible .cd-faq-trigger::after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
.cd-faq-content p { font-size:16px; line-height: 1.4; color: #6c7d8e; }
.cd-faq-content { display: none; padding: 0 24px 30px; }
.cd-faq-content p { line-height: 1.6; }
.no-js .cd-faq-content { display: block; }
 @media (max-width:1024px) {
.cd-faq-group > li { background:#fafafa; margin-bottom:5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.no-touch .cd-faq-group > li:hover { box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3); }
.cd-faq-group .cd-faq-title { margin: 2em 0 1em; }
.cd-faq-group:first-child .cd-faq-title { margin-top: 0; }
.cd-faq-trigger { position: relative; display: block; margin:1.6em 0 .4em; line-height: 1.2; }
.cd-faq-trigger { font-size:16px; font-weight:300; color:#1c499e; margin:0; padding:14px 72px 14px 24px; }
 .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
 right: 24px;
 top: 50%;
 height: 2px;
 width: 13px;
 background: #1c499e;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 transition-duration: 0.2s;
}
 .cd-faq-trigger::before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 right: 32px;
}
 .cd-faq-trigger::after {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .content-visible .cd-faq-trigger::before {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .content-visible .cd-faq-trigger::after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
.cd-faq-content p { font-size:14px; line-height: 1.4; color: #6c7d8e; }
.cd-faq-content { display: none; padding: 0 24px 30px; }
.cd-faq-content p { line-height: 1.6; }
.no-js .cd-faq-content { display: block; }
}