
		.bs-example{
			display: block;
			margin: 0px auto;
			left: 50%;
			transform: translate(-50%,0%);
			-webkit-transform: translate(-50%,0%);
			position: relative;
		}
		.panel, .panel-heading, .panel-title{
			border:0px !important;
			box-shadow:none !important;
			background:transparent !important;
			margin:0px !important;
			padding:0px !important;
			overflow:initial !important;
		}
		.panel-title>a{
			width:100vw;
			max-width:928px;
			margin:0px auto 10px auto;
			border:0px solid ;
			color:#f4f4f4;
			line-height:58px;
			height:58px;
			font-family:Montserrat;
			font-size:18px;
			font-weight:600;
			background:#404244;
			border-radius:5px;
			display:block;
			position:relative;
			transition:all 0.5s ease;
			-webkit-transition:all 0.5s ease; 
			letter-spacing:1px;
		}
		.panel-title>a.collapsed{
			color:#404244;
			background:#f4f4f4;
			letter-spacing:0px;
		}
		.panel-title>a span{
			position:relative;
			width:100vw;
			display:block;
			height:inherit;
			line-height:inherit;
			margin:0px auto;
			max-width:928px;
			text-align:left;
			padding:0px 25px;
		}
		.panel-title>a:hover{
			color:#f4f4f4;
			background:#404244;
			letter-spacing:1px;
		}
		.panel-body {
			width: 100%;
			max-width:928px;
			margin: 0px auto;
			border: 0px !important;
			padding: 15px 0px;
		}
		.panel-title>a span:before{
			color:#ffffff;
			font-size:20px;
			right: 15px;
			top:50%;
			transform: translate(0px,-50%) rotate(180deg);
			-webkit-transform: translate(0px,-50%) rotate(180deg);
			position:absolute;
			margin: 0px;
			text-align: left;
			width: initial;
			padding: 0px;
			line-height: initial;
			display: table;
			transition:all 0.5s ease;
			-webkit-transition:all 0.5s ease; 
			text-indent:0px;
			right: 70px;
		}
		.panel-title>a.collapsed span:before{
			color:#b6b6b6;
			transform: translate(0%,-50%) rotate(90deg);
			-webkit-transform: translate(0%,-50%) rotate(90deg);
		}
		@media(min-width:900px){
			.panel-title>a span:before{
				transform: translate(20px,-50%) rotate(180deg);
				-webkit-transform: translate(20px,-50%) rotate(180deg);
			}
			.panel-title>a:hover span:before{
				color:#ffffff;
				transform: translate(20px,-50%) rotate(180deg);
				-webkit-transform: translate(20px,-50%) rotate(180deg);
			}
		}
		@media(max-width:800px){
			.panel-title>a{
				width:100% !Important;
			}
		}
	