/* Small devices (tablets, 768px and up) */
body { padding-top: 70px;}
h1,h2,h3,h4{
	font-family: 'Roboto', sans-serif;
	color: #d7a126;
}
p{
	margin: 0 0 10px;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
}
a,a:hover,a:active{color:#595959;}


.btn.btn-primary
{
    background-color: #a46e00;
    border-color: #a46e00;
}
.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus
{
    background-color: #8A5400;
    border-color: #a46e00;
}




.bg0{background-color:#fff; padding: 35px 0px;}
.bg1{background-color:#000; padding: 35px 0px;}
.bg2{background-color:#d7a126; padding-bottom: 20px;}
.bg-form{
	background-color:#fff; 
	padding: 35px 0px;
	border-radius:4px;
	border:1px solid #337ab7;
	margin:35px 0px;
}
/*** nav bar **/
.navbar-default {
    background-color: #fff;
    border-color: #000;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #000;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #000;
}
.navbar-brand {
    padding: 0px 0px;
}
.navbar-brand img{
    height: 100%;
}
/***********titllte container*****/
.title-container{
	background-color: #000;
}
.pane-title{
	padding-top: 30px;
	padding-bottom: 30px;
	color: #d7a126;
	font-weight:bold;
}

.title-container.white{
	background-color: #fff;
}
/********** SLIDER ************/
.swiper-container {
	width: 100%;
	position: relative;
}

.swiper-home{
	margin-top: -20px;
	height: 80vh;
	margin-bottom:20px;
}
.swiper-home .swiper-slide{
	height: 80vh;
	background-size: cover;
	background-position: center;
}
.swiper-home .swiper-pagination-bullet {
	background-color: #fff !important;
}
.swiper-home .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-home .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}


.swiper-promo-items{
	height: 205px;
}
.swiper-promo-items .swiper-slide{

}
.swiper-promo-items .promo-item{
	height: 180px;
	width:100%;
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	border-radius :6px;
}

.swiper-before-after-slide{
	margin:10px;
	border-radius:6px;
	box-shadow: 5px 5px 8px #ccc;
	height: 180px;	
}
.swiper-testimonia{
	text-align:center;
	margin:10px;
	padding:15px;
	border-radius:6px;
	box-shadow: 5px 5px 8px #ccc;
}

/** treatment-box **/
.treatment-box{
	border:1px solid #d7a126;
	border-radius: 4px;
	margin-bottom: 15px;
	text-align: center;
	padding: 4px;
}
.treatment-box a{
	text-decoration: none;
}
.treatment-box img{
	border-radius: 4px;
	margin: 0 auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.treatment-box img.img-responsive{
	width: 100%;
}

.treatment-box img:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.treatment-box span{
	display: block;
	background-color: #000;
	color:#d7a126;
	text-align: center;
	padding: 5px;
	margin-top:4px;
	border-radius: 4px;
}

/***** top banner ******/
.top-banner{
	margin-top:-20px;
	height: 50vh;
	background-size: cover;
	background-position: center;
	position:relative
}
.swiper-slide.center,
.top-banner.center{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide.right-top h1,
.swiper-slide.top-right h1,
.top-banner.right-top h1,
.top-banner.top-right h1{
	position:absolute;
	top: 25px;
	right:25px;
}
.swiper-slide.left-top h1,
.swiper-slide.top-left h1,
.top-banner.left-top h1,
.top-banner.top-left h1{
	position:absolute;
	top: 25px;
	left:25px;
}
.swiper-slide.right-bottom h1,
.swiper-slide.bottom-right h1,
.top-banner.right-bottom h1,
.top-banner.bottom-right h1{
	position:absolute;
	bottom: 25px;
	right:25px;
}
.swiper-slide.left-bottom h1,
.swiper-slide.bottom-left h1,
.top-banner.left-bottom h1,
.top-banner.bottom-left h1{
	position:absolute;
	bottom: 25px;
	left:25px;
}
.swiper-slide h1,
.top-banner h1{
	font-family: 'Roboto', sans-serif;
	color: rgb(172, 32, 142);
	text-shadow: 2px 2px 4px #fff;
	text-align:center;
	font-size: 72px;
	line-height: 62px;
	margin:0px;
}
.swiper-slide h1.left,
.top-banner h1.left{
	text-align: left;}
.swiper-slide h1.right,
.top-banner h1.right{
	text-align: right;}
.swiper-slide h1.center,
.top-banner h1.center{
	text-align: center;}

.swiper-slide h1 small,
.top-banner h1 small{
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #292929;
}


/********** footer ************/
footer{
	text-align: center;
}


@media (min-width: 120px) {
	.swiper-slide h1,
	.top-banner h1{
		font-size: 42px;
		line-height: 32px;
	}
}

@media (min-width: 768px) {
	.swiper-slide h1,
	.top-banner h1{
		font-size: 52px;
		line-height: 42px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.swiper-slide h1,
	.top-banner h1{
		font-size: 62px;
		line-height: 52px;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.swiper-slide h1,
	.top-banner h1{
		font-size: 72px;
		line-height: 62px;
	}
}


.pagination-gold > li > a{color:#d7a126}