
	#faq > div.faq_category,
	#faq .question,
	#more-answers > div > * { 
		float:left; 
		width:100%; 
	}
	
	#more-answers > div > div,
	#more-answers > div > div > div,
	#more-answers > div > div > div > * {
		display:flex;
		display:-webkit-flex;
	}	
	
	#more-answers > div > div {
		flex-flow: wrap;
		margin-bottom:4rem;
	}
	
	#categories li a {
		font-size: 1.6em;
	}
	
	
	#faq {
		background-color: var(--pale-sky);
	}

	#faq > div.faq_category {
		margin-top:2em; 
	}
		
	#faq .question h3 { 
		display: inline-block;
		margin: 0px 0px 5px 0px;
	}	

	#faq .question svg { 
		fill: var(--pale-sky);
		transition-property: background, fill, opacity, transform;
		transition-duration: .3s;
	}		

	#faq .question svg { 
		margin-right:6px;
		vertical-align: baseline;
	}	

	#faq .question.sel svg { 
		fill: var(--purple-dark); 
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	
	
	#faq .ans {
		background-color: var(--white);
		border-radius: 5px;
		color: #141E2F;
		display: none;
		font-size: calc(12px + 0.3vw);
		margin-bottom: 20px;
		padding: 0px 20px;
	}
	
	#faq .ans a {
		color:inherit;
	}
	
	#faq .ans p {
		margin:10px 0 10px;
	}
	
	#faq .sel *,
	#faq .sel h3 { 
		color: #57226c; 
	}
	
	#faq .sel *,
	#faq .sel h3,
	#faq h2,
	#faq > label,
	#more-answers h2,
	#more-answers h3 { 
		font-weight:600; 
	}

	#faq h2 { 
		margin-bottom: 10px;
	}


	#faq .question { 
		margin-bottom:0px; 
		padding:10px 15px 10px 0px;
	}
	
	
	#faq > label {
		color: var(--white);
	}
	
	#more-answers > div > div > div > * p {
		margin-bottom:25px;
	}

	#more-answers h2 {
		margin-bottom:5px;
	}
	
	#more-answers h3 {
		color: --var(text);
		margin-top:10px;
	}

	#more-answers img.icon {
		height: 45px;
		margin:15px auto 20px auto;
		transition: transform .3s ease-in-out;
	}
	
	#more-answers div a > span {
		background-color: var(--purple-dark);
		border-radius: 4px;
		color:var(--white);
		font-size:1.6em;
		margin:auto 0px 10px 0px;
		padding:10px 20px;
		text-align:center;
		width:100%;
	}


	#more-answers > div > div > div {
		margin-top:20px;
	}

	#more-answers > div > div > div > a {		
		flex-direction:column;
		-webkit-flex-direction:column;
		transition: transform .2s ease-in-out;
		border-radius: 5px;
		color: #141E2F; 	
		padding: 5px 15px;
	}
	
	#more-answers > div > div > div > a {
		background-color: var(--white);
		border-radius: 3px;
		box-shadow: 0 0 0 rgba(150,150,170,0);
	}	

	#more-answers > div > div > div > a:hover { 
		-webkit-transform: translate(0px, -10px);
		-moz-transform: translate(0px, -10px);
		-o-transform: translate(0px, -10px);
		box-shadow: 0 10px 25px rgba(100,100,120,0.2);
		text-decoration:none;
	}

	#more-answers > div > div > div > a:hover span { 
		background-color: var(--purple-darkest);
	}
	
	#more-answers a:hover img.icon {
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
	}
		

	#more-answers,
	#more-answers * {
		justify-content:center;
		-webkit-justify-content:center;
		text-align:center;
	}

	#more-answers {
		background-color:var(--pale-sky);
		padding-bottom: 30px;
		padding-top:4rem;
	}	

	
	#faq-page footer {
		margin-top: 0px;
	}


	@media screen and (max-width:992px) {
		body#faq-page #faq {
			padding: 0px 20px;
		}

		body#faq-page #faq > label {
			display: inline-block;
			margin-bottom: 15px;
		}

		body#faq-page #faq > div.faq_category {
			margin-top: 20px;
		}

		body#faq-page #faq h2 {
			margin-bottom: 0px;
		}

		body#faq-page #faq .question {
			display: -webkit-flex;
			display: flex;
			padding: 15px 0px;
		}

		body#faq-page #faq .question h3 {
			font-size: 20px;
			line-height: 1.4;
			margin: 0px;
		}

		body#faq-page #faq .question svg {
			fill: var(--purple-lt);
			margin: 7px 10px 10px 0px;
		}

		#faq > label,
		#more-answers h3 {
			font-size:24px;
		}


		#faq .ans {
			background-color: var(--white);
			color: #141E2F;
			border:none;
			font-size: 16px;
			font-weight: 400;
			margin-bottom: 20px;
			padding: 0px 20px 5px 20px;
		}

		body#faq-page #faq .ans p {
			margin: 15px 0px;
		}
		
		#faq #categories {
			display:flex;
			display:-webkit-flex;
			flex-flow:row wrap;
			-webkit-flex-flow:row wrap;
		}
		
		#faq #categories li {
			background-color: var(--steam);
			border:3px solid var(--white);
			font-weight: 600;
			margin-left:0px;
			padding:6px 10px;
			width:50%;
		}
		
		#faq #categories li a {
			font-size:16px;
		}
		
		#faq-page .visiting_us {
			display:none !important;
		}
		
		.btn_message_us {
			background-color: rgba(230, 239, 255, 0.1);
			border: 1px solid rgba(200,200,200,0.5);
			box-shadow: none;
			margin: 0px 5px;
			padding: 3px 15px;
		}
		

		body#faq-page.tony #header {
			padding: 0px 20px 15px 20px;
		}

		body#faq-page.tony #header h1 {
			color: var(--white);
			font-size: 34px;
			line-height: 1.1;
			margin: 0px;
			order: 0;
			position: absolute;
			top: 90px;
			width: calc(100% - 40px);
		}

		body#faq-page.tony #header h1 + p {
			/*font-size: 20px;
			line-height: 1.4;
			margin: 0px 0px 20px 0px;*/
			display: none;
		}


		body#faq-page.tony #how h2 {
			color: var(--purple-on-white);
		}
		
		body#faq-page.tony #header p {
			color: var(--text);
		}
		
		body#faq-page.tony .bnr_btn a > svg {
			fill: var(--purple-dark);
		}
		
		body#faq-page.tony .bnr_btn .asset.button {
			left: unset;
			margin: 15px 0px 0px 15px;
			padding: 10px 15px 10px 50px;
			position: relative;
		}


		body#faq-page.tony .bnr_btn {
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		
		body#faq-page.tony #header > picture {
       		border-radius: 10px;
			margin-bottom: 20px;
			order: 1;
			position: relative;
		}
		
		body#faq-page.tony #header #p-tile {
       		order: 2;
		}

		body#faq-page.tony .bnr_btn .prop_tile {
			border: none;
			margin: 0px 0px 15px 0px;
			min-height: auto;
			width: 100%;
		}

		body#faq-page.tony .bnr_btn .prop_tile:nth-child(1) {
			background: var(--offwhite) linear-gradient(205deg, rgba(136, 10, 151, 6%) 0%, rgba(255, 255, 255, 0) 67%);
		}

		body#faq-page.tony .bnr_btn .prop_tile:nth-child(2) {
			background: var(--steam) linear-gradient(235deg, rgba(136, 10, 151, 5%) 0%, rgba(255, 255, 255, 0) 47%);			
		}

		body#faq-page.tony .bnr_btn .prop_tile:nth-child(3) {
			background: var(--offwhite) linear-gradient(335deg, rgba(136, 10, 151, 5%) 0%, rgba(255, 255, 255, 0) 77%);
		}

		body#faq-page.tony .bnr_btn a:last-child .prop_tile {
			margin-bottom: 0px;
		}

		body#faq-page.tony .bnr_btn .prop_tile .asset.button svg {
			margin-left: auto;
		}

		body#faq-page.tony .bnr_btn a > svg {
			bottom: 28px;
			height: 30px;
			left: 20px;
			margin: auto;
			position: absolute;
			width: 40px;
			z-index: 1;
		}

		body#faq-page.tony .bnr_btn .prop_tile p {
			font-size: 1.2rem;
			padding: 15px 25px 20px 24px;
		}

		body#faq-page.tony #how {
			background: none;
			order: 2;
			padding: 0px 0px 15px 0px;
		}

		body#faq-page.tony #categories {
			margin: 0px;
			padding: 0px 0px 0px 15px;
		}

		body#faq-page.tony #categories li {
			border-color: var(--purple-lt);
			margin: 8px 15px 8px 0px;
			padding: 8px 10px;
			width: auto;
		}

		body#faq-page.tony #categories li:last-child {
			margin-bottom: 0px;
		}

		body#faq-page.tony #categories li a {
			color: var(--purple-on-white);
			font-size: 18px;
			line-height: normal;
		}
		
		body#faq-page.tony #how li svg {
			fill: var(--pink);
			margin-left: 10px;
			opacity: 1;
		}
		
		
		body#faq-page.tony #more-answers img.icon {
			height: 50px !important;
		}


		#more-answers > div > div > div {
			padding: 0;
		}
		
		#more-answers h3 {
			margin-top: 0px;
		}
		
		#more-answers > div > div {
			margin-bottom: 2rem;
		}
		
		body#faq-page.tony .contact_mode p,
		#more-answers div a > span {
			font-size: 1.2rem;
		}
		
		#more-answers div a > span {
			font-weight: 500;
		}
	}
	
	
	
	@media screen and (min-width:992px) {
		#faq .question:hover svg { 
			fill: #9020bd; 
		}

		#faq .question:hover h3 { 
			cursor:pointer; 
		}
	}
