@font-face {
  font-family: Futura;
  font-style: light;
  font-weight: 300;
  src: url(../fonts/FuturaStdLight.otf);
}
@font-face{
  font-family: Futura;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/FuturaStdBook.otf);
}
@font-face{
  font-family: Futura;
  font-style: medium;
  font-weight: 500;
  src: url(../fonts/FuturaStdMedium.otf);
}
@font-face{
  font-family: Futura;
  font-style: bold;
  font-weight: 600;
  src: url(../fonts/FuturaStdBold.otf);
}
@font-face{
  font-family: Cinzel;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Cinzel-Regular.otf);
}
@font-face{
  font-family: Cinzel;
  font-style: nomral;
  font-weight: 400;
  src: url(../fonts/Cinzel-Medium.ttf);
}
@font-face{
  font-family: Cinzel;
  font-style: bold;
  font-weight: 600;
  src: url(../fonts/Cinzel-Bold.otf);
}
@font-face{
  font-family: Geeza Pro;
  font-style: bold;
  font-weight: 600;
  src: url(../fonts/Geeza-Pro-Bold.ttf);
}

:root 
{
	--text--primary: #DA8328; 
}
html
{
	scroll-behavior: smooth;
}
body
{
	font: normal normal 500 18px/25px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	background-image: url(../img/home/body-bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 100%;
	background-attachment: fixed;
}
.text-primary 
{
	color: var(--text--primary)!important;
}
a 
{
	text-decoration: none;
}
.vertical-link
{
	min-width: 130px;
	height: 82px;
}
.vertical-link svg 
{	
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translate(-50%, 5px);
}
.vertical-link:hover svg 
{
	margin-left: 0!important;
	transform: translate(-50%, -5px);		
}
.primary-link 
{
	text-align: left;
	font: normal normal 500 24px/40px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	position: relative;	
}
.primary-link svg 
{
	font-size: 20px;	
	transition: 0.3s;
}
.primary-link:after 
{
	content: '';
	position: absolute;
	right: 0;
	bottom: -2px;
	width: 100%;
	border-bottom: 3px solid #000;
	transition: 0.3s;
}
.primary-link:hover 
{
	color: var(--text--primary);
	text-shadow: 0px 3px 6px #00000029;
}
.primary-link:hover svg
{
	margin-left: 15px;
	transition: 0.3s;
}
.primary-link:hover:after 
{
	transition: 0.3s;
	width: 0;
}
.heading
{
	text-align: left;
	font: normal normal normal 45px/60px Cinzel;
	letter-spacing: 0px;
	color: #31353D;
	opacity: 1;
	text-transform: uppercase;
}
.heading2
{
	font: normal normal normal 55px/70px Cinzel;
}


/*header*/

header 
{
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}
header .navbar .nav-item 
{
	/*position: relative;*/
}
header .navbar .nav-item .nav-link 
{
	text-align: left;
	font: normal normal 500 18px/21px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin: 0 8px;	
}
header .navbar .nav-item .nav-link:hover 
{
	color: #DA8328;
	text-shadow: 0px 3px 6px #00000029;
}
header .navbar .nav-item svg 
{
	width: 20px;
	height: 20px;
}

/*submenu*/
.submenu 
{
	position: absolute;
	list-style: none;
	padding-left: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;	
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	min-width: 160px;
}
.submenu li a 
{
	text-align: left;
	font: normal normal 500 16px/20px Futura;
	letter-spacing: 0px;
	color: #707070;
	text-transform: capitalize;
	opacity: 1;
	padding: 5px 15px;
	display: block;
	position: relative;
}
header .navbar .nav-item:hover .submenu
{
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}
.submenu li a:hover 
{
	background: #da832869;
}
.submenu ul.nested-submenu
{
	position: absolute;
	list-style: none;
	padding-left: 0;	
	right: -160px;
	top: 0;
	background: #FFFFFF 0% 0% no-repeat padding-box;		
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}
.submenu li a svg
{
	transition: 0.3s;
}
.submenu li a:hover svg
{
	margin-left: 10px;
	transition: 0.3s;
}
.submenu li:hover .nested-submenu
{
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}

main 
{
	float: left;
	width: 100%;
}

.upper-section
{
	float: left;
	width: 100%;
	padding-bottom: 100px;
	background: url(../img/home/upper-bg.webp);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner 
{
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.banner .carousel-caption
{
	position: absolute;
	right: 12%;
	top: 35%;
	bottom: inherit;
	left: inherit;
	transform: translate(0%, -35%);
	text-align: left;
	font: normal normal normal 55px/70px Cinzel;
	letter-spacing: 0px;
	color: #959595;
	opacity: 1;
}
.banner .carousel-caption2 
{
	left: 12%;
	right: inherit;
}
.banner .scroll-down 
{
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -90%);
	width: 50px;
	text-align: center;
	color: #fff;
	z-index: 9;
}
.banner .scroll-down svg 
{
	font-size: 20px;	
	transition: 0.3s;
}
.banner .scroll-down:before 
{
	content: '';
	position: absolute;
	right: 0;
	width: 100%;
	border-top: 3px solid #fff;
	transition: 0.3s;
}
.banner .scroll-down:hover:before 
{
	transition: 0.3s;
	width: 0;
}
.banner .scroll-down:hover svg 
{
	margin-top: 15px;	
	transition: 0.3s;
}

.home1
{
	float: left;
	width: 100%;
	position: relative;
}
.home1 .col-md-7 iframe, .home1 .col-md-7 video
{
	position: relative;
	z-index: 9;
}
.home1 .inside-text 
{
	background: url(../img/home/upper-bg.webp);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	padding: 70px 30px 70px 80px;
	box-shadow: 0px 3px 6px #00000029;
	margin-left: -70px;
	margin-top: 40px;
}
.home1 .inside-text p 
{
	text-align: left;
	font: normal normal 500 20px/27px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-top: 15px;
}

.service-section
{
	float: left;
	width: 100%;
	padding: 70px 0;
	/*background: url(../img/home/lower-bg.webp);	*/
	background: url(../img/home/attech-bg.webp);	
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;	
}
.service-section .service-box
{
	position: relative;
	margin-bottom: 25px;
}
.service-section .service-box img 
{
	width: 100%;	
}
.service-section .service-box .overlay-section
{
	position: absolute;
	left: 0;
	top: 0%;	
	width: 100%;
	height: 100%;
	text-align: center;
	background: #b1887469 0% 0% no-repeat padding-box;
}
.service-section .service-box .overlay-section p 
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	font: normal normal 500 30px/40px Futura;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}
.service-section .service-box .overlay-section p svg
{
	font-size: 25px;
	transition: 0.3s;
}
.service-section .service-box:hover .overlay-section
{	
	background: transparent;
}
.service-section .service-box:hover p
{
	color: #fff;	
}
.service-section .service-box:hover p svg
{
	margin-left: 15px;
	transition: 0.3s;
}
.location-section
{
	float: left;
	width: 100%;
	padding: 70px 0;	
	background: url(../img/home/upper-bg.webp);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.location-section .inside-text
{
	background: url(../img/home/upper-bg.webp);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;		
	box-shadow: 0px 3px 6px #00000029;
	padding: 70px 50px;
	margin-right: 0px;
	margin-left: 50px;
	margin-top: 80px;
	position: relative;
}
.location-section .inside-text p 
{
	text-align: left;
	font: normal normal 500 20px/27px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-top: 15px;
	margin-bottom: 25px;	
}
.location-section .inside-text p a  
{
	color: #000;
}
.location-section .inside-text p a:hover {
    color: var(--text--primary);
    text-shadow: 0px 3px 6px #00000029;
}
.book-appointment
{
	float: left;
	width: 100%;
	padding: 70px 0;
	/*background: url(../img/home/lower-bg.webp);	*/
	background: url(../img/home/attech-bg.webp);	
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;		
}
.book-appointment p
{
	padding: 30px 0;
}
.book-appointment p a 
{
	padding: 0px;
	font-size: 50px;
}
.book-appointment p a img 
{
	width: 100px;
	filter: brightness(0);
}
.book-appointment p a img:hover
{
	-webkit-animation: pop 0.3s 2;
  animation: pop 0.3s 2;
  filter: brightness(1.0);
}
@keyframes pop {
	0% {
		transform: scale(1,1);
	}
	50% {
		transform: scale(1.1,1.1);
	}
	100% {
		transform: scale(1,1);
	}
}

/*about page*/
.about-section
{
	float: left;
	width: 100%;
	background: url(../img/home/lower-bg.webp);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;		
}
.about-section .about-banner
{
	width: 100%;
	float: left;
	height: 100vh;
	background: url(../img/about/banner.webp);	
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;			
}
.about-section .about-banner .container
{
	position: relative;
	height: 100%;
}
.about-section .about-banner .inside-abt-banner 
{
	position: absolute;
	left: 0;
	top: 40%;
	transform: translate(0, -40%);
}
.about-section .about-banner .inside-abt-banner h3 
{
	text-align: left;
	font: normal normal normal 55px/66px Cinzel;
	letter-spacing: 0px;
	color: #31353D;
	opacity: 1;
	text-transform: uppercase;
}
.about1 
{
	float: left;
	width: 100%;
	padding: 70px 0;
}
.breadcrumb-item
{
	text-align: center;
	font: normal normal normal 18px/21px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 0.37;
}
.breadcrumb-item a 
{
	color: #000000;	
}
.breadcrumb-item+.breadcrumb-item::before
{
	content: '>';
}
.about1 .col-md-6 
{
	padding: 0 50px;
}
.about1 .has-left-border
{
	border-left: 1px solid #707070;
}

/*services */
.services 
{
	float: left;
	width: 100%;
	padding: 100px 0;
	/*background-image: url(../img/home/upper-bg.webp);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.services .first-row
{
	margin-bottom: 50px;
}
.services .col-lg-6
{
	padding: 0;
}
.services .service-text-box
{
	background-image: url(../img/home/upper-bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px 90px 50px 50px;	
	box-shadow: 0px 3px 6px #00000029;
	margin-left: -75px;
  margin-right: 75px;
  position: relative;
}
.services .service-text-box-left
{
	margin-left: 75px;
  margin-right: -75px;	
}
.services .service-text-box a 
{
	margin-top: 20px;
	display: inline-block;
}

/*promotions*/

.promotions 
{
	float: left;
	width: 100%;
	padding: 100px 0;
}

.promotions .promotions-box 
{
	position: relative; 	
}
.promotions .promotions-box .promo-overlay
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.promotions .promotions-box .promo-overlay svg 
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	height: 35px;
	width: 35px;
} 
.promotions .promotions-box:hover img 
{
	filter: brightness(0.7);
}
.promotions .promotions-box:hover .promo-overlay
{
	opacity: 1;
}
#promotionsModal
{
	background: #ffffffd1!important;
}
#promotionsModal .modal-body 
{
	box-shadow: 0px 3px 20px #00000041;
	border: 8px solid #FFFFFF;
	opacity: 1;
	position: relative;
}
#promotionsModal .modal-body .btn-close 
{
	position: absolute;
	right: -40px;
	top: -10px;
	z-index: 999;
}
#promotionsModal .carousel-control-prev
{
	left: -20%;
}
#promotionsModal .carousel-control-next
{
	right: -20%;
}
#promotionsModal .carousel-control-next span, #promotionsModal .carousel-control-prev span
{
	background-color: black;
  border-radius: 50%;
  background-size: 65%;
}


/*menu*/
.menu 
{
	float: left;
	width: 100%;
	padding: 70px 0;
}
.menu .sidebar 
{
	padding-right: 20px;
}
.menu .sidebar ul 
{
	list-style: none;
	padding-left: 0;
}
.menu .sidebar ul li 
{
	position: relative;
}
.menu .sidebar ul li a 
{
	text-align: left;
	display: block;
	background: #FFFFFF;
	font: normal normal 500 16px/25px Futura;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	opacity: 1;
	padding: 10px 15px;
	margin-bottom: 15px;
	position: relative;
}
.menu .sidebar ul li a:hover, .menu .sidebar ul li a.active
{
	background: #da832869;
}
.sidebar .dropdown-toggle::after
{
	display: none;
}
.sidebar .dropdown-toggle svg 
{
	position: absolute;
	right: 15px;
	top: 12px;
	width: 20px;
	height: 20px;
}
.sidebar .dropdown-menu 
{
	background: transparent;
	position: relative!important;
	transform: inherit!important;
	border: 0;
	padding: 0;
	margin-bottom: 15px!important;
}
.sidebar .dropdown-menu .dropdown-item
{
	background: transparent;
	margin-bottom: 0;
	padding: 0px 15px;
}
.sidebar .dropdown-menu .dropdown-item:hover
{
	background: transparent;
	color: var(--text--primary);
}
.menu .nav-pills, .menu .nav-pills .nav-link
{
	text-align: center;
	font: normal normal 500 18px/20px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	padding: 0;
	margin: 0 15px;
	border-bottom: 2px solid transparent;
	border-radius: 0;
}
.menu .nav-pills .nav-link.active, .menu .nav-pills .nav-link:hover 
{
	background: transparent;
	border-bottom: 2px solid ;
	border-radius: 0;
}

/*contact */
.contact-pillss
{
	margin-bottom: 45px;	
}
.contact-pillss .nav-link.active, .contact-pillss .nav-link:hover
{
	background: #E6BEB6;
	color: #000;
}
.contact-pillss .nav-link
{
  border: 1px solid #E6BEB6;
  font: normal normal 500 16px/22px Futura;
  letter-spacing: 1px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  margin: 0 15px;
  border-radius: 0;
  padding: 10px 30px;
}
.location-section.contact .inside-text
{
	margin-left: 0;
	margin-right: 0px;
	padding: 40px 50px;
}
.contact-banner 
{
	float: left;
	width: 100%;
	height: 90vh;
	/*background: url(../img/home/hair-banner.webp);	*/
	background: url(../img/services/hair.jpg);	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
	position: relative;
}
.contact-banner .container 
{
	height: 100%;
	position: relative;
}
.contact-banner .container h3 
{
	position: absolute;
	left: 0;
	top: 35%;
	transform: translate(0, -35%);
	text-align: left;
	font: normal normal normal 55px/66px Cinzel;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.contact1 
{
	float: left;
	width: 100%;
	padding: 70px 0;
	background: url(../img/home/lower-bg.webp);	
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;		
}
.form-control 
{
	text-align: left;
	font: normal normal 500 18px/27px Futura;
	letter-spacing: 0px;
	color: #BEBEBE;
	opacity: 1;
	padding: 15px 30px;
	border-radius: 0;
	border: 0;
}
.more-services 
{
	float: left;
	width: 100%;
	padding-bottom: 50px;
	 display: none;
}
.more-services .more-services-box
{
	position: relative;
}
.more-services .more-services-box .overlay-section
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #b1887469 0% 0% no-repeat padding-box;
}
.more-services .more-services-box img 
{
	/*filter: brightness(1) saturate(2) contrast(0.5);*/
}
.more-services .more-services-box .service-name 
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, -50%);
	font: normal normal 500 24px/32px Futura;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	transition: 0.3s;
}
.more-services .more-services-box .service-name svg 
{
	margin-top: -5px;
}
.more-services .more-services-box:hover .overlay-section
{
	background: transparent;
}
.more-services .more-services-box:hover .service-name 
{
	color: #fff;
	transition: 0.3s;
	transform: translate(-50%, -50%) scale(1.2);
}
.more-services .owl-theme .owl-nav
{
	position: absolute;
	top: -100px;
	right: 0;
}
.owl-theme .owl-nav button:hover, .owl-theme .owl-nav button:focus 
{	
	background: none!important;
	outline: none !important;
	box-shadow: none !important;
}
.more-services .owl-theme .owl-nav .owl-next
{
	border-left: 15px solid #000;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.more-services .owl-theme .owl-nav .owl-prev
{
	border-right: 15px solid #000;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transform: translateX(-10px);
}

.servicegallery-slider .owl-nav
{
	position: absolute;
	bottom: 10px;
	left: 1rem;
}
.servicegallery-slider .owl-nav .owl-next
{
	border-left: 10px solid #fff !important;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
}
.servicegallery-slider .owl-nav .owl-prev
{
	border-right: 10px solid #fff !important;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	transform: translateX(-10px) !important;
}

/*facial-services*/
.facial-services
{
	float: left;
	width: 100%;
	padding: 70px 0;
}
.facial-services .col-lg-6
{
	padding: 0 30px;
}
.facial-services .inside-facial-service 
{

}
.facial-services .inside-facial-service h4
{
	text-align: left;
	font: normal normal 500 24px/24px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	border-bottom: 1px solid #707070;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.facial-services .inside-facial-service h6 
{
	text-align: left;
	font: normal normal 500 20px/24px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-bottom: 20px;
}
.facial-services .inside-facial-service p
{
	font: normal normal 500 17px/24px Futura;
}
.facial-services .has-top-shadow
{
	box-shadow: 0px 3px 10px #00000036;
	padding:20px 15px 70px;

}
.inside-facial-service ul li 
{
	display: flex;
	align-items: baseline;
	margin-bottom: 12px;
}
.inside-facial-service ul li img 
{
	width: 16px;
}
.inside-facial-service ul li span 
{
	width: calc(100% - 16px);
	padding-left: 15px;

}

/*reviews*/

.reviews 
{
	float: left;
	width: 100%;
	padding: 100px 0;
}
.reviews .reviews-box
{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
	padding: 20px;
	position: relative;
}
.reviews .reviews-box .google-logo
{
	position: absolute;
	right: 20px;
	top: 15px;
}
.reviews .reviews-box h1 
{
	font: normal normal normal 60px/60px Geeza Pro;
	letter-spacing: 0px;
	color: #31353D;
	opacity: 1;
	margin-bottom: 0;
}
.reviews .reviews-box .client-name
{
	color: #AA9F9F;
}

/*accordian */

#accordion .card 
{
	border: 0;
	border-radius: 0;
	background: transparent;
	margin-bottom: 15px;
}
#accordion .card .card-header 
{
	border-radius: 0;	
	background: transparent;
	padding: 0;
}
#accordion .card .card-header a 
{
	width: 100%;
	text-align: left;
	padding: 10px 0;
	font: normal normal 500 20px/24px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	border: 0;
	position: relative;
}
#accordion .card .card-header a:after 
{
	content: '';
	position: absolute;
	right: 15px;
	top: 15px;
	border-top: 15px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transform: rotate(180deg);
	transition: 0.3s;
}
#accordion .card .card-header a.collapsed:after 
{
	transform: rotate(0deg);
	transition: 0.3s;
}
#accordion .card .card-header a:focus, #accordion .card .card-header a:hover 
{
	outline: none;
	border: none;
	background: none;
}
#accordion .card .card-body 
{
	padding: 15px 0 10px;
	font: normal normal 500 16px/24px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}



/*footer*/
footer 
{
	float: left;
	width: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	padding: 50px 0 30px; 
	font: normal normal 500 15px/26px Futura;
	letter-spacing: 0.42px;
	color: #000000;
	opacity: 1;
}
footer ul 
{
	list-style: none;
	padding-left: 0;
}
footer ul li  
{
	margin-bottom: 0px;
}
footer .footer-menu-title
{
	font: normal normal bold 24px/34px Futura;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	padding-top: 15px;
	margin-bottom: 25px;
}
footer ul li a, footer a 
{
	color: #000;
}
footer a:hover 
{
	color: var(--text--primary);
	text-shadow: 0px 3px 6px #00000029;
}
footer .social-icons 
{
	display: flex;
	margin-top: 25px;	
}
footer .social-icons img 
{
	width: 50px;
	margin-right: 15px;
	filter: brightness(0);
}
footer .social-icons img:hover
{
	filter: brightness(1.0);
}

/*floating-icon*/
.floating-icon
{
	position: fixed;
	top: 50%;
	right: -85px;
	text-align: center;
	font: normal normal 500 14px/19px Futura;
	letter-spacing: 0px;
	color: #694935;
	opacity: 1;
	display: flex;
	align-items: center;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 25px 25px;
	opacity: 1;
	padding: 5px 25px;
	transform: rotate(90deg);
	z-index: 99;
}
.floating-icon i 
{
	font-size: 30px;
	margin-right: 10px;
	color: #DA8328;
}
.floating-icon:hover
{
	color: #DA8328;
}


/*media query*/

@media only screen and (max-width: 1199px)
{
	.container, .container-lg, .container-md, .container-sm
	{
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 991px)
{
	.mnone {
		display: none !important;
	}
	.dm-block {
		display: block !important;
	}
	.contact-banner .container h3
	{
		font: normal normal normal 45px/60px Cinzel;
		left: 15px;
	}
	.location-section.contact .inside-text
	{
		margin-right: 0;
		padding: 30px 20px;
	}
	.heading
	{
		font: normal normal normal 35px/50px Cinzel;
	}
	.heading2
	{
		font: normal normal normal 45px/60px Cinzel;
	}
	.location-section .inside-text
	{
		margin: 0;		
		padding: 30px 20px;
	}
	.location-section .inside-text p
	{
		font: normal normal 500 16px/25px Futura;
	}
	.about-section .about-banner .inside-abt-banner h3
	{
		font: normal normal normal 35px/50px Cinzel;
		padding: 0 15px;
	}
	.about-section .about-banner, .about-section .about-banner .container
	{
		height: 50vh;
		background-position: center;
	}
	.about1 .col-md-6
	{
		padding: 15px;
	}
	.about1 .col-md-12.text-center 
	{
		margin-bottom: 0px!important;
	}
}

@media only screen and (max-width: 767px)
{
		.about1 .has-left-border
		{
			border: 0;
		}
		.facial-services .inside-facial-service
		{
			margin-top: 25px;
		}
		.facial-services
		{
			padding-bottom: 50px;
		}
		.services .service-text-box
		{
			margin: 0;
			padding: 25px 15px;
		}
}

@media only screen and (max-width: 576px)
{
	.book-appointment p a img
	{

	}
	#promotionsModal .modal-body .btn-close
	{
		right: 0;
		top: 0px;
	}
	.banner .carousel-caption
	{
		font: normal normal normal 25px/27px Cinzel;
		right: 5%;
	}
	.banner .carousel-caption2
	{
		font: normal normal normal 25px/27px Cinzel;
		left: 5%;
	}
}
@media only screen and (max-width: 425px)
{
	.navbar-brand img 
	{
		width: 250px;
	}
	.book-appointment p a img
	{
		width: 60px;
	}
	.footer-logo
	{
		width: 100%;
	}
	.more-services .more-services-box .service-name
	{
		font: normal normal 500 18px/26px Futura;
	}
}
.promotions-box{height:400px;overflow:hidden;text-align:center;}
.promotions-box img{height:100%;width:100%;max-width:100%;object-fit: cover;object-position: top;}
.help-block {
    display: inline-block;
    font-size: 13px;
    background: #ff7171;
    color: white;
    padding: 2px 10px;
    margin-top: 8px;
    position: relative;
    border-radius: 3px;
}
.help-block:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ff7171;
}
#pills-tabContent .promotions-box
{
	height: 260px;
}