

#faq { 

	padding:0px 0 0px;
}

#faq input#search-input,#faq input#search-input:focus { 

	border-bottom:2px solid #e6e6e6;
	border-top:0;
	border-left:0;
	border-right:0;
	outline:0;
}

.authorization .authorization-btn+label:active,.authorization .authorization-btn+label:focus,.authorization .authorization-btn+label:hover {
	
	color:#fff;
	opacity:.8;
	text-decoration:none;
}

.authorization .authorization-btn+label:before { 

	left:-13px;
	background:url(images/button-big-bg-arrows.html) top left no-repeat;
}

.authorization .authorization-btn+label:after { 

	right:-13px;
	background:url(images/button-big-bg-arrows.html) top right no-repeat;
}

.authorization .bottom-links { 

	text-align:center;
	color:#000;
	font-size:14px;
	margin-bottom:80px;
}

#faq #search-form-block,.cabinet .confirm table { 

	margin-bottom:35px;
}

.authorization .bottom-links a { 

	color:#00b3ea;
	text-decoration:none;
}

.authorization .bottom-links a:active,.authorization .bottom-links a:focus,.authorization .bottom-links a:hover { 

	text-decoration:underline;
}

#faq #search-result-block {
	
	display:none;
	background:#f5f7f9;
	padding:20px 0 30px;
	min-height:300px;
}

#faq .search-active #search-result-block { 

	display:block;
}

#faq .search-active #faq-content-block,#faq .search-active #faq-head-block { 

	display:none;
}

#faq #search-form-block form {
	
	position:relative;
}

#faq input#search-input { 

    box-sizing: border-box;
    width: calc(100% - 170px);
    color: #fff;
    height: 55px;
    line-height: 40px;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    transition: border-color,box-shadow;
    transition-duration: .4s;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -ms-appearance: textfield;
    appearance: textfield;
    float: left;
    background: linear-gradient(135deg, #493f93 30%, #6d5fd1 100%);
    padding-left: 25px;
	border-radius: 0px;
}

#faq input#search-input::placeholder { 

	color:#e6e6e6;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
}

#faq input#search-input::-webkit-input-placeholder { 

	color:#e6e6e6;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
}

#faq input#search-input::-moz-placeholder { 

	color:#e6e6e6;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
}

#faq input#search-input:-moz-placeholder {  

	color:#e6e6e6;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
}

#faq input#search-input:-ms-input-placeholder { 

	color:#e6e6e6;
	font-size:16px;
	font-family:"Open Sans",sans-serif;
}

#faq .faq-category,#faq .result_block h4 { 

	color:#000;
	position:relative;
	text-transform:uppercase;
}

#faq #search-form-block #clear-search { 

float: right;
    background: #493f93;
    color: #fff;
    border: 1px solid #6b5dcd;
    padding: 10px 16px;
    font-size: 16px;
    outline: none;
    box-shadow: inset 0 0 0 0 #493f93;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Bai Jamjuree', sans-serif;
    border-radius: 5px;
    margin-top: 4px;
}

#faq #search-form-block #clear-search.visible { 

	opacity:.5;
}

#faq #search-form-block #clear-search:hover { 
    opacity: .85;
    transition-duration: .1s;
    background: #6658c5;
    color: #fafafa;
    border: 1px solid #6a5ccb;
}

#faq .result_block { 

	border:1px solid #eff2f4;
	background:#fbfcfd;
	padding:20px;
	margin-bottom:10px;
}

#faq .result_block h4 { 

	font-size:18px;
	margin:0 0 15px;
}

#faq #faq-head-block { 

	text-align:center;
}

#faq .faq-category { 

	display:inline-block;
	width:calc(100% - 74px);
	padding-top:100px;
	text-align:center;
	height:136px;
	cursor:pointer;
	color:#fff;
}

#faq .faq-category span { 

	position:relative;
	left:50%;
	transform:translateX(-50%);
	display:block;
	z-index:10;
	width:120px;
	font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

#faq .faq-category span::after { 

	content:'';
	display:inline-block;
	position:absolute;
	top:-89px;
	width:80px;
	height:80px;
	left:50%;
	background-position:center;
	margin-left:-40px;
}

#faq .faq-category::after,#faq .faq-category::before { 

	content:'';
	display:block;
	position:absolute;
	width:37px;
	height:136px;
}

#faq .faq-category::after { 

	
	top:0;
	right:-36px;
}

#faq .faq-category::before { 

	top:0;
	left:-36px;
	
}

#faq .faq-category.company { 

	background:url(images/company.png) center no-repeat #493f93;
	background-position-y:20px;
}

#faq .faq-category.account { 

	background:url(images/account.png) center no-repeat #493f93;
	background-position-y:20px;
}

#faq .faq-category.investments {
	 
	background:url(images/investments.png) center no-repeat #493f93;
	background-position-y:20px;
}

#faq .faq-category.partnership { 

	background:url(images/partnership.png) center no-repeat #493f93;
	background-position-y:20px;
}

#faq .faq-category.active,#faq .faq-category:hover {
	
    color: #0be0d8;
    background: #201363;
    background-position-y: 0;
}

/*#faq .faq-category.active::after,#faq .faq-category:hover::after {
	
	background:url(images/faq-cagory-after-active.png) right center no-repeat;
}

#faq .faq-category.active::before,#faq .faq-category:hover::before {
	
	background:url(images/faq-cagory-after-active.png) left center no-repeat;
}*/

#faq .faq-category.active.company span::after,#faq .faq-category:hover.company span::after {
	
	background:url(images/company-active.png) center no-repeat;
}

#faq .faq-category.active.account span::after,#faq .faq-category:hover.account span::after {
	
	background:url(images/account-active.png) center no-repeat;
}

#faq .faq-category.active.investments span::after,#faq .faq-category:hover.investments span::after {
	
	background:url(images/investments-active.png) center no-repeat;
}

#faq .faq-category.active.partnership span::after,#faq .faq-category:hover.partnership span::after {
	
	background:url(images/partnership-active.png) center no-repeat;
}

#faq #faq-content-block {
	
	padding:40px 0 100px;
}

#faq .faq .question_block {
	
	display:block;
	background: linear-gradient(135deg, #493f93 30%, #6457c3 100%);
	margin:0 auto 20px;
	width:calc(100% - 36px);
	position:relative;
	transition:0.7s;
}

#faq .faq .question_block.active,#faq .faq .question_block:hover {
    background: linear-gradient(135deg, #6054bc 30%, #493f93 100%);
    transition: 0.7s;
}

#faq .faq .question_block.active .question::after,#faq .faq .question_block:hover .question::after {
	
	background:url(images/faq-question-after-active.html) right center no-repeat;
}

#faq .faq .question_block.active .question::before,#faq .faq .question_block:hover .question::before {
	
	background:url(images/faq-question-after-active.html) left center no-repeat;
}

#faq .faq .question_block .question::after,#faq .faq .question_block .question::before {
	
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:18px;
	height:58px;
}

#faq .faq .question_block .question::after {
	
	background:url(images/faq-question-after.html) right center no-repeat;
	right:-18px;
}


#faq .faq .question_block .question::before {
	
	background:url(images/faq-question-after.html) left center no-repeat;
	left:-18px;
}
	
#faq .faq .question_block .question h4 {
	
	font-weight: 600;
    color: #fff;
    font-size: 17px;
    min-height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    position: relative;
    padding: 10px 30px 10px 20px;
    font-family: 'Bai Jamjuree', sans-serif;
}

#faq .faq .question_block .question h4:before {
	
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
	content:"\f107";
	font-family:FontAwesome,sans-serif;
	color:#fff;
	width:20px;
	height:20px;
	text-align:center;
	font-size:18px;
	line-height:18px;
}

#faq .faq .question_block.active .question h4,#faq .faq .question_block:hover .question h4 {
	
	color:#fff;
}

#faq .faq .question_block.active .question h4:before,#faq .faq .question_block:hover .question h4:before {
	
	content:"\f106";
	color:#fff;
}

#faq .faq .question_block .answer {
	
	background-color:#fff;
	width:calc(100% - 4px);
	margin:2px auto 0;
	position:relative;
	top:-2px;
	padding:35px 20px;
}

#faq .faq .question_block .answer p {
	
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 400;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
}

#faq .faq .question_block .answer p:last-child {
	
	margin-bottom:0;
}

#faq .faq .question_block .answer p b {
	
	font-weight:500;
}

#faq .faq .question_block .answer li {
	
    list-style-image: url(images/li-image.html);
    list-style-position: inside;
    font-family: 'Exo 2', sans-serif;
    padding: 4px 0px;
    color: #000;
}

#faq .faq .question_block .answer a {
	
	color:#2807fb;
}

#faq .faq-block {
	
	display:none;
}

#faq .highlight {
	
	padding:0 4px;
}

@media (max-width:767px){
	section.homepage { 
		overflow:hidden;
	}
	#faq { 
		padding-top:30px;
	}
	#faq .faq .question_block .question h4:before {
		right:10px;
	}
	#faq .faq .question_block .answer {
		padding:10px;
	}
	#faq .faq .question_block .question::after,#faq .faq .question_block .question::before {
		display:none;
	}
	#faq .faq-category { 
		margin-bottom:30px;
	}
}

@media (max-width:420px) { 
	#faq .faq-category {
		width:100%;
	}
	#faq .faq-category::after,#faq .faq-category::before {
		display:none;
	}
}










