@charset "utf-8";
/* CSS Document */
body{
		margin:0;
		font-size:62.5%;
		}
		
		html{
		font-family:"Lucida Sans", san-serif; }

*{
	box-sizing: border-box;
	}
	
/* Clear floats */
.row:after {
  content: "";
  display: table;
  clear: both;
}
			
	[class*="col-"]{
		float:left;
		padding: .86em;
		}
		

/* Style the buttons that are used to open and close the accordion panel */
 .accordion {
  background-color: #87c7cd;/* bg turquoise blue #87c7cd */
  color: #444;
  cursor: pointer;
  padding:.5em .5em .5em 1em;
  width: 100%;
  text-align: left;
  border:#6AFFB5 thin solid;
  outline: none;
  transition: 0.4s;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
 .accordion p{
font-size: 1.4em;
}

 

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .active:hover {
  background-color: #A6FFFF;/* bg light blue #87c7cd */
 }

.active {
	background-color:#FC3;
}

.highlight.active {
	border:#FF3 thin solid;
	
	}

/*ads plus */

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 6px;
}

/*ads  minus*/
.accordion.active:after {
    content: "\2212";
	}










/* Style the accordion panel. Note: hidden by default */


.panel {
  padding: 0 18px;
  background-color: white;
  color:#333;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
  
.panel p{
font-family:"Times New Roman", Times, serif;
		font-size:1.6em;
		}	
	 
	
.panel h2{
	font-size: 1.8em;
	font-family:Tahoma, Geneva, sans-serif;
	} 
	
/**************** h3 using for sub heads ************************/	
	.panel h3{
	font-size: 1.6em;	
	font-family:Tahoma, Geneva, sans-serif;
	}
	
/**************** h4 using for reflection headline************************/
	.panel h4{
	font-size: 1.6em;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF1D25;
	font-weight:300;
		} 
		
		
		.bodyText{
			font-family:"Times New Roman", Times, serif;
			font-size:1.8em;
			color:#444;
			line-height:1.6em;
			text-align:justify;
			}
		
	.smallBoldTxt{
			font-size:.8em;
			font-weight:bold;
			line-height:normal;
			}	
		.smallTxt{
			font-size:.8em;
			line-height:normal;
			}
			
			/*classes for text colors , weight&style*/
		.red{color:#FF1D25;}
		.teal{color:#1CA7B3;}
		.green{color:#37A100;}
		.green2{color:#4CAF50;}
		.yellow{color:#37A100;}
		.purple{color:#309;}
		.blue{color:#069;}
		.brown{color:#804000;}
		.rose{color:#936;}
		.green3{color:#7AC943}
		.gray{color:#666}
		.bold{font-weight:bold;}
		.semi{font-weight:500;}
	
		
		