.c-background--hero {
	position: relative;
	display: table;
	border-bottom: 4px solid #11336f;
	width: 100%;
}

.c-background--hero:before {
	content: "";
	background-image: url('../_images/premium-smile-makeover/hero.jpg');
	background-position: right center;
	background-position-x: -1060px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: .4;
}

@media screen and (min-width: 580px){
	.c-background--hero:before {
		background-position-x: -980px;
	}
}

@media (min-width: 991px) {
	.c-background--hero:before {
		background-position-x: -615px;
		background-size: auto;
		opacity: .65;
	}
}

@media (min-width: 1200px) {
	.c-background--hero:before {
		background-position-x: -380px;
	}
}

@media (min-width: 1500px) {
	.c-background--hero:before {
		background-position-x: -195px;
	}
}

@media (min-width: 1800px) {
	.c-background--hero:before {
		background-position-x: right;
	}
}

.c-background--tabs {
	position: relative;
	display: block;
	background-color: #434968;
	min-height: 550px;
}

.c-background--tabs:before {
	content: "";
	background: url('../_images/premium-smile-makeover/tabs-hero.jpg') left top no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: .19;
}

@media (min-width: 1024px) {
	.c-background--tabs:before {
		content: "";
		background: url('../_images/premium-smile-makeover/tabs-hero.jpg') left top no-repeat;
		background-size: contain;
		opacity: .19;
	}
}

.overlay-1 {
	background: url('../_images/premium-smile-makeover/box-1.jpg') center center no-repeat;
	background-size: cover;
}

.overlay-2 {
	background: url('../_images/premium-smile-makeover/box-2.jpg') center center no-repeat;
	background-size: cover;
}

.overlay-3 {
	background: url('../_images/premium-smile-makeover/box-3.jpg') center center no-repeat;
	background-size: cover;
}


/* BA Slider
-------------------------------------*/
.ba-gallery__title{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ba-gallery__wrap{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
}

.ba-gallery__wrap .owl-prev,
.ba-gallery__wrap .owl-next{
	position: absolute;
	top: 0;
	height: 100%;
	width: 50px;
	color: #fff;
	text-align: center;
	background-color: #11336f;
	cursor: pointer;
}

.ba-gallery__wrap .owl-prev:hover,
.ba-gallery__wrap .owl-next:hover{
	background-color: #6e9d43;
	cursor: pointer;
}

.ba-gallery__wrap .owl-prev:before,
.ba-gallery__wrap .owl-next:before{
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: 'FontAwesome';
	font-size: 50px;
	color: #fff;
	margin-top: -15px;
}

.ba-gallery__wrap .owl-prev:before{
	content: '\f104';
	margin-left: -11px;
}

.ba-gallery__wrap .owl-next:before{
	content: '\f105';
	margin-left: -7px;
}

.ba-gallery__wrap .owl-prev{ left: -70px; }
.ba-gallery__wrap .owl-next{ right: -70px; }

.ba-gallery .owl-dots{
	position: absolute;
	top: -50px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
}

.ba-gallery .owl-dot{
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-left: 10px;
	background-color: #5ab2e1;
	border-radius: 50%;
	opacity: .25;
}

.ba-gallery .owl-dot:hover,
.ba-gallery .owl-dot.active{	opacity: 1; }

.ba-gallery .owl-dot:first-child{ margin-left: 0; }

.ba-gallery__title{ font-size: 15px; }

@media screen and (min-width: 1024px){

		.title-indent{ font-size: 48px; }
		.ba-gallery__title{ font-size: 18px; }

}

@media screen and (min-width: 1200px){

		.ba-gallery__title{ font-size: 22px; }
}