.drawer
{
	width:100%;
	border-top:1px solid #E0E0E0;
	border-radius:3px;
	margin: 15px 0 0 0;
}

.drawer:nth-child(1) .accordion-header
{
border-radius: 5px;
background-image: url(url), -webkit-linear-gradient(270deg,rgba(245,155,66,1.00) 0%,rgba(241,96,0,1.00) 100%);
background-image: url(url), -moz-linear-gradient(270deg,rgba(245,155,66,1.00) 0%,rgba(241,96,0,1.00) 100%);
background-image: url(url), -o-linear-gradient(270deg,rgba(245,155,66,1.00) 0%,rgba(241,96,0,1.00) 100%);
background-image: url(url), linear-gradient(180deg,rgba(245,155,66,1.00) 0%,rgba(241,96,0,1.00) 100%);
border-right: 1px solid #b34e05;
border-left: 1px solid #b34e05;
border-bottom: 2px solid #b34e05;
border-top: 1px solid #FFC093;
}

.drawer:nth-child(2) .accordion-header
{
border-radius: 5px;
background-image: url(url), -webkit-linear-gradient(270deg,rgba(94,212,230,1.00) 0%,rgba(26,177,200,1.00) 100%);
background-image: url(url), -moz-linear-gradient(270deg,rgba(94,212,230,1.00) 0%,rgba(26,177,200,1.00) 100%);
background-image: url(url), -o-linear-gradient(270deg,rgba(94,212,230,1.00) 0%,rgba(26,177,200,1.00) 100%);
background-image: url(url), linear-gradient(180deg,rgba(94,212,230,1.00) 0%,rgba(26,177,200,1.00) 100%);
border-right: 1px solid #00AAC4;
border-left: 1px solid #00AAC4;
border-bottom: 2px solid #008EA4;
border-top: 1px solid #8AEFFF;
}

.accordion-item
{
	/*border-bottom:1px solid #E0E0E0;*/
}
.accordion-item-active .accordion-header
{
	background:#888;
	transition:.25s;
}
.accordion-item-active .accordion-header-icon
{
	color:#fff;
}
.accordion-item-active .accordion-header h1
{
	color:#fff;
}
.accordion-header
{
	background:#f2f2f2;
	padding:12px;
	cursor:pointer;
	border-right:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;
	min-height:20px;
	transition:.25s;
	text-align: center;
}

.accordion-header:after{
content: '';
display: block;
clear: both;
}

.accordion-header h1 {
float: left;
font-size: 1.3em;
font-weight: normal;
margin: 0;
line-height: 1.5em;
color: #fff;
width: 93%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 9%;
}
.accordion-content
{
	display:none;
	padding:9px;
	color:#212121;
	background:#FFF;
	font-size:0.95rem;
	line-height:1.45em;
}

.drawer:nth-child(1) .accordion-content{
background-color: rgba(250,230,210,0.6);
}

.drawer:nth-child(2) .accordion-content{
background-color: rgba(209,235,242,0.60);
}

.accordion-content p
{
	margin:0;
	margin-bottom: 3px;
}
.accordion-header-icon
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float: right;
    color: #fff;
    font-size: 0.7em;
    vertical-align: middle;
    margin: 10px 0 0 0;
}
.accordion-header-icon.accordion-header-icon-active
{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	color:#fff;
}