.cd-faq ul {
	list-style: none;
}
.cd-faq {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
	margin-bottom: 150px;
}

.cd-faq::before {
	content: 'mobile';
	display: none
}

.cd-faq a {
	text-decoration: none
}

@media (min-width: 64rem) {
	.cd-faq {
		position: relative;
		box-shadow: none;
		display: -ms-flexbox;
		display: flex
	}
	.cd-faq::before {
		content: 'desktop'
	}
}

.cd-faq__categories {
	padding-left: 0;
}

@media (min-width: 64rem) {
	.cd-faq__categories {
		position: -webkit-sticky;
		position: sticky;
		-ms-flex-item-align: start;
		align-self: flex-start;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		top: 100px;
		width: 20%;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
		margin-top: 1.25em;
	}
}

@media (min-width: 80rem) {
	.cd-faq__categories {
		width: 200px
	}
}

.cd-faq__category {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 2em 0 1.05em;
	color: hsl(0, 0%, 100%);
	background-color: hsl(213, 7%, 33%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	--border-color: hsl(213, 7%, 36.3%);
	border-bottom: 1px solid hsl(213, 7%, 36.3%);
	font-weight: 400!important;
	font-size: 16px!important;
}

.cd-faq__category::before,
.cd-faq__category::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	display: inline-block;
	height: 1px;
	width: 10px;
	background-color: hsl(213, 7%, 52.8%);
}

.cd-faq__category::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

li:last-child .cd-faq__category {
	border-bottom: none
}
.cd-faq__category:hover {
	color: #fff;
}
@media (min-width: 64rem) {
	.cd-faq__category {
		font-size: 0.69444em;
		font-weight: 600;
		padding: 0 1.25em;
		transition: background .2s
	}
	.cd-faq__category::before,
	.cd-faq__category::after {
		display: none
	}
	.cd-faq__category:hover {
		background: hsl(213, 7%, 36.3%);
	}
}

@media (min-width: 80rem) {
	.cd-faq__category::before {
		display: block;
		top: 0;
		right: auto;
		left: 0;
		height: 100%;
		width: 3px;
		background-color: #e31c23;
		opacity: 0;
		transition: opacity .2s
	}
}

@media (min-width: 80rem) {
	.cd-faq__category-selected {
		background: hsl(213, 7%, 26.4%);
	}
	.cd-faq__category-selected:hover {
		background: hsl(213, 7%, 26.4%);
	}
	.cd-faq__category-selected::before {
		opacity: 1
	}
}

.cd-faq__items {
	position: fixed;
	z-index: 1000;
	height: 100%;
	width: 90%;
	top: 0;
	right: 0;
	background: hsl(0, 0%, 100%);
	padding: 0 1.25em 1.25em;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) translateX(100%);
	transform: translateZ(0) translateX(100%);
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 64rem) {
	.cd-faq__items {
		z-index: 1;
		position: static;
		height: auto;
		width: auto;
		-ms-flex-positive: 1;
		flex-grow: 1;
		overflow: visible;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		padding: 0 0 0 0.75em;
		background: transparent
	}
}

.cd-faq__items--slide-in {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}


.cd-faq__group {
	padding-left: 0;
}

@media (min-width: 64rem) {
	.cd-faq__group {
		display: block;
		padding-top: 1px
	}
}


.cd-faq__title {
	margin: 1.25em 0;
}

.cd-faq__title h2 {
	text-transform: uppercase;
	font-size: 0.83333em;
	color: #464649;
	font-weight: 900;
	font-family: 'DIN';
}

@media (min-width: 64rem) {
	.cd-faq__title {
		margin-bottom: 0.75em;
	}
	.cd-faq__title h2 {
		font-size: 0.9em;
	}
}
.cd-faq__item {
    padding: 10px;
}

@media (min-width: 64rem) {
	.cd-faq__item {
		background: hsl(0, 0%, 100%);
		margin-bottom: 0.25em;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
		transition: box-shadow .2s
	}
	.cd-faq__item:hover {
		--box-shadow: hsla(210, 14%, 49%, 0.3);
		box-shadow: undefined;
	}
	@media (min-width: 64rem) {
		.cd-faq__item:hover {
			box-shadow: 0 1px 10px hsla(210, 14%, 49%, 0.3);
		}
	}
	.cd-faq__item:last-of-type {
		margin-bottom: 0
	}
}

.cd-faq__trigger {
	font-weight: 500;
	display: block;
	position: relative;
	margin: 1.25em 0 0.5em;
	color: #e31c23;
	font-size: 17px;
}

@media (min-width: 64rem) {
	.cd-faq__trigger {
		margin: 0;
		padding: 0.75em 2em 0.75em 0.75em;
	}
	.cd-faq__trigger span {
		font-size: 1.2em;
	}
	.cd-faq__trigger::before,
	.cd-faq__trigger::after {
		content: '';
		position: absolute;
		right: 24px;
		top: 50%;
		height: 2px;
		width: 13px;
		background: #e31c23;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s
	}
	.cd-faq__trigger::before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 32px
	}
	.cd-faq__trigger::after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.cd-faq__item-visible .cd-faq__trigger::before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.cd-faq__item-visible .cd-faq__trigger::after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

.cd-faq__content .text-component {
	font-size: 0.95em
}

.cd-faq__content p {
	font-size: 16px;
}

@media (min-width: 64rem) {
	.cd-faq__content {
		display: none;
		padding: 0 0.75em;
		overflow: hidden
	}
	.cd-faq__content .text-component {
		font-size: 0.75em;
		padding-bottom: 1.25em;
	}
}

.cd-faq__content--visible {
	display: block;
	margin-top:20px;
}

.cd-faq__close-panel {
	position: fixed;
	z-index: 1002;
	display: block;
	top: 11px;
	right: -40px;
	height: 40px;
	width: 40px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: right .3s
}

.cd-faq__close-panel::before,
.cd-faq__close-panel::after {
	content: '';
	position: absolute;
	top: 16px;
	left: 12px;
	display: inline-block;
	height: 3px;
	width: 18px;
	background: hsl(210, 14%, 49%);
}

.cd-faq__close-panel::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cd-faq__close-panel::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media (min-width: 64rem) {
	.cd-faq__close-panel {
		display: none
	}
}

.cd-faq__close-panel--move-left {
	right: 8px;
	transition-delay: 0.3s
}

.cd-faq__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: hsla(213, 7%, 33%, 0.8);
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s, visibility .3s;
	z-index: 999;
}

@media (min-width: 64rem) {
	.cd-faq__overlay {
		display: none
	}
}

.cd-faq__overlay--is-visible {
	visibility: visible;
	opacity: 1
}