/*===================== 
	Premery bg color 
=====================*/
:root {
  --primary: #b1a684;
  --primary-hover: #a6986b;
  --secondary: #633300;
  --secondary-hover: #633300;
}
::selection {
  background: #d08f4a;
  color: #fff;
}
::-moz-selection {
  background: #d08f4a;
  color: #fff;
}
h1, h2, h3, h4, h5, h6 {
  color: #232323;
  /* Hex */
}
.bg-primary, .meet-ask-row:after, .dlab-separator.style-skew[class*="style-"]:after, .dlab-separator.style-skew[class*="style-"]:before, .dlab-tilte-inner.skew-title:after, .date-style-2 .post-date, .date-style-3.skew-date .post-date, .date-style-3.skew-date .post-date:before, .overlay-primary-light:after, .overlay-primary-middle:after, .overlay-primary-dark:after, .overlay-primary:after, .widget-title:after, .site-button, .comments-area .comment-form p input[type="submit"], .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .footer-line:after, .testimonial-1 .quote-left:before, .testimonial-2 .quote-left:before, .site-filters .active > [class*="site-button"], .list-num-count > li:before, .date-style-4 .post-date strong, .date-style-3 .post-date, .date-style-2 .post-date, #myNavbar li.active a, .skew-angle:after, .header-style-4.style-1 .header-nav .nav > li.active a:before, .header-style-4.style-1 .header-nav .nav > li:hover > a:before, .dlab-project-left:after, .service-carousel .owl-prev, .service-carousel .owl-next, .about-us .dlab-tabs .nav-tabs li a.active, .testimonial-text.bg-primary, .sidenav ul li a:hover, .owl-theme.dots-style-2 .owl-dots .owl-dot.active span, .owl-btn-1.primary .owl-prev, .owl-btn-1.primary .owl-next, .owl-btn-2.primary .owl-prev, .owl-btn-2.primary .owl-next, .owl-slider-banner .owl-theme .owl-dots .owl-dot.active span, .owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span, .product-item-size .btn.active, .ui-widget-header, .owl-theme.dots-style-3 .owl-dots .owl-dot.active span, .owl-theme.dots-style-3 .owl-dots .owl-dot:hover span, .owl-item.active.center .testimonial-text, .icon-bx-wraper.hover:hover, .portfolio-sep, .portfolio-ic .dlab-img-overlay1:before, .dlab-box-bg.active .icon-box-btn .site-button, .dlab-accordion.primary .acod-head a, .side-bar .widget_tag_cloud a:hover, .time-line:after, .line-right:after, .line-left:after, .tabs-site-button .nav-tabs li a.active:focus, .tabs-site-button .nav-tabs li a.active:hover, .tabs-site-button .nav-tabs li a.active, .box-item-service:hover .item-service-content, .box-item-service:hover h5, .box-item-service:hover .icon-bx-md, .tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink, .la-anim-10, .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span, .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span, .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .pagination li.active a, .rev-slider .tparrows, .pagination .page-numbers.current:hover, .pagination .page-numbers.current, .pagination a.page-numbers:hover, .shop-cart .site-button-link, .hair-footer .widget h6:after, .bridal-price .nav-tabs li a.active, .countdown-social li a:hover, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .dlab-page-text ul > li:before, .dlab-page-text ol > li:before, .blog-post.blog-single .dlab-post-text ul > li:before, .blog-post.blog-single .dlab-post-text ol > li:before, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a, body #booked-profile-page .booked-tabs li.active:after, body #booked-profile-page input[type=submit].button-primary, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .dz-account-btn:hover {
  background-color: #d08f4a;
  /* Bg Secondry */
  /* Bg Secondry */
}
.site-button-secondry, .bg-secondry, .rev-slider .tparrows:hover {
  background-color: #fff;
}
.site-button-secondry:hover {
  background-color: #fff;
  /*Hex color :hover */
}
.site-button:active, .site-button:hover, .site-button:focus, .active > .site-button, .bg-primary-dark, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .sidenav .closebtn:hover, .sidenav .closebtn:focus, .owl-btn-1.primary .owl-prev:hover, .owl-btn-1.primary .owl-next:hover, .owl-btn-2.primary .owl-prev:hover, .owl-btn-2.primary .owl-next:hover {
  background-color: #d08f4a;
}
.about-us .dlab-tabs .nav-tabs li a.active {
  border-right: 4px solid #d08f4a;
  /* Rgba color */
}
.dlab-info-has.bg-primary, .dlab-info-has.bg-secondry:hover, .tp-bannertimer.tp-bottom {
  background-color: rgba(208, 143, 74, 0.9);
}
.main-slider .tp-shapewrapper.ov-tp {
  background-color: rgba(208, 143, 74, 0.75);
  /* Box Shadow */
}
.side-bar .widget_tag_cloud a:hover {
  box-shadow: 5px 5px 10px 0 rgba(208, 143, 74, 0.15);
}
.team-section .team-content, .tp-overlay-video {
  background-color: rgba(208, 143, 74, 0.7);
  /*===================== 
	Premery text color 
=====================*/
}
a, .text-primary, .primary li:before, .breadcrumb-row ul li a, .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a .header-nav .nav > li .sub-menu li a:hover, .header-nav .nav > li:hover > a, .header-nav .nav > li .mega-menu > li ul a:hover, .header-nav .nav > li .sub-menu li:hover > a, .nav-dark.header-nav .nav > li .sub-menu li:hover > a, .nav-dark.header-nav .nav > li .mega-menu > li ul a:hover, blockquote:before, ol.comment-list li.comment .reply a, footer a:active, footer a:focus, footer a:hover, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, button.scroltop, .testimonial-1 .testimonial-position, .testimonial-4 .testimonial-name:after, .testimonial-2 .testimonial-position, .testimonial-3 .testimonial-position, .testimonial-3 .quote-left:before, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .dlab-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .site-button.outline, .site-button-link:hover, .item-info-in ul li a:hover, .dlab-post-meta.text-primary i, .dlab-post-meta.text-primary ul li, .dlab-post-meta.text-primary ul li a, .dlab-post-meta i, .comments-area p:before, .about-8-service .icon-bx-wraper:hover a, .about-service .icon-bx-wraper:hover a, .dlab-box-bg .icon-box-btn .site-button, .list-2 li:hover:before, .site-filters.style1 li.active a, .site-filters.style1.white li.active a, .site-button-link.black:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_nav_menu li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover, .hair-service-bx .dlab-tilte-sm, .spa-our-portfolio .overlay-bx .spa-port-bx h4 a, .bridal-price-bx ul li span.service-price, .bridal-portfolio .overlay-bx .spa-port-bx h4 a, .blog-style-2 .post-title a:hover, .header-salon.header-transparent .top-bar, .header-salon.header-transparent .header-nav .nav > li > a, .header-salon.header-transparent .extra-nav .site-button-link, .header-salon.header-transparent .navbar-toggler, .service-images i, .under-construction h2, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .dz-account-btn {
  color: #d08f4a;
  /* Text Secondry */
}
.text-secondry, a.text-primary:focus, a.text-primary:hover, .under-construction h2 span {
  color: #000;
}
@media only screen and (max-width: 991px) {
  /*===================== 
	Premery border color 
=====================*/  .nav-dark.header-nav .nav > li > a:hover, .nav-dark.header-nav .nav > li > a:active, .nav-dark.header-nav .nav > li > a:focus {
    color: #d08f4a;
  }
}
.navbar-toggle, .testimonial-4 .testimonial-pic, .testimonial-4:after, .testimonial-4 [class*="quote-"], button.scroltop, blockquote, .widget_gallery li:hover, .owl-slider-banner .owl-theme .owl-dots .owl-dot.active, .owl-slider-banner .owl-theme .owl-dots .owl-dot:hover, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, input[type="checkbox"]:checked + label:before, input[type="checkbox"] + label:hover:before, input[type="radio"] + label:hover:before, .owl-theme.dots-style-3 .owl-dots .owl-dot.active, .owl-theme.dots-style-3 .owl-dots .owl-dot:hover, .side-bar .widget_tag_cloud a:hover, .pagination .page-numbers.current:hover, .pagination .page-numbers.current, .pagination a.page-numbers:hover, .testimonial-9, blockquote.wp-block-quote, blockquote, .menu-service-menu-container .current-menu-item a, .hair-service-bx.active, .hair-service-bx:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  border-color: #d08f4a;
}
.owl-item.active.center .testimonial-8 .testimonial-text:after {
  border-top: 15px solid #d08f4a;
}
.dlab-tabs.border-top .nav-tabs > li > a.active, .header-nav .nav > li .sub-menu, .header-nav .nav > li .mega-menu {
  border-top-color: #ff5ea5;
}
.port-style1 .port-box {
  border-left: 3px solid #d08f4a;
}
.choseus-tabs .nav li a.active {
  border-bottom: 2px solid #ff5ea5;
  /*===================== 
	Secondery bg color
 =====================*/
  /*===================== 
	Secondery text color
 =====================*/
}
.overlay-primary-dark:after {
  background-color: #fff;
  /* separator img */
}
.dlab-separator[class*="style-"]:before {
  background-image: url(../../images/line-brown.png);
}
.dlab-separator[class*="style-"]:after {
  background-image: url(../../images/line1-brown.png);
  /* background light */
}
.about-hair-bx, .spa-price-bx, .spa-footer.footer-white .footer-top, .bridal-price, .footer-white .footer-bottom, .menu-service-menu-container ul li a, .download-brochure {
  background-color: ;
  /* box shadow */
}
.hair-service-bx.active, .hair-service-bx:hover {
  box-shadow: 0px 0px 0px 3px #d08f4a, 10px 10px 0px 5px ;
  /* gradient */
}
.blog-style-2 .dlab-info {
  background: #d00000;
  background: -moz-linear-gradient(45deg, rgba(208, 143, 74, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: -webkit-linear-gradient(45deg, rgba(208, 143, 74, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: linear-gradient(45deg, rgba(208, 143, 74, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
}
.item-info-in {
  background: #d00000;
  background: -moz-linear-gradient(45deg, rgba(208, 143, 74, 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(208, 143, 74, 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
  background: linear-gradient(45deg, rgba(208, 143, 74, 0.8) 5%, rgba(255, 255, 255, 0.8) 100%);
  /* overlay2 */
}
.dlab-img-overlay1:before, .dlab-img-overlay1:after, .dlab-img-overlay2:before, .dlab-img-overlay2:after, .dlab-img-overlay3:before, .dlab-img-overlay3:after, .dlab-img-overlay4:before, .dlab-img-overlay4:after, .dlab-img-overlay5:before, .dlab-img-overlay5:after, .dlab-img-overlay6:before, .dlab-img-overlay6:after, .dlab-img-overlay7:before, .dlab-img-overlay7:after, .dlab-img-overlay8:before, .dlab-img-overlay8:after, .dlab-img-overlay9:before, .dlab-img-overlay9:after, .dlab-img-overlay11:before, .dlab-img-overlay11:after, .dlab-img-overlay12:before, .dlab-img-overlay12:after {
  background: #d00000;
  background: -moz-linear-gradient(45deg, rgba(208, 143, 74, 0.95) 5%, rgba(255, 255, 255, 0.95) 100%);
  background: -webkit-linear-gradient(45deg, rgba(208, 143, 74, 0.95) 5%, rgba(255, 255, 255, 0.95) 100%);
  background: linear-gradient(45deg, rgba(208, 143, 74, 0.95) 5%, rgba(255, 255, 255, 0.95) 100%);
  /* Important css */
}
body #booked-profile-page .booked-tabs li a:hover, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page input[type=submit].button-primary:hover, body #booked-profile-page .booked-tabs li.active a, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover, body #booked-profile-page input[type=submit].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover, body table.booked-calendar input[type=submit].button-primary:hover, body .booked-modal input[type=submit].button-primary:hover, body table.booked-calendar th, body table.booked-calendar thead, body table.booked-calendar thead th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page .appt-block .google-cal-button > a:hover, #ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header, body table.booked-calendar tr.days, body table.booked-calendar tr.days th, body .booked-calendarSwitcher.calendar, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover, body #booked-profile-page input[type=submit].button-primary, body table.booked-calendar input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-modal input[type=submit].button-primary, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button, body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block, body #booked-profile-page .appt-block .google-cal-button > a, body .booked-modal p.booked-title-bar, body table.booked-calendar td:hover .date span, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover, .booked-ms-modal .booked-book-appt {
  background-color: #d08f4a !important;
}
body #booked-profile-page .booked-tabs li a:hover, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page input[type=submit].button-primary:hover, body #booked-profile-page input[type=submit].button-primary, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover, body #booked-profile-page input[type=submit].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover, body table.booked-calendar input[type=submit].button-primary:hover, body .booked-modal input[type=submit].button-primary:hover, body table.booked-calendar th, body table.booked-calendar thead, body table.booked-calendar thead th, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .booked-tabs li.active a, body #booked-profile-page .booked-tabs li.active a:hover, body #booked-profile-page .appt-block .google-cal-button > a:hover, #ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header, body table.booked-calendar tr.days, body table.booked-calendar tr.days th, body .booked-calendarSwitcher.calendar, body #booked-profile-page .booked-tabs, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th {
  border-color: #d08f4a !important;
}