#cpo_bam{
	position:relative;
	padding:4rem 5% 2rem 5%;
	overflow:hidden;
}
.bam-process-container{
	background:#FFFFFF;
	border-width:0 4px 4px 4px;
	border-style:solid;
	border-color:#D4D4D4;
	-webkit-border-bottom-right-radius:17.6px;
	-webkit-border-bottom-left-radius:17.6px;
	-moz-border-radius-bottomright:17.6px;
	-moz-border-radius-bottomleft:17.6px;
	border-bottom-right-radius:17.6px;
	border-bottom-left-radius:17.6px;
	overflow:hidden;
}
.bam-header, .odt-title-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0;
	padding:0.5rem 2rem;
	border-width:4px 4px 0 4px;
	border-style:solid;
	border-color:#D4D4D4;
	background:#575759;
	background:rgb(87,87,89);
	background:linear-gradient(90deg,rgba(87,87,89,1) 10%,rgba(255,255,255,1) 90%);
	-webkit-border-top-left-radius:17.6px;
	-webkit-border-top-right-radius:17.6px;
	-moz-border-radius-topleft:17.6px;
	-moz-border-radius-topright:17.6px;
	border-top-left-radius:17.6px;
	border-top-right-radius:17.6px;
}
.bam-heading, .odt-title-row{
	font-family:'OpenSans-Bold',Calibri,Arial,Helvetica,Verdana,sans-serif;
	font-size:1.55em;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:0.25em;
}
.bam-heading-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	justify-items:center;
	width:36px;
	min-width:36px;
	max-width:36px;
	height:36px;
	min-height:36px;
	min-height:36px;
	color:#FFF;
}
.bam-icon{
	color:#575759;
	width:36px;
	min-width:36px;
	max-width:36px;
	height:36px;
	min-height:36px;
	min-height:36px;
	transform:scaleX(-1);
}
.bam-icon i.fa{
	font-size:36px;
	transform:rotate(-10deg)
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.bam-icon:hover i.fa{
	transform:rotate(-360deg)
}
.bam-panel{
	display:flex;
	align-items:center;
	position:absolute;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:2rem;
	font-size:1.7rem;
	color:#000;
	background:#FFF;
	background:linear-gradient(90deg,rgba(255,255,255,1) 50%,rgba(87,87,89,0.7) 90%);
	text-align:left;
	-webkit-transition:all 0.5s ease-out, opacity 0.7s ease-in, transform 0.6s ease-out;
	-moz-transition:all 0.5s ease-out, opacity 0.7s ease-in, transform 0.6s ease-out;
	-o-transition:all 0.5s ease-out, opacity 0.7s ease-in, transform 0.6s ease-out;
	transition:all 0.5s ease-out, opacity 0.7s ease-in, transform 0.6s ease-out;
	right:-100%;
	opacity:0;
}
#content .bam-panel .bam-content,
#content .bam-panel .bam-content > p{
	color:#575759;
	font-size: 1.4rem;
}
#content .bam-panel.bam-end .bam-content,
#content .bam-panel.bam-end .bam-content > p{
	font-size:1rem;
	width:100%;
	color:#222;
}
.bam-panel.bam-end{
	font-size:1rem;
	color:#222;
	text-align:left;
	background:#FFF;
	display:block;
}
.bam-panel.bam-active{
	position:relative;
	right:0;
	left:0;
	opacity:1;
	transform:scale(1);
}
.bam-panel.bam-exit{
	position:absolute;
	left:-100%;
	opacity:0;
	transform:scale(0.2);
}
.bam-content{
	width:70%;
	float:left;
	padding-right:1rem;
}
.bam-buttons{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:30%;
	float:right;
	padding-left:1rem;
}
.bam-buttons button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:4rem;
	min-width:4rem;
	max-width:4rem;
	height:4rem;
	min-height:4rem;
	max-height:4rem;
	padding:0;
	font-size:2rem;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 1rem;
	border:none;
	border:3px solid #FFF;
	border-radius:50%;
	border-collapse:collapse;
	filter:saturate(85%);
	-webkit-appearance:none;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.bam-buttons button:hover{
	filter:saturate(150%);
}
.bam-buttons button:active,
.bam-buttons button:focus{
	box-shadow:inset rgba(0,0,0,0.4) 0 0 1.5rem;
}
.bam-yes{
	color:#FFF;
	background-color:#008CB9;
}
.bam-no{
	color:#FFF;
	background-color:#895189;
}
@media (max-width:1366px){
	#cpo_bam{
		min-height:595px;
	}
}
@media (max-width:1024px){
	#cpo_bam{
		min-height:0;
	}
}
@media (max-width:812px){
	#cpo_bam{
		padding:2rem 2.5%;
	}
	.bam-header{
		padding:0.25rem 1.75rem;
	}
	.bam-heading{
		font-size:1.5rem;
	}
	.bam-icon{
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.bam-icon i.fa{
		font-size:24px;
	}
	.bam-panel{
		padding:1rem;
	}
	#content .bam-panel h4{
		font-size:1.8rem;
	}
}
@media (max-width:736px){
	#content .bam-panel > .bam-content,
	#content .bam-panel > .bam-content > p{
		font-size:1.5rem;
	}
}
@media (max-width:667px){
	.bam-buttons button{
		width:3rem;
		min-width:3rem;
		max-width:3rem;
		height:3rem;
		min-height:3rem;
		max-height:3rem;
		font-size:1.6rem;
	}
}
@media (max-width:568px){
	.bam-panel{
		display:block;
	}
	.bam-content{
		width:100%;
	}
	.bam-buttons{
		width:100%;
		justify-content:center;
		padding:0;
	}
}