@media
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) ,
	only screen and (min-width:481px) and (max-width:767px)  
{
.dn .relTopAcrd	{
	background: #fff;
    border-top: 0 solid red; 
}

.dn .jContainer.acrd01 {background:#fff; padding:0 0; }
.dn .jContainer.acrd01 .container {background:#fff; }

.dn .acrd01 .secHdr{
	padding: 35px 0 35px 15px;
    border-left: 5px solid rgb(0, 70, 100);
    margin: 0;
        background: rgba(253, 172, 2, 1 );
}	

.dn .acrd01 .secHdr .heading {
    border-left: 0 solid crimson;
    padding: 0 0 0 0;
}

#accordian1 {
    padding: 0 0 0 0;
    border-top: 0 solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

#accordian1 .article .header {
		background: rgba(255, 210, 12,1); 
		padding:15px;
		box-shadow:none;
		border-bottom: 1px solid rgba(255, 153, 0, 1); 
}

#accordian1  .article .header  .heading {
	overflow:hidden;
	cursor: pointer;
	border:0px solid #333;
	background:pink-xx;
	justify-content:flex-start;
	font-size: 1.2em;
}

#accordian1  .article .header .heading .bulet01 {
	position:relative; 
	top:0;
	width:27px;
	height:27px;
	overflow:hidden;
}

#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:before {
	/* header bulet01 */
    position:relative;
	border-radius: 0;
    width: 27px;
    height: 27px;
    border: 1px solid #fff;
	top: 0;
    left: 0;
    transform: rotate(0deg);
	overflow:hidden;
}
#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:after {
	/* header bulet01 */
    width: 12px;
    height: 12px;
    position: relative;
    top: -20px;
    left: 4px;
    border: 1px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    transform: rotate(45deg);
    border-radius: 0;
}

#accordian1 .heading .cptn {		margin: 0 0 0 12px	}

#accordian1 .heading .clsBtn{
 		background:transparent; 
		border-radius:200px;
		border:0px solid #ddd; 
		width:28px;
		height:28px;
		xx-box-shadow:0px 0px 1px 0px #999 inset;
		box-shadow:none;
		padding: 6px 3px 0px 6px;
		margin-left:auto;
		display:block;
		position: relative;
		top: 0;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before,
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {
    content: " ";
    border-top: 0px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    top: 0px;
    background: crimson;
    right: 0;
    width: 0px;
    height: 1px;
    transform: rotate(0deg);
	top:13px;
	left:2px;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg);    }
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg);}

/* hide the non active LIs by default*/
#accordian1 .article .header + .acrdDD {		display: none; }

#accordian1 .article .artBdy {
		background:#fff; 
		padding:15px 15px;
		margin:0;
}
/* hover start */

#accordian1 .article .header:hover { background:#ffd20c; cursor:pointer;  transition:all .2s ease-in-out;}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid crimson;
	background: crimson;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:after {
	border-top-color: #fff;
    border-right-color: #fff;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading {
	color:red; box-shadow:0px 0px 0px 0px #fff inset ; transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:before ,
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:after {    
	background:crimson; transition:all .2s ease-in-out;
}

/* hover ends */

#accordian1 .articleOpen {
	padding:0; 
	background:rgba(241,242,243, 0.5);
	box-shadow:5px 5px 15px -5px #999, 0px 0px 5px 0px #ddd;
	margin: 0 0 50px 0;
}
#accordian1 .articleOpen .header {		background:#ffd20c;	}

#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid #fff;
	background:#fff;
}
#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:after {	
	transform: rotate(135deg);
	top: -23px;
	left: 7px;
	border-top-color: #f00;
    border-right-color: #f00;
}

#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg); display:none}
#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg); background:crimson; top:13px; left:2px}

#accordian1 .article.articleOpen .artBdy {		background:#fffefd; 	}

#accordian1 .acrdDD .artBdy .fig > img {
	display:			block;
	margin:			10px 0 15px 10px;
	float:				right; 
	width:				400px; 
	background:		#f1f2f3; 
	border:				1px solid #dde; 
	padding:			5px;
}

#accordian1 .acrdDD .artBdy .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artBdy .lst .lst {    margin: 0 0 10px 20px; }
#accordian1 .acrdDD .artBdy .lst .lil1 {
    list-style-type: none;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
}

#accordian1 .acrdDD .artBdy .lst .lil1:before { display:none; }
#accordian1 .acrdDD .artBdy .lst .lil1:after {
    top: 12px;
    border-left-color: #789;
}

#accordian1 .acrdDD .artftr {padding:0 0; background: #fff; padding-bottom:0;  margin:0;}
#accordian1 .acrdDD .artftr .lst {    margin: 0 0 0 0; }
#accordian1 .acrdDD .artftr .lst .lil1 {
    list-style-type: none;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
	padding: 5px 10px;
    display: block;
    line-height: 1;
    font-size: .9em;
    background: crimson;
	border:1px solid transparent;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover {}

#accordian1 .acrdDD .artftr .lst .lil1 .iLnk {
	color:#fff; 
	line-height:1.25em; 
	transition:all .5s ease-in-out;
	border-bottom:none;
}
/* #accordian1 .acrdDD .artftr .lst .lil1:hover .iLnk {color:red; transition:all .5s ease-in-out} */

#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:before {border-color:red; background:red; transition:all .5s ease-in-out}
#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:after {border-top-color:#fff; border-right-color:#fff; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:before {
    width: 14px;
    height: 14px;
    border: 1px solid #7fb11b;
    top: 7px;
    left: 0;
    transform: rotate(0deg);
    position: absolute;
    display: inline-block;
    border-radius: 100%;
	display:none;
}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:after {	
	top: 11px;
	left: 2px;
	border-top-color: #95c906;
	border-right-color: #95c906;
	position: absolute;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	display: inline-block;
	border-left-color: transparent;
	display:none;
}

/* accordian x319 i320-x480-P i320-x480-L i481-x767 */
}


@media only screen and (min-width:768px) and (max-width:991px) {

.dn .relTopAcrd	{
	background: #fff;
    border-top: 0 solid red; 
}

.dn .jContainer.acrd01 { background:#fff; padding: 25px 0; }
.dn .jContainer.acrd01 .container {background:#fff; }

.dn .acrd01 .secHdr{
	padding: 25px 0 25px 0;
    border-left: 0 solid crimson;
    margin: 0;
    background: #fff;
}	

.dn .acrd01 .secHdr .heading {
    border-left: 5px solid crimson;
    padding: 0 0 0 20px;
}

#accordian1 {
    padding: 25px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

#accordian1 .article .header {
		background:#fff; 
		padding:15px;
		box-shadow:none;
		border-bottom: 1px solid #eef;
}

#accordian1  .article .header  .heading {
	overflow:hidden;
	cursor: pointer;
	border:0px solid #333;
	background:pink-xx;
	justify-content:flex-start;
}

#accordian1  .article .header .heading .bulet01 {
	position:relative; 
	top:0;
	width:27px;
	height:27px;
	overflow:hidden;
}

#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:before {
	/* header bulet01 */
    position:relative;
	border-radius: 0;
    width: 27px;
    height: 27px;
    border: 1px solid #aaa;
	top: 0;
    left: 0;
    transform: rotate(0deg);
	overflow:hidden;
}
#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:after {
	/* header bulet01 */
    width: 12px;
    height: 12px;
    position: relative;
    top: -20px;
    left: 4px;
    border: 1px solid transparent;
    border-top-color: blue;
    border-right-color: blue;
    transform: rotate(45deg);
    border-radius: 0;
}

#accordian1 .heading .cptn {		margin: 3px 0 0 25px	}

#accordian1 .heading .clsBtn{
 		background:transparent; 
		border-radius:200px;
		border:0px solid #ddd; 
		width:28px;
		height:28px;
		xx-box-shadow:0px 0px 1px 0px #999 inset;
		box-shadow:none;
		padding: 6px 3px 0px 6px;
		margin-left:auto;
		display:block;
		position: relative;
		top: 0;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before,
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {
    content: " ";
    border-top: 0px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    top: 0px;
    background: #ddd;
    right: 0;
    width: 0px;
    height: 0.15em;
    transform: rotate(0deg);
	top:13px;
	left:2px;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg);     height: 0.2em;}
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg);}

/* hide the non active LIs by default*/
#accordian1 .article .header + .acrdDD {		display: none; }

#accordian1 .article .artBdy {
		background:#fff; 
		padding:15px 65px 0 65px;
		margin:0;
}
/* hover start */

#accordian1 .article .header:hover { background:#ffd20c; cursor:pointer;  transition:all .2s ease-in-out;}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid crimson;
	background: crimson;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:after {
	border-top-color: #fff;
    border-right-color: #fff;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading {
	color:red; box-shadow:0px 0px 0px 0px #fff inset ; transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:before ,
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:after {    
	background:crimson; transition:all .2s ease-in-out;
}

/* hover ends */

#accordian1 .articleOpen {
	padding:0; 
	background:rgba(241,242,243, 0.5);
	box-shadow:5px 5px 15px -5px #999, 0px 0px 5px 0px #ddd;
	margin: 0 0 50px 0;
}
#accordian1 .articleOpen .header {		background:#ffd20c;	}

#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid #fff;
	background:#fff;
}
#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:after {	
	transform: rotate(135deg);
	top:-23px;
	left:7px;
	border-top-color: #f00;
    border-right-color: #f00;
}

#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg); display:none}
#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg); background:crimson; top:13px; left:2px}

#accordian1 .article.articleOpen .artBdy {		background:#fffefd; 	}

#accordian1 .acrdDD .artBdy .fig > img {
	display:			block;
	margin:			10px 0 15px 10px;
	float:				right; 
	width:				300px; 
	background:		#f1f2f3; 
	border:				1px solid #dde; 
	padding:			5px;
}

#accordian1 .acrdDD .artBdy .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artBdy .lst .lst {    margin: 0 0 10px 20px; }
#accordian1 .acrdDD .artBdy .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
}

#accordian1 .acrdDD .artBdy .lst .lil1:before { display:none; }
#accordian1 .acrdDD .artBdy .lst .lil1:after {
    top: 10px;
    border-left-color: #789;
}

#accordian1 .acrdDD .artftr {padding:0 65px; background: #fff; padding-bottom:10px;  margin:0;}
#accordian1 .acrdDD .artftr .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artftr .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
	border:1px solid transparent;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover {}
#accordian1 .acrdDD .artftr .lst .lil1 .iLnk {
	color:#95c906; 
	line-height:1.25em; 
	transition:all .5s ease-in-out;
	border-bottom:none;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover .iLnk {color:red; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:before {border-color:red; background:red; transition:all .5s ease-in-out}
#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:after {border-top-color:#fff; border-right-color:#fff; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:before {
    width: 14px;
    height: 14px;
    border: 1px solid #7fb11b;
    top: 2px;
    left: 0;
    transform: rotate(0deg);
    position: absolute;
    display: inline-block;
    border-radius: 100%;
}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:after {	
	top: 6px;
	left: 2px;
	border-top-color: #95c906;
	border-right-color: #95c906;
	position: absolute;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	display: inline-block;
	border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0;
}

/* accordian i768-x991 */
}




@media only screen and (min-width:992px) and (max-width:1199px) {

.dn .relTopAcrd	{
	background: #fff;
    border-top: 0 solid red; 
}

.dn .jContainer.acrd01 {background:#fff; padding:50px 0; }
.dn .jContainer.acrd01 .container {background:#fff; }

.dn .acrd01 .secHdr{
	padding: 25px 0 25px 0;
    border-left: 0 solid crimson;
    margin: 0;
    background: #fff;
}	

.dn .acrd01 .secHdr .heading {
    border-left: 5px solid crimson;
    padding: 0 0 0 20px;
}

#accordian1 {
    padding: 50px 0 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

#accordian1 .article .header {
		background:#fff; 
		padding:15px;
		box-shadow:none;
		border-bottom: 1px solid #eef;
}

#accordian1  .article .header  .heading {
	overflow:hidden;
	cursor: pointer;
	border:0px solid #333;
	background:pink-xx;
	justify-content:flex-start;
}

#accordian1  .article .header .heading .bulet01 {
	position:relative; 
	top:0;
	width:27px;
	height:27px;
	overflow:hidden;
}

#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:before {
	/* header bulet01 */
    position:relative;
	border-radius: 0;
    width: 27px;
    height: 27px;
    border: 1px solid #aaa;
	top: 0;
    left: 0;
    transform: rotate(0deg);
	overflow:hidden;
}
#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:after {
	/* header bulet01 */
    width: 12px;
    height: 12px;
    position: relative;
    top: -20px;
    left: 4px;
    border: 1px solid transparent;
    border-top-color: blue;
    border-right-color: blue;
    transform: rotate(45deg);
    border-radius: 0;
}

#accordian1 .heading .cptn {		margin: 3px 0 0 25px	}

#accordian1 .heading .clsBtn{
 		background:transparent; 
		border-radius:200px;
		border:0px solid #ddd; 
		width:28px;
		height:28px;
		xx-box-shadow:0px 0px 1px 0px #999 inset;
		box-shadow:none;
		padding: 6px 3px 0px 6px;
		margin-left:auto;
		display:block;
		position: relative;
		top: 0;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before,
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {
    content: " ";
    border-top: 0px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    top: 0px;
    background: #ddd;
    right: 0;
    width: 0px;
    height: 0.15em;
    transform: rotate(0deg);
	top:13px;
	left:2px;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg); height: 0.2em;}
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg);}

/* hide the non active LIs by default*/
#accordian1 .article .header + .acrdDD {		display: none; }

#accordian1 .article .artBdy {
		background:#fff; 
		padding:15px 65px 0 65px;
		margin:0;
}
/* hover start */

#accordian1 .article .header:hover { background:#ffd20c; cursor:pointer;  transition:all .2s ease-in-out;}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid crimson;
	background: crimson;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:after {
	border-top-color: #fff;
    border-right-color: #fff;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading {
	color:red; box-shadow:0px 0px 0px 0px #fff inset ; transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:before ,
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:after {    
	background:crimson; transition:all .2s ease-in-out;
}

/* hover ends */

#accordian1 .articleOpen {
	padding:0; 
	background:rgba(241,242,243, 0.5);
	box-shadow:5px 5px 15px -5px #999, 0px 0px 5px 0px #ddd;
	margin: 0 0 50px 0;
}
#accordian1 .articleOpen .header {		background:#ffd20c;	}

#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid #fff;
	background:#fff;
}
#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:after {	
	transform: rotate(135deg);
	top:-23px;
	left:7px;
	border-top-color: #f00;
    border-right-color: #f00;
}

#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg); display:none}
#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg); background:crimson; top:13px; left:2px}

#accordian1 .article.articleOpen .artBdy {		background:#fffefd; 	}

#accordian1 .acrdDD .artBdy .fig > img {
	display:		block;
	margin:			10px 0 15px 10px;
	float:			right; 
	width:			400px; 
	background:		#f1f2f3; 
	border:			1px solid #dde; 
	padding:		5px;
}

#accordian1 .acrdDD .artBdy .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artBdy .lst .lst {    margin: 0 0 10px 20px; }
#accordian1 .acrdDD .artBdy .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
}

#accordian1 .acrdDD .artBdy .lst .lil1:before { display:none; }
#accordian1 .acrdDD .artBdy .lst .lil1:after {
    top: 10px;
    border-left-color: #789;
}

#accordian1 .acrdDD .artftr {padding:0 65px; background: #fff; padding-bottom:10px;  margin:0;}
#accordian1 .acrdDD .artftr .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artftr .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
	border:1px solid transparent;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover {}
#accordian1 .acrdDD .artftr .lst .lil1 .iLnk {
	color:#95c906; 
	line-height:1.25em; 
	transition:all .5s ease-in-out;
	border-bottom:none;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover .iLnk {color:red; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:before {border-color:red; background:red; transition:all .5s ease-in-out}
#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:after {border-top-color:#fff; border-right-color:#fff; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:before {
    width: 14px;
    height: 14px;
    border: 1px solid #7fb11b;
    top: 2px;
    left: 0;
    transform: rotate(0deg);
    position: absolute;
    display: inline-block;
    border-radius: 100%;
}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:after {	
	top: 6px;
	left: 2px;
	border-top-color: #95c906;
	border-right-color: #95c906;
	position: absolute;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	display: inline-block;
	border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0;
}

/* accordian i992-x1199 */
}





@media only screen and (min-width:1200px) {

.dn .relTopAcrd	{
	background: #fff;
    border-top: 0 solid red; 
}

.dn .jContainer.acrd01 {background:#fff; padding:50px 0; }
.dn .jContainer.acrd01 .container {background:#fff; }

.dn .acrd01 .secHdr{
	padding: 25px 0 25px 0;
    border-left: 0 solid crimson;
    margin: 0;
    background: #fff;
}	

.dn .acrd01 .secHdr .heading {
    border-left: 5px solid crimson;
    padding: 0 0 0 20px;
}

#accordian1 {
    padding: 50px 0 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

#accordian1 .article .header {
		background:#fff; 
		padding:15px;
		box-shadow:none;
		border-bottom: 1px solid #eef;
}

#accordian1  .article .header  .heading {
	overflow:hidden;
	cursor: pointer;
	border:0px solid #333;
	background:pink-xx;
	justify-content:flex-start;
}

#accordian1  .article .header .heading .bulet01 {
	position:relative; 
	top:0;
	width:30px;
	height:30px;
	overflow:hidden;
}

#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:before {
	/* header bulet01 */
    position:relative;
	border-radius: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #aaa;
	top: 0;
    left: 0;
    transform: rotate(0deg);
	overflow:hidden;
}
#accordian1 .article .header .heading .bulet01.angleRt01-Gnr:after {
	/* header bulet01 */
    width: 16px;
    height: 16px;
	position:relative;
    top: -23px;
    left: 2px;
    border: 1px solid transparent;
    border-top-color: blue;
    border-right-color: blue;
    transform: rotate(45deg);
    border-radius: 0;
}

#accordian1 .heading .cptn{		margin:0 0 0 25px;	}

#accordian1 .heading .clsBtn{
 		background:transparent; 
		border-radius:200px;
		border:0px solid #ddd; 
		width:28px;
		height:28px;
		xx-box-shadow:0px 0px 1px 0px #999 inset;
		box-shadow:none;
		padding: 6px 3px 0px 6px;
		margin-left:auto;
		display:block;
		position: relative;
		top: 0;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before,
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {
    content: " ";
    border-top: 0px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    top: 0px;
    background: #ddd;
    right: 0;
    width: 0px;
    height: 0.15em;
    transform: rotate(0deg);
	top:13px;
	left:2px;
}

#accordian1 .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg);}
#accordian1 .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg);}

/* hide the non active LIs by default*/
#accordian1 .article .header + .acrdDD {		display: none; }

#accordian1 .article .artBdy {
		background:#fff; 
		padding:15px 65px 0 65px;
		margin:0;
}
/* hover start */

#accordian1 .article .header:hover { background:#ffd20c; cursor:pointer;  transition:all .2s ease-in-out;}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid crimson;
	background: crimson;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .bulet01.angleRt01-Gnr:after {
	border-top-color: #fff;
    border-right-color: #fff;
	transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading {
	color:red; box-shadow:0px 0px 0px 0px #fff inset ; transition:all .2s ease-in-out;
}
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:before ,
#accordian1 .article .header:hover .heading .clsBtn.angleRt01-Gnr:after {    
	background:crimson; transition:all .2s ease-in-out;
}

/* hover ends */

#accordian1 .articleOpen {
	padding:0; 
	background:rgba(241,242,243, 0.5);
	box-shadow:5px 5px 15px -5px #999, 0px 0px 5px 0px #ddd;
	margin: 0 0 50px 0;
}
#accordian1 .articleOpen .header {		background:#ffd20c;	}

#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:before {
    border: 1px solid #fff;
	background:#fff;
}
#accordian1 .articleOpen .header .heading .bulet01.angleRt01-Gnr:after {	
	transform: rotate(135deg);
	top:-27px;
	left:7px;
	border-top-color: #f00;
    border-right-color: #f00;
}

#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:before {    transform: rotate(90deg); display:none}
#accordian1 .articleOpen .heading .clsBtn.angleRt01-Gnr:after {    transform: rotate(0deg); background:crimson; top:13px; left:2px}

#accordian1 .article.articleOpen .artBdy {		background:#fffefd; 	}

#accordian1 .acrdDD .artBdy .fig > img {
	display:		block;
	margin:			10px 0 15px 10px;
	float:			right; 
	width:			400px; 
	background:		#f1f2f3; 
	border:			1px solid #dde; 
	padding:		5px;
}

#accordian1 .acrdDD .artBdy .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artBdy .lst .lst {    margin: 0 0 10px 20px; }
#accordian1 .acrdDD .artBdy .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
}

#accordian1 .acrdDD .artBdy .lst .lil1:before { display:none; }
#accordian1 .acrdDD .artBdy .lst .lil1:after {
    top: 10px;
    border-left-color: #789;
}

#accordian1 .acrdDD .artftr {padding:0 65px; background: #fff; padding-bottom:10px; margin:0;  }
#accordian1 .acrdDD .artftr .lst {    margin: 0 0 10px 0; }
#accordian1 .acrdDD .artftr .lst .lil1 {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
	display:block;
	border:1px solid transparent;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover {}
#accordian1 .acrdDD .artftr .lst .lil1 .iLnk {
	color:#95c906; 
	line-height: 3.0em; 
	transition:all .5s ease-in-out;
	border-bottom:none;
}
#accordian1 .acrdDD .artftr .lst .lil1:hover .iLnk {color:red; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:before {border-color:red; background:red; transition:all .5s ease-in-out}
#accordian1 .acrdDD .artftr .lst .lil1:hover.angleRt01-Gnr:after {border-top-color:#fff; border-right-color:#fff; transition:all .5s ease-in-out}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:before {
    width: 14px;
    height: 14px;
    border: 1px solid #7fb11b;
    top: 16px;
    left: 0;
    transform: rotate(0deg);
    position: absolute;
    display: inline-block;
    border-radius: 100%;
}

#accordian1 .acrdDD .artftr .lst .lil1.angleRt01-Gnr:after {	
	top: 20px;
	left: 2px;
	border-top-color: #95c906;
	border-right-color: #95c906;
	position: absolute;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	display: inline-block;
	border-left-color: transparent;
	border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0;
}

/* accordian x1200 */
}