/*
	Master Style Sheet

Project: 		Hair-cutter (Barber Html5 template)
Last changes: 	
Assign to: 		Hasnain Hasan

----------------------------------------------
/*** 
====INDEX=====
01- General Styling
02- header
03- parallax section
04- Service Area
05- Table Area
06- slider
07- gallery 
08- our blog
09- Error
10- pagination
11- 2nd homepage
12- hair fade
13- header 2
14- table area 2
15- sidenav
16- appointment page
17- Hair style
18- price page
19- team page
20- treatment
21- our product
22- product-detail
23- product detaill 2
24- homepage3
25- inner  menu
26- blog-detail
27- hamberger menu
28- HAMBURGER NAGIVATION ACTIVE
29- mobile menu
30- PAGE LOADED
31- PRELOADER 
32- sidebar
33- dropdown 2
34- loader
35- Model padding 
36- Product Loader 
37- servise style 1
38- Dashboard Page
39- Profile Sidebar
40- Dashboard Tab
41- My Bookings Tab
42- My Reviews Tab
43- My Orders Tab 
44- Shortlists Tab
45- Statement Tab
46- Account Settings Tab
47- sticky-header
48- scroll-top
====================================================================
  Google Fonts
====================================================================
 ***/
 @import url('https://fonts.googleapis.com/css2?family=Squada+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
 
 /*=====General Styling=====*/
 
 body{
   position: relative;
   width: 100%;
   height: 100%;
   margin:0;
   padding:0;
   background-color: #000;
 }
 body,
 html,
 h1,h2,h3,h4,h5,h6,
 .icon-style,
 .comment-text span,
 .table-img span,
 .gallery-appointment,
 .gallerybtn-1,
 .team-table-1,
 .team-table-2,
 .featured-sub span,
 .about-table,
 .appointment-title span,
 .appointment-box span,
 .about-head span,
 .about-head ul,
 .about-para,
 .about-sec span,
 .about-table span,
 .about-table p,
 .main-content p,
 .featured-btn,
 .treat-2 ul,
 .snap-description p,
 .contact-form span,
 .instagram-content span,
 .error-page span,
 .page-link,
 .team-table ul,
 .team-end p,
 .team-end p,
 .treat-1 span,
 .barber-description h2 span,
 .heading-barber h2 span,
 .pagination li a,
 .appointent-content span,
 .nav-1 a,
 .blog h3 span,
 .popup-items h2,
 .gallerybtn-1,
 .barber-item-2 p,
 .barber-shop span,
 .view-menu-liks,
 .order-info a,
 .profile-info-form input,
 .select-wrp select,
 .profile-sidebar-inner > ul > li a{
   font-family:  'Segoe UI', system-ui, sans-serif;
 }
 ul,
 span,
 p,
 .contact-form input,
 .wiget-contact h3,
 .end-area,
 .footer-mail ::placeholder,
 .sidenav a,
 .tab-content{
   font-family: 'Segoe UI', system-ui, sans-serif;
 }
 p{
   font-weight: 200;
 }
 html{
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%; 
   overflow-y: auto;
 }
 body{
   overflow-x: hidden;
 }
 a,
 a:hover,
 a:focus,
 input, 
 button, 
 textarea, 
 input:focus, 
 button:focus, 
 textarea:focus  {
     text-decoration: none;
     outline: none;
 }
 a,
 img,
 :before,
 :after,
 button,
 input,
 textarea,
 span {
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
 }
 .owl-carousel{
   display: block;
 }
 h1,h2,h3,h4,h5,h6,.order-info a{
   color: #e5e5e5;
   line-height: 2.812rem;
 }
 ul{
   color: #7b7b7b;
 }
 p{
   font-size: 1.062rem;
   color: #e5e5e5;
 }
 figure,ul{
   margin: 0;
 }
 section{
   position: relative;
 }
 .gap{
   padding: 7.5rem 0;
 }
 
 .resp-padd{
   padding-top: 77px;
 }
 
 .bg-img-fixed{
   background-attachment: fixed;
     background-position: right !important;
 }
 .video-paralax {
     position: absolute;
     width: 100%;
     max-width: 100%;
     min-height: 100%;
     top: 0;
     left: 0;
     z-index: -2;
 }
 .img-over{
   margin-bottom: -70px;
   width: 100%;
 }
 .over-logo{
   z-index: 0;
     left: -40%;
     bottom: 50px;
 }
 .text-bold{
   font-weight: bold;
 }
 .appointent-btn .theme-btn-2{
   background: #000 !important;
 }
 .inner-img-1{
   position: absolute;
   width: 100%;
   height: 100%;
   background-position: center;
   background-repeat: repeat;
 }
 .theme-btn-2{
     background:linear-gradient(90deg,#a08c6b 80%,#a08c6b 100%);
     color:#fff;
     border:none;
     font-weight:bold;
     padding:1.1rem 2.2rem;
     font-size:1.13em;
     border-radius:16px;
     box-shadow:0 4px 18px rgba(187,165,137,0.13);
     letter-spacing:1.2px;
     transition:background 0.2s,
     box-shadow 0.2s,transform 0.15s;
     cursor:pointer;text-transform:uppercase;
    text-decoration:none;display:inline-block;
			
 }
 .theme-btn-2:hover{
   background:linear-gradient(90deg,#000000 80%,#000000 100%);
   color:#fff;
 }

 .nn:hover{
   background:linear-gradient(90deg,#000000 80%,#000000 100%);
   color:#fff;
 }

 .inner-image{
   background-repeat: repeat;
 }

 

 .appointent-btn .theme-btn-2:hover:before{
   background: #bba589;
   opacity: 1;
 }
 .appointent-btn .theme-btn-2:hover:before,
  .theme-btn-2:hover:before{
     opacity: 1;
     left: 0;
     right: auto;
     width: 100%;
     -webkit-transform-origin: right;
     transform-origin: right;
 }
 .py-120{
   padding-bottom: 7.5rem;
 }
 .py-177{
   padding-bottom: 10.8rem;
 }
 .bg-gray{
   background-color: #baae9a;

 }
 .bg-light-color{
   background: #f0f0f0;
 }
 .bg-image-2 {
   position: absolute;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   padding:5.625rem 0px;
   background-size: cover;
 }
 .inner-img-1{
   padding-right: 1.1rem;
 }
 .inner-img-2 {
     padding-left: 1.5rem;
     width: 50vw;
 }
 .inner-img-1{
   width: calc(50vw + 15%);
     float: right;
     
 }
 .inner-img-1 img{
   min-height: 551px;
 }
 .bg-image{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -2;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
 .overlay:before, .overlay-2:before{
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   z-index: -1;
   left: 0;
     background-color: #000;
 }
 .pattern-img .overlay:before{
   z-index: 9;
   opacity: .9;
 }
 .pattern-img-2{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
       left: 0;
       z-index: -2;
       background-repeat: repeat;
       background-position: center;
       background-size: contain;
   }
 .overlay:before{
   opacity: .6;
 }
 .overlay-2:before{
   opacity: .9;
 }
 .icon-style,.shadow-icon a{
   color: #fff;
   background-color: #000;
   font-size: 1rem;
   border-radius: 50%; 
 }
 .theme-btn-2:hover{
   color: #fff;	
 }
 .heading-style h2{
   font-size: 3.75rem;
   margin-bottom: 1.25rem;
 }
 .heading-style-2 span{
   font-size: 1rem;
     letter-spacing: 0.187rem;
     padding-bottom: 1.0625rem;
     line-height: 1.562rem;
 }
 
 .heading-style {
   margin-bottom: -4.75rem !important;
   margin-top: 90px!important ;
 }
 .heading-style-2 h2{
   color: #fff;
   font-size: 3.75rem;
   max-width: 80%;
     margin: auto;
     line-height: 4rem;
 }
 .heading-style-2{
   margin-bottom: 1rem;
 }
 .img-hover:before{
   position: absolute;
     top: 0;
     left: -80%;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
     -webkit-transform: skewX(-25deg);
     -ms-transform: skewX(-25deg);
     transform: skewX(-25deg);
     z-index: 1;
 }
 .img-hover:hover:before {
     -webkit-animation: shine 0.7s;
     animation: shine 0.7s;
 }
 @-webkit-keyframes shine {
   100% {
     left: 125%;
   }
 }
 
 @keyframes shine {
   100% {
     left: 125%;
   }
 }

 /*====header====*/
 .main-header{
   position:absolute;
   width: 100%;
   z-index: 1;
   top: 3.125rem;
   left: 0;
   right: 0;
   padding: 0px 3.125rem;
 }
 .stick .navbar, .stick .main-logo{
   top: 0;
 }
 .stick .main-logo {
 background: #141414;
 padding: 20px;
 }
 .stick .main-logo a img {
     width: 70%;
 }
 .page-2-nav.stick {
     background: #141414;
 }
 .logo img{
   width: 100%;
 }
 .header-nav span{
   color: #fff;
   
 }
 
 .header-text{
   padding-top: 1.25rem;
 }
 .bg-text{
   padding-top: 200px;
   padding-bottom: 180px;
   height: 100vh;
     min-height: 800px;
 }
 .bg-text p{
   color: #fff;
   margin-top: 0.625rem;
   font-size: 1.062rem;
   padding-left: 3.75rem;
   padding-right: 3.75rem;
   margin-bottom: 2.187rem;
 }
 .first-header  .bg-text p{
   margin-bottom: 2.5rem;
   letter-spacing: 0.25rem;
   font-weight: bold;
   padding-top: 0.375rem;
 }
 .bg-text h2{
   color: #fff;
   font-size: 5rem;
 }
 
 /*====parallax section===*/
 .boxes h3{
   font-size: 1.875rem;
   padding-top: 1.375rem;
   margin: 0;
   padding-bottom: 0.625rem;
   color: #332b23;
 }
 .boxes{
   box-shadow: 1px 1px 13px 7px #f7f7f7;
 }
 .boxes p{
   font-size: 1rem;
   margin: 0;
 }
 .parallax-content{
   padding-right: 0.625rem;
   padding-top: 56px;
 }
 .parallax-content h2{
   font-size: 3.437rem;
   line-height: 3.75rem;
   padding-bottom: 1.25rem;
   padding-top: 0.625rem;
 }
 .parallax-content span{
   color: #bba589;
 }
 .parallax-content p{
   margin-bottom: 3.125rem;
   font-size: 1.125rem;
     line-height: 1.875rem;
 }
 .boxes{
   padding: 1.875rem 2.125rem 1.875rem 3.125rem;
   border: 0.25rem solid #f1f1f1;
 }
 .boxes span{
   position: absolute;
   top: 0;
   left: 1.875rem;
   margin-top: -42px;
 
 }
 .boxes svg{
   background-color: #fff;
   padding: 0 20px;
 }
 .parallax{
   position: absolute;
   width: 100%;
   height: 100%;
   left: -167px;
   top: 5.937rem;
 }
 .heading-style span{
   font-size: 0.937rem;
   letter-spacing: 0.187rem;
   padding-bottom: 0.625rem;
   line-height: 1.562rem;
 }
 .header-nav a{
   color: #fff;
 }
 .header-text{
   height: 100vh;
     min-height: 685px;
 }
 .page-2-nav{
   z-index: 1;
   position: absolute;
 }
 .header-text h2{
   font-size: 90px;
     line-height: 80px;
     color: #fff;
     max-width: 49%;
     margin: auto;
     padding-top: 30px;
 }
 .header-text{
   max-width: 100%;
     margin: auto;
 }
 .header-inner{
   top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     margin: auto;
 }
 .header-inner img{
   margin-bottom: 25px;
   padding-top: 53px;
 }
 .header-inner p{
   color: #d8d8d8;
   letter-spacing: 2px;
     padding-top: 15px;
     font-weight: bold;
     font-size: 20px;
 }
 /*====Service Area====*/
 .service-content h3{
   font-size: 2rem;
   padding-top: 1rem;
   margin: 0;
 }
 .service-content a{
   color: #332b23;
 }
 .service-img{
   position: absolute;
   right: 0;
   top: 0;
   margin-top: -19%;
 }
 .service-prices:hover span{
   visibility: visible;
   opacity: 1;
   transform: translate(0px, 0px);
 }
 .service-prices .icon-style{
   background-color: #bba589;
   transform: translate(10px, 10px);
 }
 .service-prices span{
   position: absolute;
     visibility: hidden;
     opacity: 0;
     top: 0;
     font-size: 22px;
     height: 4.375rem;
     right: 27px;
     line-height: 4.375rem;
     width: 4.375rem;
     text-align: center;
     transition: all .3s linear;
 }
 .service-prices:hover .sec-img .sec-radius img{
   border-color: #bba589;
 }
 .service-prices .sec-img .sec-radius img{
   border-radius: 50%;
   overflow: hidden;
   border: 8px solid #fff;
   transition: all .3s linear;
 }
 /*====Table Area===*/
 .appointment-box{
   padding: 2.5rem 2.812rem;
     min-height: 257px;
     padding-bottom: 0;
 }
 .app-border{
   border: 1px solid #fff;
 }
 .appointment-box .theme-btn{
   position: absolute;
     bottom: 1.875rem;
 }
 .appointment-box h3 a{
   font-size: 2rem;
   padding-bottom: 0.437rem;
   color: #332b23;
 }
 .appointment-main:hover ul{
   opacity: 0;
   height: 0;
 }
  .appointment-main-2{
   width: 75%;
     margin: auto;
 } 
 .appointment-box .testing-2 a{
   opacity: 0;
   visibility:	hidden;
 }
 .appointment-main:hover .testing-2 a{
   opacity: 1;
   visibility: visible;
   transition: all .3s linear;
   bottom: 2.7rem;
 }
 .appointment-box .testing-2 a {
     bottom: 0;
     position: absolute;
 }
 .appointment-main:hover h4{
   padding-bottom: 1.25rem;
   margin-top: -7px;
   padding-top: 1.25rem;
   top: 80px;
     transition: .3s ease-in-out;
 }
 .appointment-box span{
   color: #bba589;
 }
 .appointment-main:hover ul{
   position: absolute;
   transition: ease-in-out .1s;
 }
 .appointment-box ul{
   padding-left: 1.25rem;
   padding-left: 1.25rem;
     padding-top: 0.625rem;
 }
 .appointment-box h4{
   font-size: 1.25rem;
   color: #7b7b7b;
 }
 .arrow-2:before{
   content: "";
   position: absolute;
   border-left: 1.187rem solid white;
   border-top: 0.812rem solid transparent;
     border-bottom: 1.062rem solid transparent;
   top: 2.5rem;
 }
 .arrow:before{
   content: "";
   position: absolute;
     right: 277px;
     top: 2.5rem;
     border-right: 1.187rem solid white;
     border-top: 0.812rem solid transparent;
     border-bottom: 1.062rem solid transparent;
 }
 /*====slider====*/
 .barber-slider .slider-item{
   padding: 0 15px;
 }
 .barber-slider{
   padding-top: 25px;
 }
 
 /*===gallery====*/
 
 .shadow-image:hover .barber-shadow{
   transform: translate(-50%, -50%);
 }
 .barber-shadow h3{
   color: #fff;
   font-size: 2rem;
 }
 .barber-shadow{
   width: 100%;
 }
 .shadow-image .barber-shadow{
   position: absolute;
   top: 50%;
   left: 50%;
   visibility: hidden;
   opacity: 0;
   transform: translate(-60%, -50%);
   transition: ease-in-out .5s;
   z-index: 1;
 }
 .shadow-image:hover .barber-shadow{
   visibility: visible;
   opacity: 1;
 }
 .shadow-icon a{
   color: #fff;
   z-index: 1;
 }
 .shadow-image .shadow-icon, .shadow-icon a{
   position: absolute;
   right: 0;
   top: 0;
   margin: .5rem;
   visibility: hidden;
   opacity: 0;
   width: 3.125rem;
   height: 3.125rem;
   line-height: 3.125rem;
   text-align: center;
   transition: ease-in-out .5s;
   z-index: 1;
 }
 .shadow-image:hover .shadow-icon, .shadow-icon a{
   visibility: visible;
   opacity: 1;
   transform: translate(1);
 }
 .slider-item h5{
   font-size: 1.25rem;
   margin-bottom: 1rem;
   color: #bba589;
   margin-top: -15px;
 }
 .slider-item h3 a{
   font-size: 2.125rem;
   margin-top: 2.5rem;
   margin-bottom: 0;
   color: #332b23;
 }
 .slider-item h3 a:hover{
   color: #b76e25;
 }
 .slider-item h3{
   padding-top: 1.875rem;
 }
 .slider-1 span a{
     padding: 19px 23px !important;
     background-color: #222222 !important;
     color: white;
     margin-left: 8px;
 }
 .slider-1 span a:hover{
   background-color: #b76e25;
 }
 .slider-item:hover img{
   opacity: 0.2;
 }
 .slider-btn button{
   padding: 1.187rem 3.812rem;
 }
 .slider-btn .theme-btn-2{
   padding: 1.187rem 2.812rem;
 }
 .slider-btn{
   position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     transition: all .3s linear;
 }
 .slider-1:hover .slider-btn {
   opacity: 1;
   visibility: visible;
 }
 .client-slider .slick-arrow {
     position: absolute;
     right: -17px;
     top: 70%;
     z-index: 1;
 }
 .client-slider button.slick-prev {
     position: absolute;
     left: 93%;
     top: 72%;
 }
 .slick-prev, .slick-next{
   top: 45%;
 }
 .featured-main button.slick-prev {
     position: absolute;
     left: 44%;
     top: 100%;
 }
 .featured-main .slick-arrow {
     position: absolute;
     right: 50%;
     top: 100%;
     z-index: 9;
 }
 .client-slider .slick-next:before{
     background: #bba589 !important;
     border: 1px solid #bba589 !important;
     width: 60px !important;
     height: 60px !important;
     line-height: 60px !important;
     position: absolute;
     top: 0;
     left: 0;
 }
 .client-slider .slick-prev:hover:before{
   line-height: 3.125rem;
    height: 3.125rem;
     width: 3.125rem;
       background: #bba589;
     border: 1px solid #bba589;
     color: #fff;
 }
 .featured-main .slick-next:before, .barber-slider .slick-next:before{
   background: #bba589;
 }
 .featured-main .slick-next:before, .client-slider .slick-next:before, .barber-slider .slick-next:before{
    content: "\f061";
     position: absolute;
     font-weight: 900;
     font-family: 'Font Awesome\ 5 Free';
     border-radius: 50%;
     font-size: 1.125rem;
     color: #fff;
     display: inline-block;
     line-height: 3.125rem;
     height: 3.125rem;
     text-align: center;
     top: 50%;
     width: 3.125rem;
     border: 0.062rem solid white;
     opacity: 1;
 } 
 .slick-next{
   right: -40px;
 }
 .slick-prev {
     left: -58px;
 }
 .slick-next:before:hover{
   background: #bba589;
 }
 .featured-main .slick-next:before{
   left: 50%;
   line-height: 3.125rem;
     height: 3.125rem;
     width: 3.125rem;
     z-index: 9;
 }
 .featured-main .slick-prev:before, .barber-slider .slick-prev:before{
   top: 100%;
   background: #e9e9e9;
 }
 .barber-slider .slick-next:before{
   background-color: #bba589;
   width: 70px !important;
     height: 70px !important;
     line-height: 70px !important;
 }
 .client-slider .slick-prev:before{
   background: transparent;
 }
 .barber-slider .slick-prev:before{
   left: -40px;
   box-shadow: 0px 3px 9px -4px #888;
     background: #fff;
     color: #000 !important;
     width: 70px !important;
     height: 70px !important;
     line-height: 70px !important;
 }
 .barber-slider .slick-prev:hover:before{
   background: #bba589;
   color: #fff !important;
   border: 1px solid #bba589 !important;
 }
 .featured-main .slick-prev:before, .client-slider .slick-prev:before, .barber-slider .slick-prev:before{
   content: "\f060";
     position: absolute;
     font-weight: 900;
     font-family: 'Font Awesome\ 5 Free';
     border-radius: 50%;
     font-size: 1.125rem;
     color: #333;
     display: inline-block;
     line-height: 3.125rem;
     height: 3.125rem;
     text-align: center;
     top: 50%;
     width: 3.125rem;
     border: 0.062rem solid white;
     
 }
 
 .slider-item img{
   margin-top: 2.312rem;
 }
 .heading-barber i{
   font-size: 2.375rem;
 }
 .heading-barber h2{
   font-size: 4.375rem;
   margin-bottom: 1.7rem;
   padding-top: 1.562rem;
 }
 .heading-barber p{
   max-width: 70%;
     margin: auto;
     color: #332b23;
     font-size: 1.125rem;
     line-height: 28px;
 }
 .barber-description h2 span{
   font-size: 4.375rem;
 }
 .sslider h3{
   font-size: 2rem;
   color: #bba589;
 }
 .client-slider{
   width: 90%;
 }
 .barber-quote{
   color: #fff;
     position: absolute;
     top: -9px;
     right: -4px;
     font-size: 51px;
 }
 .client-description h3{
   font-size: 2rem;
 }
 .client-description{
   padding-left: 30px;
 }
 .client-description p{
   max-width: 85%;
   padding-top: 12px;
 }
 .client-description p{
   font-size: 1.375rem;
   color: #f6f6f6;
 }
 .client-description span{
   font-size: 1rem;
   color: #8799a3;
 }
 
 /*=====blog and news====*/
 .blog h2{
   line-height: 52px;
   font-size: 3.125rem;
   padding-top: 2rem;
   margin: 0;
 }
 .blog h2 a:hover{
   color: #b76e25;
 }
 .blog h2 a{
   color:#332b23;
 }
 .blog{
   padding-left:  35px;
 }
 .blog p{
   margin-top: .5rem;
     font-size: 1.125rem;
     padding-bottom: 1rem;
     line-height: 32px;
 }
 .blog-para{
   padding-right: 0 !important;
 }
 .img-height img{
   height: 400px;
     width: 100%;
 }
 
 .blog h3{
   color:#bba589; 
   font-size: 1.25rem;
   padding-top: 0.312rem;
     padding-left: 0.312rem;
 }
 .blog .theme-btn-2{
 
 }
 /*=====wiget area====*/
 .footer-area{
   background-color: #101111;
 }
 .wiget-content{
   margin-top: 1.875rem;
 }
 .footer-mail button:hover{
   background: #3c3d3d !important;
 }
 .wiget ul{
   list-style: none;
   padding-left: 0;
   font-size: 1rem;
   line-height: 39px;	
   margin-top: 1rem;
   width: 100%;
 }
 .wiget-link li{
   width: 49%;
     display: inline-flex;
 }
 .wiget .wiget-contact li span{
   width: 25%;
   display: inline-flex;
 }
 .wiget-li{
   padding-left: 1.562rem;
 }
 .wiget-link{
   margin-top: 1rem;
 }
 .wiget-contact span{
   font-weight: bold;
 }
 .wiget-contact li{
   font-size: 1.125rem;
 }
 .wiget-contact h3{
   padding-left: 1.25rem;
 }
 .wiget-content p{
   font-size: 1.062rem;
   line-height: 1.75rem;
   color: #919090;
   margin-top: 1.25rem;
 }
 .wiget p{
   font-size: 1.125rem;
   font-weight: 400;
 }
 .wiget .c-gray{
   color: #c3c3c3;
   margin-bottom: 0;
     margin-top: 20px;
 }
 .wiget-title{
   font-size: 1.625rem;
   line-height: 2.125rem;
   margin-top: 3.75rem;
 }
 .footer-area {
     padding-top: 3.2rem;
     padding-bottom: 100px;
 }
 .end-area{
   padding: 2rem;
   background-color: #141414;
   color: #c3c3c3;
 }
 .end-area p{
   color: #c3c3c3;
   margin-bottom: 0;
 }
 .end-area a{
   color: #bba589;
 }
 .end-area a:hover{
   color: #b76e25;
 }
 .footer-mail{
   padding-top: 1rem;
 }
 .footer-mail input{
   padding: 1.25rem;
   border:0; 
   width: 100%;
 }
 .footer-mail input:focus {
     background: #fff !important;
 }
 .footer-mail button{
    color: #fff;
     font-size: 1.062rem;
     padding: 1.25rem 1.562rem;
     border:0;
 
 }
 .wiget a{
   color: #fff;
 }
 .wiget-link span{
   padding: 0 0.75rem 0 0.187rem;
   color: #bebebe;
 }
 .pt-100{
   padding-top: 6.25rem;
 }
 /*=====scissor=====*/
 
 .scissor-border:before{
   content: "";
     position: absolute;
     border: 0.062rem solid #ebebeb;
     width: 115px;
     border-left: 0;
     height: 0.125rem;
     left: 1.875rem;
     top: 0.625rem;
     border-right: 0;
 }
 .scissor-border:after{
   content: "";
     position: absolute;
     border: 0.062rem solid #ebebeb;
     width: 115px;
     border-left: 0;
     height: 0.125rem;
      right: 1.875rem;
     top: 0.625rem;
     border-right: 0;
 }
 .scissor-border{
   display: inline-block;
 }
 .scissor-border span{
   display: block;
 }
 /*=====About US====*/
 .about-head .user{
     text-align: center;
     background: #000;
     width: 50vw;
     padding: 0.7rem 0px;
     height: 100%;
     z-index: -1;
     margin-left: 25px;
 }
 .user-content{
   padding: 0.5rem 0px;
 }
 .user-content h3{
   font-size: 1.25rem;
   color: #bebebe;
   padding-left: 10px;
 }
 .user span{
   padding-top: 10px;
   padding-right: 10px;
 }
 .user h3{
   margin: 0;
   font-size: 1.25rem;
   color: #bebebe;
 }
 .nav-top .nav-item{
   margin: 0;
 }
 .about-head .topbar span{
   padding-right: 0.625rem;
   color: #bba589;
 }
 .about-head .topbar ul{
   font-size: 1.25rem;
   padding: 0;
   margin: 0;
 }
 .nav-top{
   padding-top: 0.625rem;
   padding-bottom: 1.5rem;
 }
 .nav-icon{
     padding-right: 0.625rem;
     font-size: 1.25rem;
 }
 
 .nav{
   padding-top: 0.937rem;
   line-height: 2.375rem;
 }
 .nav-icon{
   padding-right: 0.312rem;
 }
 .shop-1 a {
     font-size: 1.062rem;
     display: flex;
     align-items: center;
     margin-top: 12px;
     position: relative;
 }
 .shop-1{
   padding-left: 8px;
 }
 .shop-1 a i {
     color: #222;
     font-size: 1.375rem;
 }
 .shop-1 span{
   position: absolute;
     left: 15px;
     top: 10px;
     width: 1.25rem;
     color: #fff;
     height: 1.25rem;
     line-height: 1.25rem;
     text-align: center;
     border-radius: 50%;
     background: #bba589;
 }
 .nav .nav-link {
     font-size: 1.25rem;
     position: relative;
     margin: .5rem 1rem;
     padding: 0;
 }
 a.nav-link {
     padding: 0 !important;
     margin: .5rem;
 }
 .nav-link:hover {
     color: #bba589;
 }
 .nav a{
   color: black;
 }
 .theme-btn a{
   text-decoration: none;
   color: #fff;
 }
 .bg-text-area h2{
   font-size: 5rem;
   color: white;
   line-height: 4.437rem;
 }
 .bg-text-area span{
   color: #ebebeb;
   letter-spacing: 0.187rem;
 
 }
 .bg-text-area{
   padding-top: 20px;
   padding-bottom: 20px;
 }
 /*====history===*/
 .about-us span{
   font-size: 1.125rem;
 }
 .about-1 img{
   width: 100%;
 }
 .about-item{
   border: 10px solid #bba589;
 }
 .about-us{
   padding-right: 2.937rem;
 }
 .about-img a::before{
   content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #bba5895c;
     z-index: 9999999999;
     opacity: 0;
     visibility: hidden;
 }
 .instagram-1 {
  max-width: 300px !important;
  max-height: 295px !important;

}
 .about-us h2{
   font-size: 3.437rem;
   line-height: 3.75rem;
 }
 /*====service area===*/
 .Service-box h2{
   font-size: 1.75rem;
   padding-top: 1.875rem;
   max-width: 100%;
     margin: auto;
     line-height: 1.562rem;
 }
 .Service-box{
   box-shadow: 1px 1px 10px 4px #807c78;
   transition: .3s ease-in-out;
 }
 .Service-box a{
   color: black;
 }
 
 .Service-box{
   padding: 2.812rem 1.875rem;
   border: 1px solid #000000 !important;
 }
 .Service-box p{
   font-size: 1rem;
   line-height: 1.5rem;
     padding-top: 0.937rem;
     margin-bottom: 0;
 }
 .icon-3 svg{
   width: 40%;
   height: 40%;
 }
 .services-items{
   padding-bottom: 5.5rem;
 }
 /*=====featured area====*/
 .barber-list h4{
   font-size: 1.25rem;
   padding-bottom: 0.625rem;
 
 }
 .snap-description{
   border: 8px solid #bba589;
   padding: 40px 77px;
 }
 .snap-description h2{
   font-size: 3.125rem;
   padding-bottom: 1.25rem;
 }
 .bg-gray-2{
   background: #bbaf9f;
   box-shadow: 1px 1px 10px 4px #807c78;
   
 }
 .snap-description p{
   font-size: 1.125rem;
   color: #bba589;
 }
 .barber-description h2{
   font-size: 4.375rem;
   margin-top: 1rem;
   margin-bottom: 1.3rem;
 }
 .barber-description h3{
   font-size: 1.562rem;
   line-height: 28px;
 }
 .barber-description{
   padding: 1.25rem;
 }
 .barber-description span{
   font-size: 2.5rem;
 }
 .barber-ryan{
   padding: 0.625rem;
 }
 .ryan-icon a{
   background: #f3f3f3;
     width: 3.125rem;
     height: 3.125rem;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 0.312rem;
     color: black;
     opacity: 0;
     visibility: hidden;
 }
 .ryan-description{
   background-color: #262626;
     padding: 20px;
     position: absolute;
     bottom: -50px;
     width: 100%;
     transition: ease-in-out 0.3s; 
 }
 .ryan-description ul{
   margin-bottom: 0;
 }
 .ryan-description h3 a{
   color: #fff;
 }
 .barber-fig:hover .ryan-description{
   padding: 25px;
     bottom: 0;
 }
 .ryan-icon a:hover{
   background: black;
   color: #fff;
 }
 .barber-fig:hover .ryan-icon a{
   opacity: 1;
   visibility: visible;
 }
 .ryan-description p{
   color: #fff;
   font-size: 1rem;
   margin-bottom: 1.25rem;
 }
 .ryan-description h3{
   color: #fff;
   font-size: 1.875rem;
   margin-bottom: 0;
 }
 /*=====blog page====*/
 .blog span{
   padding-top: 0.8rem;
 }
 .blog h3 span{
   padding-top: 0;
   padding-left: 30px;
 }
 .blog h3 span i{
   padding-right: 5px;
 }
 .blog-table h2{
   font-size: 1.875rem;
   background: #bba589;
     color: #fff;
     padding: 0.625rem 0px 0.625rem 2.25rem;
 }
 .blog-table {
   max-width: 350px;
     box-shadow: 0.437rem 1rem 1.812rem #efefef;
 }
 .blog-table h4{
   font-size: 1.625rem;
   padding-left: 2.25rem;
   padding-bottom: 1.25rem;
   line-height: 1.875rem;
 }
 .blog-table h3{
   font-size: 1.125rem;
 }
 .blog-table .blog{
   padding-left: 2.25rem;
     padding-top: 0.75rem;
 }
 .blog-content p{
   padding-top: 3.5rem;
 }
 .pl-100{
   padding-left: 6.25rem;
 }
 .pr-100{
   padding-right: 6.25rem;
 }
 .comment-text span{
   color: #bba589;
     padding-top: 0.812rem;
     padding-left: 0.625rem;
 }
 .comment-text a{
   position: absolute;
    right: 0;
     top: 0.75rem;
 }
 .comment-text h3{
   font-size: 2.125rem;
 }
 .comment-main h3{
   font-size: 1.8rem;
   margin-bottom: 2rem;
 }
 .comment-sec, .comment-area{
   box-shadow: 0.437rem 1rem 0.812rem #ececec;
     border: 0.062rem solid #cecece;
     margin-bottom: 1.25rem;
 }
 .comment-area{
   margin-left: 100px;
 }
 .comment-heading img{
   min-height: 205px;
 }
 .comment-heading h2{
   font-size: 33px;
   margin-bottom: 1.125rem;
 }
 .comment-inner{
   padding: 50px 20px;
   position: relative;
 }
 .comment-inner a{
   position: absolute;
   top: 15px;
   right: 0;
 }
 .comment-heading{
   padding-top: 4.6rem;
   padding-bottom: 4.5rem;
 }
 /*====form====*/
 .form-comment input{
   padding: 35px;
   background-color: #ebebeb;
   border: 1px solid transparent;
   border-radius: 0;
   font-size: 1.125rem;
 }
 .form-comment a{
   margin-top: 1.25rem;
 }
 .form-comment input::placeholder{
   color: #484848;
 }
 input:focus::placeholder{
   color: #C7C7C7;
 }
 input:focus{
   box-shadow: none;
   border-color: #b7b7b7;
   background: #e4e4e485;
 }
 /*=====contact us=====*/
 .contact-us{
   background-color: #bba589;
   padding: 3.125rem;
 }
 .contact-us h3{
   font-size: 1.25rem;
   padding-top: 0.625rem;
   color: #333333;
 }
 
 .contact-form span{
   color: #bba589;
   font-size: 3.125rem;
 }
 .contact-form .theme-btn{
   margin-top: 0.625rem;
 }
 .contact-form h2{
   font-size: 3.125rem;
   line-height: 52px;
   margin-bottom: 1.3rem;
 }
 .contact-form input{
   border-radius: 0;
   border: 0.062rem solid #bbbbbb;
     box-shadow: 3px 4px 4px#ebebeb;
   padding: 30px;
   font-size: 0.937rem;
   background: #fafafa;
   margin-bottom: 1.2rem;
 }
 .contact-form{
   width: 90%;
 }
 .contact-form a{
   margin-top: 10px;
 }
 .form-group-2 input{
   padding-bottom: 155px;
 }
 .contact-form .snap-description{
   max-width: 480px;
   padding:40px;
   top: 94px;
   left: 98px;
 }
 
 /*=====Gallery====*/
 .instagram-img ul li{
   padding: 20px 20px 40px 20px;
   list-style: none;
 }
 .instagram-1:before{
   content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: #bba589;
     opacity: 0.7;
     visibility: hidden;
     transition: .5 ease;
 
 }
 .instagram-1 a svg {
     width: 45px;
     height: 45px;
     fill: white;
 }
 .instagram-1:hover::before{
   visibility: visible;
 }
 .instagram-1:hover a{
   opacity: 1;
   visibility: visible;
 }
 .instagram-1 a{
   color: #fff;
   position: absolute;
   font-size: 1.875rem;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   opacity: 0;
   visibility: hidden;
   transition: .5s ease;
 }
 .instagram-content h1{
   font-size: 35px;
   margin-bottom: 1.5rem;
 }
 .instagram-content span{
   color: #bba589;
 }
 /*=====our blog====*/
 .register-now-blog{
   background-color: #ededed;
   min-height: 100%;
 }
 .register-now-blog h2{
   font-size: 3.75rem;
   line-height: 3.75rem;
 }
 .register-now-blog a{
   background-color: #090c0d;
 }
 /*=====Error====*/
 .error-page h2{
   font-size: 200px;
   color: #000000;
   display: inline-block;
   line-height: 133px;
 }
 .error-page{
   width: 100%;
   background: #ececec;
 }
 .error-content{
   max-width: 65%;
     margin: auto;
     padding: 110px 0px;
 }
 .form-icon input{
   width: 100%;
     padding: 15px 0px 15px 30px;
     font-size: 18px;
 }
 .error-bg{
   position: absolute;
     top: -130px;
     left: 0;
 }
 .error-bg-2 {
     position: absolute;
     right: 0;
     bottom: 0;
 }
 .error-page figure{
   overflow: hidden;
 }
 .error-page{
   max-width: 80%;
     margin: auto;
     overflow: hidden;
 }
 .error-page p{
   margin-bottom: 2rem;
   font-size: 1.125rem;
   line-height: 34px;
 }
 .error-page h4{
   font-size: 2.5rem;
   padding-top: 0.625rem;
   margin-bottom: 2rem;
 }
 .error-page .error-btn .theme-btn-2{
   margin-top: 1.875rem;
 }
 .error-page span{
   color: #bba589;
 }
 .form-icon a{
   position: absolute;
     right: 20px;
     top: 20px;
     font-size: 18px;
     color: #3b3b3b;
 }
 .form-bg{
   position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: -2;
     background-repeat: no-repeat;
     background-position: center;
 }
 .register-now h3{
   font-size: 1.25rem;
     padding-left: 0.312rem;
     padding-top: 0.125rem;
     color: #bba589;
 }
 /*====pagination====*/
 .pagination li a{
   margin-right: 0.937rem;
   color: black;
   font-size: 22px;
 }
 .pagination li:first-child a{
   color: white;
   background: #bba589;
   padding: 17px 34px;
 }
 .pagination li:hover a{
   background: #bba589;
   color: #fff;
 }
 .pagination li:last-child:hover a{
   background: #bba589;
 }
 .pagination li:last-child a{
   color: white;
   background: #000;
     padding: 17px 34px;
 }
 .page-link{
   padding: 0.812rem 2rem; 
   font-size: 1.25rem;
   color: black;
   border: none;
   color: #fff;
   box-shadow: 0.062rem 0.062rem 0.125rem #8888;
 }
 .page-link-3{
     color: black;
 }
 .pagination-btn{
   background-color: #090c0d;
 }
 .page-link-2 {
     padding: 0.937rem 1.562rem;
     display: block;
     margin-left: -0.062rem;
     line-height: 1.25;
     border: 1px solid #bbbbbb;
     box-shadow: 0.062rem 0.062rem 0.125rem #8888;
     }
 /*=====2nd homepage====*/
 .barber-chronicle h3{
   font-size: 33px;
   max-width: 165px;
   line-height: 2.125rem;
   color: #fff;
   margin: 0;
 }
 .barber-chronicle span{
   letter-spacing: 1.5px;
   font-size: 14px;
   line-height: 2.375rem;
 }
 .barber-fix .barber-chronicle{
   position: absolute;
   bottom: 1.5rem;
   color: #fff;
   padding-left: 1.562rem;
   opacity: 0;
   visibility: hidden;
   transition: .5s ease-in-out;
   transform: translateY(20px);
 }
 .barber-fix:hover .barber-chronicle{
   opacity: 1;
   visibility: visible;
   transition: ease-in-out .9s;
   z-index: 1;
   transform: translateY(0px);
 }
 .barber-chronicle ul{
   list-style: none;
 }
 .barber-fix:before{
   content: "";
   position: absolute;
   right: 0;
   width: 0px;
   height: 100%;
   top: 0;
   opacity: 0;
   z-index: 1;
   bottom: 0;
 }
 .barber-fix:hover:before{
   bottom: 0;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   transition: ease-in-out .4s;
   border-radius: 0;
   right: 0;
 }
 .img-hover-2:before{
   content: "";
   position: absolute;
   right: 0;
   width: 0px;
   height: 100%;
   top: 0;
   opacity: 0;
   z-index: 1;
   bottom: 0;
 }
 .img-hover-2:hover:before{
   bottom: 0;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   transition: ease-in-out .4s;
   border-radius: 0;
   right: 0;
 }
 .barber-fix{
   overflow: hidden;
 }
 .barber-fix img {
     width: 100%;
 }
 .barber-fix:hover .gallery-icon{
   visibility: visible;
   opacity: 1;
   transform: translateY(0px);
 }
 .gallery-icon a{
   color: #fff;
 }
 .barber-fix .gallery-icon{
   position: absolute;
   bottom: 1.875rem;
   right: 1.875rem;
   color: #fff;
   visibility: hidden;
   opacity: 0;
   border-radius: 50%;
   background: #000;
   width: 3.125rem;
   height: 3.125rem;
   line-height: 3.125rem;
   text-align: center;
   z-index: 1;
   transform: translateY(30px);
   transition: .5s ease-in-out;
 }
 .second-page p{
   font-size: 22px;
 }
 .second-page h2{
   line-height: 80px;
   font-size: 80px;
 }
 .second-page img{
   margin-bottom: 1.562rem;
 }
 /*=====hair fade=====*/
 .hair-fade span{
     padding-top: 3.75rem;
     padding-bottom: 1.25rem;
     display: block;
 }
 .hair-fade {
     padding-bottom: 35px;
     border: 0.062rem solid #bba589;
 }
 .hair-fade,
 .hair-fade svg{
    transition: 0.6s ease;
 }
 .hair-fade:hover svg {
     transform: translateY(-10px);
 }
 .hair-fade h2{
   font-size: 35px;
   margin:0;
 }
 .hair-fade ul{
   font-size: 0.312rem;
   color: #dfdfdf;
 }
 .hair-fade li{
   padding-right: 0.312rem;
 }
 .hair-fade h4{
   font-size: 1.875rem;
 }
 .hair-fade h3{
   margin-top: 0.937rem;
   font-size: 1.5rem;
   margin-bottom: 0;
 }
 .hair-fade:hover {
     margin-top: -10px;
     box-shadow: 0px 0.625rem 1.875rem 0.625rem #00000010;
 }
 .hair-fade p{
   margin-bottom: 0.375rem;
   font-size: 1rem;
 }
 /*====header 2====*/
 .heading-style-3{
   width: 60%;
 }
 .heading-style-3 h2{
   font-size: 4.687rem;
 }
 .navbar-brand{
   padding-right: 3.6rem;
 }
 .navbar{
   z-index: 1;	
 }
 .nav-item{
   margin-right: 0.937rem;
   margin-left: 0;
   position: relative;
   display: inline-block;
 }
 .navbar{
   top: 1.875rem;
   margin-top: 1.875rem;
   max-width: 1180px;
   margin: auto;
 
 }
 .navbar-nav li{
   font-size: 1.062rem;
 } 
 .page-2-nav .navbar-nav a{
   color: #fff;
 } 
 .page-2-nav .hamburger-navigation .nav-menu{
   opacity: 0;
   visibility: hidden;
 }
 .hamburger-navigation .nav-menu li.active a svg {
   transform: rotate3d(180, 1, 1, 180deg);
   transition: 0.6s ease-in-out;
 }
 .hamburger-navigation .nav-menu li a svg {
   transform: rotate3d(1, 1, 1, 0deg);
   transition: 0.6s ease-in-out;
 }
 .navbar-nav .nav-link {
  position: relative;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #bba589; /* Match your theme color */
  transition: all 0.3s ease;
}
 /*====table area 2=====*/
 .table-img-1:before{
   content: "";
     position: absolute;
     width: 100%;
     height: 589px;
     background: black;
     opacity: 0.7;
 
 }
 .shop-time{
   background-color: #bba589;
   margin-top: 50%;
 }
 .barber-shop{
  
    padding-left: 25%;
    text-align: center;
 }
 .barber-shop a{
   text-decoration: none;
   padding: 0.937rem 2.5rem;
 }
 .barber-main img{
   min-height: 450px;
 }
 .barber-main figure{
   max-width: 100%;
   width: 49%;
     display: inline-block;
     padding-right: 1.25rem;
 }
 .barber-main figure img{
   width: 100%;
 }
 .barber-shop span{
   font-size: 1.125rem;
   letter-spacing: 0.125rem;
   margin-bottom: 0.312rem;
 }
 .barber-shop h2{
   color: white;
   font-size: 3.125rem;
   line-height: 3.437rem;
 }
 .barber-shop p{
   color: white;
   font-size: 1.062rem;
   line-height: 1.75rem;
   margin-top: 1.25rem;
   margin-bottom: 2.5rem;
 }
 .table-img-con a{
   border-radius: 50%;
     font-size: 1.375rem;
     color: #fff;
     width: 6.25rem;
     height: 6.25rem;
     line-height: 6.25rem;
     text-align: center;
     top: 50%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
 }
 .table-img-con a:before{
   position: absolute;
   content: '';
   border: 0.125rem solid rgb(255 255 255 / 0.35);
   border-radius: 50%;
   width: 6.25rem;
   height: 6.25rem;
   animation: shadow-pulse 2s linear 1s infinite;
   z-index: -1;
 }
 .table-img-con a:after{
   position: absolute;
   content: '';
   border: 0.125rem solid rgb(255 255 255 / 0.35);
   border-radius: 50%;
   width: 6.25rem;
   height: 6.25rem;
   animation: shadow-pulse 2.5s linear 1.3s infinite;
   z-index: -1;
 }
 @keyframes shadow-pulse{
   0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}
   20%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
   100%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0}}
 .table-content{
   position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     flex-direction: column;
 }
 .table-img-con {
   z-index: 1;
   width: 65%;
 }
 .table-content img{
   position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
 }
 .table-img-con h2{
   color: #fff;
   font-size: 2.5rem;
   line-height: 2.812rem;
   margin-top: 0.937rem;
 
 }
 .table-img-1:before{
   content: "";
     position: absolute;
     width: 100%;
     height: 589px;
     background: black;
     opacity: 0.7;
 
 }
 .table-sec{
  background: linear-gradient(135deg, #e9e1d6 70%, #e9e1d6 100%);
   }
 .table-img{
   padding: 2.875rem;
     margin-top: -5rem;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 .table-img span{
   padding: 1.25rem 0rem 1.25rem 1.875rem;
     background: #fff;
     font-size: 1.25rem;
 }

@media (max-width: 991px) {
    .img-fluid img {
        display:none !important;
    }
}

 .table-img svg{
   padding-right: 10px;
 }
 .table-img i {
     margin-right: 0.625rem;
 }
 .barber-item-2{
   background-color: #fff;
   min-height: 100%;
   padding: 4.375rem;
 }
 .barber-item-2 p{
   font-size: 1.125rem;
   margin-bottom: 0.312rem;
 }
 .barber-item-2 h3{
   font-size: 2.812rem;
   padding-bottom: 2.125rem;
 }
 .barber-list-2 span{
   font-size: 1rem;
 }
 .barber-list-2 hr{
   margin-top: 0.625rem;
   margin-bottom: 0.625rem;
 }
 .barber-list-2 span:last-child{
   padding-bottom: 0;
 }
 .barber-hipster h3{
   font-size: 1.125rem;
   line-height: 2.062rem;
   margin-left: 0.312rem;
 }
 .barber-hipster{
   padding: 5.625rem 4.375rem;
 }
 .barber-hipster h1{
   font-size: 3.125rem;
   margin-top: 1.25rem;
     margin-bottom: 1.875rem;
 }
 .barber-content{
   margin-top: 1.75rem;
 }
 .barber-hipster{
     font-size: 1.125rem;
     line-height: 31px;
 }
 .barber-hipster span{
     padding-top: 0.125rem;
 }
 .barber-hipster .theme-btn{
   margin-top: 1.875rem;
 }
 .barber-li{
   padding-left: 4.375rem;
 }
 /*====sidenav=====*/
 
 .sidenav {
     width: 100%;
     height: 100vh;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     text-align: center;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 5;
     transition-duration: 1s;
     -webkit-transition-duration: 1s;
     transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
     -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
     background: #856d47;
 }
 .menu{
   background-color: transparent;
     border: none;
     cursor: pointer;
     display: flex;
     padding: 0;
     outline: none;
 }
 
 .sidenav a {
   padding: 0.5rem 0.5rem 0.5rem 2rem;
   text-decoration: none;
   font-size: 1.062rem;
   color: #fff;
   display: block;
   transition: 0.3s linear;
 }
 
 .sidenav a:hover {
   color: #bba589;
 }
 
 .sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 1.562rem;
   font-size: 2.25rem;
   margin-left: 3.125rem;
 }
 .dropdown-container {
   display: none;
   background-color: #262626;
   padding-left: 0.5rem;
 }
 .fa-caret-down {
   float: right;
   padding-right: 0.5rem;
 }
 /*====appointment page=====*/
 .appointment-title h2{
   font-size: 3.437rem;
   margin-bottom: 1rem;
 }
 .appointment-title {
   padding-bottom: 3.3rem;
 }
 .appointment-title span{
   font-size: 1.125rem;
 }
 .appointent-content h3{
   font-size: 1.5rem;
 }
 .appointent-content span{
   font-size: 1.062rem;
   color: #bba589;
   padding-left: 0.312rem;
 }
 .appointent-content h3{
   font-size: 1.875rem;
 }
 .appointent-content:hover .theme-btn{
   background-color: #352f2f;
 }
 .appointent-content .theme-btn{
   background-color: black;
   margin-left: 1.562rem;
   padding: 0.75rem 2.812rem;
   color: #fff;
 }
 .appointent-content .theme-btn-2{
   margin-left: 1.562rem;
 }
 .appointent-content{
   padding-bottom: 1.4rem;
   padding-top: 2.5rem;
   border-color: #dcdcdc;
   text-align: center;
 }
 /*=====Hair style=====*/
 .gallery-btn figure:before{
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.7;
   visibility: hidden;
   transition: .5s ease;
 
 }
 .gallery-btn:hover figure:before{
   visibility: visible;
 }
 .gallery-btn a{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   opacity: 0;
   visibility: hidden;
 }
 .gallery-btn:hover a{
   opacity: 1;
   z-index: 1;
   visibility: visible;
 }
 .gallery-btn a,
 .gallerybtn-1 {
   transition:all 0.3s ease-in-out;
   overflow: hidden;
 }
 .gallery-btn:hover:before {
     opacity: 0.8;
     visibility: visible;
 }
 .gallery-btn:before {
     content: "";
     height: 100%;
     width: 100%;
     background: #000;
     position: absolute;
     opacity: 0;
     visibility: hidden;
 }
 .button-gallery{
   margin-top: 3.75rem;
 }
 .gallery-btn:before{
   content: "";
     height: 100%;
     width: 100%;
     background: #000;
     position: absolute;
     opacity: 0.8;
 }
 .barber-gallery img{
   width: 100%;
 }
 .gallery-btn:hover .gallerybtn-1{
   opacity: 0;
   transform: translateX(-10px);
 }
 .gallery-appointment{
   font-size: 1.125rem;
    background: #bba589;
    padding: 0.625rem 1.437rem;
     color: #fff;
     border: 0.062rem solid #bba589;
 }
 .main-gallery{
   margin-top: 4.375rem;
 }
 .gallerybtn-1 {
     font-size: 1.125rem;
     position: absolute;
     bottom: 0.937rem;
     left: 0.937rem;
     color: #fff;
     opacity: 0.9;
     background: black;
     padding: 0.625rem 1.437rem;
     text-align: center;
     display: inline;
     text-decoration: none;
 }
 .gallerybtn-1:before {
     content: "";
     background-color: #bba589;
     position: absolute;
     width: 0.812rem;
     height: 0.812rem;
     right: -4px;
     top: -5px;
 }
 /*=====price page====*/
 .price-title h2{
   font-size: 3.125rem;
 }
 .price-title p{
   font-size: 1.125rem;
   margin-bottom: 3.437rem;
    
 }
 .price-inner{
   margin-bottom: 1rem;
 }
 .price-inner:last-child{
   margin-bottom: 0;
 }
 .price-inner h3{
   font-size: 1.75rem;
 }
 .price-inner hr{
   color: #adadad;
 }
 .price-image{
   width: 50vw;
 }
 .price-image img{
   width: 100%;
 }
 .price-main h2{
   color: #fff;
 }
 .price-main p{
   color: #fff;
 }
 .price-main h3{
   color: #fff;
 }
 /*=====team page====*/
 .blackish:before{
   content: "";
   width: 100%;
     height: 100%;
     background: #000;
     top: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
 
     opacity: 0.7;
 }
 .team-table{
   top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     position: absolute;
     width: 650px;
     height: 80vh;
     background-color: #fff;
     box-shadow: 1.25rem 16px #bba589;
     overflow-y: auto;
 }
 .team-inner{
   background: #eeeeee;
     width: 90%;
     margin: auto;
     padding: 10px;
 }
 .team-table .team-shadow li:hover{
   color: #fff;
     background: #bba589;
     border: 0.062rem solid #bba589;
 }
 .team-table ul{
   font-size: 1.125rem;
 }
 .team-table-1, .team-table-2{
   width: 90%;
   margin: auto;
     padding: 1.062rem 1.875rem;
     color: #000;
     font-size: 1.125rem;
 }
 .team-inner li button{
   box-shadow: 0.25rem 0.312rem 0.5rem #ebebeb;
     padding: 20px 40px;
     border: 0.062rem solid #8888;
     background: #fff;
 }
 .team-table-2 li{
   font-size: 1.125rem;
     border: 1px solid #bbbbbb;
     padding: 15px 20px; 
 }
 .team-table h2{
   font-size: 2.5rem;
   color: #bba589;
   padding-bottom: 1.875rem;
   padding-top: 3.75rem;
 }
 .team-feature{
   padding-bottom: 10px;
 }
 .team-main button{
   padding: 1.375rem 44px;
     font-size: 1.125rem;
     background: #fff;
     box-shadow: 0.25rem 0.312rem 9px #8888;
 }
 .team-main{
   margin-left: 3.125rem;
     margin-right: 3.125rem;
 }
 .team-btn{
   margin-left: 1rem;
 }
 .team-inner li{
   margin-bottom: 10px;
 }
 .team-inner ul{
   margin-right: 20px;
 }
 .team-btn-2{
   margin-left: 1rem;
 }
 .team-end h3{
     padding-left: 0.937rem;
     margin-bottom: 0;
 }
 .team-shadow {
     padding-bottom: 40px;
 }
 .team-end select{
   border: 0.062rem solid #bba589;
   box-shadow: 0.25rem 0.312rem 0.5rem #ebebeb;
   color: #bba589;
   width: 100%;
   padding: 20px 120px 21px 10px;
 }
 .team-end-2 p{
   font-size: 26px;
 }
 .team-end-2 h4{
   font-size: 26px;
 }
 .team-end h5{
   font-size: 16px;
   padding-top:0.8rem;
   color: #676767;
   padding-left: 0.937rem;
 }
 .team-end-2 button{
   padding: 1rem 2.625rem;
   box-shadow: 0.25rem 0.312rem 0.5rem 0.5rem 0.5rem #ebebeb;
   margin-left: 3.437rem;
 }
 .team-end{
   padding-top: 1.875rem;
   padding-bottom: 1.875rem;
   width: 90%;
     margin: auto;
 }
 .team-inner li:hover button {
     background: #939393;
     color: #fff;
 }
 .team-end h5 span{
   color: #000;
     padding-right: 7px;
 }
 .team-btn-2 li:last-child{
   margin-left: 1rem;
 }
 .team-btn-3{
   padding-bottom: 1.125rem;
   margin-left: 1rem;
 }
 .team-fancy{
 
 }
 /*=====treatment=====*/
 .treat-1 h2{
   font-size: 2.375rem;
   margin-bottom: 0;
 }
 .treat-1 {
   margin-bottom: 3.125rem;
 }
 .treat-1 span{
   font-size: 1.375rem;
   color: #bba589;
 }
 .treat-1 p{
   font-size: 1rem;
   padding-top: 0.7rem;
   margin-bottom: 2rem;
 }
 .treat-1 .event-default img{
   min-height: 326px;
 }
 .treat-2 ul{
   padding: 1.25rem;
   font-size: 1.125rem;
   margin-bottom: 0.125rem;
 }
 .blackish-2:before{
   content: "";
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0;
   position: absolute;
   visibility: hidden;
 }
 /*======our product=====*/
 
 .woocommerce .star-rating span::before{
     content: "\53\53\53\53\53";
     top: 0;
     position: absolute;
     left: 0;
    font-family: star;
    color: #bba589;
 }
 .star-rating span{
   overflow: hidden;
     float: left;
     top: 0;
     left: 0;
     position: absolute;
     padding-top: 1.5em;
 }
 .woocommerce .content-area{
   position: relative;
 }
 ul.products li.product .star-rating {
     margin-bottom: .8rem;
 }
 .woocommerce .star-rating{
     position: relative;
     padding-bottom: 15px;
     font-size: 1em;
     width: 5.4em;
     font-family: "star";
     margin-bottom: .7rem;
     display: block;
 }
 .woocommerce .products{
   display: flex;
     list-style: none;
 }
 .woocommerce ul.products {
     display: -webkit-box;
     display: flex;
     -webkit-box-align: stretch;
     align-items: stretch;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     flex-wrap: wrap;
     box-sizing: border-box;
     word-break: break-word;
     min-width: 12vw;
     padding-left: 0;
     justify-content: space-around;
 }
 .woocommerce .content-area {
     max-width: 1170px;
     margin: 0 auto;
 }
 
 @font-face{
   font-family: "star";
   src:url(../webfonts/webfonts/star.html);
   src:url("../webfonts/star.woff") format("woff"),
   url("../webfonts/star.html") format("opentype"),
   url("../webfonts/star.svg#filename") format("svg");
 }
 .woocommerce ul.products li{
     display: -webkit-box;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -webkit-box-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     align-items: flex-start;
     margin: 0 13px 29px 8px;  
     box-sizing: border-box;
 }
 .product-type-simple span{
   color: #bba589;
   font-family: 'Squada One', cursive;
 }
 .product-type-simple del{
   color: gray;
 }
 
 .woocommerce .button{
   position: absolute;
     top: 365px;
     right: -108px;
     background: #333;
     color: white;
     padding: 9px 1.062rem;
     transition: ease, 0.9s;
 }
 .woocommerce .product-type-simple{
   position: relative;
     overflow: hidden;
 }
 .woocommerce .featured-1{
   padding-top: 7.5rem;
 }
 .woocommerce .product{
   margin: 0;
 }
 .button:hover{
   right: 0;
 }
 .button:hover{
   opacity: 1;
   overflow: hidden;
   background-color: #bba589;
 }
 .button .featured-btn{
   opacity: 0;
   visibility: hidden;
 }
 .button:hover .featured-btn{
   opacity: 1;
   visibility: visible;
   color: #fff;
 }
 .featured-btn{
   font-size: 1.125rem;
   padding-left: 0.625rem;
   margin:2px;
   opacity: 0;
 }
 .button a{
   color: #fff;
 }
 .woocommerce .product-type-simple img{
   padding-right: 0.625rem; 
 }
 .featured-area{
   padding-top: 1.8rem;
   padding-bottom: 10px;
 }
 .featured-area h2{
   font-size: 2.125rem;
   margin-bottom: 0.3rem;
 }
 .featured-area .featured-sub span{
   font-size: 1.625rem;
 }
 .featured-area .featured-sub del{
   font-size: 17px;
   padding-left: 8px;
   color: gray;
 }
 .woocommerce .sale .onsale {
     position: absolute;
     left: 533px;
     top: 6.875rem;
     right: 0;
     background: #bba589;
     color: #fff;
     font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,sans-serif;
     font-size: 1.2rem;
     font-weight: 700;
     letter-spacing: -.02em;
     z-index: 1;
     border-radius: 50%;
     text-align: center;
     line-height: 4.375rem;
     width: 4.375rem;
     height: 4.375rem;
     margin: 0;
     display: -webkit-inline-box;
     display: inline-flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
 }
 .sale .product-sale .onslae:before{
   content: "";
     float: left;
     padding-top: 100%;
 }
 .woocommerce-pagination .page-numbers{
   display: flex;
     list-style: none;
     justify-content: center;
 }
 .woocommerce-pagination .page-link:hover{
   z-index: 2;
     color: #fff;
     text-decoration: none;
     background: #bba589;
 }
 .next, .prev{
     background-color: #090c0d;
     color: #fff !important;
 }
 .woocommerce .Page{
   padding-bottom: 7.5rem;
 }
 .product-type-simple .price{
   font-size: 1.625rem;
 }
 /*=====product-detail=====*/
 .woocommerce-product-gallery__image{
   display: flex;
   width: 50%;
   background: #ededed;
 } 
 .woocommerce .entry-summary{
   width: 50%;
 }
 .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
     clear: right;
 }
 .flex-active-slide{
   display: flex;
   align-items: center;
 }
 .woocommerce-product-gallery__image  li{
   padding-bottom: 0.625rem;
   padding-right: 0.625rem;
   list-style: none;
 }
 .onsale+.woocommerce-product-gallery .woocommerce-product-gallery__trigger{
   top: 2.2em;
     right: 2.2em;
 }
 .onsale+.woocommerce-product-gallery .woocommerce-product-gallery__trigger img{
   display: none;
 }
 .woocommerce .product_title{
   font-size: 2.812rem;
   padding-top: 13px;
   padding-bottom: 5px;
 }
 .woocommerce .entry-summary{
   padding-left: 5.937rem;
     padding-top: 3.125rem;
 }
 .woocommerce .entry-summary .featured-sub .theme-btn-2{
   padding: 0.375rem 8px;
   background-color: #6b6b6b !important;
   margin-left: 30px;
 }
 .entry-summary .featured-sub span{
   font-family: 'Squada One', cursive;
   color: #bba589;
   font-size: 1.625rem;
 }
 .entry-summary .featured-sub del{
   color: gray;
   font-size: 17px;
   padding-left: 8px;
 }
 .entry-summary h1{
   margin: 0;
 }
 .entry-summary p{
   padding-top: 1.25rem;
   font-size: 1.125rem;
   padding-top: 1.7rem;
 }
 .entry-summary input{
   padding: 1.25rem 10px 1.25rem 20px;
     margin-top: 0.937rem;
   border: 0.062rem solid #888;
   box-shadow: 2px 0.25rem 0.437rem #dbd4d4;
   width: 100%;
 }
 .entry-summary .single_add_to_cart_button{
   margin-top: 1.25rem;
   margin-bottom: 1.875rem;
   font-size: 20px;
 }
 .entry-summary .product_meta span{
   font-size: 1.25rem;
   font-family: 'Squada One', cursive;
   color: #bba589;
 }
 .entry-summary .product_meta a{
   color: #696969;
 }
 .col-1{
   width: 8.333333333333333%;
 }
 .col-2{
   width: 16.66666666666667%;
 }
 .col-3{
   width: 25%;
 }
 .col-4{
   width: 33.33333333333333%;
 }
 .col-5{
   width: 41.66666666666667%;
 }
 .col-6{
   width: 50%;
 }
 .col-7{
   width: 58.33333333333333%;
 }
 .col-8{
   width: 66.66666666666667%;
 }
 .col-9{
   width: 75%;
 }
 .col-10{
   width: 83.33333333333333%;
 }
 .col-11{
   width: 91.66666666666667%;
 }
 .col-12{
   width: 100%;
 }
 .woocommerce .tabs{
   display: flex;
   list-style: none;
   padding-left: 0
 }
 .woocommerce .style-2 .flex-control-nav {
   position: absolute;
   right: 50px;
     top: 60px;
 
 }
 .woocommerce .wp-caption-text a{
   color: #000;
 }
 .woocommerce .style-2 .woocommerce-product-gallery__image ol img{
   border: 5px solid #fff;
   box-shadow: 5px 5px 7px #8888;
 }
 .woocommerce .tabs li{
   margin-right: 0.625rem;
 }
 .woocommerce-product-gallery__image:after{
   content: "";
     width: calc(50vw - 100px);
     height: 100%;
     background: #ededed;
     position: absolute;
     right: 100px;
     z-index: -1;
 }
 .woocommerce .woocommerce-tabs .theme-btn-2{
   background-color: #ebebeb !important;
   font-family: 'Squada One', cursive;
   color: #000;
 }
 .woocommerce .woocommerce-tabs .theme-btn-2:hover{
   background-color: #bba589 !important;
   color: #fff;
 }
 .woocommerce .woocommerce-tabs{
   padding-top: 4.375rem;
 }
 .woocommerce .woocommerce-Tabs-panel--description{
   padding-top:50px;
 }
 .woocommerce .woocommerce-Tabs-panel--additional_information ul li{
   width: 50%;
   display: flex;
   align-items: center;
 }
 .woocommerce .woocommerce-Tabs-panel--additional_information li:nth-child(-n + 2){
   padding-bottom: 30px;
 }
 .woocommerce .woocommerce-Tabs-panel--additional_information ul li .list-inner{
   max-width: 61%;
     padding-left: 20px;
 }
 .woocommerce .woocommerce-Tabs-panel--additional_information ul li span{
   width: 130px;
     height: 130px;
     line-height: 130px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 4px 10px 20px 0px #f1eded;
 }
 .woocommerce .woocommerce-Tabs-panel--additional_information ul{
     list-style: none;
     display: flex;
     width: 100%;
     padding-left: 0;
     flex-wrap: wrap;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--additional_information ul p{
   width: 83%;
     font-size: 16px;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--additional_information .inner-info{
       padding-left: 20px;
 }
 .woocommerce .content-area .woocommerce-Tabs-panel--additional_information{
   display: flex;
 }
 .woocommerce .content-area .woocommerce-Tabs-panel--additional_information .list-2{
   display: flex;
   position: relative;
 }
 .woocommerce .content-area .woocommerce-Tabs-panel--additional_information .list-3{
   display: flex;
   position: relative;
   width: 50%;
 }
 .woocommerce .content-area .woocommerce-Tabs-panel--additional_information span{
   border-radius: 50%;
     background-color: #bba589;
 }
 .woocommerce .woocommerce-Reviews{
   margin-top: 50px;
 }
 .woocommerce-Tabs-panel--additional_information{
   padding-top: 3.75rem;
 }
 .woocommerce .gallery-size-full{
   padding-top: 1.25rem;
 
 }
 .woocommerce .gallery {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   width: 100%;
   padding-top: 30px;
 }
 .gallery-columns-4{
   padding: 15px 15px;
     width: calc(100%/4);
 }
 .woocommerce .gallery .gallery-item{
   box-shadow: 10px 10px 12px 6px #f7f7f7;
   }
 .woocommerce .gallery .gallery-item img{
   width: 100%;
 }
 .woocommerce .gallery .gallery-item .gallery-caption{
   text-align: center;
   border: 1px solid #cecece;
   padding: 25px 0px;
   font-size: 26px;
     border-top: none;
 }
 .woocommerce .woocommerce-Reviews{
   display: flex;
   border: 0.062rem solid #bebebe;
        box-shadow: 12px 15px 15px #f1f1f1;
        align-items: center;
 }
 .woocommerce .woocommerce-Reviews .comment-1{
   display: flex;
   align-items: center;
 }
 .woocommerce .woocommerce-Reviews .star-rating{
   margin-top: 0.812rem;
     margin-left: 4.062rem;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--reviews{
   padding-top: 120px;
 }
 .woocommerce .woocommerce-Reviews .comment-text{
   padding: 0px 55px;
 }
 .woocommerce .reviews{
   padding-top: 3.75rem;
 }
 .woocommerce .reviews label{
   font-size: 1.25rem;
    color: #818181;
 }
 .woocommerce .woocommerce-Reviews-title{
   font-size: 2.25rem;
 }
 .woocommerce .reviews .comment-form-rating{
   display: flex;
 }
 .woocommerce .reviews .stars{
   padding-top: 0.312rem;
     padding-left: 1.75rem;
 }
  .reviews .stars a{
   position: relative;
     height: 1em;
     width: 1em;
     text-indent: -999em;
     display: inline-block;
     text-decoration: none;
     box-shadow: none;
 }
  .reviews .stars a::before{
   display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 1em;
     height: 1em;
     line-height: 1;
     font-family: star;
     content: "\73\73\73\73\73";
     text-indent: 0;
      color: #818181;
      letter-spacing: 0.25rem;
 }
 .woocommerce .comment-form-email input, .comment-form-reason input, .comment-form-comment input, .comment-form-author input{
   padding: 1.875rem;
     background-color: #ebebeb;
     border: 0;
     border-radius: 0;
     width: 99%;
     font-family: 'Squada One', cursive;
 }
 .woocommerce .comment-form-reason input{
   width: 1165px;
 }
 .woocommerce .comment-form-reason{
   margin-bottom: 0.437rem;
 }
 .comment-form-author, .comment-form-email{
   float: left;
     width: 50%;
     margin-bottom: 0.437rem;
 }
 .woocommerce .comment-form-comment input{
   padding-bottom: 8.75rem;
   width: 1165px;
 }
 .woocommerce .woocommerce-button{
   padding-top: 1.25rem;
   padding-bottom: 3.5rem;
   
 }
 .woocommerce .woocommerce-button span{
   font-family: 'Squada One', cursive;
 }
 /*=====product detaill 2======*/
 .woocommerce .style-2 .woocommerce-Tabs-panel--additional_information{
   display: flex;
   width: 100%;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--additional_information ul{
   padding-left: 0;
   padding-right: 0;
   display: flex;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--additional_information img{
   border: 0.062rem solid #bebebe;
   border-radius: 50%;
 }
 .woocommerce .style-2 .woocommerce-Tabs-panel--description h2{
   font-size: 2.812rem;
 }
 .woocommerce .style-2  .additional-title{
   font-size: 2.812rem;
   padding-top: 5.937rem;
   padding-top: 4.5rem;
 }
 .woocommerce .woocommerce-product-gallery__wrapper{
   display: flex;
   padding-top: 130px;
 }
 .woocommerce .woocommerce-product-gallery__wrapper a img{
   background: #efefef;
 }
 .woocommerce .woocommerce-product-gallery__wrapper ol{
   list-style: none;
   padding-left: 0;
   padding-right: 12px;
 }
 .woocommerce .woocommerce-product-gallery__wrapper li{
   padding-bottom: 12px
 }
 .woocommerce .style-2  .woocommerce-Tabs-panel ul{
   list-style: none;
   padding: 0;
   font-size: 1.375rem;
   padding-top: 1.25rem;
   font-family: 'Squada One', cursive;
 }
 .woocommerce .style-2 .additional-main{
   display: flex;
   justify-content: space-between;
 }
 .woocommerce .style-2  .woocommerce-Tabs-panel{
   display: flex;
 }
 .woocommerce .style-2  .woocommerce-Tabs-panel .list-1{
   color: #bba589;
 }
 .woocommerce .style-2  .woocommerce-Tabs-panel .list-2{
   padding-left: 6.25rem;
   color: #222222;
 }
 .woocommerce .style-2 .list-3{
   list-style: none;
   padding: 0;
   line-height: 44px;
   color: #222222;
   font-size: 1.375rem;
   font-family: 'Squada One', cursive;
 }
 .woocommerce .style-2 .list-3 span{
   font-size: 1.062rem;
   color: #bba589;
   padding-right: 0.625rem;
 }
   .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
   background-color: #bba589 !important;
     color: #fff;
 }
 .tab-content .tab-pane{
   padding-top: 50px;
     padding-bottom: 80px;
     font-size: 18px;
     line-height: 30px;
 }
 
 .nav-tabs{
   border: 0;
 }
 .woocommerce .woocommerce-tabs .theme-btn-2{
   background-color: #ebebeb !important;
     font-family: 'Squada One', cursive;
     color: #000;
     padding: 1rem 2.812rem !important;
     border: none;
     border-radius: 0;
     margin: 0;
 }
 /*====homepage3=====*/
 .event-default {
     overflow: hidden;
     margin-bottom: 1rem;
 }
 .event-default:hover .event-default-caption{
       opacity: 1;
 }
 .event-default-caption{
   opacity: 0;
 }
 .event-default-caption{
   position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, 0.6);
     transition: 550ms ease-in-out;
 }
 .event-default:hover .gallerybtn-1{
   left: -227px;
     transition: .5s linear;
 }
 .button-primary{
   position: relative;
     font-size: 1.125rem;
     letter-spacing: 0.02em;
     border: 0;
     background: transparent;
     text-align: center;
     vertical-align: middle;
     transition: .25s all ease;
 }
 .event-default:hover .event-default-image{
   transform: scale3d(1.05, 1.05, 1.05);
 }
  .event-default-image{
    transition: 450ms ease-in-out;
  }
 .pt-190{
 padding-top: 11.875rem;
 }
 .main-content{
   z-index: 8;
     position: absolute;
     top: 130px;
     left: 37%;
 }
 .pattern-overlay{
   background-repeat: repeat;
     background-size: contain;
     position: relative;
     min-height: 100%;
      padding-bottom: 160px;
 }
 .main-content h2{
   font-size: 5rem;
   line-height: 4.5rem;
   color: #fff;
 }
 .main-content p{
 font-size: 1.375rem;
 color: #fff;
 margin-bottom: 3rem;
 }
 .main-img {
     bottom: -70px;
     left: -160px;
     border: 3.125rem solid;
 }
 .inner-logo{
   bottom: 50px;
     left: -335px;
 }
 .features-sec .feature-icon{
   top: 330px;
   right: 0;
   border: 0.062rem solid #000;
   color: #000;
 }
 .features-product .button{
   position: absolute;
     bottom: 0.937rem;
     right: -117px;
     background: #000000;
     color: white;
     padding: 9px 1.062rem;
     transition: cubic-bezier(0, 0.7, 0.01, 1.43), 0.4s;
 }
 .features-product img{
   width: 100%;
 }
 .features-product{
   padding-right: 0.625rem;
   margin-right: 1.25rem;
 }
 .features-product .button:hover{
   opacity: 1;
     overflow: hidden;
     background-color: #bba589;
     right: -10px;
 }
 .about-sec{
   max-width: 85%;
   padding-left: 6.25rem;
 }
 .about-table h2{
   padding-top: 1.2rem;
   font-size: 1.75rem;
 }
 .about-table .scissor-border:after{
   width: 57px;
   left: -7px;
 }
 .about-table .scissor-border:before{
   width: 57px;
   left: 82px;
 }
 .about-table .scissor-border{
   width: 50%;
   margin: auto;
   margin-top: 22px;
 }
 .about-table p{
   font-size: 1.25rem;
   max-width: 80%;
     margin: auto;
     color: #666666;
 }
 .hair-fit img{
   min-height: 490px;
 }
 .about-table span{
   font-size: 1.25rem;
   color: #666666;
 }
 .about-table{
   border: 0.375rem solid #bba589;
     width: 280px;
     position: absolute;
     top: -3.4375rem;
     left: 17.4rem;
     background: #fff;
     padding: 60px 0px;
 }
 .about-sec h2{
   font-size: 3.75rem;
   line-height: 3.75rem;
     padding-bottom: 0.625rem;
 }
 .about-sec span{
   color: #bba589;
   margin-bottom: 10px;
 }
 .about-sec p{
   padding-bottom: 1.875rem;
   width: 95%;
 }
 .about-sec span::before{
   content: "";
   position: absolute;
   width: 1.25rem;
     height: 0.0625rem;
     top: 0.7rem;
     right: -2.1875rem;
   background: #bba589;
 }
 .service-style h2{
   padding-top: 24px;
 }
 .service-style:before {
     content: "";
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     transition: all .6s cubic-bezier(0, 1.4, 0.55, 0.98);
 }
 .service-style:hover:before {
     transform: scale3d(1.25, 1.1, 1.05);
     background: #bba589;
      box-shadow: 0rem 0 2.5rem -1rem #464646;
 }
 .service-style:hover h2{
     color: #fff;
 }
 .service-style:hover p{
     color: #fff;
 }
 .service-style{
   padding:40px 0px; 
   transition:all 0.3s linear;
   z-index: 1;
 }
 .service-style p{
   font-size: 1.125rem;
   margin-bottom: 2.2rem;
   width: 90%;
     margin: auto;
     padding-bottom: 25px;
 }
 .service-style:hover svg
 {
   fill: white;
 }
 .service-style i{
   color: black;
   opacity: 1;
   visibility: visible;
 }
 .service-style:hover a {
     background: #000;
     margin: 0;
     transition: .3s linear;
 }
 .service-style a {
     background: transparent;
     padding: 18px 39px;
     color: #fff;
     margin-right: -85px;
     transition: .1s linear;
 }
 .service-style a span{
   opacity: 0;
   visibility: hidden;
 }
 .service-style:hover a svg{
   color: #fff;
 }
 .service-style:hover a span{
   visibility: visible;
   opacity: 1;
   color: #fff;
   position: relative;
   padding-left: 10px;
     font-size: 18px;
 }
 .service-style:hover{
   background-color:#bba589;
   color: #fff;
   transition: 2s linear;
   position: relative;
 } 
 .build-own h2{
   font-size: 3.75rem;
   line-height: 3.75rem;
 }
 .build-own p {
     font-size: 1.125rem;
     margin-bottom: 2.5rem;
     margin-top: 0.8rem;
 }
 .features-product-2 .featured-area h2{
   font-size: 1.625rem;
 }
 .features-product-2 .featured-area{
   padding-top: 2rem;
 }
 .image-12 {
     border: 40px solid #fff;
     margin-top: -350px;
     margin-left: -40px;
 }
 .product-main{
   padding-top: 4.375rem;
 }
 .product-heading{
   max-width: 80%;
   margin-bottom: 2.5rem;
 }
 .product-heading h1{
   font-size: 60px;
   line-height: 60px;
 }
 .event-default img{
   width: 100%;
 }
 .treat-1:hover .event-default .event-default-image {
     transform: scale3d(1.05, 1.05, 1.0 5);
 }
 .treat-1:hover .event-default .event-default-caption{
   opacity: 1;
 }
 .slick-slider {
     margin:0 -15px;
 }
 /*======dropdown====*/
 .navbar-nav .nav-item .dropdown-menu a:before {
     background: #bba589;
     width: 0;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     transition: .5s cubic-bezier(0.71, 0.52, 0, 1.13);
 }
 .navbar-nav .nav-item .dropdown-menu a:hover:before {
     width: 100%;
     z-index: -1;
 }
 .navbar-nav .nav-item .dropdown-menu{
   box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
   background: #333;
   position: absolute;
   top: 70px;
   left: 0;
   width: 200px;
   z-index: 99;
   display: block;
   padding: 0;
   opacity: 0;
   visibility: hidden;
   transition: all .2s ease-in-out;
   display: flex;
   flex-direction: column;
   transform: translateY(20px);
   border-radius: 0;
   border: 0;
   border-top: 3px solid #bba589;
 }
 .navbar-nav .nav-item .dropdown-menu a{
     color: white;
     padding: 10px 15px;
     width: 100%;
 }
 .navbar-nav .nav-item .dropdown-menu a:hover{
   color: white;
 }
 ul.dropdown-menu:before,
 ul.inner-dropdown.list-unstyled:before {
     content: ":";
     top: -19px;
     left: 10px;
     width: 0;
     height: 0;
     position: absolute;
     background: transparent;
     border-left: 8px solid transparent;
     border-top: 8px solid transparent;
     border-bottom: 8px solid #bba589;
     border-right: 8px solid transparent;
 }
 ul.inner-dropdown.list-unstyled:before {
     content: ":";
     top: 8px;
     left: -20px;
     transform: rotate(270deg);
 }
 .navbar-nav .nav-item .dropdown-menu a:hover:before {
     width: 100%;
     z-index: -1;
 }
 .navbar-nav .nav-item:hover .dropdown-menu{
   opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }
 .page-2-nav .navbar-nav .nav-item{
   position: relative;
   padding: 20px 0;
     margin: 0px 12px;
 }
 .page-2-nav .hamburger-navigation{
   position: fixed !important;
 }
 .navbar-nav .nav-item .dropdown-menu li{
   position: relative;
   padding: 0;
   margin: 0;
 }
 .blog-para p{
   font-size: 1.125rem;
   line-height: 30px;
 }
 .blog-para ul{
   font-size: 1.125rem;
   line-height: 30px;
 }
 .navbar-nav .nav-item .dropdown-menu li:hover:before {
     width: 100%;
 }
 .navbar-nav .nav-item .dropdown-menu ul li:hover {
     color: white !important;
 }
 #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
   width: 25px;
   height: 22px;
   position: relative;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
 }
 #nav-icon2 span {
   display: block;
   position: absolute;
   height: 2px;
   width: 50%;
   background: #ffffff;
   opacity: 1;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
 }
 #nav-icon2 span:nth-child(even) {
   left: 50%;
   border-radius: 0 9px 9px 0;
 }
 #nav-icon2 span:nth-child(odd) {
   left:0px;
   border-radius: 9px 0 0 9px;
 }
 #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
   top: 0px;
 }
 #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
   top: 10px;
 }
 #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
   top: 20px;
 }
 #nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 #nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 #nav-icon2.open span:nth-child(1) {
   left: 5px;
   top: 7px;
 }
 #nav-icon2.open span:nth-child(2) {
   left: calc(50% - 5px);
   top: 7px;
 }
 #nav-icon2.open span:nth-child(3) {
   left: -50%;
   opacity: 0;
 }
 #nav-icon2.open span:nth-child(4) {
   left: 100%;
   opacity: 0;
 }
 #nav-icon2.open span:nth-child(5) {
   left: 1px;
   top: 14px;
 }
 #nav-icon2.open span:nth-child(6) {
   left: calc(50% - 2px);
   top: 13px;
 }
 
 /*inner  menu*/
 .new-menu .inner-dropdown{
   opacity: 0;
   visibility: hidden;
   position: absolute;
   left: 100%;
   top: 0;
   z-index: 100;
   width: 200px;
   box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
   background: #333;
   border-radius: 0;
   border: 0;
   transform: translateX(30px);
   transition: .3s ease-in-out;
 }
 .new-menu:hover .inner-dropdown{
   visibility: visible;
   opacity: 1;
   transform: translateX(15px);
 }
 .barber-description-main li{
   width: 50%;
   
 }
 .barber-description:nth-child(odd):before {
     content: "";
     position: absolute;
     width: 78%;
     height: 100%;
     right: 0;
     top: 0;
     border-right: 1px solid #c5c5c5;
     border-top: 1px solid #c5c5c5;
 }
 .barber-description:nth-child(even):before {
     content: "";
     position: absolute;
     width: 85%;
     top: 0;
     left: 0;
     border-top: 1px solid #c5c5c5;
     height: 100%;
 }
 .barber-description:nth-child(-n+2):before{
   border-top: 0;
 }
 
 
 .side-image{
   width: 50vw;
   top: 0;
 }
 .side-image img{
   width: 100%;
 }
 .side-t .barber-item-2{
      top: 30px;
     position: relative;
     left: -100px;
 }
 /*===blog-detail====*/
 .post-meta-2 ul{
   display: flex;
   list-style: none;
   padding: 0;
   margin: 0;
   padding-top: 50px;
   margin-bottom: 0;
 }
 .post-meta-2 li{
   display: flex;
   align-items: center;
   padding-right: 40px;
 }
 .post-meta-2 h3{
   font-size: 18px;
   padding-left: 10px;
 }
 .post-meta-2 h2{
   font-size: 3.125rem;
 }
 .post-detail p{
   font-size: 18px;
   margin: 2.187rem 0;
 }
 .post-detail ul{
   padding-left: 20px;
   list-style: none;
   line-height: 30px;
   font-size: 18px;
 }
 .post-detail li{
   height: 40px;
   margin-bottom: 0;
 }
 .post-detail ul li:before{
   content: "";
     height: 10px;
     width: 10px;
     background: #222;
     position: absolute;
     top: 10px;
     left: -20px;
     border-radius: 50%;
 
 }
 
 .Service-box:before { content: '';
     position: absolute;
     top: 0px;
     left: 0px;
     width: 0;
     height: 0;
     background: transparent;
     border: 1px solid transparent;
 }
 .Service-box:hover:before {
   animation: animate .5s linear forwards;
   width: 100%;
 }
 @keyframes animate {
     0% {
         width: 0;
         height: 0;
         border-top-color: #bba589;
         border-right-color: transparent;
         border-left-color: transparent;
         border-bottom-color: transparent;
     }
 
     50% {
         width: 100%;
         height: 0;
         border-top-color: #bba589;
         border-right-color: #bba589;
         border-left-color: transparent;
         border-bottom-color: transparent;
     }
 
     100% {
         width: 100%;
         height: 100%;
         border-top-color: #bba589;
         border-right-color: #bba589;
         border-left-color: transparent;
         border-bottom-color: transparent;
     }
 }
 @keyframes animate2 {
     0% {
         width: 0;
         height: 0;
         border-top-color: transparent;
         border-right-color: transparent;
         border-left-color: transparent;
         border-bottom-color: #bba589;
     }
 
     50% {
         width: 0;
         height: 100%;
         border-top-color: transparent;
         border-right-color: transparent;
         border-left-color: #bba589;
         border-bottom-color: #bba589;
     }
 
     100% {
         width: 100%;
         height: 100%;
         border-top-color: transparent;
         border-right-color: transparent;
         border-left-color: #bba589;
         border-bottom-color: #bba589;
     }
 }
   .Service-box:after{
   content: '';
     position: absolute;
     top: 0px;
     left: 0px;
     width: 0;
     height: 0;
     background: transparent;
     border: 1px solid transparent;
 }
 .Service-box:hover:after {
     animation: animate2 .5s linear forwards;
     animation-delay: .5s;
 }
 
 
 
 /*=====hamberger menu====*/
 
 .close:hover,
 .close:focus {
    color: #bba589;
    cursor: pointer;
 }
 .close {
    font-weight: bolder;
    position: absolute;
    right: 25%;
    color: #ffffff;
    font-size: 40px;
    transition: 0.3s;
 }
 .flex-control-nav:after {
   content: "";
   display: table;
   clear: both;
 }
 .column{
   opacity: 0.8; 
   cursor: pointer; 
 }
 
 .column:hover {
   opacity: 1;
 }
 .featured-main .slick-slide {
   margin: 0px 30px;
 }
 .form-popup {
     z-index: 9;
 }
 .cover{
      position: fixed;
     top: 0px;
     left: 0px;
     background: #000;
     z-index: 9;
     opacity: 0.77;
     width: 100%;
     height: 100%;
 } 
 .cover{
 }
 .line3 {
     stroke-dasharray: 60 207;
     stroke-width: 3;
 }
 .line2 {
     stroke-dasharray: 60 60;
     stroke-width: 3;
 }
 .line1 {
     stroke-dasharray: 60 207;
     stroke-width: 3;
 }
 .line {
     fill: none;
     stroke: #fff;
     stroke-width: 3;
     transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .opened .line1 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 3;
 }
 
 .opened .line2 {
   stroke-dasharray: 1 60;
   stroke-dashoffset: -30;
   stroke-width: 3;
 }
 
 .opened .line3 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 3;
 }
 .hamburger-navigation {
   width: 100%;
   height: 0;
   display: flex;
   flex-wrap: wrap;
   position: absolute;
   justify-content: center;
   text-align: center;
   top: 0;
   left: 0;
   z-index: 5;
   transition-duration: 1s;
   -webkit-transition-duration: 1s;
   transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
   -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
   background: #bba589;
 }
 .page-2-nav .hamburger-menu{
     top: 6%;
     right: 32%;
 }
 .page-2-nav .hamburger-menu{
   z-index: 99999;
 }
 .hamburger-navigation .layer {
   width: 100%;
   height: 0;
   background: #141414;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
   transition-duration: 1s;
   -webkit-transition-duration: 1s;
   transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
   -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
   transition-delay: .6s;
 }
 .hamburger-navigation .container {
   position: relative;
   z-index: 1;
   visibility: hidden;
 }
 .hamburger-navigation .info-box {
   width: 50vw;
   display: flex;
   flex-wrap: wrap;
   margin: 0 auto;
   margin-top: 50px;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   padding-top: 50px;
   color: #fff;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .30s ease-in-out;
   -ms-transition: all .30s ease-in-out;
   -o-transition: all .30s ease-in-out;
   transition: all .30s ease-in-out;
 }
 .hamburger-navigation .info-box span {
   width: 100%;
   display: block;
   font-size: 22px;
   font-family: "Argesta Display";
   margin-bottom: 20px;
 }
 .hamburger-navigation .info-box .nav-social {
   width: 100%;
   display: block;
   margin: 0;
   padding: 0;
 }
 .hamburger-navigation .info-box .nav-social li {
   display: inline-block;
   margin: 0 10px;
   padding: 0;
   list-style: none;
 }
 .hamburger-navigation .info-box .nav-social li a {
   color: #fff;
   font-size: 14px;
 }
 .hamburger-navigation .nav-menu {
   display: inline;
   margin: 0;
   position: absolute;
   top: 100px;
   padding: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .30s ease-in-out;
   -ms-transition: all .30s ease-in-out;
   -o-transition: all .30s ease-in-out;
   transition: all .30s ease-in-out;
 }
 .hamburger-navigation .nav-menu.mobile-menu {
   display: none;
 }
 .hamburger-navigation .nav-menu li{
   width: 100%;
   display: flex;
   margin: 0;
   padding: 0;
   position: relative;
   justify-content: space-evenly;
   text-align: center;
 }
 .hamburger-navigation .nav-menu li a {
   display: inline-block;
   color: #fff;
   font-size: 35px;
   font-family: 'Squada One', cursive;
 }
 .hamburger-navigation .nav-menu li a:hover {
   color: #bba589;
 }
 
 /* HAMBURGER NAGIVATION ACTIVE */
 .hamburger-navigation-active .scroll-content {
   transform: translate3d(0px, 0px, 0px) !important;
 }
 
 .hamburger-navigation-active .hamburger-navigation {
   height: 100vh;
   position: fixed;
 }
 
 .hamburger-navigation-active .hamburger-navigation .layer {
   height: 100vh;
 }
 
 .hamburger-navigation-active .hamburger-navigation .container {
   visibility: visible;
 }
 .hamburger-navigation-active .hamburger-navigation .nav-menu{
   opacity: 1;
   visibility: visible;
 }
 .hamburger-navigation .nav-menu {
     justify-content: center;
     align-items: center;
     opacity: 1;
     visibility: visible;
     display: flex;
     width: 100%;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }
 .hamburger-navigation-active .hamburger-navigation .info-box {
   opacity: 1;
   visibility: visible;
 }
 .navbar .hamburger-menu {
     display: inline-block;
     margin-left: auto;
 }
 .menu {
     background-color: transparent;
     border: none;
     cursor: pointer;
     display: flex;
     padding: 0;
     outline: none;
 }
 .main-logo{
   top: 45px;
     justify-content: space-between;
     padding: 0px 38px;
     z-index: 23;
 }
 .menu-links>li:hover>a:after {
     content: "";
     width: 10px;
     height: 10px;
     background: #000;
     top: 95%;
     position: absolute;
     left: 30px;
     transform: rotate(45deg);
     z-index: 11;
 }
 /*====mobile menu====*/
     
 .mobile-menu__toggler {
   font-size: 18px;
     color: #212121;
     margin-top: 10px;
     display: flex;
     cursor: pointer;
 }
 /* PAGE LOADED */
 .page-loaded .preloader {
   height: 0;
 }
 
 .page-loaded .preloader .loadbar {
   max-height: 100%;
   transition-duration: 1s;
   -webkit-transition-duration: 1s;
   transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
   -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
 }
 
 .page-loaded .preloader .loader-container {
   transform: translateY(50px);
   opacity: 0;
 }
 .page-loaded .slider .main-slider {
   transform: scale(1);
 }
 
 .page-loaded .page-header {
   transform: scale(1);
 }
 
 /* PRELOADER */
 .preloader {
  will-change: opacity, visibility;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #000000;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  transition: opacity 0.5s, visibility 0.5s, height 0.5s, width 0.5s;
}
body.page-loaded .preloader {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
}
 .preloader .loadbar {
   width: 0%;
   height: 1%;
   max-height: 6px;
   background: linear-gradient(90deg, #000 0%, #bba589 100%);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   overflow: hidden;
 }
 .loader-container {
   display: flex;
   align-items: center;
   justify-content: center;
  
 }
 .loader-container svg {
   animation: spin 0.7s linear infinite;
 }
 @keyframes spin {
   100% { transform: rotate(360deg); }
 }
 
 @keyframes fade {
   0% {
     transform: translateY(-50px);
     opacity: 0;
   }
   100% {
     transform: translateY(0);
     opacity: 1;
   }
 }
 
 /*====sidebar====*/
 .navbar-toggler {
     padding: 0;
     border: none;
     background-color: transparent;
     cursor: pointer;
     display: none;
 }
 .navbar-toggler span {
   position: relative;
   background-color: #0e1b2c;
   border-radius: 3px;
   display: block;
   height: 3px;
   margin-top: 5px;
   padding: 0;
   transition-duration: 300ms;
   width: 30px;
   cursor: pointer;
   display: block;
 }
 .nav-top .main-menu li{
   color: #fff;
     padding-right: 28px;
     align-items: center;
 }
 .navbar-close{
 
   position: absolute;
   top: 10px;
   right: 30px;
   z-index: 12;
   background: #bba589;
 }
 .navbar-close .cross-wrap span.bottom {
     bottom: 15px;
     left: 0;
     transform: rotate(-45deg);
 }
  .navbar-close .cross-wrap {
     width: 34px;
     height: 34px;
     cursor: pointer;
     position: relative;
 }
 .navbar-close .cross-wrap span.top {
     top: 17px;
     left: 0;
     transform: rotate(45deg);
 }
 .navbar-close .cross-wrap span {
     position: absolute;
     display: block;
     width: 100%;
     height: 2px;
     border-radius: 6px;
     background: #fff;
 }
 
 
 /* dropdown 2*/
 .home-drop .home-page {
     padding: 0;
     opacity: 0;
     position: absolute;
     width: 100%;
     transform: translateX(-40px);
     top: 40px;
     padding: 20px;
     transition: 0.3s ease-in-out;
 }
 .home-drop svg{
   padding-left: 12px;
 }
 li.home-drop svg {
     height: 12px;
 }
 .home-drop.active .home-page {
     opacity: 1;
     color: #bba589;
     transform: translateX(0px);
     padding: 0;
     position: absolute;
     transition: .3s ease-in-out;
     top: 60px; 
 }
 .home-drop .home-page a{
   font-size: 20px !important;
 }
 
  .tab-content.active{
     display:block;
 }
 .main-area img{
   z-index: 8;
 }
 .tabcontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-top: none;
 }
 
 /*====popup====*/
 .cart-1{
   padding-left: 15px;
 }
 .cart-1 .star-rating span::before{
   content: "\53\53\53\53\53";
     top: 0;
     position: absolute;
     left: 0;
     font-family: star;
     color: #bba589;
 }
 .cart-1 .star-rating span{
     margin-top: 10px;
     margin-left: 12px;
 }
 .popup-items h2{
   font-size: 26px;
 }
 .popuo-button{
     background: #333;
     display: inline-block;
     height: 100%;
     color: white;
     padding: 9px 1.062rem;
     transition: ease, 0.9s;
     transform: translate(109px);
 }
 .popup-items{
   position: fixed;
     top: 0;
     right: 0;
     background: #fff;
     z-index: 9999;
     box-shadow: 0px 13px 4px #ded5d5;
      overflow-y: auto;
     height: 100%;
     width: 610px;
     transition: all .5s cubic-bezier(0.19, 0.71, 0.58, 0.83);
 }
 .popup-main{
   margin: 39px;
   overflow: hidden;
   overflow-y: auto;
 }
 .popuo-button:hover{
   transform: translate(0px);
   background-color: #bba589;
 }
 .popuo-button span{
   visibility: hidden;
   opacity: 0;
 }
 .popuo-button:hover span{
   visibility: visible;
   opacity: 1;
 }
 .popuo-button:hover{
   color: #fff;
 }
 .cart-price{
   margin: 39px;
 }
 .pop-overlay{
   background-color: #00000080;
   position: fixed;
   z-index: 99999;
   width: 0;
   height: 100%;
   top: 0;
   right: 0;
 }
 .popup-items .theme-btn-2{
   display: flex;
     justify-content: center;
     width: 88%;
     margin: auto;
 }
 .bar1, .bar2, .bar3 {
   width: 35px;
   height: 1px;
   background-color: #333;
   margin: 6px 0;
   transition: 0.4s;
 }
 .bar1 {
   -webkit-transform: rotate(-45deg) translate(-11px, 7px);
   transform: rotate(-45deg) translate(-11px, 7px);
 }
 
  .bar2 {opacity: 0;}
 
  .bar3 {
   -webkit-transform: rotate(45deg) translate(-2px, 0px);
   transform: rotate(45deg) translate(-2px, 0px);
 }
 .cross-bar{
   position: absolute;
     right: 52px;
     cursor: pointer;
 }
 .pop-open{
   width: 610px;
 }
 .pattern-img img{
   width: 100%;
     background: #000;
 }
 .footer-area{
   background-image: url(../images/pattern.png);
   position: absolute;
   width: 100%;
   display: block;
   padding: 80px 0px;
   background-color: #000;
   background-position: center;
   background-size: cover;
   overflow: hidden;
 }
 
 /*====loader===*/
 @keyframes arrow-spin {
   100% {
     transform: rotate(179deg);
   }
 }
 
 @-webkit-keyframes arrow-spin {
   100% {
     -webkit-transform: rotate(179deg);
   }
 }
 
 .psoload,
 .psoload *,
 .psoload *:before,
 .psoload *:after {
   box-sizing: border-box;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
 }
 
 .psoload {
   position: relative;
   margin: 30px auto;
   height: 150px;
   width: 150px;
 }
 
 .psoload .straight,
 .psoload .curve {
   position: absolute;
   top: 17.5%;
   left: 17.5%;
   width: 65%;
   height: 65%;
   border-radius: 100%;
   animation: arrow-spin 0.85s cubic-bezier(0.2, 0.8, 0.9, 0.1) infinite;
   -webkit-animation: arrow-spin 0.85s cubic-bezier(0.2, 0.8, 0.9, 0.1) infinite;
 }
 
 .psoload .straight:before,
 .psoload .straight:after {
   content: '';
   position: absolute;
   width: 15%;
   border-bottom: 3px solid #eee;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 
 .psoload .straight:before {
   top: 5px;
   left: 5px;
 }
 
 .psoload .straight:after {
   bottom: 5px;
   right: 5px;
 }
 
 .psoload .curve:before,
 .psoload .curve:after {
   content: '';
   position: absolute;
   width: 45px;
   height: 10px;
   border: solid 3px transparent;
   border-top-color: #eee;
   border-radius: 50%/10px 10px 0 0;
   z-index: 90001;
 }
 
 .psoload .curve:before {
   transform: rotate(-63deg) translateX(-27px) translateY(-4px);
   -webkit-transform: rotate(-63deg) translateX(-27px) translateY(-4px);
 }
 
 .psoload .curve:after {
   bottom: 5px;
   right: 5px;
   transform: rotate(115deg) translateX(-26px) translateY(-12px);
   -webkit-transform: rotate(115deg) translateX(-26px) translateY(-12px);
 }
 
 .psoload .center {
   position: absolute;
   top: 20%;
   left: 20%;
   width: 60%;
   height: 60%;
   border-radius: 100%;
   border: 3px solid #eee;
 }
 
 .psoload .inner {
   position: absolute;
   top: 25%;
   left: 25%;
   width: 50%;
   height: 50%;
   border-radius: 100%;
   animation: arrow-spin 0.85s cubic-bezier(0.2, 0.8, 0.9, 0.1) infinite reverse;
   -webkit-animation: arrow-spin 0.85s cubic-bezier(0.2, 0.8, 0.9, 0.1) infinite reverse;
 }
 
 .psoload .inner:before,
 .psoload .inner:after {
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-bottom-width: 11px;
   border-bottom-color: #eee;
 }
 
 .psoload .inner:before {
   top: 12px;
   left: 12px;
   transform: rotate(128deg);
   -webkit-transform: rotate(128deg);
 }
 
 .psoload .inner:after {
   bottom: 12px;
   right: 12px;
   transform: rotate(-48deg);
   -webkit-transform: rotate(-48deg);
 }
 .hamburger-navigation .nav-menu{
   opacity: 0;
   visibility: hidden;
 }
 .menu-on{
   display: none;
 }
 .page-2-nav{
   display: flex;
 }
 .about-head .dropdown-item:focus, .about-head .dropdown-item:hover{
   color: #fff;
   background-color: #bba589;
 }
 #popups .popup-items{
   transform: translate(100%);
 }
 .cross-bar .popup-items{
   transform: translate(0);
 }
 
 /* Model padding */
 .modal-open{
     overflow: auto;
     padding-right:0 !important;
 }
 /* Product Loader */
 .spinner-box {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: transparent;
 }
 .circle-border {
   width: 50px;
   height: 50px;
   padding: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background: rgb(217 132 47);
   background: linear-gradient(0deg, rgb(217 132 47 / 27%) 33%, rgb(217 132 47) 100%);
   animation: spin .8s linear 0s infinite;
 }
 .circle-core {
   width: 100%;
   height: 100%;
   background-color: white;
   border-radius: 50%;
 }
 @keyframes spin {
   from {
     transform: rotate(0);
   }
   to{
     transform: rotate(359deg);
   }
 }
 .togglesubmenu{
   display: none;
 }
 /*servise style 1*/
 .Service-box{
   margin-bottom: 30px;
 }
 /*servise style 3*/
 .uper-meta {
     bottom: 10%;
     color: #fff;
     left: 50px;
     position: absolute;
     width: auto;
     z-index: 3;
 }
 .uper-meta > h4 {
     font-size: 28px;
     width: 100%;
     margin-top: 10px;
 }
 .uper-meta:hover a{
   color: #bba589;
 }
 .uper-meta a{
   color: #fff;
 }
 .uper-meta svg{
   display: block;
 }
 .servise-box::before {
     background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
     bottom: 0;
     content: "";
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 2;
 }
 
 .servise-box img{
   border-radius: 10px;
 }
 /*===== Dashboard Page =====*/
 /*===== Profile Sidebar =====*/
 .profile-sidebar {
   float: left;
   width: 100%;
   padding: 20px;
   background-color: #f7f7f7;
 }
 a{
   text-decoration: none;
 }
 .brd-rd50{
   border-radius: 50%;
 }
 .yellow-bg{
   background-color: #bba589;
 }
 
 .profile-sidebar-inner {
   float: left;
   width: 100%;
   background-color: #fff;
   -webkit-box-shadow: 0 20px 32px rgba(0,0,0,.06);
   -ms-box-shadow: 0 20px 32px rgba(0,0,0,.06);
   -o-box-shadow: 0 20px 32px rgba(0,0,0,.06);
   box-shadow: 0 20px 32px rgba(0,0,0,.06);
   overflow: hidden;
 }
 .user-info {
   padding: 35px 30px 30px !important;
   display: flex;
 }
 .user-info > img {
   float: left;
   margin-right: 15px;
   border: 3px solid;
 }
 .user-info-inner {display: table;}
 .user-info-inner > h5 {
   color: #fff;
   margin: 0;
   font-size: 32px;
 }
 .user-info-inner > span {
   color: #fff;
   display: block;
   font-size: 16px;
 }
 .user-info-inner > a {float: left;}
 .user-info-inner > a {
   float: left;
   font-size: 17px;
   padding: 8px 20px;
   margin-top: 13px;
 }
 .user-info-inner > a:hover,
 .user-info-inner > a:focus {
   background-color: #333;
   color: #fff;
 }
 .profile-sidebar-inner > ul {
   border-bottom: 0;
    padding: 20px 0px;
    display: block;
 }
 .profile-sidebar-inner > ul > li {  margin-bottom: 0;
   font-size: 12px;
   color: #444;
 }
 .profile-sidebar-inner > ul > li a {
   padding: 0 0 0 25px;
   font-size: 16px;
 }
 .profile-sidebar-inner > ul > li a i {
   margin-right: 8px;
   font-size: 15px;
   color: #b5b5b5;
 }
 .profile-sidebar-inner > ul > li.active > a::before {opacity: 1;}
 /*===== Dashboard Tab =====*/
 .dashboard-wrapper {
   float: left;
   width: 100%;
   background-color: #f9f9f9;
 }
 .welcome-note {
   float: left;
   width: 100%;
   padding: 35px 45px 30px;
   position: relative;
   z-index: 1;
   margin-bottom: 45px;
 }
 .welcome-note > h4 {
   font-size: 28px;
   color: #fff;
 
 }
 .dashboard-title span a{
   color: red;
 }
 .dashboard-title span a{
 
 }
 .welcome-note > p {
   color: #fff;
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 0;
 }
 .welcome-note > img {
   position: absolute;
   bottom: 0;
   right: 15px;
   z-index: -1;
   opacity: .05;
 }
 .remove-noti {
   position: absolute;
   top: -8px;
   right: -8px;
 }
 .dashboard-title {
   float: left;
   padding: 0 20px;
   width: 100%;
   margin-bottom: 30px;
 }
 .dashboard-title > h4 {
   color: #3c3838;
   margin-top: 0;
   font-size: 32px;
   margin-bottom: 0;
 }
 .dashboard-title > span{
    font-style: italic;
 }
 .featured-restaurant-info h4 a{
       color: #333333;
 }
 .featured-restaurant-info h4{
   font-size: 32px;
 }
 .featured-restaurant-info span{
   font-size: 17px;
 }
 .featured-restaurant-info:hover a{
   color: #bba589;
 }
 .dashboard-title > span a{
   font-style: italic;
   font-size: 16px;
   color: #666;
 }
 .dashboard-title:hover a{
   color: #bba589;
 }
 .restaurants-list {
   float: left;
   padding: 0 20px 20px;
   width: 100%;
 }
 .featured-restaurant-box.style3 {
   border-top: 0;
   padding: 30px;
   margin-top: 0;
   background-color: #fff;
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,.04);
   -ms-box-shadow: 0 0 32px rgba(0,0,0,.04);
   -o-box-shadow: 0 0 32px rgba(0,0,0,.04);
   box-shadow: 0 0 32px rgba(0,0,0,.04);
 }
 .featured-restaurant-box.style3 + .featured-restaurant-box.style3 {margin-top: 10px;}
 .featured-restaurant-box.style3 .featured-restaurant-thumb {
   width: 130px;
   text-align: center;
 }
 .featured-restaurant-box.style3 .featured-restaurant-thumb > a {
   border: 2px solid #f1f1f1;
   display: block;
   line-height: 90px;
   min-height: 90px;
 }
 .featured-restaurant-box.style3 .post-meta{padding-left: 0;}
 .view-menu-liks {width: 120px;}
 .view-menu-liks .post-likes {
   position: static;
   float: right;
 }
 .view-menu-liks > a {
   color: #fff;
   font-size: 16px;
   padding: 10px 20px;
   float: right;
   margin-top: 5px;
 }
 .book-on h4{
   font-size: 32px;
 }
 .tabs-wrp > h4{
   font-size: 32px;
 }
 .view-menu-liks > a:hover,
 .view-menu-liks > a:focus {color: #fff;}
 /*===== My Bookings Tab =====*/
 .tabs-wrp {
   float: left;
   width: 100%;
   padding: 50px;
 }
 .tabs-wrp > h4 {
   font-size: 32px;
   color: #3c3838;
   display: inline-block;
   margin-bottom: 0;
   line-height: 45px;
   margin-top: 0;
 }
 .select-wrap-inner > div + div {margin-left: 10px;}
 .select-wrap-inner .select-wrp2 .chosen-container > a {
   background-color: #fff;
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.04);
   -ms-box-shadow: 0 3px 10px rgba(0,0,0,.04);
   -o-box-shadow: 0 3px 10px rgba(0,0,0,.04);
   box-shadow: 0 3px 10px rgba(0,0,0,.04);
   height: 45px;
   padding: 10px 33px 10px 25px;
   text-transform: initial;
   color: #a2a2a2;
   font-weight: 400;
   font-size: 10.8px;
 }
 .booking-table {
   float: left;
   width: 100%;
 }
 .booking-table > table {
   float: left;
   width: 100%;
   -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.04);
   -ms-box-shadow: 0 0 30px rgba(0,0,0,0.04);
   -o-box-shadow: 0 0 30px rgba(0,0,0,0.04);
   box-shadow: 0 0 30px rgba(0,0,0,0.04);
 }
 .booking-table > table thead {
   background-color: #2a2a2a;
   color: #fff;
   -webkit-box-shadow: 0 0 30px rgba(0,0,0,.04);
   -ms-box-shadow: 0 0 30px rgba(0,0,0,.04);
   -o-box-shadow: 0 0 30px rgba(0,0,0,.04);
   box-shadow: 0 0 30px rgba(0,0,0,.04);
 }
 .booking-table > table thead th {
   padding: 21px 40px;
   font-size: 16px;
   font-weight: 700;
   text-align: center;
 }
 .booking-table tbody tr{
   background-color: #fff;
 }
 .booking-table > table thead th:first-child,
 .booking-table > table tbody td:first-child {text-align: left;}
 .booking-table > table tbody td {
   padding: 25px 25px;
   font-size: 16px;
   color: #444;
   position: relative;
   text-align: center;
 }
 .booking-table > table tbody td h5 {
   font-size: 18px;
   margin-bottom: 0;
   position: relative;
   padding-left: 20px;
   font-weight: 400;
   color: inherit;
 }
 .booking-table > table tbody td h5:before {
   content: "";
   position: absolute;
   left: 0;
   height: 7px;
   width: 7px;
   background-color: #bba589;
   top: 50%;
   margin-top: -3.5px;
   border-radius: 50%;
 }
 .booking-table > table tbody a,.review-box a{
   color: #333333;
 }
 .booking-table td:hover a{
   color: #bba589;
 }
 .booking-table > table tbody tr:nth-child(2n) {background-color: #f9f9f9;}
 span.processing,
 span.completed {
   padding: 7px 12px;
   display: inline-block;
   font-size: 16px;
   font-weight: 700;
 }
 .booking-table > table tbody td a.detail-link:hover,
 .booking-table > table tbody td a.detail-link:focus {color: #fff;}
 .booking-table > table tbody tr:nth-child(2n) a.detail-link {background-color: #f9f9f9;}
 /*===== My Reviews Tab =====*/
 .review-list {
   float: left;
   width: 100%;
 }
 .review-box {
   float: left;
   width: 100%;
   background-color: #fff;
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -ms-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -o-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   box-shadow: 0 0 32px rgba(0,0,0,0.04);
   padding: 30px;
 }
 .review-box + .review-box {margin-top: 12px;}
 .review-box > h4 {
   display: inline-block;
   font-size: 32px;
   margin-bottom: 0;
 }
 .review-box .ratings {
     display: inline-block;
     margin-left: 30px;
     color: #bba589;
 }
 .ratings {display: inline-block;}
 .ratings > i {font-size: 12px;}
 i.off {color: #d7d7d7;}
 .review-box > p {
   color: #666;
   margin: 12px 0 0;
 }
 .review-info {
   float: left;
   width: 100%;
 }
 .review-info > img {
   float: left;
   margin-right: 10px;
 }
 .review-info-inner {display: table;}
 .review-info-inner > h5 {
   font-size: 23px;
   margin-bottom: 0;
 }
 .review-info-inner > i {font-size: 12px;}
 /*===== My Orders Tab =====*/
 .order-list {
   float: left;
   width: 100%;
 }
 .order-item {
   float: left;
   width: 100%;
   background-color: #fff;
   padding: 30px;
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,.04);
   -ms-box-shadow: 0 0 32px rgba(0,0,0,.04);
   -o-box-shadow: 0 0 32px rgba(0,0,0,.04);
   box-shadow: 0 0 32px rgba(0,0,0,.04);
   display: table;
 }
 .order-item + .order-item {margin-top: 10px;}
 .order-thumb {
   position: relative;
   width: 180px;
   max-width: 150px;
   overflow: hidden;
 }
 .order-item > div {
   display: table-cell;
   vertical-align: middle;
 }
 .order-info {padding-left: 30px;}
 .order-info > span.red-clr,
 .order-info > span.yellow-clr {
   font-size: 16px;
   display: block;
 }
 .order-info > h4 {
   font-size: 32px;
 }
 .order-info > p {margin-bottom: 25px;}
 .order-info > span.processing,
 .order-info > span.completed {
   margin-left: 30px;
   margin-top: 9px;
 }
 .order-info > a {
   float: right;
   font-size: 16px;
   background-color: #434343;
   color: #fff;
   padding: 5px 25px;
 }
 .order-info > span.price {margin-top: 9px;}
 /*===== Shortlists Tab =====*/
 .tabs-wrp .restaurants-list {
   padding: 0;
   margin-top: 18px;
 }
 .tabs-wrp .featured-restaurant-box.style3 {padding: 30px 40px;}
 /*===== Statement Tab =====*/
 .statement-table {
   float: left;
   width: 100%;
 }
 .statement-table table {
   width: 100%;
   text-align: center;
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -ms-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -o-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   box-shadow: 0 0 32px rgba(0,0,0,0.04);
 }
 .statement-table table thead {
   background-color: #2a2a2a;
   color: #fff;
   -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -ms-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   -o-box-shadow: 0 0 32px rgba(0,0,0,0.04);
   box-shadow: 0 0 32px rgba(0,0,0,0.04);
 }
 .statement-table table th {
      font-size: 15px;
     padding: 15px;
   text-align: inherit;
 }
 .statement-table table tbody {background-color: #fff;}
 .statement-table table tbody td {
   font-size: 14px;
   color: #666;
      padding: 14px;
   border: 1px solid #eee;
 }
 /*===== Account Settings Tab =====*/
 .account-settings-inner {
   float: left;
   width: 100%;
   margin-top: 20px;
   padding-right: 20px;
 }
 .profile-info-form input, .select-wrp select{
     width: 100%;
     background: #fff;
     border: none;
     padding: 13px;
   margin-bottom: 20px;
     font-size: 16px;
     background-color: #f7f7f7;
 }
 .select-wrp select{
   color: #495057;
 }
 .profile-info-form label{
   width: 100%;
 }
 .account-settings-inner .loc-map2{margin-bottom: 0;}
 .profile-info {
   float: left;
   width: 100%;
   margin-top: 10px;
 }
 .profile-info-form label{
   font-size: 15px;
 }
 .profile-thumb {
   height: 160px;
   width: 160px;
   display: inline-block;
   overflow: hidden;
   margin-bottom: 14px;
 }
 .profile-thumb > img {
   width: 100%;
   height: 100%;
 }
 .profile-info > a {
   font-size: 18px;
   display: inline-block;
   position: relative;
   line-height: 13px;
 }
 .profile-info > a.change-password {padding-left: 15px;}
 .profile-info > a:hover {color: #2a2a2a;}
 .profile-info > a.change-password:before {
   content: "";
   left: 0;
   height: 7px;
   width: 7px;
   background-color: #bba589;
   position: absolute;
   bottom: 2px;
   border-radius: 50%;
 }
 .profile-img-upload-btn {
   display: block;
   margin: 14px 0 12px;
 }
 .profile-img-upload-btn > label {
   padding: 13px 30px;
   font-size: 13px;
   font-weight: 700;
   display: inline-block;
   margin-bottom: 0;
 }
 .profile-img-upload-btn > label.yellow-bg:hover {color: #fff;}
 .profile-img-upload-btn .fileContainer {
   overflow: hidden;
   position: relative;
 }
 .profile-img-upload-btn .fileContainer [type=file] {
   cursor: inherit;
   display: block;
   font-size: 999px;
   filter: alpha(opacity=0);
   min-height: 100%;
   min-width: 100%;
   opacity: 0;
   position: absolute;
   right: 0;
   text-align: right;
   top: 0;
 }
 .profile-info > p {
   font-size: 14px;
   color: #a2a2a2;
   margin-bottom: 0;
   line-height: 23px;
 }
 .default-img-lst {
   float: left;
   width: 100%;
   margin-top: 10px;
 }
 .default-img-lst > img {
   display: inline-block;
   cursor: pointer;
   margin: 5px;
 }
 .profile-info-form-wrap {
   float: left;
   width: 100%;
   padding-left: 20px;
 }
 .featured-restaurant-box.style3{
   display: flex;
     justify-content: space-between;
 }
 .post-meta{
   list-style: none;
   display: flex;
     justify-content: space-between;
 }
 .book-on{
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 .select-wrap-inner{
   display: flex;
 }
 /*sticky-header*/
 .stick {
     position: fixed;
     background: #fff;
     transition: .3s ease-in-out;
     z-index: 9;
     box-shadow: 0px 0px 20px 5px #00000030;
     -moz-box-shadow: 0px 0px 20px 5px #00000030;
     -webkit-box-shadow: 0px 0px 20px 5px #00000030;
     width: 100%;
     top: 0;
 }
 /*scroll-top*/
 button.scrollTopStick {
 width: 50px;
 height: 50px;
 border-radius: 100%;
 border: 0;
 background: #bba589;
 position: fixed;
 bottom: 50px;
 right: 50px;
 opacity: 0;
 visibility: hidden;
 transform: translateY(30px);
 display: flex;
 align-items: center;
 justify-content: center;
 }
 button.scrollTopStick.active{
 opacity: 1;
 visibility: visible;
 transform: translateY(0px);
 }
 
 .stick .main-logo a {
 justify-content: start;
 display: flex;
 }

.price-nav {
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.price-btn {
  background: #bba589;
  color: #fff;
  border: none;
  padding: 0.85rem 2.2rem;
  margin: 0 0.5rem;
  font-size: 1.25rem;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s, transform 0.2s, outline 0.2s;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10);
  outline: none;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
}
.price-btn.active, .price-btn:focus {
  background: #000;
  color: #bba589;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 4px 16px rgba(187,165,137,0.15), 0 0 0 3px #bba58955;
  outline: none;
}
.price-btn:hover:not(.active) {
  background: #222;
  color: #bba589;
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 4px 16px rgba(187,165,137,0.10), 0 0 0 2px #bba58933;
}
.price-btn:active {
  background: #bba589;
  color: #fff;
  transform: scale(0.98);
  box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}
.price-section {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.4,0,0.2,1);
  will-change: opacity;
}
.price-section.show {
  display: block;
  opacity: 1;
  pointer-events: auto;
  animation: fadeInPrice 0.5s;
}
@keyframes fadeInPrice {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
  .price-nav {
    flex-direction: column;
    gap: 0.5rem;
  }
  .price-btn {
    width: 100%;
    font-size: 1.1rem;
    padding: 0.7rem 0;
  }
}



.base-template__wrapper {
	max-width: 1390px;
}

/**
 * Slider Instance
 */

.gallery-slider__slider {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-slider__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1390px;
	gap: 40px;
	overflow: hidden;
}

/**
 * Slider Item
 */

.gallery-slider__slide {
	position: relative;
	overflow: hidden;
	width: 183px;
	height: 564px;
	max-width: 498px;
	filter: grayscale(100%);
	border: solid 1px transparent;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), filter 0.8s ease-in-out,
		border-color 0.6s ease;
	cursor: pointer;
}

.gallery-slider__image {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover;
}

.gallery-slider__slide.active {
	width: 498px;
	filter: none;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	position: absolute;
	top: 0;
	object-fit: cover;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 1;
	visibility: visible;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 0;
	visibility: hidden;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

@keyframes zoom-img {
	0% {
		opacity: 1;
		visibility: visible;
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.4);
		opacity: 0;
		visibility: hidden;
	}
}

.gallery-slider__slide.active .gallery-slider__img-prev {
	width: 498px;
	z-index: 1;
	animation: zoom-img 1.2s ease-in-out 0.5s 1 forwards;
}

.gallery-slider__slide.active .gallery-slider__img-next {
	width: 498px;
	opacity: 1;
	visibility: visible;
}

.gallery-slider__slide:hover {
	filter: none;
}

.gallery-slider__slide:focus {
	filter: none;
	border-color: #b6b7b8;
	outline: none;
}

@media (max-width: 1400px) {
	.gallery-slider__wrapper {
		gap: 20px;
		padding: 0 20px;
	}

	.gallery-slider__slide {
		width: 140px;
	}

	.gallery-slider__img-prev,
	.gallery-slider__img-next {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.gallery-slider__wrapper {
		gap: 10px;
	}

	.gallery-slider__slide.active,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 300px;
	}
}

@media (max-width: 768px) {
	.gallery-slider__slide {
		width: 180px;
		height: 300px;
	}

	.gallery-slider__slide.active,
	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 300px;
	}

	.gallery-slider__slide:focus {
		border-color: #b6b7b8;
	}
}

@media (max-width: 575px) {
	.gallery-slider__slide {
		width: 70px;
		height: 200px;
	}

	.gallery-slider__slide.active {
		width: 180px;
		height: 200px;
	}

	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 200px;
	}
}

.price-attractive-section {
  background: linear-gradient(135deg, #000000 70%, #000000 100%);
  padding: 3rem 0 2rem 0;
  position: relative;
  overflow: hidden;
}
.price-attractive-section:before {
  content: '';
  position: absolute;
  top: -80px; left: 50%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, #bba58955 0%, #0000 80%);
  filter: blur(40px);
  z-index: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
.price-attractive-title {
  font-family: 'Cairo', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  background: linear-gradient(90deg, #000000 60%, #fff0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #bba589;
  position: relative;
  z-index: 1;
}
.price-attractive-underline {
  width: 80px;
  height: 4px;
  margin: 0 auto 1rem auto;
  border-radius: 2px;
  background: linear-gradient(90deg, #bba589 60%, #fff0 100%);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.price-attractive-underline:before {
  content: '';
  position: absolute;
  left: -40px;
  top: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  animation: priceShimmer 2s infinite;
}
@keyframes priceShimmer {
  0% { left: -40px; }
  100% { left: 100px; }
}
.price-attractive-desc {
  color: #e6e1d6;
  font-size: 1.15rem;
  margin-bottom: 2.5rem;
  font-weight: 500;
  z-index: 1;
  position: relative;
}
.price-card {
  background: rgba(30, 30, 30, 0.75);
  border-radius: 24px;
  box-shadow: 0 6px 32px 0 rgba(187,165,137,0.13);
  padding: 2.2rem 1.5rem 1.5rem 1.5rem;
  text-align: center;
  position: relative;
  transition: box-shadow 0.2s, transform 0.18s, border-color 0.2s;
  border: 2px solid #bba58933;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
  backdrop-filter: blur(4px);
  z-index: 1;
}
.price-card:hover {
  box-shadow: 0 16px 48px 0 #bba58955, 0 2px 24px 0 #bba58933;
  transform: translateY(-6px) scale(1.04);
  border-color: #bba589;
  background: rgba(40, 40, 40, 0.92);
}
.price-card-icon {
  font-size: 2.7rem;
  color: #bba589;
  margin-bottom: 1rem;
  margin-top: -1.2rem;
  filter: drop-shadow(0 2px 8px #bba58988);
  transition: filter 0.2s;
}
.price-card:hover .price-card-icon {
  filter: drop-shadow(0 4px 16px #bba589cc);
}
.price-card-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0.5px;
}
.price-card-divider {
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #bba589 60%, #fff0 100%);
  margin: 0.5rem auto 1rem auto;
  border-radius: 2px;
}
.price-card-price {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
  background: linear-gradient(90deg, #ffffff 60%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #ffffff;
  letter-spacing: 1px;
}
.price-card-desc {
  color: #e6e1d6;
  font-size: 1.08rem;
  margin-bottom: 0.2rem;
  flex: 1 1 auto;
}
@media (max-width: 991px) {
  .price-card { min-height: 0; margin-bottom: 2rem; }
}
@media (max-width: 767px) {
  .price-card { min-height: 0; padding: 1.5rem 1rem; }
  .price-attractive-title { font-size: 2rem; }
  .price-attractive-section { padding: 2rem 0 1rem 0; }
}


		  .hero-attractive {
       
			background-color: #D7C4A3;
			padding: 5.5rem 0 4.5rem 0;
			position: relative;
			overflow: hidden;
			min-height: 60vh;
			display: flex;
			align-items: center;
		  }
	  
		  .image-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
			max-width:500px;
		  }
	  
		  .image-grid .hero-img {
			width: 100%;
			height: auto;
			border-radius: 16px;
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
			transition: transform 0.3s ease;
		  }
	  
		  .image-grid .hero-img:hover {
			transform: scale(1.05);
		  }
	  
		  .image-grid .img-3 {
			grid-column: 1 / 3;
		  }
	  
		  @keyframes heroLineShimmer {
			0% {
			  left: -40px;
			}
	  
			100% {
			  left: 100px;
			}
		  }
	  
		  @media (max-width: 991px) {
			.hero-title {
			  font-size: 2rem !important;
			}
	  
			.image-grid {
			  grid-template-columns: 1fr 1fr;
			  gap: 8px;
			}
		  }
	  
		  @media (max-width: 767px) {
			.hero-title {
			  font-size: 1.3rem !important;
			}
	  
			.image-grid {
			  grid-template-columns: 1fr;
			}
	  
			.image-grid .img-3 {
			  grid-column: auto;
			}
		  }


      .whatsapp-float-btn {
        float: left;
        position: fixed;
        bottom: 32px;
        z-index: 9999;
        background: #25d366;
        color: #fff;
        border-radius: 50%;
        width: 62px;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 32px #bba58955, 0 0 0 6px #bba58933;
        font-size: 2.2rem;
        transition: box-shadow 0.2s, transform 0.2s;
        cursor: pointer;
        border: none;
        outline: none;
        animation: waBtnPulse 2.2s infinite;
      }
      .whatsapp-float-btn:hover {
        box-shadow: 0 8px 48px #bba58999, 0 0 0 12px #bba58933;
        transform: scale(1.08);
      }
      @keyframes waBtnPulse {
        0%, 100% { box-shadow: 0 4px 32px #bba58955, 0 0 0 6px #bba58933; }
        50% { box-shadow: 0 8px 48px #bba58999, 0 0 0 16px #bba58922; }
      }
      @media (max-width: 767px) {
        .whatsapp-float-btn { bottom: 16px;  width: 52px; height: 52px; font-size: 1.7rem; }
      }

/* Modern Classic Contact Info Cards */
.contact-info-modern {
  background: #000;
  padding: 60px 0 30px 0;
}
.contact-card {
  background: #f9f7f3;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(187, 165, 137, 0.10), 0 1.5px 6px rgba(0,0,0,0.04);
  transition: box-shadow 0.3s, transform 0.3s;
  border: 1px solid #ece5da;
}
.contact-card:hover {
  box-shadow: 0 8px 32px rgba(187, 165, 137, 0.18), 0 3px 12px rgba(0,0,0,0.08);
  transform: translateY(-4px) scale(1.03);
}
.contact-icon {
  color: #bba589;
  background: #fff7e6;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px auto;
  box-shadow: 0 2px 8px rgba(187, 165, 137, 0.10);
}
.contact-label {
  font-family: 'Cairo', serif;
  font-weight: 700;
  color: #222;
  letter-spacing: 1px;
  margin-bottom: 6px;
}
.contact-value {
  font-family: 'Cairo', sans-serif;
  color: #6d5c3d;
  font-size: 1.1rem;
}
@media (max-width: 991px) {
  .contact-info-modern {
    padding: 40px 0 20px 0;
  }
  .contact-card {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .contact-info-modern {
    padding: 24px 0 10px 0;
  }
  .contact-card {
    padding: 18px 8px;
  }
  .contact-icon {
    width: 48px;
    height: 48px;
    font-size: 1.2rem;
  }
}

/* Language Switcher Dropdown */
#lang-switcher {
  margin-right: 18px;
}
.btn-lang {
  background: #fff7e6;
  color: #bba589;
  border: 1px solid #ece5da;
  border-radius: 8px;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  padding: 6px 18px;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(187, 165, 137, 0.08);
  transition: background 0.2s, color 0.2s;
}
.btn-lang:hover, .btn-lang:focus {
  background: #bba589;
  color: #fff;
}
.dropdown-menu {
  min-width: 120px;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  border: 1px solid #ece5da;
}
.dropdown-item.lang-option {
  font-family: 'Cairo', sans-serif;
  color: #6d5c3d;
  font-weight: 600;
  padding: 8px 18px;
  transition: background 0.2s, color 0.2s;
}
.dropdown-item.lang-option:hover, .dropdown-item.lang-option.active {
  background: #bba589;
  color: #fff;
}