/*
Theme Name:           #
Theme URI:            #
Author:               #
Author URI:           #
Description:           #
Version:              3.15.5
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          #
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Send+Flowers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');

@font-face {
  font-family: 'bonjour'; src:  url('../flatsome/assets/font/bonjour.otf') format('opentype');
}
/*header*/
.header-top{
    width: 100%;
    background: url(../flatsome/assets/img/bg-btn.webp) left bottom no-repeat;
    background-size: cover;
    top: 0;
    z-index: 99999;
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 15pt;
    padding: 5px;
}
p.txtheader{
    color: #000;
    font-family: 'Roboto';
    font-weight: 500;
}
span.last{
    color: #edca7b; 
}
.header-main .nav > li > a {
    text-transform: uppercase;
    color: #edca7b;
    font-weight: 800!important;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
p.td1{
	color:#edca7b;
}
h2.td2{
    color: #fff;
    font-size: 100px;
    font-family: 'bonjour';
    text-transform: uppercase;
}
/*trang contact*/
h2.sendmess{
    background: -webkit-linear-gradient(#d3a04e, #edca7b, #d3a04e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: ;
}
/*backtotop*/
a.back-to-top.button.icon.invert.plain.fixed.bottom.z-1.is-outline.round.hide-for-medium.active{
   background: #edca7b;
}
is-outline:hover{
    border-color:  #edca7b;;
}
.groupfbye {
    background: url(../flatsome/assets/img/bg-btn.webp) left bottom no-repeat;
    background-size: cover;
    height: 180px;
    width: 55px;
    top: 20%;
    left: 0;
    position: fixed;
    z-index: 999;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border: 1px solid #ae8444;
}
.groupfbye a i 
{
    padding: 8px;
    font-size: 14pt;
    color: #000;
}
.line3
{
    border-bottom: 1px solid #000;
    /*height: 4px;
    width: 33px;*/
    text-align: center;
    margin-bottom: 4px;
    margin-top: 4px;
}
#line2
{
   margin-bottom: 10px; 
}

a.button.primary.is-smaller.lowercase{
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    max-width: 153px;
    width: 100%;
    max-width: 220px;
    height: 45px;
    border: 1px solid #ae8444;
    background: url(../flatsome/assets/img/bg-btn.webp) left bottom no-repeat;
    background-size: cover;
}
a.button.primary.is-large.lowercase{
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    max-width: 153px;
    width: 100%;
    height: 45px;
    border: 1px solid #ae8444;
    background: url(../flatsome/assets/img/bg-btn.webp) left bottom no-repeat;
    background-size: cover;
}
.section-title-center span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 50px;
    text-transform: capitalize;
    padding-bottom: 25px;
    cursor: default;
    margin: 0;
    position: relative;
}
.section-title-center span:before {
	background: url(../flatsome/assets/img/title2.png) center bottom no-repeat;
    bottom: -15px;
    content: "";
    height: 19px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 150px;
}
h4.tit4{
     float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 25px;
    background: url(../flatsome/assets/img/title.webp) center bottom no-repeat;
    cursor: default;
    margin: 0;
    position: relative;
    color: #000;

}
p.desc_se{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 10px auto 0px;
    padding: 0px 5%;
}
div.box.has-hover.has-hover.box-text-bottom{
    padding-top: 25px!important;
    height: 520px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    background: url(../flatsome/assets/img/bg-sv.webp) center center no-repeat;
    background-size: cover;
    border: 1px solid #fff;
}

/*form*/
.form-field {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.form-field.full {
    width: 100%;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.button{   
    cursor: pointer;
    font-size: 12px;
    line-height: 45px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    max-width: 120px;
    width: 100%;
    color: #000;
    border: 1px solid #fff;
    background: url(../flatsome/assets/img/bg-btn.webp) right top no-repeat;
    background-size: cover;
}
label, legend{
    font-size: 16px;
}
div.bgform{
    background: url(https://demoelite.myesalon.com/images/bg-page.webp);
}
.form-field2 {
    float: left;
    width: 33.3%;
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: left;
}
.footer-menu {
    text-align: center;
    flex-direction: inherit!important;
    justify-content: center!important;
}
.footer-menu .a-link {
    font-size: 12px;
}
.footer-menu ul {
    list-style: none;
}
.footer-menu ul li:first-child {
    padding-left: 0;
}
.footer-menu ul li {
    margin-left: 0px!important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 34px;
}
.footer-menu ul li a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
}
.footer-menu li:not(:first-child):before {
    content: "";
    background: url(/wp-content/uploads/2022/09/footer-dot.png) no-repeat center center;
    position: absolute;
    left: 11px;
    top: 6px;
    width: 4px;
    height: 3px;
}

/*Mobile*/
@media handheld, only screen and (max-width: 767px) {
    .logo-footer {
        padding: 0 10px;
        text-align: center;
    }
    .logo-footer img {
        width: 130px;
    }
	.egift-img, .party-img {
		height: 150px;
	}
	.contact-us > .col-inner {
		margin: 0px!important;
	}
}

.btn-booking:hover {
    background: #000!important;
    color: #edca7b!important;
    border: 1px solid #edca7b;
}

.service-box {
    padding: 10px;
    border: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, #fff, #000, #fff, #000, #edca7b);
    position: relative;
    cursor: pointer;
    height: auto;
}
.service-box img {
    display: block;
    margin: 0 auto;
    width: 88%;
}
.service-box h4.tit4 {
    color: #d3a04e!important;
    font-weight: 100!important;
}
.service-box:hover h4.tit4 {
    color: #000;
}
.service-box:hover .button {
    background: #000!important;
    color: #edca7b!important;
    margin-bottom: -5px!important;
}
.slide-service .flickity-page-dots {
    bottom: 0px;
}
.slide-service .flickity-prev-next-button.next {
    right: 14%;
}
.slide-service .flickity-prev-next-button.previous {
    left: 14%;
}
.font-aboutus, .sanitation span {
    background: -webkit-linear-gradient(#d3a04e, #edca7b, #d3a04e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    letter-spacing: 0.1px;
    margin-top: 4px;
    font-family: bonjour;
}
p.font-aboutus {
    font-size: 32px;
}
.brush-image-big {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}
.brush-inner-big-img > img {
    width: 100%;
}
.brush-over-text-main {
    left: 0;
    padding: 25px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/wp-content/uploads/2022/10/bg-time.png) 0px 0px no-repeat;
    background-size: cover;
}
.brush-over-text {
    background: rgba(0, 0, 0, 0.6);
    padding: 55px 0 30px;
    height: 100%;
    width: 100%;
}
.timing-text {
    margin-bottom: 38px;
}
.timing-text img {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
}
.timing-text h5 {
    width: auto;
    border-bottom: 1px solid #edca7b;
    background: -webkit-linear-gradient(#d3a04e, #edca7b, #d3a04e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 36px;
    margin-top: 4px;
    padding-bottom: 2px;
    vertical-align: middle;
    font-family: Bonjour;
}
.days-text {
    margin-bottom: 29px;
}
.days-text .day {
    color: #edca7b;
    margin-bottom: 8px;
}
.days-text span, .location-text span, .phone-text span {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.5;
}
.location-text {
    padding-top: 69px;
    position: relative;
    color: #ffffff;
}
.location-text:before {
    content: "";
    background: #edca7b;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.location-text span, .phone-text span {
    display: block;
    margin-top: 13px;
}
.phone-text {
    margin-top: 38px;
    color: #ffffff;
}
/*instant*/
.deal_content {
    overflow: hidden;
    width: 100%;
}
.deal_salon_name {
    width: 100%;
    height: auto;
    border: 1px solid #888;
    font-size: 20pt;
    text-align: center;
    line-height: 50px;
}
.deal_box_salon {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.deal_box_salon_l {
    width: 50%;
    height: auto;
    min-height: 140px;
    float: left;
    border: 1px solid #888;
    border-right: none;
    border-top: none;
    font-size: 12pt;
    text-align: right;
    line-height: 23px;
    padding: 22px;
}
.deal_box_salon_r {
    width: 50%;
    height: auto;
    min-height: 140px;
    float: left;
    border: 1px solid #888;
    border-top: none;
    font-size: 12pt;
    text-align: left;
    line-height: 23px;
    padding: 22px;
}
@media screen and (max-width: 615px){
.deal_box_salon {
    width: 90%;
    margin: auto;
}
.deal_salon_name {
    width: 90%;
    margin: auto;
    border-bottom: none;
}
.deal_box_salon_l {
    width: 100%;
    float: none;
    border: 1px solid #888;
    border-top: 1px solid #888;
    text-align: center;
    border-bottom: none;
}
.deal_box_salon_r {
    width: 100%;
    float: none;
    border: 1px solid #888;
    border-top: 1px solid #888;
    text-align: center;
}
h1.entry-title.mb-0{
    font-size: 45px;
}
h2.td2{
    font-size:  35px;
}
.header_m {
    width: 100%;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
.groupmenu_m ul {
    margin: 0px;
    padding: 0px;
}
.groupmenu_m ul li {
    width: 24.4%;
    margin: 2px 0.2%;
    float: left;
    /* background: #292929; */
    padding-top: 3px;
    text-align: center;
    list-style-type: none;
    background-size: cover;
    box-shadow: rgb(0 0 0 / 40%) 0px 2px 3px;
    padding-top: 3px;
    padding-bottom: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    background: url(../flatsome/assets/img/bg-btn.webp) right top no-repeat;
    background-size: cover;
}
.groupmenu_m ul li a {
    color: #000;
    text-decoration: none;
    font-family: Arial;
    font-size: 11pt;
}
.groupmenu_m ul li a span {
    display: block;
}
div.flex-row.container{
    background: url(https://myesalon.donaweb.vn/wp-content/uploads/2022/09/bg-footer.webp) center center;
}
li.html.custom.html_top_right_text{
    width: 100%;
}
.second ul li {
    width: 32.8%;
}
}
li.tab.has-icon.active{
    color: #d3a04e;
    border-bottom: 1px solid #edca7b;
}
.icon-box:hover .has-icon-bg .icon .icon-inner{
    background-color: #edca7b;
}
h3.icon1{
    font-size: 18px;
    line-height: 1.5;
    color: #d3a04e !important;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.egift-img {
	display: table-cell;
    vertical-align: middle;
    background: url(/wp-content/uploads/2022/09/egift-home.png) 20% center no-repeat;
    background-size: cover;
}
.our-price-box-inner > .col-inner {
	padding: 0;
    border: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #fff, #000, #fff, #000, #edca7b);
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    transition: all ease 0.5s;
    background: rgb(0,0,0,0.5);
}
.our-price-box-text {
	padding: 37px!important;
    border-right: 2px solid #fff;
}
.our-price-box {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.party-img {
	display: table-cell;
    vertical-align: middle;
    background: url(/wp-content/uploads/2022/09/party-home.png) 70% center no-repeat;
    background-size: cover;
}
.title1, .section-title-main {
	font-family: 'bonjour';
	font-size: 50px;
}
.title-service-2 .section-title-center span:before {
	background: url(/wp-content/uploads/2022/09/icon-home2.png) center bottom no-repeat;
}
.bg-flower-left img {
	position: absolute;
    width: 300px;
    height: 342px;
    z-index: 99;
    left: 19px;
    bottom: 10px;
    -webkit-animation-name: shapeAnimaiton;
    -moz-animation-name: shapeAnimaiton;
    -o-animation-name: shapeAnimaiton;
    animation-name: shapeAnimaiton;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bg-flower-right img {
	position: absolute;
    width: 170px;
    height: 263px;
    z-index: 999999;
    right: 170px;
    top: 50px;
    -webkit-animation-name: shapeAnimaiton2;
    -moz-animation-name: shapeAnimaiton2;
    -o-animation-name: shapeAnimaiton2;
    animation-name: shapeAnimaiton2;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes shapeAnimaiton {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  50% {
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
  75% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes shapeAnimaiton {
  0% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  25% {
    -moz-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
  }
  50% {
    -moz-transform: translate(-20px, -20px);
         transform: translate(-20px, -20px);
  }
  75% {
    -moz-transform: translate(0, -20px);
         transform: translate(0, -20px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@-o-keyframes shapeAnimaiton {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  25% {
    -o-transform: translate(-20px, 0);
       transform: translate(-20px, 0);
  }
  50% {
    -o-transform: translate(-20px, -20px);
       transform: translate(-20px, -20px);
  }
  75% {
    -o-transform: translate(0, -20px);
       transform: translate(0, -20px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}

@keyframes shapeAnimaiton {
  0% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-20px, 0);
       -moz-transform: translate(-20px, 0);
         -o-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  50% {
    -webkit-transform: translate(-20px, -20px);
       -moz-transform: translate(-20px, -20px);
         -o-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
  75% {
    -webkit-transform: translate(0, -20px);
       -moz-transform: translate(0, -20px);
         -o-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes shapeAnimaiton2 {
  0% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  25% {
    -moz-transform: translate(20px, 0);
         transform: translate(20px, 0);
  }
  50% {
    -moz-transform: translate(20px, 20px);
         transform: translate(20px, 20px);
  }
  75% {
    -moz-transform: translate(0, 20px);
         transform: translate(0, 20px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@-o-keyframes shapeAnimaiton2 {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  25% {
    -o-transform: translate(20px, 0);
       transform: translate(20px, 0);
  }
  50% {
    -o-transform: translate(20px, 20px);
       transform: translate(20px, 20px);
  }
  75% {
    -o-transform: translate(0, 20px);
       transform: translate(0, 20px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}

@keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
       -moz-transform: translate(20px, 0);
         -o-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
       -moz-transform: translate(20px, 20px);
         -o-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
       -moz-transform: translate(0, 20px);
         -o-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/*services*/
.services-img-page {
    position: fixed;
    max-width: 400px;
    z-index: 9;
}
.services-img-page-top {
    top: 70px;
}
.servicesimg {
    width: 48%;
    float: left;
    margin-left: 1%;
    border: 1px solid #fff;
    border-radius: 360px;
    margin-bottom: 10px;
}
.grouprow {
    overflow: hidden;
    margin-bottom: 30px;
    color: #000;
    padding: 2%;
}
.rowtitle_note
{
    color:#333;  
    font-size: 12pt;   
    margin:20px 0px;
    text-align:center;
}
.row_note
{
    color:#333; 
    font-size:12pt;     
    margin-top:5px;
    text-transform: none;
    line-height: 25px;
    font-weight:200;
}
.price
{
    float:right;
    color:#d3a04e;
    text-transform: none;
    font-weight: 600;
}
.mani-pedi{
    color:#d3a04e;
    text-align: right;
    font-size:14pt;
    padding:10px 0px 10px 0px;
    font-weight: bold;
}
.bg_services
{
    background: url(../images/services/up-mb.png), url(../images/bg-btn.webp);
    background-repeat: no-repeat, repeat;
    background-position: 98% 50%, 0px 0px;
    color: #fff;
}
.services_active
{
   font-weight: 600;
    background: url(../images/services/down-mb.png) #ae8444;
    background-repeat: no-repeat, repeat;
    background-position: 98% 50%, 0px 0px;
    color: #fff;
    border: 1px solid #ddd;
}
.row_svpage {
    border-bottom: 1px dashed #999;
    overflow: hidden;
    text-align: left;
    font-size: 14pt;
    padding: 10px 0px 10px 0px;
    text-transform: capitalize;
    margin-top: 10px;
    color: #000;
    font-weight: bold;
}
.accordion-inner{
    background: #fff;
}
.accordion-title{
    background: #ae8444;
    color: #fff;
}
div.accordion{
     color: #fff;
     font-weight: 800;
}
h1.entry-title.mb-0{
	font-family:'bonjour';
	font-size:70px;
}
/*code mobi*/
@media only screen and (max-width: 600px) {
  .groupfbye {
    display: none;
  }
  .services-img-page-top{
    display: none;
  }
	h1.entry-title.mb-0{
	font-family:'bonjour';
	font-size:30px;
}
p.txtheader {
    color: #fff;
    font-family: 'Roboto';
    font-weight: 500;
}
}