/* THE SLIDEOUT
**************************************************/
.bonfire-slideout {
	position:fixed;
	overflow:auto;
	bottom:-100%;
	left:-100%;
	background-color:#161616;
	width:100% !important;
	height:100% !important;
	z-index:99999996;
	opacity:1;
	
	-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:1 !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 {
	max-width:920px;
	margin:0 auto;
	font-size:16px;
	line-height:20px;
}