/* CSS Document */
* { 
margin:0; 
padding:0;
}
body{ 
  font-family: Playfair Display; 
  font-weight:400; 
  font-size:16px; 
  line-height:24px; 
  background:#fff;
}
header { 
background:url(../images/header-bg.png) no-repeat top center/cover; 
height: auto;
}
.logo h1 { font-size:18px; font-weight:700; color:#4E8309; margin-bottom:5px;}
.header-middle { 
background:#b0ac5c; 
position:relative;
}
.header-bottom { 
position:relative;
height:auto;
}
.header-bottom h2 { 
font-size:54px;
margin-top:10%; 
color:#F37413; 
font-family: 'Niconne'; 
line-height:50px; 
}
.header-bottom h1 { 
font-size:26px;
color:#6a6732; 
text-transform: capitalize; 
letter-spacing:3px; 
font-family: 'Dancing Script'; 
font-weight:700; 
}

.top-right { 
position:absolute; 
top:0; 
right:0;
} 
.welcome,.offer { 
position:relative;
}
.welcome-content,.offer-content { 
position:absolute; 
width:100%; 
top:0; 
left:0;
}
.welcome-content h3:before{ 
width: 19%;
}
.welcome-content h3:after{ 
width: 18%;
}
.welcome-content h3 { 
text-transform:uppercase; 
font-size:25px; 
color:#6a6732; 
margin-bottom:15px; 
position:relative; 
}
.welcome-content h3 img { 
position:absolute; 
right:0;
top:-46px;
}
.welcome-content p,.offer-content p { 
text-align:justify; 
font-size:15px; 
color:#222; 
line-height:26px; 
}

.gallery { 
background:url(../images/gallery-bg.png) no-repeat top center/cover; 
height: auto; 
padding:70px 0 50px;
}

.gallery h3:before,.offer-content h3:before,.welcome-content h3:before,.treatment h3:before{ 
background: none repeat scroll 0 0 #6a6732;
bottom: -5px;
content: "";
height: 4px;
left: 0;
position: absolute;
}
.gallery h3:after,.offer-content h3:after,.welcome-content h3:after,.treatment h3:after  { 
background: none repeat scroll 0 0 #6a6732;
bottom: -5px;
content: "";
height: 4px;
right: 0;
position: absolute;
}
.gallery h3:before { 
width: 38%;
}
.gallery h3:after { 
width: 38%;
}
.gallery h3,.offer-content h3,.treatment h3 { 
text-transform:uppercase; 
font-size:25px; 
color:#6a6732; 
margin-bottom:35px; 
position:relative; 
text-align:center; 
z-index:1; 
}
.gallery p { 
padding:0 20px; 
margin-bottom:35px;
}
.offer-content { 
padding-top:50px;
 }
.offer-content h3:before { 
width: 34%;
}
.offer-content h3:after { 
width: 34%;
}

.offer-content p { 
padding:0px 25% 20px; 
text-align:center;
}
.offer-content .ofer-img { 
left: 10%;
position: absolute;
top: 19%;
}
.offer-content .ofer-img img{ 
height:230px; 
}
.offer-content a { 
background:#736e38;
font-size:20px;
padding:7px 20px 10px;
color:#fff; 
border-radius:5px; 
text-decoration:none;
}
.treatment { 
background:url(../images/treatment-bg.png) no-repeat top center/cover; 
height: auto; 
padding:100px 0 150px; 
position:relative;
}
.treatment:after { 
position:absolute;
content:'';
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
top:0;
left:0;
right:0;
}
.treatment h3:before { 
width: 38%;
}
.treatment h3:after { 
width: 38%;
}
.treat-content { 
background:#fff; 
padding:10px 20px; 
color:#6a6732; 
text-align:left;
}

.treat-content h5{ 
font-size:20px; 
font-weight:900;
}
.treat-content p{ 
font-size:14px; 
line-height:22px; 
margin:0;
}
.treat-content a{ 
font-size:13px;
font-weight:900; 
color:#6a6732; 
text-decoration:none;
}
footer { 
background:#fff; 
padding:50px 0 20px; 
color:#6a6732;
}
footer h4{ 
font-size:20px; 
font-weight:700; 
text-transform:uppercase; 
border-bottom:2px dashed  #6a6732; 
padding-bottom:10px; 
margin-bottom:30px; 
}
footer ul {
padding:0; margin:0;
}

footer li {
	list-style: square inside; 
	padding-left:15px; 
	position:relative; 
	line-height:28px; 
	font-size:14px; 
	color:#282828;
}

footer li a {
	font-size: 14px; 
	color:#282828; 
}
footer li a:hover {
	text-decoration: none;
	color: #282828;
}
.continfo li { 
padding-left:35px; 
list-style:none;

}
.continfo .adres,.continfo .email,.continfo .phone { margin-bottom:20px;}
.continfo .adres:before { 
	content:'\f041';
	position: absolute;
    left: 0px;
    top: 2px;
	font-family: FontAwesome; 
	background:none; 
	font-size:26px; 
	color:#6a6738;
}
.continfo .phone:before { 
	content:'\f095';
	position: absolute;
    left: 0px;
    top: 2px;
	font-family: FontAwesome; 
	background:none;
	font-size:20px;
	color:#6a6738;
}
.continfo .email:before { 
	content:'\f0e0';
	position: absolute;
    left: 0px;
    top: 2px;
	font-family: FontAwesome; 
	background:none;
	font-size:20px;
	color:#6a6738;
}
footer p { 
font-size:14px; 
color:#282828; 
}
footer p span{ 
font-size:14px; 
color:#6a6738; 
}

.header-bottom.inner { 
padding:50px 0;
}
.inner-sect { 
background:url(../images/about-bg.png) no-repeat left center/cover; 
height:auto;
 box-shadow: 0 -11px 28px #fff;
}
.inner-sect .welcome-content h3:before {
  width: 37%;
}
.inner-sect .welcome-content h3:after {
  width: 37%;
}
.teat-div img{ float:left; height:120px; border:5px solid #B0AC5C}
.teat-div h4{ 
font-size:18px; 
font-weight:900;
vertical-align:top;
}
.teat-div p{ 
font-size:15px; 
line-height:22px; 
margin:0;
}
.testi-in {
  background: none repeat scroll 0 0 rgba(161, 210, 49, 0.5);
  border-radius: 5px;
  font-size: 14px;
  padding: 10px; 
  margin-bottom:15px
}
.testi-in p{ margin:0; padding-left:25px; position:relative;  }
.testi-in p:before { 
content:'\f10d';
font-family:'FontAwesome'; 
position:absolute; 
left:0; 
top:0; 
font-size:20px; 
}
.testi-in .test-name { font-style:italic; text-align:right;}
.testi-in .test-desg { font-style:italic; }
.portfolio-item .thumb {
  position: relative; 
  
}
.portfolio-hover {
  background-color: rgba(106,103,56,0.7);
  border: 20px solid rgba(106,103,56, 0.9);
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease 0s;
}
.portfolio-item:hover .portfolio-hover{ 
opacity:1;
 }
.portfolio-hover .action-btn {
  font-size: 35px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateY(45%);
  transition: all 0.3s ease 0s;
  width: 100%;
}
.portfolio-item:hover .portfolio-hover .action-btn{ 
top:50%; 
margin-top:-55px; 
opacity:1;
 }
.portfolio-hover .action-btn a {
  color: #fff;
  text-align: center;
}

.con-iner {
padding:0 100px;
}
.contadres p i {
  font-size: 18px;
  margin-right: 10px;
  width: 15px;
}
.teat-div { background:rgba(255,255,255,0.7); 
padding-top:15px; 
padding-bottom:15px;
}
.teat-div h5 { text-decoration:underline; margin-bottom:15px;}
.teat-div ul li { 
list-style:square inside;
font-size:14px; 
color:#6a6732;
}
.spec ul li { 
list-style:square inside;
font-size:14px; 
color:#6a6732; 
font-weight:700;
}

@media (min-width: 992px) and (max-width: 1199px) {
.navbar-toggleable-sm .navbar-nav .nav-link {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.treat-content {  padding: 0 10px;}
.owl-carousel .owl-item img {  height: 100%;}
.treat-content h5 {  font-size: 16px;}
.treat-content p {
  font-size: 13px;
  line-height: 18px;
}
.welcome-content p, .offer-content p {
  font-size: 13px;
  line-height: 22px;
}
.gallery {  padding: 100px 0 20px;}
.gallery h3:before {  width: 36%;}
.gallery h3:after {  width: 36%;}
.offer-content h3:before {  width: 31%;}
.offer-content h3:after {  width: 31%;}
.offer-content {  padding-top: 20px;}
.offer-content .ofer-img img {  height: 200px;}
.treatment {  padding: 50px 0 100px;}

} 
@media (min-width: 768px) and (max-width: 991px) {
.navbar-toggleable-sm .navbar-nav .nav-link {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.navbar-light .navbar-nav .nav-link {  font-size: 16px;}
.welcome-content h3 {  font-size: 18px;}
.welcome-content p, .offer-content p {
  color: #6a6732;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
}
.offer-content {
  padding-bottom: 60px;
  padding-top: 50px;
}
.gallery h3, .offer-content h3, .treatment h3 {  font-size: 20px;}
.gallery h3:before {  width: 36%;}
.gallery h3:after {  width: 36%;}
.offer-content h3:before {  width: 29%;}
.offer-content h3:after {  width: 29%;}
.welcome-content h3:before {  width: 24%;}
.welcome-content h3:after {  width: 24%;}
.gallery {  padding: 100px 0 20px;}
.offer-content .ofer-img img {  height: 200px;}
.treatment {  padding: 50px 0 100px;}
.treat-content {  padding: 32px 20px;}
.welcome-content h3 img {  top: -50px;}
}
@media (min-width: 576px) and (max-width: 767px) {
.ban-img { height: 165px;}
.welcome-content p, .offer-content p {  line-height: 24px;}
.gallery {  padding: 50px 0 20px;}
.gallery h3:before {  width: 25%;}
.gallery h3:after {  width: 25%;}
.offer-content h3:before {  width: 16%;}
.offer-content h3:after {  width: 16%;}
.treatment h3:before {  width: 29%;}
.treatment h3:after {  width: 29%;}
.offer-content .ofer-img {
  left: 0;
  text-align: left;
  width: 26%; 
  top:50%;
}
.offer-content .ofer-img img {  height: 150px;}
.offer-content a {  font-size: 18px;}
.offer-content p {  padding: 0 16% 20px;}
.treatment {  padding: 40px 0 80px;}
.owl-carousel .owl-item img {  height: 100%;}

}
@media (max-width: 991px) {
.welcome { 
background:url(../images/about-bg.jpg) no-repeat center center/cover; 
height:auto;
}
.welcome-content, .offer-content {
  position: relative;
}
.offer { 
background:url(../images/offer-bg.png) no-repeat center center/cover; 
height:auto;
}
.offer-content .ofer-img {  left: 0;}
.header-bottom h2 {
  background: rgba(255,255,255,0.8);
}
}
@media (max-width: 767px) {
.header-bottom h2 {
  background: rgba(255,255,255,0.8);
  line-height: 50px;
  padding: 10px 0 10px;
}
.header-bottom h1 {
  background: rgba(255,255,255,0.5);
  line-height: 24px;
  padding: 0 0 5px;
}
.offer-content {
  padding-bottom: 50px;
  padding-top: 50px;
}
.inner-sect {
  background: rgba(0, 0, 0, 0) url("../images/about-bg.png") no-repeat scroll center center / cover ; 
  padding-top:20px;
}
.con-iner {
  padding: 0;
}
}
@media (max-width: 575px) { 
.logo img { height:50px;}
.ban-img { height: 165px;}
.header-bottom h2 {
  font-size: 36px; 
  line-height:32px;
}
.header-bottom h1 {  font-size: 17px;}
.welcome-content p, .offer-content p {
  font-size: 13px;
  line-height: 22px;
}
.welcome-content h3::before {  width: 10%;}
.welcome-content h3::after {  width: 10%;}
.welcome-content h3 {  font-size: 22px;}
.welcome-content h3 img {
 height: 34px;
right: -10px;
top: -9px;
}
.gallery h3,  .treatment h3 {  font-size: 20px;}
.gallery {  padding: 50px 0 20px;}

.gallery h3:before {  width: 15%;}
.gallery h3:after {  width: 15%;}
.offer-content h3:before {  width: 10%;}
.offer-content h3:after {  width: 10%;}
.treatment h3:before {  width: 20%;}
.treatment h3:after {  width: 20%;}
.offer-content h3 { font-size:18px}
.gallery p {
  font-size: 14px;
  padding: 0;
}
.ofer-img { display:none;}
.offer-content p {
  padding: 0 0 20px;
  text-align: center;
}
.treatment {  padding: 50px 0 70px;}
.treatment p { font-size:14px;}

}