.p7BFA {
	max-width: none;
	margin: auto;
	box-sizing: border-box;
}
.p7BFA.bfa-dark,
.bfa-dark .bfa-toolbar {
	background-color: #111;
}
.p7BFA.bfa-light {
	background-color: #FFF;
}
.p7BFA.bfa-shadow {
	box-shadow: 10px 10px 30px rgba(0,0,0,0.5);
}
.p7BFA.bfa-border.bfa-dark .bfa-wrapper {
	border: 0px solid #000;
}
.p7BFA.bfa-border.bfa-light .bfa-wrapper {
	border: 0px solid #FFF;
}
.p7BFA.bfa-border.bfa-drag-bar-bottom .bfa-wrapper {
	border-bottom: none;
}
.p7BFA.bfa-border.bfa-drag-bar-top .bfa-wrapper {
	border-top: none;
}
.bfa-img-A img,
.bfa-img-B img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.bfa-toolbar img,
.bfa-drag-bar img {
	width: auto !important;
	height: auto !important;
	max-width: none !important;
}
.bfa-reveal-arrows img {max-width: none !important; }

/*
********************************
Rounded Corner Rules
********************************
*/
.p7BFA.bfa-rounded, .p7BFA.bfa-rounded .bfa-wrapper {border-radius: 5px;}

.p7BFA.bfa-rounded.bfa-toolbar-bottom .bfa-toolbar,
.p7BFA.bfa-rounded.bfa-drag-bar-bottom .bfa-drag-bar {
	border-radius: 0px 0px 5px 5px;
}

.p7BFA.bfa-rounded.bfa-toolbar-top .bfa-toolbar,
.p7BFA.bfa-rounded.bfa-drag-bar-top .bfa-drag-bar {
	border-radius: 5px 5px 0px 0px;
}

.p7BFA.bfa-rounded.bfa-drag-bar-bottom .bfa-drag-bar.bfa-bottom {
	border-radius: 0px 0px 5px 5px;
}
.p7BFA.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-top .bfa-drag-bar,
.p7BFA.bfa-rounded.bfa-drag-bar-bottom.bfa-toolbar-bottom .bfa-drag-bar {
	border-radius: 0px 0px 0px 0px;
}



.p7BFA.bfa-rounded.bfa-toolbar-top .bfa-wrapper {
	border-radius: 0px 0px 5px 5px;
}
.p7BFA.bfa-rounded.bfa-toolbar-bottom .bfa-wrapper {
	border-radius: 5px 5px 0px 0px;
}

.p7BFA.bfa-rounded.bfa-drag-bar-top .bfa-wrapper {
	border-radius: 0px 0px 5px 5px;
}
.p7BFA.bfa-rounded.bfa-drag-bar-bottom .bfa-wrapper {
	border-radius: 5px 5px 0px 0px;
}


.p7BFA.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-top .bfa-wrapper {
	border-radius: 0px 0px 5px 5px;
}

.p7BFA.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-bottom .bfa-wrapper {
	border-radius: 0px 0px 0px 0px;
}

.p7BFA.bfa-rounded.bfa-drag-bar-bottom.bfa-toolbar-top .bfa-wrapper {
	border-radius: 0px 0px 0px 0px;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-bottom .bfa-wrapper {
	border-radius: 0px 0px 5px 5px;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-bottom.bfa-toolbar-top .bfa-wrapper {
	border-radius: 5px 5px 0px 0px;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-top .bfa-wrapper {
	border-radius: 0px 0px 5px 5px;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-toolbar-top .bfa-wrapper,
.p7BFA.bfa-matte.bfa-rounded.bfa-toolbar-bottom .bfa-wrapper {
	border-radius: 5px 5px 5px 5px;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-bottom .bfa-drag-bar,
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-bottom.bfa-toolbar-top .bfa-drag-bar {
	border-radius: 0px 0px 5px 5px !important;
}
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-top .bfa-drag-bar,
.p7BFA.bfa-matte.bfa-rounded.bfa-drag-bar-top.bfa-toolbar-bottom .bfa-drag-bar {
	border-radius: 5px 5px 0px 0px !important;
}

.p7BFA.bfa-rounded.bfa-drag-bar-bottom.bfa-toolbar-bottom .bfa-wrapper {
	border-radius: 5px 5px 0px 0px;
}


/*
***************************
Wrapper and Wrapper Paddng
***************************
*/
.bfa-wrapper {
	position: relative;
	overflow: hidden;
	margin: auto;
}
.p7BFA.bfa-dark .bfa-wrapper {
	background-color: #000;
}
.p7BFA.bfa-light .bfa-wrapper {
	background-color: #fff;
}
.p7BFA.bfa-matte {
	padding: 0px;
}
.p7BFA.bfa-toolbar-top.bfa-matte {
	padding: 0px 10px 10px 10px;
}

.p7BFA.bfa-toolbar-bottom.bfa-matte,
.p7BFA.bfa-toolbar-bottom.bfa-drag-bar-bottom.bfa-matte {
	padding: 10px 10px 0px 10px;
}

/*
*********************
Toolbar
*********************
*/
.bfa-dark .bfa-toolbar {
	padding: 5px 10px;
	text-align: right;
}
.bfa-light .bfa-toolbar {
	background-color: #FFF;
	padding: 1px 10px;
	text-align: right;
}
.bfa-toolbar a {
	opacity: .65;
	transition: opacity ease .5s;
}
.bfa-toolbar a:hover {
	opacity: 1;
}


/*
*****************
Image Containers
*****************
*/
.bfa-img-A,
.bfa-img-B {
	-webkit-transition:  opacity 0.4s ease;	
	transition: opacity 0.4s ease;	
	opacity: 1;
}
.bfa-img-A {
	position: relative;
	z-index: 1;
	left:0;
}
.bfa-img-B {
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0px;
	left: 0;
}


/*
*********************
      Captions
*********************
*/
.bfa-caption {
	position: absolute;
	z-index: 3;
	bottom: 0px;
	top: auto;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.bfa-caption.right { text-align: right; }
.bfa-caption.left { text-align: left; }
.bfa-caption.centered { text-align: center; }

.bfa-caption.light {
	color: #000;
	background-color: rgba(255,255,255,0.5);
}
.bfa-caption.dark {
    color: #FFF;
    background-color: rgba(0,0,0,0.4);
}



/*
*************************************************
        SPECIAL RULES FOR REVEAL MODE
*************************************************
*/

.bfa-reveal {
	height: 100%;
	left: 0px !important;
}
.bfa-img-B.bfa-reveal {
	-webkit-transition: none;
	transition: none;
}
.bfa-img-B.bfa-reveal.bfa-drag {
	opacity: 1;		
}
.bfa-reveal-arrows {
	position: absolute;
	top: 44%;
    z-index: 3;
    margin-left: -21px;
}
.bfa-reveal-arrows img {
	max-width: none !important;
}

/*
***********************************
      Special Arrow Rules
***********************************
*/
.arrows-wrapper {
	position: absolute;
	top: 0px;
	z-index: 3;
	width: 1px;
	height: 100%;
	margin-left: 0px;
}
.arrows-wrapper.bfa-dark {
	background-color: #FFF;
}
.arrows-wrapper.bfa-light {
	background-color: #000;
}

.bfa-reveal-arrows,
.bfa-drag-arrows {
	left: 1px !important;
	width: 41px;
	height: 35px;
}
.arrows-wrapper.bfa-light .bfa-reveal-arrows,
.bfa-light.bfa-drag-arrows {
	background-image: url(img/bfa-drag-icon-light.png);
	background-repeat: no-repeat;
	cursor: ew-resize;
}
.arrows-wrapper.bfa-dark .bfa-reveal-arrows,
.bfa-dark.bfa-drag-arrows {
	background-image: url(img/bfa-drag-icon-dark.png);
	background-repeat: no-repeat;
	cursor: ew-resize;
}
.bfa-drag-arrows {
	position: absolute;
	top: 44% !important;
	left: auto !important;
	right: -21px !important;
}


/*
*******************************
        Drag Bar Rules
********************************
*/
.bfa-drag-bar {
	position: relative;
	z-index: 30;
	background-color: #000;
	color: #AAA;
	text-align: left;
	box-sizing: border-box;
	height: 35px;
}
.bfa-dark .bfa-drag-bar {
	background-color: #444;
}
.bfa-matte .bfa-drag-bar {
	border-radius: 0px !important;
}
.bfa-drag-bar.bfa-bottom {
	text-align: right;
}
.bfa-drag-handle {
	position: absolute;
	box-sizing: border-box;
	top: 0px;
	left: 50%;
	cursor: move;
}

.bfa-dark .bfa-drag-handle {
	opacity: 1;
}
.bfa-light .bfa-drag-handle {
	opacity: .75;
}


/*
******************************
    Special Cursor Rules
******************************
*/
.bfa-d-cursor {
	cursor: move;
}
.bfa-d-cursor .bfa-drag {
	cursor: w-resize;
}
.bfa-img-B.bfa-reveal {
	cursor: default !important;
}


.bfa-img-B.bfa-light {
	box-shadow: 0px 0px 0px 1px #000;
}
.bfa-img-B.bfa-dark {
	box-shadow: 0px 0px 0px 1px #FFF;
}
.bfa-reveal-arrows img:hover {
	cursor: e-resize;
}

.bfa-sbs {
	cursor: move;
}
.bfa-sbs.bfa-drag {
	cursor: ew-resize;
}


/* The opacity when dragging needs this compound selector */
.bfa-img-A.bfa-drag,
.bfa-img-B.bfa-drag {
 	opacity: 0.8;
}

/*
****************************************
   Transition rules for Flip Mode
****************************************
*/
.bfa-img-B.bfa-flip-b {
	-webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;	
	opacity: 1;
}
.bfa-img-B.bfa-flip-b.flipped {
	opacity: 0;
}

/*
****************************************
   No Script Rules to Fix Design View
****************************************
*/
.p7BFA.bfa-noscript, .p7BFA.bfa-noscript div {
	position: static !important;
	text-align: center !important;
}
.p7BFA.bfa-noscript .bfa-img-B, 
.p7BFA.bfa-noscript .arrows-wrapper, 
.p7BFA.bfa-noscript .bfa-drag-bar, 
.p7BFA.bfa-noscript .bfa-toolbar {
	display: none !important;
}