.nav a,.nav h4, .nav p{
	color: #777777;
 float: left;
    margin: 5px 0;
    padding: 0;
    width: 94%;}
.nav{                             
	float:left;
	width: 550px;
	margin:0px auto;
	overflow:hidden;
	margin-bottom:30px;
	text-align: left;
	border:1px solid;
	border-color: #ededed;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;              /*Main Color*/
}
.nav label{                       
	background: url(../images/tab-title.png) top left repeat-x;           /*Main Color*/
	color:#9b9a9a;
	display: block;
	position: relative;
	text-transform:uppercase;
	font-size:18px;
	padding:12px 10px 10px 25px;
	height: 30px;
	cursor: pointer;
	z-index: 20;
	border-top:1px solid #e3e3e3;
	transition:background-color .7s;
	-webkit-transition:background-color .7s;
	-moz-transition:background-color .7s;
	-o-transition:background-color .7s;
	-ms-transition:background-color .7s;
	font-family:"Segoe UI Symbol";
}
.nav input:checked + label,
.nav input:checked + label:hover{ 
	background: url(../images/tab-title.png) top left repeat-x;                 /*Dark Gray*/
	color:#FFFFFF;
}
.nav label i{
	display:block;
	padding:3px 17px 0 0;
	font-size:20px;
}
.nav input{
	display: none;
}
.nav input:checked + label,
.nav input:checked + label:hover{
	text-transform:uppercase;
	font-size:18px;
	padding:8px 10px 8px 25px;
	color:#9b9a9a;
	border:none;
}

/*** Right Icon ***/
.nav label i.i-right1,
.nav label i.i-right2{
	float:right;
	margin-right:15px;
	padding:6px 0 0 0;
	
	transition:all .7s;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	-o-transition:all .7s;
	-ms-transition:all .7s;
}
.nav label i.i-right2{
	display:none;
}
.nav input:checked + label i.i-right1{
	display:none;
}
.nav input:checked + label i.i-right2{
	display:block;
}

.content1{
	position: relative;
	height: 0px;
	overflow:hidden;
	z-index: 10;
	
}
.content1 p{
	padding: 10px 15px 5px 10px;
	margin-left:15px;
	color:#7F7F7F;
	width:90%;
	
}
.content1 h4{
	margin:8px 0 7px 15px;
	border-top:2px solid;
	padding-top:20px;
}
.content1 h6{
	padding:0px 15px 0px 15px;
	margin:10px;
	border-left:10px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:right;
	font-style:italic;
	font-size:17px;
	color:#7F7F7F;
	font-weight:bold;
	
}
.content1 h6 i{
	padding:0 5px;
	font-size:10px;
}
.nav input:checked ~ div.content1{
	height:auto !important;
	
}

/*** For Change Animation Effects ****/
.nav input:checked ~ .content1 p{       
	-webkit-animation: zoomIn .7s 1;
	animation: zoomIn .7s 1;
}
.nav input:checked ~ .content1 h6{       
	-webkit-animation: fadeIn 2s 1;
	animation: fadeIn 2s 1;
}