.faq .transition, .faq li i:before, .faq li i:after, .faq p {
  transition: all 0.2s linear;
}

.faq .no-select, .faq h3 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.faq h3 {
	display: block;
    margin: 0;
    cursor: pointer;
    color: #ffffff;
    padding-right: 36px;
	padding-left: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    line-height: 18px;
	font-size: 22px;
	font-family: "roboto",Arial,Helvetica,Verdana,sans-serif;
}

.faq p {
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    z-index: 2;
    margin: 0;
    color: #ffffff;
	text-align: justify;
    padding-left: 12px;
    padding-right: 12px;
}

.faq {
  list-style: none;
  perspective: 900;
  border-top: 2px solid #ffffff;
  margin: 0;
}
.faq li {
    position: relative;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 2px solid #ffffff;
	overflow: hidden;
}
.faq li:hover {
    background-color: #888888;
}
.faq li i {
	position: absolute;
    right: 22px;
    top: 11px;
}
.faq li i:before, .faq li i:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 13px;
}
.questions-type-220 .faq li i:before, .questions-type-220 .faq li i:after {
	background-color: #5a99bd;
}
.questions-type-221 .faq li i:before, .questions-type-221 .faq li i:after {
	background-color: #ce1e1e;
}
.questions-type-222 .faq li i:before, .questions-type-222 .faq li i:after {
	background-color: #cccccc;
}
.faq li i:before {
  transform: translate(-4px, 0) rotate(45deg);
}
.faq li i:after {
  transform: translate(4px, 0) rotate(-45deg);
}
.faq li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.faq li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.faq li input[type=checkbox]:checked ~ p, .faq li input[type=checkbox]:checked ~ h3 {
    background-color: inherit !important;
}
.faq li input[type=checkbox] ~ p, .faq li input[type=checkbox] ~ h3 {
    background-color: #8888881c;
}

.faq li input[type=checkbox]:not(:checked) ~ p {
    padding-bottom: 10px;
}

.faq li input[type=checkbox]:checked ~ i:before {
  transform: translate(4px, 0) rotate(45deg);
}
.faq li input[type=checkbox]:checked ~ i:after {
  transform: translate(-4px, 0) rotate(-45deg);
}

@media screen and (max-width: 600px) {
	.faq h3 {
		font-size: 20px !important;	
	}
}