.cd-faq-trigger { display: block; font-size: 17px; font-weight: 300; margin: 0; padding: 5px 20px 15px 20px; }
.cd-faq-group > li { position: relative; }/* -------------------------------- 

Primary style

-------------------------------- */
*,
*::after,
*::before { box-sizing: border-box; }
*::after,
*::before { content: ''; }
a { color: #7a1d59; text-decoration: none; }
.cd-faq { width: 90%; max-width: 1024px; margin: 2em auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.cd-faq::after { clear: both; content: ""; display: table; }
 @media only screen and (min-width: 768px) {
.cd-faq { position: relative; margin: 4em auto; box-shadow: none; }
}
.cd-faq-items { position: fixed; width: 90%; top: 0; right: 0; background: #ffffff; padding: 0 5% 1em; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) translateX(100%); -moz-transform: translateZ(0) translateX(100%); -ms-transform: translateZ(0) translateX(100%); -o-transform: translateZ(0) translateX(100%); transform: translateZ(0) translateX(100%); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; }
.cd-faq-items.slide-in { -webkit-transform: translateZ(0) translateX(0%); -moz-transform: translateZ(0) translateX(0%); -ms-transform: translateZ(0) translateX(0%); -o-transform: translateZ(0) translateX(0%); transform: translateZ(0) translateX(0%); }
.no-js .cd-faq-items { position: static; height: auto; width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.context_my .cd-faq-items { left: 0; position: relative; transform: translate(0px); width: 100%; padding: 0; }
.cd-faq-group > li { background: rgb(255, 255, 255) none repeat scroll 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); margin-bottom: 6px; position: relative; transition: box-shadow 0.2s ease 0s; }
}
@media only screen and (min-width: 768px) {
.cd-faq-items { position: static; height: auto; width: 100%; float: right; overflow: visible; -webkit-transform: translateZ(0) translateX(0); -moz-transform: translateZ(0) translateX(0); -ms-transform: translateZ(0) translateX(0); -o-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); padding: 0; background: transparent; }
}
@media only screen and (min-width: 1024px) {
.cd-faq-items { float: none; width: 100%; }
.no-js .cd-faq-items { padding-left: 0; }
}
.cd-faq-group.selected { display: block; }
.cd-faq-group .cd-faq-title { background: transparent; box-shadow: none; margin: 1em 0; }
.no-touch .cd-faq-group .cd-faq-title:hover { box-shadow: none; }
.cd-faq-group .cd-faq-title h2 { text-transform: uppercase; font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #bbbbc7; }
.no-js .cd-faq-group { display: block; }
@media only screen and (min-width: 768px) {
.cd-faq-group { /* all groups visible */
display: block; }
.cd-faq-group > li { background: #ffffff; margin-bottom: 6px; 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; }
}
a:focus,
a:hover { color: #7a1d59; text-decoration: none; }
.cd-faq-trigger::before,
.cd-faq-trigger::after { /* arrow icon on the right */
position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: #7a1d59; -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; font-size: 0.875rem; line-height: 1.4; color: #555; }
@media only screen and (min-width: 768px) {
.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 only screen and (max-width: 767px){
.cd-faq-trigger::before, .cd-faq-trigger::after {
	position: absolute;
	right: 14px;
	top: 32%;
	height: 2px;
	width: 13px;
	background: #7a1d59;
	-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: 22px;
}


.cd-faq-trigger {
	font-size: 15px;
	padding: 5px 30px 15px 0;
}

}