html, section {
	margin: 0px;
    padding: 0px;
	width: 100%;
	font-family: Calibri;
}

body {
	font-size: 18px;
	margin: 0px;
    padding: 0px;
	width: 100%;
	font-family: Calibri;
	
}


.navbar-inverse {
	padding-bottom: 10px;
	font-family: Poppins;
	font-size: 20px;
}

h1, h2, h3, h4 {
	font-family: Poppins;
}

p {
	font-family: Roboto;

}

#paral {
	
	height: 100vh;
	width: 100%;
	background-image: url(../images/AdobeStock_129379531.jpeg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	
}

#about1 .about1-right {
	margin-top: 100px;
}

#about2 .about2-left {
	margin-top: 100px;
}
#about3 .about3-right {
	margin-top: 100px;
}

#about4 .about4-left {
	margin-top: 100px;
}

#about {
	background-color: #f1f1f1;
	padding: 50px 0 30px 0;

}

#about h2 {
	text-align: center;
}


#newsletter {

	background-image: url(../images/AdobeStock_163987128.jpeg);
	background-size: cover;
	min-height: 600px;
}

#newsletter .container {
	padding-top: 400px;
}

#newsletter btn {
	background-color: #c9ced6;
	border: none;
}

.btn{
    white-space:normal !important;
    word-wrap: break-word; 
}

#products .text-right {
	background-image: url(../images/freihaut.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 50px;
	font-weight: bold;
	

}

#products a:hover {
	text-decoration: none;
}

#grid1 {
	
	background-image: url(../images/productosBg1.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top: 23%;
	padding-left: 20px;
	margin-top: 20px;
	
}

#grid1 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid1 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}
#grid2 {
	
	background-image: url(../images/productosBg2.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top: 23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid2 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid2 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid3 {
	
	background-image: url(../images/productosBg3.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top: 23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid3 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;
	

}

#grid3 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid4 {
	
	background-image: url(../images/productosBg4.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;

}
#grid4 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid4 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid5 {
	
	background-image: url(../images/productosBg5.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
	
}

#grid5 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid5 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid6 {
	
	background-image: url(../images/productosBg6.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid6 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid6 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid7 {
	
	background-image: url(../images/productosBg7.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid7 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid7 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid8 {
	
	background-image: url(../images/productosBg8.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid8 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid8 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}
#grid9 {
	
	background-image: url(../images/productosBg9.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid9 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid9 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}


#grid10 {
	
	background-image: url(../images/productosBg10.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid10 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid10 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}


#grid11 {
	
	background-image: url(../images/productosBg11.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;
}

#grid11 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid11 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid12 {
	
	background-image: url(../images/productosBg12.jpg);
	background-size: cover;
	min-height: 280px;
	padding-top:23%;
	padding-left: 20px;
	margin-top: 20px;

	

}

#grid12 h3 {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

#grid12 p {
	background-color: rgba(0,0,0,0.3);
	display: initial;
	color: #fff;
	padding: 2px;

}

.container-fluid {
	margin: 0px;
	padding: 0px;
}

#treatments .text-right {
	background-image: url(../images/freihaut.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
	
	

}

#treatments {
	text-align: center;
}

#treatments .col-md-3 {
	padding-top: 150px;
	font-size: 20px;
	font-weight: bold;
}

.container #face {
background-image: url(../images/facetreatments.png);
	background-size: cover;
	
	min-height: 650px;
	text-align: center;
	


}

.container #body {
background-image: url(../images/bodytreatments.png);
	background-size: cover;

	min-height: 650px;
	text-align: center;
	

}

#contact {
	background-color: #292929;
	color: #fff;
	padding-top: 20px;

}

#contact h1 {
	text-align: center;
}

footer {
	text-align: center;
	background-color: #292929;
	color: #fff;
	min-height: 50px;
}

#main {
	margin-top: 100px;
	
	
}

#main .row {
	margin: 30px;
}



.tabs-pro {
	margin-top: 20px;
}


.tabs-pro ul{
	display: flex;
	justify-content: center;
	color: #000;
}



.nav-pills > li > a {
	color: #000 !important;
	background-color: white;
}

.nav-pills > li .active {
	color: #fff;
	background-color: black;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color:rgba(0,0,0,0.8);
}

#main .btn {
	background-color: rgba(0,0,0,0.8);
}

#collapsing {
	text-align: center;
	background-color: #eee;
	padding: 20px 10px 30px 10px;
	margin-bottom: 20px;
}

#collapsing p {
	margin: auto;
	max-width: 75%;
}

#collapsing hr {
	border-top: 1px solid rgba(0,0,0,0.8);
	max-width: 75%;
}

.tab-content h3 {
	text-align: center;
}