/* THE SLIDEOUT
**************************************************/
.bonfire-slideout {
	position:fixed;
	overflow:auto;
	bottom:-100%;
	left:-100%;
	background-color:#f4f4f6;
	width:100% !important;
	height:100% !important;
	z-index:99999996;
	opacity:.98;
	
	-webkit-transition: bottom .8s ease 0s, left 0s ease .8s;
	-moz-transition: bottom .8s ease 0s, left 0s ease .8s;
	-o-transition: bottom .8s ease 0s, left 0s ease .8s;
	-ms-transition: bottom .8s ease 0s, left 0s ease .8s;
	transition: bottom .8s ease 0s, left 0s ease .8s;
	
	-webkit-overflow-scrolling: touch;
}
.bonfire-slideout-top {	
	bottom:100%;
}
.bonfire-slideout-left {
	bottom:0;
	
	-webkit-transition: left .8s ease !important;
	-moz-transition: left .8s ease !important;
	-o-transition: left .8s ease !important;
	-ms-transition: left .8s ease !important;
	transition: left .8s ease !important;
}
.bonfire-slideout-right {
	left:100%;
	bottom:0;	
	
	-webkit-transition: left .8s ease !important;
	-moz-transition: left .8s ease !important;
	-o-transition: left .8s ease !important;
	-ms-transition: left .8s ease !important;
	transition: left .8s ease !important;
}
.bonfire-slideout-inner {
	width:100%;
	height:100%;
	overflow:auto;
}
.bonfire-slideout-inner-inner {
	padding:0 40px 40px 40px;
}
.bonfire-slideout-active {
	opacity:0.98 !important;
	left:0;
	bottom:0;
	
	-webkit-transition: bottom .8s ease 0s;
	-moz-transition: bottom .8s ease 0s;
	-o-transition: bottom .8s ease 0s;
	-ms-transition: bottom .8s ease 0s;
	transition: bottom .8s ease 0s;
}
.bonfire-slideout-active-translate {	
	
}
.bonfire-slideout-content, .bonfire-slideout-content p {
	
	margin:10px 0;
}