@import url(https://fonts.googleapis.com/css?family=Nunito);
@charset "UTF-8";


/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/

/* set select font css*/
#myParentSelect {
  font-size:18px;
  font-family: Arial; 
  color:#b0b0b0;
  width:325px;
  height:43px;
  border:1px solid #666;
  text-align:center;  
}
#mySelect {
  font-size:18px;
  font-family: helvetica,arial,sans-serif; 
  color:#b0b0b0;
  width:100%;
  height:100%;
  /*border:1px solid #666;
  text-align:center;  */
}
/*#mySelect option:hover{background-color:#EADF8C;}*/
		.faq-select {
			position: relative;
			font-family: helvetica,arial,sans-serif;
			display:block;
			margin:0 auto;
			font-size:18px;
			color:#b0b0b0;
			width:100%;
			height:43px;
		}

		.faq-select select {
			display: none; /*hide original SELECT element: */ 
		}

		.select-selected {
			background-color: #fff;
		}

		/* Style the arrow inside the select element: */
		.select-selected:after {
			position: absolute;
			content: "";
			top: 14px;
			right: 10px;
			width: 0;
			height: 0;
			border: 6px solid transparent;
			border-color: #fff transparent transparent transparent;
		}

		/* Point the arrow upwards when the select box is open (active): */
		.select-selected.select-arrow-active:after {
		border-color: transparent transparent #fff transparent;
		top: 7px;
		}

		/* style the items (options), including the selected item: */
		.select-items div,.select-selected {
			color: #b0b0b0;
			padding: 8px 16px;
			border: 1px solid transparent;
			border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
			cursor: pointer;
		}

		/* Style items (options): */
		.select-items {
			position: absolute;
			background-color: #fff;
			top: 100%;
			left: 0;
			right: 0;
			z-index: 99;
		}

		/* Hide the items when the select box is closed: */
		.select-hide {
			display: none;
		}

		.select-items div:hover, .same-as-selected {
			background-color: #eadf8c;
			color:#000;
		}






/* Selec option style edn */
/* FAQ - Category Section Content*/

#faq-case-section-content {
	background: #171717;	
	width: 100%;	
}

.row-content-float{
	width:100;	
}

.faq-case-banner-title {
	font-size:32px;
	font-weight:600;
	color:#fff;	
	text-align:center;
	width:100%;
	/*background-color:#b0b0b0;*/
}

/**** FAQ CASE content css ****/
.faq-case-list-content-head {
  max-width: 1140px;
  margin: auto;  
  position: relative;  
  text-align:center;
  padding:60px 2% 30px 2%;
  /*background-color:#55fdff;*/
}

/**** FAQ content css ****/
.faq-list-content-head {
  max-width: 1140px;
  margin: auto;  
  position: relative;  
  text-align:center;
  padding:30px 2% 30px 2%;
  /*background-color:#FFAC55;*/
}
.faq-list-content-head-2 {
  max-width: 1140px;
  margin: auto;  
  position: relative;  
  text-align:center;
  padding:30px 2% 30px 2%;
  /*background-color:#FFAC55;*/
}
.faq-content-head-another {
  max-width: 1140px;
  margin: 30px auto 0px auto;
  text-align:left;
  /*background-color:#FFAC55;*/
  position: relative;  
}

.faq-list-select-style-1 {
  display:block;
  /*margin:15px 15px 15px 15px;*/
  border:#666;    
}
.faq-title-show {
  display:block;
  font-size: 24px; 	
  font-weight:600;
  color:#EADF8C;  
  text-align:left;
}

.btn-collapsible-style {
  margin-right:14px;
	
}
.collapsible {
  background-color: #171717;
  color: white;
  cursor: pointer;
  padding-bottom: 14px;  
  width: 100%;
  /*border: none;*/
  border-bottom: 2px solid #EADF8C;
  border-top:none;
  border-left:none;
  border-right:none;
  text-align: left;
  outline: none;
  font-size: 22px;
  font-weight:600;
}

.active, .collapsible:hover {
  background-color: #171717;
  padding-bottom:14px;
}

.collapsible:after {
  /*content: "\expand_less";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;*/
  font-family: 'Material Icons';
  content: "expand_less";
  float: right;
  color: grey;
}

.active:after {
  content: "expand_more";  
}

.content {
  padding: 0px 30px;
  margin-bottom:60px;
  margin-top:10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #171717;
}	

.question-pic-case {
	/* pic size */
	width:100%;
}

.faq-btn {
  margin-right:15px;
  margin-bottom:-35px;
}