/*
Theme Name: Easysalon
Theme URI: https://easysalon.vn
Author: CTNET DIGITAL
Author URI: https://ctnet.vn
Description: Just simple WP themes to introduce your seft -:)
Version: 1.0.0
License: GNU General Public License

Me WordPress theme, Copyright (C) 2017

*/
.tablet-mode, .mobile-mode{
	display: none !important;
}
.btn-success{
    background-color: #61c134 !important;
    border-color: #61c134 !important;
}
body {
	background: #fff !important;
	color: #333;
/* 	padding-top: 65px;  */
	font-size: 13px;
	overflow-x: hidden;
	font-family: Roboto !important;
	font-style: normal;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: Roboto !important;
}
.list-tutorial .disable{
	pointer-events: none;
  	cursor: default;
}
a,.an {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
/* #wpadminbar {
  display: none;
} */
/* header */
.text-info{
	color: #0068ff !important;
}
.header {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: block;
  position: relative;
}
.header.transparent {
  background: #fff !important;
  box-shadow: none !important;
}
.header.small-nav {
  background: #fff !important;
  box-shadow: 15px 15px 30px 0 rgba(0, 0, 0, 0.16);
}

.header .site-title {
  margin: 0;
  padding: 0;
  font-size: 0px;
  color: transparent;
}

.header-menu-left,
.header-menu-right {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.header-menu-left > li ,
.header-menu-right > li {
  list-style: none;
  display: inline-block;
}

.header-menu-left > li > h3,
.header-menu-right > li > h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.header-menu-left > li > h3 > a,
.header-menu-right > li > h3 > a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding: 32px 5px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
.header-menu-left > li > h3 > a > span,
.header-menu-right > li > h3 > a > span {
  padding: 5px;
  border-radius: 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header-menu-left > li.lang-item img,
.header-menu-right > li.lang-item img {
  height: 17px;
  width: auto;
  position: relative;
  top: -1px;
}
.header-menu-left > li.lang-item a,
.header-menu-right > li.lang-item a {
  padding-left: 5px;
  padding-right: 5px;
}
.header-menu-left > li.lang-item > h3 > a:hover:after,
.header-menu-right > li.lang-item > h3 > a:hover:after {
  background-color: transparent;
  width: 0;
}
.header-menu-right .sub-menu{
	display: none;
	text-align: left;
	position: absolute;
    background: white;
	right: -30px;
    padding: 12px 20px;
    list-style: none;
    border-radius: 10px;
    box-shadow: 0 0 15px 0px #48484833;
}
.header-menu-right .sub-menu li{
	padding: 3px 0px;
}
.header-menu-right .sub-menu h3:hover span{
	color: #0068FF;
}
.header-menu-right .sub-menu h3{
	font-size: 15px;
    font-weight: 500;
	margin: 5px 0px;
}
.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  top: 10px;
}

.logo img {
  display: block;
  max-height: 50px;
  width: auto;
}

header.header.fixed .header-menu > li > h3 > a {
  padding-top: 20px;
  padding-bottom: 20px;
}
header.header.fixed .logo {
  top: 1px;
	height: 100%;
}

.header.transparent a {
  color: #000;
}
.header.small-nav a {
  color: #000;
}

/* Home slider */
.home-slider,
.top-slider {
  display: block;
  padding:0;
}
.home-slider img,
.top-slider img {
  width: 100%;
  height: auto;
  display: block;
}
.home-slider .top-slider-item,
.top-slider .top-slider-item {
  display: flex;
  position: relative;
  padding:0;
  margin:0;
  height: auto;
}
.top-slider-item .top-slider-image,
.top-slider-item .overlay-bg,
.top-slider-item .slider-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.top-slider-item .top-slider-image {
  position: relative;
}
.top-slider-item .overlay-bg {
  background: rgba(255, 255, 255, 0.16);
  z-index: 2;
}
.top-slider-item .slider-content {
  z-index: 3;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.slider-content .multitext,
.typed-cursor{
	color: #56C22D;
}
/* Headline group */
.top-slider .headline-group {
  width: 45%;
}
.top-slider .headline-group .headline {
  	font-weight: bold;
  	margin-bottom: 20px;
	font-size: 56px;
	line-height: 66px;
	color: #FFFFFF;
	position: relative;
}
.top-slider .headline-group .headline-content {
  line-height: 24px;
  margin-bottom: 40px;
  font-size: 15px;
}
.top-slider .headline-group .cta {
  background: #6ac03a;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid #6ac03a;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}
.top-slider .headline-group .cta:hover {
  opacity: 0.9;
}
.top-slider .slick-dots {
  position: absolute;
  bottom:10px;
  width: 100%;
  padding: 0;
  margin:0;
  text-align: center;
  left:0;
	display: none;
}
.top-slider .slick-dots li {
  display: inline-block;
}
.top-slider .slick-dots li button:hover {
  cursor: pointer;
}
.top-slider .slick-dots li button {
  color: transparent;
  width: 20px !important;
  height: 20px !important;
  border:0;
  background: #fff;
  outline: none;
  border-radius: 50%;
  outline-color: none;
  margin: 5px;
  opacity: 0.8;
}
.top-slider .slick-dots li.slick-active button {
  background: #1bb1e6;
}
/* Section */
.sec .title {
  font-weight: 600;
  font-size: 2.5rem;
}
/*
Business Model
*/
.sec-business-model {
  padding: 50px 0;
}
.sec-business-model .col-6{
	padding-right: 8px !important;
    padding-left: 8px !important;
}
.sec-business-model .sec-head {
  margin-bottom: 30px;
}
.sec-business-model .title {
  text-align: center;
  font-weight: bold;
}
.sec-business-model .description {
  text-align: center;
  font-weight: 400;
}

.sec-business-model .item {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  color: #333;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-business-model .item .image {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.sec-business-model .item .image img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sec-business-model .item .image .description {
  display: block;
  position: absolute;
  width: 100%;
  background-image: linear-gradient(transparent,rgba(0,0,0,0.9));
  bottom: -40px;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #fff;
  overflow: hidden;
  max-height: 0;
  padding: 10px;
  padding-top: 30px;
}
.sec-business-model .item .image:hover img{
  transform: scale(1.1);
} 
.sec-business-model .item .image:hover .description{
  max-height: 100%;
  bottom:-20px;
}


.sec-business-model .item .title {
    margin: 0;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    text-overflow: ellipsis;
    position: absolute;
    left: 40px;
    z-index: 1;
    color: #fff;
    width: 35%;
}
/* Section map */
.sec-map {
  margin-bottom: -5px;
}

/* Section Values */
/* .sec-value {
  padding: 50px 0;
}
.sec-value .content,
.sec-value .feature {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
}
.sec-value .content .title {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
}
.sec-value .content ul {
  margin:0;
  padding:0;
  list-style: none;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.sec-value .content ul li {
  padding: 10px 0;
  font-size: 16px;
  font-weight: 600;
}
.sec-value .content ul li .icon img {
  height: 60px;
  width: auto;
  margin-right: 20px;
}
.sec-value .feature img {
  display: block;
  width: 100%;
  height: auto;
}
.sec-value .cta {
  padding: 15px 30px;
  background: #ff2c55;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  border:0;
}
.sec-value .cta:hover {
  cursor: pointer;
  opacity: 0.9;
} */
/* Section Register */
.sec-register,
.sec-device {
  color: #fff;
  padding: 70px 0;
}

.sec-register .es-register-form {
  background: #fff;
  border:0;
  color: #000;
  /* padding: 15px; */
  border-radius: 10px;
  padding: 15px;
}
/* Section Device */
.sec-device .content .description {
  font-weight: 300;
}
.sec-device .devices {
  display: block;
  width: 100%;
}
.sec-device .devices .dv {
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
}
.sec-device .devices .dv img {
  height: 40px;
  width: auto;
}
.sec-device .devices .dv:hover img {
  opacity: 0.9;
}
/* Section Tool Support */
.sec-tool-support {
  padding: 70px 0;
}
.sec-tool-support .wrapper {
  text-align: center;
}
.sec-tool-support .tools {
  padding: 0;
  margin:0;
  list-style: none;
  display: block;
  width: 100%;
  margin-top: 70px;
}
.sec-tool-support .tools li {
  display: inline;
}
.sec-tool-support .tools li a {
  display: inline-block;
  padding: 20px 40px;
  margin: 0 20px;
  background: #fff;
  border-radius: 4px;
  color: #1bb1e6;
  text-transform: uppercase;
  font-weight: 600;
}
.sec-tool-support .tools li a:hover {
  opacity: 0.8;
}
/* Section Channel Support */
.sec-channel-support {
  padding: 50px 0;
}
.sec-channel-support .title ,
.sec-channel-support .description ,
.sec-faq .title ,
.sec-faq .description{
  text-align: center;
  display: block;
}
.sec-channel-support .title ,
.sec-faq .title{
  font-weight: bold;
}
.sec-channel-support .description {
  margin-bottom: 50px;
}
.sec-channel-support .channel-support-item {
  display: flex;
  height: 100%;
  border-radius: 5px;
  padding: 25px 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.sec-channel-support .icon img {
  display: block;
  margin-bottom: 20px;
}

.sec-channel-support .icon img {
  max-width: 100%;
  height: auto;
}
.sec-channel-support .icon {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.sec-channel-support .channel-support-item .item-title {
  font-weight: 600;
}
.sec-channel-support .channel-support-item a,
.sec-channel-support .channel-support-item  {
  color: #333;
}
.sec-channel-support .channel-support-item:hover {
  background: #1bb1e6 !important;
  cursor: pointer;
  color: #fff;
}
.sec-channel-support .channel-support-item:hover a {
  color: #fff;
}
/* Section FAQ */
.sec-faq {
  padding: 50px 0;
}
.sec-faq .faq-tab {
  margin-top: 30px;
}
.sec-faq .faq-tab .nav-item{
    margin: 0 10px;
    border: 1px solid #ddd;
    color: #1bb1e6;
    
}
.sec-faq .faq-tab .nav-item:hover {
  cursor: pointer;
}
.sec-faq .faq-tab .nav-item.active {
  color: #fff;
  border-color: #007bff;
}
.sec-faq .content {
  padding: 50px 0;
}
.sec-faq .content .accordion {
  display: none;
}
.sec-faq .content .accordion.show {
  display: block;
}
.sec-faq .content .accordion .card {
  margin-bottom: 5px;
  border:0;
}
.sec-faq .content .accordion .card-header ,
.sec-faq .content .accordion .card-header h2{
  border:0;
  padding:0;
  background: transparent;
}
.sec-faq .content .accordion .card-header  {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.sec-faq .content .accordion .card-header .btn-link {
  font-weight:bold;
  color: #1bb1e6;
  padding:0;
  margin:0;
}
.sec-faq .content .accordion .card-header .btn-link:hover,
.sec-faq .content .accordion .card-header .btn-link:active,
.sec-faq .content .accordion .card-header .btn-link:visited,
.sec-faq .content .accordion .card-header .btn-link:focus {
  text-decoration: none;
}
/* Price table */
.price-table,
.price-table-feature {
  padding: 50px 0;
}
.mobile .price-table,
.mobile .price-table-feature {
  padding: 25px 0;
}
.price-table .package-item {
 	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	border-radius: 16px;
  overflow: hidden;
  border: 1px solid #EAECF0;
  margin-bottom: 20px;
}
.price-table .package-item.pined {
  transform: scale(1.08);
}
.mobile .price-table .package-item.pined {
  transform: scale(1);
}
.price-table .package-item .package-item-header,
.price-table .package-item .package-item-body,
.price-table .package-item .package-item-cta {
  padding: 15px 30px 0 30px;
}
/* .price-table .package-items:nth-child(2) .package-item .package-item-header {
	border-top: none;
	text-align: center;
} */
.price-table .package-items:nth-child(3) .package-item .package-item-header {
	border-top: 10px solid #722ED1;
	text-align: center;
}
.price-table .package-item .package-item-header {
  	text-align: center;
	border-top: 10px solid #0068FF;
}
.price-table .package-items:nth-child(2) .package-item .package-item-header {
  	text-align: center;
	border-top: 10px solid #56C22D;
}
.price-table .package-item .package-item-header .package-name {
  	text-transform: uppercase;
  	margin-bottom: 5px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #0068FF;
}
/* .price-table .package-items:nth-child(2) .package-item .package-item-header .package-name{
	background: #56C22D;
	color: #fff;
	margin: -15px -30px;
	padding: 15px;
} */
.price-table .package-items:nth-child(3) .package-item .package-item-header .package-name{
	color: #722ED1;
}
.price-table .package-item .package-item-header .package-price {
  	text-transform: uppercase;
  	margin: 15px 0;
	font-weight: 900;
	font-size: 48px;
	line-height: 46px;
	color: #0068FF;
  	align-items: center;
}
.price-table .package-items:nth-child(2) .package-item .package-item-header .package-name,
.price-table .package-items:nth-child(2) .package-item .package-item-header .package-price {
	color: #56C22D;
}
/* .price-table .package-items:nth-child(2) .package-item .package-item-header .package-price {color: #56C22D; margin-top: 40px;} */
.price-table .package-items:nth-child(3) .package-item .package-item-header .package-price {color: #722ED1;}
.price-table .package-item .package-item-header .package-price .package-time{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #667085;
}
.price-table .package-item .package-item-header .package-duration{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.price-table .package-item .package-item-header .package-desc {
  	padding-top: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.price-table .package-item .package-item-body h4{
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #101828;
}
.price-table .package-item .package-item-body span{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.price-table .package-item .package-item-body{
/* 	min-height: 555px; */
	min-height: 575px;
}
/* .price-table .package-items:nth-child(2) .package-item .package-item-body{
	min-height: 615px;
} */
.price-table .package-item .package-item-body .special-box{
	min-height: 95px;
}
.price-table .package-item .package-item-body .disable{
	color: #BDC6D9 !important;
}
.price-table .package-item .package-item-body .pkg-item {
  padding: 3px 0;
  font-weight: 500;
	position: relative;
}
.price-table .package-item .package-item-body .pkg-item svg{
    position: relative;
    top: 4px;
}
.price-table .package-item .package-item-body .disable svg path{
	stroke: #BDC6D9 !important;
}
.price-table .package-item .package-item-body .pkg-item svg path{
	stroke: #0068FF;
}
.price-table .package-items:nth-child(2) .package-item .package-item-body .pkg-item svg path{
	stroke: #56C22D;
}
.price-table .package-items:nth-child(3) .package-item .package-item-body .pkg-item svg path{
	stroke: #722ED1;
}
.price-table .package-items{
	position: relative;
}
.price-table .package-items .package-item-cta {
	background: #0068FF;
	padding: 15px 80px;
	border-radius: 8px;
	text-align: center;
/* 	width: 60%; */
	position: absolute;
/*     right: 13px; */
	left: 25%;
}
/* .price-table .package-items:nth-child(2)  .package-item-cta {
	left: 17px;
} */
.price-table .package-items .package-item-cta .cta {
  	text-transform: uppercase;
  	font-weight: 500;
	color: white
}
/* .price-table .package-items:nth-child(2) .package-item-cta {
	background: #56C22D;
} */
.price-table-features .sec-title {
  	text-align: center;
  	text-transform: uppercase;
  	margin: 20px 0;
  	margin-bottom: 30px;
}
.price-table-features .sec-title span {
  background: #1bb1e6;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}
.price-table-features .package-item-feature {
  font-weight: 500;
  padding: 4px 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-table-features input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
}
.mobile .price-table-features .package-item-feature  {
  font-size: 12px;
}
.price-table-features .package-item-feature i {color: #4cb050;}
/* .price-table .row .package-items:nth-child(1) .package-item,
.price-table .row .package-items:nth-child(3) .package-item{
	width: 110%;
    margin: 0;
    position: relative;
    z-index: 0;
    background: #fff;
} */
/* .price-table .row .package-items:nth-child(2) .package-item{
	width: 120%;
    margin: -24px -17px;
    position: relative;
    z-index: 1;
    background: #fff;
} */




/* Footer */
footer.footer {
  background: #182C4F;
  color: #fff;
  margin:0;
  padding:0;
	position: relative;
}
.footer .footer-wrapper {
  padding: 50px 0 20px;
}
.footer .footer-text {
  display: block;
  line-height: 24px;
}
.footer .copyright {
  	padding: 30px 0;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #BDC6D9;
	background: #142747;
}
.footer .copyright a{
	color: #BDC6D9 !important;
}
.footer .footer-logo {
  display: block;
  margin-bottom: 40px;
}
.footer .footer-logo img {
  height: 50px;
  width: auto;
}
.footer .footer-text {
  font-weight: 300;
}
.footer .footer-title {
  	text-transform: uppercase;
  	margin-bottom: 20px;
  	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	margin-top: 50px;
}
.footer .menu-footer,
.footer .menu-footer2,
.footer .contact ul {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  list-style: circle;
  list-style-position: inside;
}
.footer .menu-footer,
.footer .menu-footer2
{
	list-style: none;
}
.footer .menu-footer a,
.footer .menu-footer2 a{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #BDC6D9;
}
.footer .contact ul {
  	list-style: none;
}
.footer .contact ul li,
.footer .contact ul li a{
	color: #8F9BB2;
}
.footer .contact strong,
.footer .contact b
{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
}
.footer .menu-footer ul li,
.footer .menu-footer2 ul li {
  padding: 5px 0;
}
.footer .menu-footer h3,
.footer .menu-footer2 h3 {
  font-size: 13px;
  margin:0;
  padding:0;
  display: inline;
}
.footer .menu-footer h3 a,
.footer .menu-footer2 h3 a {
  font-weight: 300;
}
.footer a {
  color: #fff;
}
.footer .social {
  margin-bottom: 20px;
}
.footer .social span {
  margin-right: 15px;
}
.footer .line {
  margin-bottom: 0;
}
/* Page  */
/* .page {
  padding: 50px 0;
} */
 .page {
	padding-top: 10px;
 }
.page .sync_post_view { display: none;}
.page .sync_post_view.display { display: block; font-weight: bold; margin-bottom: 10px;}
.page .title {
/*  font-size: 32px;
  	font-weight: bold;
  	margin-bottom: 30px; */
	font-weight: 600;
	font-size: 45px;
	line-height: 60px;
	letter-spacing: -0.02em;
	color: #101828;

}
.page .content {
  line-height: 24px;
}
.page .content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
  border-radius: 5px;
}
.page .post-meta{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.page-feature {
  margin:0;
  padding:0;
}
.page-feature .item {
  padding: 40px 0;
}

.page-feature .item.left {
  background: #f2f2f2;
  text-align: left;
}
.page-feature .item.right {
  text-align: right;
}
.page-feature .info,
.page-feature .image {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
}
.page-feature .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.page-feature .info .form-group,
.page-feature .image .form-group {
  display: block;
  width: 100%;
}

.page-feature .info .title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #1bb1e6;
}
.page-feature .description {
  line-height: 24px;
  font-weight: 300;
}

.page-feature .description ul{
	list-style: none;
	padding: 0;
}
.page-feature .description ul li{
	border-bottom: 1px solid #f1f2f4;
    padding: 10px 0px 20px 40px;
	position: relative;
}
.page-feature .description ul li:before {
    content: "";
    background-image: url("https://easysalon.vn/wp-content/themes/easysalon/images/new version/feature-icon.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 16px;
    height: 11px;
    left: 0px;
    top: 20%;
}
/* Archive Page */

.archive-page {
/*   padding: 20px 0; */
  background: #fff;
}
.archive-page article{
	margin-bottom: 30px;
}
.archive-page .archive-tittle{
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	color: #0A1F44;
}
.archive-page .archive-item {
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  margin-bottom: 25px;
	position: relative;
}
.archive-page .archive-item .thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.archive-page .archive-item .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
/*   height: auto; */
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.archive-page .archive-item .thumbnail:hover img {
  transform: scale(1.1);
}
/* .archive-page .archive-item .info {
  padding: 10px;
} */
.archive-page .archive-item .archive-item-title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
}
.archive-page .archive-item .archive-item-title a {
  font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #0A1F44;
}
.archive-page .archive-item .archive-item-excerpt{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.archive-page .archive-item .cats{
	position: absolute;
	bottom: 5px;
}
.archive-page .archive-item .cats a{
	font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #8F9BB2;
    border: 1px solid;
    border-radius: 8px;
    padding: 5px 10px;
	margin-right: 5px;
}
.archive-page .head {
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #777;
}
/* category-page */
.category-page .head{
    font-weight: 700;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
.category-page .device-item {
  padding-bottom: 40px;
}
.category-page .device-item.odd {
  background: #f2f2f2;
}
.category-page .device-item .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
}
.category-page .device-item .title a{
	color: #000;
}
.category-page .device-item .image {
  display: block;
  text-align: center;
}
.category-page .device-item .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.category-page .device-item .action {
  display: block;
}
.category-page .device-item .description{
	font-size: 16px;
}
.category-page .device-item .cta {
  display: inline;
  padding: 10px 30px;
  color: #1bb1e6;
  border: 1px solid #1bb1e6;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 20px;
}
.category-page .device-item .cta:hover {
  background: #1bb1e6;
  color: #fff;
}

/* Pagination */
.pagination {
  display: block;
  padding: 20px 0;
  text-align: center;
}
.pagination .page-numbers {
  padding:  7px 20px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}
.pagination .page-numbers.current,
.pagination .page-numbers.current:hover {
  background: #1bb1e6;
  color: #fff;
  border-color: #1bb1e6;
}
.pagination .page-numbers:hover {
  background: #f9f9f9;
}

/* Widget */
.widget {
  margin-bottom: 25px;
}
.widget .widget-title {
  	text-transform: uppercase;
  	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
  	margin: 0;
  	padding-bottom: 10px;
}
.widget .newest-post-item {
	padding: 10px 14px;
	border-radius: 6px;
}
.widget .newest-post-item:hover {
	background: rgba(0, 104, 255, 0.1);
}
.widget .newest-post-item .title {
  margin:0;
  padding:0;
  font-size: 17px;
  line-height: 24px;
}
.widget .newest-post-item .title a {
  	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
  	text-align: justify;
}
/* Menu Blog */
.blog-menu {
  background: #f2f2f2;
  padding:0;
  margin:0;
}
.blog-menu.business-model-nav {
  background: #1bb1e6;
}
.blog-menu ul {
  margin:0;
  padding:0;
  list-style: none;
  display: block;
  width: 100%;
}
.blog-menu ul li ,
.blog-menu ul li h3{
  display: inline;
  margin:0;
  padding:0;
  font-size: 14px;
}
.blog-menu ul li a {
  padding: 17px 20px;
  display: inline-block;
  margin:0;
  color: #333;
}
.blog-menu.business-model-nav ul li a {
  color: #fff;
}
.blog-menu ul li.current-menu-item a  {
  background: rgba(0,0,0,0.2);
}
.blog-menu ul li a:hover {
  background: rgba(0,0,0,0.1);
}
.price-table .package-item .package-item-body{
	padding-bottom: 15px;
}
@media screen and (max-width: 1440px) and (min-width: 1200px) {
	.why-use .device {
		padding-top: 70px !important;
	}
	.why-use .device img{
		width: 70%;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
	.price-table .package-item .package-item-body{
		min-height: 575px;
	}
	.price-table .package-items:nth-child(2) .package-item .package-item-body{
		min-height: 635px;
	}
	.social-bottom{
		padding: 50px 0 !important;
	}
	.box-main-content{
		margin-top: 10px;
	}
	.sec-business-model .item .title{
		font-size: 15px;
	}
	.top-slider .headline-group {
	  width: 60%;
	}
	.why-use .device img{
		width: 90%;
	}
/* 	.why-use{
		background-size: 100% 100% !important;
		padding-bottom: 100px !important;
	} */
	.why-use h1{
		font-size: 0 !important;
    	padding: 0px 0 !important;
	}
	.why-use .device {
		padding-top: 20px !important;
	}
	.tablet-mode{
		display: block !important;
	}
	.desktop-mode, .mobile-mode{
		display: none !important;
	}
	.tablet-mode .main-menu{
		height: 80px;
	}
	.tablet-mode .button-box1{display: flex; align-items: center; justify-content: flex-end;}
	.tablet-mode .button-box2{display: flex; align-items: center; justify-content: center;}
	.main-menu .container,
	.main-menu .row{
		height: 100%;
	}
	.container {
		max-width: 95% !important;
	}
	.sec-device{
		padding: 0 !important;
	}
	.sec-register .row{
		background-size: 100% 95% !important;
	}
	.sec-register .content{
		padding: 0 !important;
		height: 500px !important;
		margin-top: 20px !important;
	}
	.sec-register{
		padding-bottom: 0 !important;
	}
	.sec-post{
		padding: 50px 0 !important;
	}
	.sec-post .info{
		padding: 10px !important;
	}
	.sec-download .content .col-4 p{
		padding: 0 50px !important;
	}
	.social-bottom .btn,
	.top-slider .headline-group .cta{
		padding: 15px 80px !important;
	}
	.top-slider .headline-group .headline{
		font-size: 40px !important;
    	line-height: 50px !important;
	}
	.banner-bottom .banner-image .banner-text{
		top: 85px !important;
    	left: 40px !important;
	}
	.banner-bottom .banner-image .banner-text h2{
		font-size: 26.7391px !important;
    	line-height: 31px !important;
	}
	.mobile .price-table{
		padding: 50px 0 !important;
	}
	.price-table .package-item .package-item-header .package-name{
		font-size: 12.8889px !important;
		line-height: 18px !important;
	}
	.price-table .package-item .package-item-header .package-price{
		font-size: 40px !important;
		line-height: 56px !important;
	}
	.price-table .package-items .package-item-cta{
		width: 85% !important;
	}
	.page-price-table-contact h1{
		font-size: 28px !important;
		line-height: 42px !important;
	}
	.page-price-table-contact{
		padding: 50px 15% !important;
	}
	#backtotop{
		right: 25px !important;
	}
	.banner-guest h2{
		font-size: 28px !important;
		line-height: 42px !important;
	}
	.banner-guest .content{	
		font-size: 14px !important;
		line-height: 22px !important;
		width: 80%;
	}
	.banner-guest iframe{
		width: 90% !important;
	}
	.sidebar-box-tablet{
		background: #F8F9FB;
    	padding: 24px;
    	border-radius: 8px;
		margin-bottom: 25px;
		text-align: left !important;
	}
	.page-about .mission .heading h2,
	.page-about .history .heading h2{
		font-size: 28px !important;
		line-height: 42px !important;
	}
	.page-about .mission .heading p,
	.page-about .history .heading p{	
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.page-about .mission{
		padding: 30px 100px !important;
	}
	.page-about .history .content .left p,
	.page-about .history .content .right p{	
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.page-about .history .content .left h3,
	.page-about .history .content .right h3{
		font-size: 30px !important;
		line-height: 38px !important;
	}
	.page-about .history .left .dot-desk:before{
		left: -45px !important;
	}
	.page-about .history .right .dot-desk:before{
		right: -45px !important;
	}
	.page-about .about-bg h2{
		font-size: 62.5866px !important;
		line-height: 73px !important;
	}
	.page-about .about-bg span{
		font-size: 24.7826px !important;
		line-height: 29px !important;
	}
	.page-about .about-target .heading h2{
		font-size: 28px !important;
		line-height: 42px !important;
	}
	.page-about .about-target li, .page-about .about-target p{
		font-size: 20px !important;
		line-height: 32px !important;
	}
	.about-archive .page-title h2{
		font-size: 40px !important;
		line-height: 56px !important;
	}
	.about-archive .page-title .content{
		font-size: 20px !important;
		line-height: 32px !important;
	}
}
@media screen and (max-width: 767px) {
	.service-container .service-content .pkg-item{
		margin-bottom: 100px !important;
	}
	.service-container .service-content .pkg-item .icon {
		width: 10% !important;
	}
	.service-container .service-content .pkg-item .content {
		width: 90% !important;
	}
	.price-table .package-item .package-item-body{
		min-height: 555px !important;
	}
	.desktop-tablet-mode{
		display: none !important;
	}
	.price-table .row .package-item{
		width: 100% !important;
		margin: 10px 0 !important;
	}
	.brand-page .container {
		width: 90% !important;
	}
	.box-main-content{
		margin-top: 10px;
	}
	.sidebar-box-tablet{
		background: #F8F9FB;
    	padding: 10px;
    	border-radius: 8px;
		margin-bottom: 25px;
		text-align: left !important;
	}
	.mobile-mode{
		display: block !important;
	}
	.tablet-mode, .desktop-mode{
		display: none !important;
	}
	.content-bottom h2{
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.content-bottom span{
		font-size: 12px !important;
		line-height: 20px !important;
	}
  body {
    padding:0;
  }
    .header {
      position: relative;
      border-bottom: 1px solid #ddd;
    }
    .header-mobile {
      background: #fff !important;
    }
    .header .container {
      position: relative;
    }
    .header-mobile .logo {
      display: block;
      margin:0 auto;
      text-align: center;
      z-index: 1;
      padding: 7px 0;
      top: auto;
    }
    .header-mobile .logo img {
/*       margin: 0 auto; */
      top: auto;
    }
    .header-mobile .menu-icon {
      	position: absolute;
		right: 20px;
		top: 0px;
		font-size: 30px;
		z-index: 2;
		color: #0a1f44 !important;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
    }
	.footer .footer-title{
		margin-top: 20px !important;
	}
	.footer .footer-logo{
		margin-bottom: 20px !important;
	}
	.footer .footer-logo img{
		height: 40px !important;
	}
    .top-slider .headline-group {
      width: 100%;
      text-align: left !important;
      color: #fff;
    }
    .top-slider .overlay-bg {
      background: rgba(0,0,0,0.4);
    }
    .top-slider .headline-group .headline {
      font-size: 24px;
	  line-height: 31px;
    }
    .sec-business-model .description {
      font-size: 15px;
    }
/*     .sec-value .content, .sec-value .feature {
      margin-bottom: 20px;
    }
    .sec-value .feature {
      display: none;
    } */
	.sec-value .device-box h3{
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.sec-value .device-box .content ul li{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.sec-value .device-box .icon{
		width: 56px !important;
		height: 56px !important;
	}
	.sec-value .device-box .icon img{
		height: 30px !important;
	}
    .sec-channel-support .col-md-4 {
      margin-bottom: 15px;
    }
    .sec-channel-support .icon img {
      height: 50px;
      width: auto;
    }
    .blog-menu ul li a {
      padding: 15px 10px;
    }
    .newest-post-item .col-md-5 {
      display: none;
    }
    .sec-faq .content .accordion .card-header .btn-link {
      word-wrap: break-word;
      white-space: normal;
      text-align: left;
    }
    .sec-tool-support .tools li a {
      margin-bottom: 5px;
    }
	.price-table .package-items .package-item-cta{
		left: 0 !important;
		width: 100% !important;
		position: relative !important;
	}
	.page-price-table-contact {
		padding: 50px 10px !important;
	}
	.page-price-table-contact h1{
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.price-table .package-item .package-item-header .package-name{
		font-size: 13px !important;
		line-height: 16px !important;
	}
	.price-table .package-item .package-item-header .package-price{
		font-size: 40px !important;
		line-height: 48px !important;
	}
	.price-table .package-item .package-item-header .package-price .package-time{
		font-size: 12px !important;
		line-height: 16px !important;
	}
	.price-table .package-item .package-item-header{
		padding-bottom: 0 !important;
	}
	.price-table .package-item .package-item-body{
		padding-top: 0 !important;
	}
/* 	----------------------------- */
	 .page-title{
		top: 55px !important;
	}
	.banner-archive .page-title h2 {
		font-size: 20px !important;
		line-height: 23px !important;
	}
	.banner-archive .page-title .content{
		font-size: 12px !important;
    	width: 57% !important;
		margin-bottom: 1rem !important;
	}
	.banner-bottom .banner-image .banner-text h2{
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.banner-bottom .banner-image .banner-text{
		top: 50px !important;
		left: 10% !important;
		width: 80% !important;
	}
	.social-bottom{
		padding: 50px 0 !important;
	}
	.social-bottom h2{
		font-size: 20px !important;
		line-height: 28px !important;
		width: 60%;
	}
	.social-bottom .social-tab .social-icon{
		padding: 0 8px;
	}
	.social-bottom .social-tab .social-content h4{
		font-size: 14px !important;
		line-height: 22px !important;
	}
	.social-bottom .social-tab .social-content span{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.banner-guest iframe{
		margin-left: 0px !important;
	}
	.banner-guest .title-mobile{font-size: 20px;line-height: 23px;}
	.banner-guest .content-mobile{font-size: 12px;line-height: 20px;font-weight: 400;color: #FFFFFF;}
	.sec-business-model .item .title{
		left: 25px !important;
		font-size: 14px !important;
	}
	.sec-value h1{
		font-size: 20px !important;
		line-height: 28px !important;
		padding: 20px 0 !important;
	}
	.carousel-indicators li{
		background-color: #61c134 !important;
	}
	.sec-value .device-box{
		min-height: 300px;
		padding: 15px 10px 0 10px !important;
	}
	.sec-download{
		padding: 0 !important;
	}
	.sec-download h2{
		font-size: 24px !important;
		line-height: 34px !important;
	}
	.sec-download .content {
		padding: 40px 0px 0px 0px !important;
	}
	.sec-download .content .col-4 img{
		width: 70% !important;
		height: auto !important;
	}
	.sec-download .content .col-4 p{
		font-size: 14px !important;
    	line-height: 17px !important;
		padding: 0px 10px !important;
	}
	.sec-post .title{
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.sec-post .archive-item-title{
		line-height: 18px !important;
	}
	.sec-post .info{
		padding: 10px !important;
	}
	.sec-post .archive-item-title a{
		font-size: 14px !important;
    	line-height: 7px !important;
	}
	.sec-device span{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.sec-register .feature{
		padding: 20px !important;
		text-align: center;
	}
	.sec-register .feature h2, .sec-register .feature h2 span{
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.sec-register .content{
		padding: 0 !important;
		height: 500px !important;
	}
	.sec-post{
		padding: 20px !important;
	}
	.mm-panels>.mm-panel>.mm-listview{
		margin: 5px -20px !important;
		background: #fff;
	}
	.mm-menu {
		background: #f1f2f4 !important;
	}
	.sec-register, .sec-device {
		padding: 20px 0 !important;
	}
	.page-about .mission{
		background-image: url("https://easysalon.vn/wp-content/themes/easysalon/images/new version/bg-about-mobile.svg") !important;
		padding: 20px 0 !important;
	}
	.page-about .history .heading{
		padding: 0 !important;
	}
	.page-about .about-target .heading h2,
	.page-about .history .heading h2,
	.page-about .mission .heading h2,
	.page-about .history .content .right h3{
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.page-about .about-target p,
	.page-about .about-target li,
	.page-about .history .heading p,
	.page-about .mission .heading p,
	.page-about .history .content .right p{
		font-size: 14px !important;
		line-height: 20px !important;
	}
	.page-about .about-bg{
		height: 187.03px !important;
	}
	.page-about .about-bg h2{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.page-about .about-bg span{
		font-size: 12px !important;
		line-height: 16px !important;
	}
	.page-about .history .right .col-6{
		position: relative;
	}
	.page-about .history .dot-mb svg{
		position: absolute;
		top: 33%;
		left: 5px;
	}
	.page-about .history .right .dot-mb:after {
		position: absolute;
		content: '';
		height: 2px;
		margin: 0 auto;
		top: 50%;
		left: 34px;
		width: 14px;
		background: #0068FF;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
	.page-about .history .right .dot-mb:before {
		position: absolute;
		content: '';
		width: 2px;
		margin: 0 auto;
		left: 24px;
    	height: 120%;
		background: #0068FF;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
	.page .title{
		font-size: 20px !important;
		line-height: 30px !important;
		margin-top: 20px;
	}
	.page .post-meta{
		font-size: 14px !important;
		line-height: 22px !important;
	}
	.business-footer{
		padding: 0 0 30px 0 !important;
	}
	.business-footer h2{
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.business-footer h5{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	#backtotop{
		right: 20px !important;
	}
	.about-archive .page-title{
		bottom: 10px !important;
		top: unset !important;
	}
	.page-about .history .content .right .image-box{
		padding: 0 !important;
		display: flex;
	  align-items: center;
	  justify-content: end;
	}
	.about-archive .page-title h2{
		font-size: 24px !important;
		line-height: 32px !important;
	}
	.about-archive .page-title .content{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.page-price-table-contact #bg-overley{
		background-image: url('https://easysalon.vn/wp-content/themes/easysalon/images/new version/bg-banggia-mobile.svg') !important;
	}
	.page .sidebar{
		display: none;
	}
}
.header-body{
	background: #182C4F;
    text-align: center;
	padding: 20px 0;
}
.header-body h1{
	color: white;
    font-size: 25px;
    padding: 35px 0 35px;
}
.header-body .contact{
	text-align: left;
	padding-top: 15px;
}
.header-body a{
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}
.header-body span {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	opacity: 0.7;
}
.list-tutorial{
	background: white;
    border-radius: 10px;
    overflow: hidden;
}
.list-tutorial .col-md-4{
	border: 0.25px solid #f1f2f452;
    padding: 20px 40px;
}
.list-tutorial .col-md-4:hover{
	background: #0068FF;
}
.list-tutorial .col-md-4:hover .item-title{
	color: #fff;
}
.list-tutorial .item-image{
	background: #F0F2F5;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    width: 54px;
    height: 54px;
    padding: 10px;
    float: left;
}
.list-tutorial .item-title{
    float: left;
    padding: 13px;
	font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #0a1f44;
}
.title-tutorial{
	padding: 30px 0px;
}
.title-tutorial h1{
	font-size: 30px;
	color: #0a1f44;
	font-weight: bold;
}
.title-tutorial span,
.title-tutorial-box .card-header{
	cursor: pointer;
}
.title-tutorial-box span{
	color: #00000057;
    font-weight: bold;
}
.item-video {
	border-radius: 10px;
    overflow: hidden;
}
.item-post-img{
	float: left;
}
.item-post-img img{
	width: 110px;
    height: 75px;
}
.item-post {
	height: 96px;
}
.item-post-container {
	background: white;
    padding: 20px;
    border-radius: 10px;
    overflow-y: scroll;
    height: 320px;
}
.item-post-content {
	float: left;
	width: 75%;
    padding: 0 25px;
}
.item-post-content a{
	font-size: 15px;
	color: #0a1f44;
	display: inline-block;
    width: 313px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
#item-post-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 6%);
    border-radius: 10px;
    background-color: #f5f5f5;
}

#item-post-container::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#item-post-container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #5555557a;
}
.content-qa .card{
	margin-bottom: 5px;
}
.content-qa b{
	font-weight: 500;
    line-height: 24px
}
.content-qa .card-header:hover{
	background: #f0f2f5;
}

.content-qa .card-header{
	background: #fff;
	border: none !important;
	position: relative;
}
.content-qa .card-header .card-title{
	width: 95%;
	margin: 0;
}
.content-qa .card-header[aria-expanded="true"]{
	background: #f0f2f5;
}
.content-qa .card-header[aria-expanded="true"] .card-title{
  	color: #0068FF;
}
.content-qa .card-header .fa{
	position: absolute;
    right: 20px;
    top: 35%;
}
.content-qa i{
	margin-top: 5px;
    color: #0000008f;
}
.app-content .app-box{
	text-align: center;
    height: 230px;
	background: #fff;
}
.app-content .app-box img{
    border-radius: 10px;
    padding: 61px;
    width: 100%;
}
.app-content .app-box span{
    font-size: 15px;
    color: #7a828f;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 22px;
}
.contact-support{
	text-align: center;
}
.contact-support .title-tutorial span{
	font-size: 12px;
    color: #8F9BB2;
}
.item-content{
	background: #fff;
    padding: 20px;
    margin: 15px;
    min-height: 200px;
    border-radius: 10px;
	text-align: left;
}
.item-content h3{
	color: #0A1F44;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
}
.content-qa .card{
	border: 1px solid #0000000d;
}
.badge-info{
	padding: 8px 10px;
}
/*singer tutorial page */
#content-guest-page{
	position: sticky;
/*     top: 81px; */
    top: 0px;
	margin-right: 15px;
	margin-top: 15px;
}
.update-message .card-header{
	background: #F1F2F4;
    border-bottom: none !important;
	font-size: 15px;
    color: #0A1F44;
    font-weight: bold;
}
.update-message .card-body
{
	background: #F1F2F4;
}
.update-message .card-body .content-qa .card-header,
.update-message .card-body .content-qa .card-body{
	background: #fff;
	border-radius: 10px;
}
.pop-up-upload .card-header{
	background: #0068FF;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}
.pop-up-upload .card-body{
	padding: 0;
}
.pop-up-upload .card-body .list-group-item{
	border-bottom: 1px dotted #00000042 !important;
}
.pop-up-upload .card-body .list-group-item a{
	color: #000;
}
.pop-up-upload .card-body .list-group-item:hover a{
	color: #0068FF;
}
.update-box{
	clear: both;
}
.update-box .box-header{
	padding: 24px 0;
    border-top: 2px solid #E0E4E8;
	font-size: 15px;
}
.update-box .box-header .date-update{
	float: left;
}
.update-box .box-header .date-type{
	float: left;
	margin-left: 10px;
    font-weight: bold;
    color: #8F9BB2;
}
.update-box .box-header .date-rating{
	float: right;
	width: 185px;
    position: relative;
}
.update-box .box-content{
    clear: both;
    margin: 20px 0;
}
.update-box .box-content .box-cate{
	float: left;
/* 	margin: 10px 0; */
	min-width: 10%;
}
.update-box .box-content .box-cate span{
    padding: 5px 10px;
    background: #0068FF;
    border-radius: 10px;
    color: white;
}
.update-box .box-content .box-main-content{
	float: left;
	font-size: 15px;
	max-width: 90%;
}
.page-header .header-menu,
.page-header .header-breadcrumb{
	border: 1px solid #E0E4E8;
	padding: 25px 25px 25px 30px;
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    transition: all 0.5s;
}
.page-header .header-menu,
.page-tutorial .menu-content{
	background: #F5F5F5;
}
.page-header .header-menu .menu-header{
    margin: 0;
    text-transform: uppercase;
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.page-header .header-menu .menu-icon{
	float: right;
}
.page-header .header-breadcrumb .breadcrumb{
	margin: 0;
    padding: 0;
    background: #fff;
}
.page-header .header-breadcrumb .breadcrumb .breadcrumb-item span{
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.page-header .header-breadcrumb .breadcrumb .breadcrumb-item.active span{
	color: #0A1F44;
}
.page-tutorial .content{
	padding: 50px 10px;
	padding-right: 20px;;
}
.page-tutorial .content h1,
.page-tutorial .content h2,
.page-tutorial .content h3,
.page-tutorial .content h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.page-tutorial .content img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: block;
	margin: 10px auto;
	max-width: 100%;
	height: auto;
}
.page-tutorial .menu-content{
	border: 1px solid #E0E4E8;
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    transition: all 0.5s;
	padding: 0;
}
.sticky-menu{
	position: sticky;
/* 	top: 90px;	 */
	top: 0px;	
}
.page-tutorial .menu-content .list-menu{
	list-style: none;
	overflow-y: scroll;
	height: 700px;
}
.page-tutorial .menu-content .list-menu::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
}
.page-tutorial .menu-content .list-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 19%);
    background-color: #55555500;
}
.page-tutorial .menu-content .list-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 6%);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.page-tutorial .menu-content .list-menu .menu-item .main-item{
    margin: 5px 0;
    padding: 10px 20px;
	position: relative;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.page-tutorial .menu-content .list-menu .menu-item .main-item:hover,
.page-tutorial .menu-content .list-menu .sub-item>a>.menu-item:hover{
	background: #e4e8ef;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.page-tutorial .menu-content .list-menu .menu-item .main-item span,
.page-tutorial .menu-content .list-menu .menu-item .main-item span a{
	font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0a1f44;
}
.page-tutorial .menu-content .list-menu .active .main-item{
	background: #0068FF !important;
}
.page-tutorial .menu-content .list-menu .active .main-item span a{
	color: white !important;
}
.page-tutorial .menu-content .list-menu .menu-item .icon-collapse{
	position: absolute;
    right: 30px;
    padding: 5px;
}
.page-tutorial .menu-content .list-menu .sub-item{
	display: none;
}
.page-tutorial .menu-content .list-menu .active .sub-item{
	display: block;
	list-style: none;
	padding: 0 0 0 35px;
}
.page-tutorial .menu-content .list-menu .sub-item>a>.menu-item{
	padding: 5px 0 5px 20px;
}
.page-tutorial .menu-content .list-menu .sub-item>a{
	font-weight: 400;
	font-size: 13px;
	color: #8F9BB2;
}
.post-ratings{
	position: absolute;
    top: 0;
    left: 100px;
}
.post-ratings img{
	margin: 0 0 5px 0 !important;
    width: 17px !important;
}
.page-tutorial ul, .page-tutorial p{
	margin: 0 !important;
}
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
#menu-item-9751>h3>a{
	pointer-events: none;
}
.box-toggle{
	display: none;
/*	height: 0;
    overflow: hidden;
    transition-timing-function: ease;*/
}
.thm-btn-active {
    background-color: #0068FF !important;
    color: #fff !important;
	border: none !important;
}

.thm-btn {
    display: inline-block;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px 30px;
    transition: .5s;
	background-color: #fff;
    color: #000;
    border: 1px solid #BDC6D9;
	min-width: 130px;
    text-align: center;
}
.banner-archive{
	position: relative;
}
.banner-archive .page-title{
	position: absolute;
    top: 80px;
    color: #fff;
    width: 100%;
}
.banner-archive .page-title h2{
	font-weight: 500;
	font-size: 48px;
	line-height: 56px;
}
.banner-archive .page-title .content{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	width: 35%;
}
.banner-archive img{
	width: 100%;
}
.pre-scrollable{
	width: 100%;
}
.pre-scrollable .thm-btn{
	min-width: max-content !important;
}
.pre-scrollable::-webkit-scrollbar-track
{
	border-radius: 10px;
}
.pre-scrollable::-webkit-scrollbar
{
	height: 5px;
	width: 0px;
}
.pre-scrollable::-webkit-scrollbar-thumb
{
	border-radius: 10px;
}
.pre-scrollable::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.price-table h1{
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	text-align: center;
	color: #0A1F44;
}
.price-table-features h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #0A1F44;
}
.price-table-features table thead th{
	background-color: #F8F9FB
}
.price-table-features table thead th{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.price-table-features th{
	border: 1px solid #F1F2F4 !important;
}
.price-table-features .name span,
.price-table-features .unit span{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;

}
.price-table-features .total-child span{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #0A1F44;
}
.price-table-features #total span{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #F5222D;
}
.price-table-features ul{
	list-style: none;
	margin-left: -20px;
	margin-bottom: 0;
}
.price-table-features ul li{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.price-table-features ul li:before{
	content: "\f00c"; /* FontAwesome Unicode */
  	font-family: FontAwesome;
  	display: inline-block;
  	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	color: #56C22D;
}
.page-price-table p:nth-child(1){
	background: #F0F2F5;
	border-radius: 8px;
    padding: 30px 25px;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.page-price-table p:nth-child(2),
.page-price-table p:nth-child(3){
	font-weight: 500;
	font-size: 16px;
	line-height: 32px;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #0A1F44;
}
.page-price-table ul{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
	margin-bottom: 60px;
}
.page-price-table-contact{
/* 	background-color: #0068FF; */
	position: relative;
    padding: 50px 30%;
    text-align: center;
}
.page-price-table-contact #bg-overley{
	background-image: url('https://easysalon.vn/wp-content/themes/easysalon/images/new version/bg-banggia.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
/* 	opacity: 0.3; */
}
.page-price-table-contact h1{
	font-weight: 700;
	font-size: 38px;
	line-height: 56px;
	text-align: center;
	color: #FFFFFF;
	position: relative;
	z-index: 2;
}
.page-price-table-contact button{
	    background: #56c22d;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    border: none;
    padding: 10px 20px;
    margin: 25px 25px 0px 25px;
}
.page-price-table-contact button a{
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #FFFFFF;
}
.page-feature .description strong{
	font-weight: 700;
}
/* ------------------- */
.banner-bottom .banner-image{
	position: relative;
}
.banner-bottom .banner-image>img{
	width: 100%;
}
.banner-bottom .banner-image .banner-text{
	position: absolute;
    top: 120px;
    left: 80px;
    width: 40%;
}
.banner-bottom .banner-image .banner-text h2{
	font-weight: 600;
	font-size: 41px;
	line-height: 48px;
	color: #FFFFFF;
}
.banner-bottom .banner-image .banner-text .download img{
	width: 40%;
	margin: 0 10px;
}
.social-bottom{
	padding: 100px 0;
}
.social-bottom h2{
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	color: #0A1F44;
}
.social-bottom .btn{
	background: #0068FF;
    border-radius: 8px;
    padding: 10px 20px;
}
.social-bottom .social-tab{
	padding: 10px;
	border-radius: 10px;
}
.social-bottom .social-tab:hover{
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.social-bottom .social-tab .social-icon img{
	width: 100%;
}
.social-bottom .social-tab .social-content h4{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #0A1F44;
}
.social-bottom .social-tab .social-content span{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.pagination-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	border-top: 1px solid #ededed;
}
.pagination-box .pagination{
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
}
.pagination-box .prev,
.pagination-box .next{
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #667085;
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
}
.pagination-box .prev{
	left: 0;
}
.pagination-box .next{
	right: 0;
}
.pagination .page-numbers{
	padding: 15px;
	border: none !important;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #667085;
}
.pagination .page-numbers.current, .pagination .page-numbers.current:hover{
	background: transparent;
    color: #1D2939;
    border-color: transparent;
}
.pagination .page-numbers:hover{
	background: #F9FAFB;
	border-radius: 8px;
	border: 1px solid #ddd !important;
}


.banner-tuyen-dung{
	background: #182C4F;
	padding: 50px 0;
}
.banner-tuyen-dung h1{
	font-weight: 700;
	font-size: 38px;
	line-height: 46px;
	color: #FFFFFF;
}
.banner-tuyen-dung h6{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}
.banner-tuyen-dung p{
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #FFFFFF;
}
.filter-box{
	background: #FFFFFF;
	border: 1px solid #BDC6D9;
	border-radius: 8px;
	padding: 15px;
}
.filter-box h5{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #8F9BB2;
}
.filter-box label{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.archive-page-tuyen-dung .archive-item .archive-item-title a{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.archive-page-tuyen-dung {
  background: #fff;
}
.archive-page-tuyen-dung article{
	margin-bottom: 30px;
}
.archive-page-tuyen-dung .archive-tittle{
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	color: #0A1F44;
	
}
.archive-page-tuyen-dung .archive-item {
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  margin-bottom: 25px;
	position: relative;
	border: 1px solid #BDC6D9;
}
.archive-page-tuyen-dung .archive-item .thumbnail {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.archive-page-tuyen-dung .archive-item .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.archive-page-tuyen-dung .archive-item .thumbnail:hover img {
  transform: scale(1.1);
}
.archive-page-tuyen-dung .archive-item .archive-item-title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
	padding: 10px 10px 0px 10px;
}
.archive-page-tuyen-dung .archive-item .archive-item-excerpt{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
	padding: 10px;
}
.archive-page-tuyen-dung .archive-item .cats{
	padding: 0 10px;
}
.archive-page-tuyen-dung .archive-item .cats a{
}
.archive-page-tuyen-dung .head {
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 600;
	color: #777;
}
/* brand */
.brand-slide{
	background: #F0F2F5;
	padding: 20px;
}
.brand-slide .brand-box img{
	height: 150px;
}
.brand-slide .brand-box-desktop img{
	height: auto;
	width: 150%
}
.banner-guest{
	background: #0A1F44;
	padding: 50px 0;
}
.banner-guest h2{
	font-weight: 500;
	font-size: 48px;
	line-height: 56px;
	color: #FFFFFF;
}
.banner-guest .content{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}
.banner-guest iframe{
	width: 100%;
    margin-left: 20px;
    border-radius: 30px;
}
/* value */
.sec-value h1{
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	text-align: center;
	color: #FFFFFF;
	padding: 50px 0;
}
.sec-value .device-box{
	background: #fff;
	border-radius: 10px;
	height: 100%;
	text-align: center;
	padding: 20px;
}
.sec-value .device-box .box-heading{
	width: 100%;
}
.sec-value .device-box .icon{
	border-radius: 100%;
	background: #F8F9FB;
	width: 75px;
    height: 75px;
	margin: auto;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.sec-value .device-box .icon img{
	width: auto;
	height: 50px;
}
.sec-value .device-box h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #0A1F44;
	padding: 15px;
}
.sec-value .device-box .content ul{
	list-style: none; 
	padding-left: 30px;
}
.sec-value .device-box .content ul li{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
	text-align: left;
}
.sec-value .device-box .content ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #0068FF;
}
.sec-value .btn-box{
	display: flex;
  	align-items: center;
  	justify-content: center;
}
/* device */
.sec-device .col-4,.sec-device .col-3{
	text-align: center;
}
.sec-device .col-4 img,.sec-device .col-3 img{
	width: 100%;
}
.sec-device .col-4 img:hover,.sec-device .col-3 img:hover{
	border-radius: 10px;
	box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 8%), 0px 4px 6px -2px rgb(16 24 40 / 3%);
}
.sec-device{
	text-align: center;
}
.sec-device h1{
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	color: #0A1F44;
	padding-bottom: 0;
}
.sec-device span{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.sec-device .see-more{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #0A1F44 !important;
}
/* register */
.sec-register-mobile .row{
	background-image: url('https://easysalon.vn/wp-content/themes/easysalon/images/new version/dddddddddd.png') !important;
	border-radius: 0 !important;
    background-size: 100% 100% !important;
}
.sec-register .row{
	background-image: url('https://easysalon.vn/wp-content/themes/easysalon/images/new version/sec-register.png');
	border-radius: 15px;
    background-size: 100%;
	background-repeat: no-repeat;
}
.sec-register .feature{
	padding: 40% 60px;
}
.sec-register .feature h2,
.sec-register .feature h2 span{
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	text-transform: capitalize;
}
.sec-register .feature span{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}
.sec-register .content {
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
}
.sec-register .content iframe {
	height: 90%;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

/* sec-post */
.sec-post{
	padding: 50px;
	background: #F0F2F5;
}
.sec-post .title{
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	color: #0A1F44;
}
.sec-post .heading a{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #0A1F44;
}
.sec-post .newest-post-item{
	border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.sec-post .info {
	position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 10.94%);
	padding: 20px;
}
.sec-post .info h3 a{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #FFFFFF;
}
/* .sec-download */
.sec-download{
	padding-top: 50px;
}
.sec-download h2{
	font-weight: 700;
	font-size: 40px;
	line-height: 56px;
	text-align: center;
	color: #0A1F44;
}
.sec-download .content{
	padding: 50px 0;
}
.sec-download .content .col-4{
	text-align: center;
}
.sec-download .content .col-4 p{
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	text-transform: capitalize;
	color: #0A1F44;
	padding: 0px 30px;
}
/* slider */
html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	}

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.fixed {
  position: sticky;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.fixed + .content {
  padding-top: 60px;
}
#backtotop {
	background-color: #0068FF;
    right: 100px;
    top: -28px;
    width: 56px;
    height: 56px;
    padding: 17px 5px;
    z-index: 999;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    position: absolute;
}
#backtotop:hover {
  	cursor: pointer;
}
#menu-mobile{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
	display: none;
}
.menu{
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 8px solid #F1F2F4;
}
.menu .menu-item-has-children{
	border-bottom: 8px solid #f1f2f4;
	border-top: 8px solid #f1f2f4;
    margin: 0;
    padding: 10px 16px 0 16px;
}
.menu .menu-item-has-children>a:after{
	content: '';
}
.menu .menu-item-has-children>a{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #8F9BB2;
}
.menu .menu-item-has-children .sub-menu{
	list-style: none;
	padding: 0 !important;
}
.menu .menu-item-has-children .sub-menu li{
	padding: 10px 0 !important;
	margin: 0 !important;
}
.menu .menu-item-has-children .sub-menu li:after{
	top: 0px;
	right: 33px;
}
.menu li{
	margin: 10px 16px 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F2F4;
	position: relative;
}
.menu li a:after{
	content: '\f105';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: 27px;
    top: 0px;
    font-weight: 500;
    font-size: 30px;
}
.menu li>a{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
	display:inline-block;
	width: 100%;
}
.header-nav .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
} 
.header-nav .menu-item-has-children .sub-menu a:hover {background-color: #f1f1f1}

.header-nav .menu-item-has-children:hover .sub-menu {
  display: block;
}
.header-nav .menu-item-has-children>h3>a:after{
	content: '\f0d7';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
   	right: 0px;
    top: 30px;
    font-weight: 500;
    font-size: 14px;
}
/* about us */

.page-about .mission{
	background-image: url("https://easysalon.vn/wp-content/themes/easysalon/images/new version/bg-about.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 50px 100px;
	border-radius: 16px;
	overflow: hidden;
}
.page-about .heading{
	text-align: center;
	
}
.page-about .mission .heading h2{
	font-weight: 500;
	font-size: 48px;
	line-height: 56px;
	color: #FFFFFF;
	position: relative;
}
.page-about .mission .heading h2:after{
	position: absolute;
    content: '';
    height: 3px;
    bottom: -7px; 
    margin: 0 auto;
	left: 0;
    right: 0;
	width: 15%;
	background: #fff;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
	opacity: 0.4;
}
.page-about .mission .heading p{
	margin-top: 20px;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #FFFFFF;
}
.page-about .history{
	background: #F8F9FB;
} 
.page-about .history .heading{
	padding: 0 100px;
}
.page-about .history .heading h2{
	font-weight: 500;
	font-size: 48px;
	line-height: 56px;
	color: #000;
	position: relative;
}
.page-about .history .heading h2:after{
	position: absolute;
    content: '';
    height: 3px;
    bottom: -7px; 
    margin: 0 auto;
	left: 0;
    right: 0;
	width: 15%;
	background: #0068FF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.page-about .history .heading p{
	margin-top: 20px;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #0A1F44;
}
.page-about .history .content .left h3{
	font-weight: 700;
	font-size: 38px;
	line-height: 46px;
	text-align: right;
	color: #0068FF;
}
.page-about .history .content .right h3{
	font-weight: 700;
	font-size: 38px;
	line-height: 46px;
	text-align: left;
	color: #0068FF;
}
.page-about .history .content .left p{
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	text-align: right;
	color: #0A1F44;
}
.page-about .history .content .right p{
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	text-align: left;
	color: #0A1F44;
}
.page-about .history .content .right img{
	float: right;
}
.page-about .history .content img{
	border-radius: 8px;
}
.page-about .history .dot-desk{
	 display: flex;
  	align-items: center;
	height: 100%;
	width: 100%;
}

.page-about .history .dot-desk svg{
	position: absolute;
    right: -20px;
	z-index: 1;
}
.page-about .history .right .dot-desk:before{
	position: absolute;
    content: '';
    height: 3px;
    margin: 0 auto;
	right: -66px;
    width: 10%;
	background: #0068FF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.page-about .history .right .dot-desk:after{
	position: absolute;
    content: '';
    width: 3px;
    margin: 0 auto;
	right: -1px;
    height: 100%;
	background: #0068FF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
	z-index: 0;
}
.page-about .history .left .dot-desk svg{
	position: absolute;
    left: -20px;
}
.page-about .history .left .dot-desk:before{
	position: absolute;
    content: '';
    height: 3px;
    margin: 0 auto;
	left: -66px;
    width: 10%;
	background: #0068FF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.page-about .history .left .dot-desk:after{
	position: absolute;
    content: '';
    width: 3px;
    margin: 0 auto;
	left: -2px;
    height: 100%;
	background: #0068FF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
	z-index: 0;
}
.page-about .about-bg{
	background-image: url("https://easysalon.vn/wp-content/themes/easysalon/images/new version/IMG_8543.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 602px;
	position: relative;
}
.page-about .about-bg .row{
	background: linear-gradient(180deg, rgba(0, 104, 255, 0) 0%, #001D47 100%);
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 !important;
	height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-about .about-bg h2{
	font-weight: 900;
	font-size: 95.9661px;
	line-height: 112px;
	color: #FFFFFF;
}
.page-about .about-bg span{
	font-weight: 700;
	font-size: 38px;
	line-height: 45px;
	color: #FFFFFF;
	opacity: 0.8;
}
.page-about .about-target .heading h2{
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	text-align: left;
	color: #0A1F44;
	position: relative;
}
.page-about .about-target .heading h2:after {
    position: absolute;
    content: '';
    height: 3px;
    bottom: -7px;
    margin: 0 auto;
    left: 0;
    width: 30%;
    background: #0068ff;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.page-about .about-target ul{
	list-style: none;
	padding: 0;
}
.page-about .about-target li,
.page-about .about-target p{
	font-weight: 400;
	font-size: 24px;
	line-height: 38px;
	color: #0A1F44;
}
blockquote {
    margin: 0 0 1rem;
    padding: 10px 0px 10px 15px;
    border-left: 2px solid #0068FF;
}
blockquote p{
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #0A1F44;
	margin: 0;
}
/* sidebar-menu */
.sidebar-menu h2{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.sidebar-menu ul{
	list-style: none;
	padding: 0;
}
.sidebar-menu li{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 14px;
	width: 280px;
	height: 44px;
	border-radius: 6px;
}
.sidebar-menu li:hover{
	box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 8%), 0px 4px 6px -2px rgb(16 24 40 / 3%);
}
.sidebar-menu li a{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #0A1F44;
}
.business-footer{
	text-align: center;
	padding: 50px 20px;
}
.business-footer h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #0A1F44;
}
.business-footer h5{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #0A1F44;
}
.business-footer h5 span{
	color: #56C22D;
}
.form-group{
	margin-top: 25px;
}
.business-footer .cta {
    background: #6ac03a;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #6ac03a;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}
.about-archive:before{
	content: '';
	background: linear-gradient(180deg,rgba(0,104,255,0) 0%,#001d47 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 !important;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-archive .page-title{
	bottom: 50px ;
	top: unset;
}
.about-archive .page-title h2{
	font-weight: 500;
	font-size: 64px;
	line-height: 88px;
}
.about-archive .page-title .content{
	font-weight: 400;
	font-size: 32px;
	line-height: 48px;
	width: 100%;
}
#register_popup .modal-content{
	border-radius: 8px !important;
}
#register_popup .register-popup-body{
	padding: 0 !important;
	height: 470px;
	overflow: hidden;
}
#register_popup .modal-header{
	border: none !important;
    padding: 0;
}
#register_popup .modal-title{
	font-weight: 700;
    font-size: 24px;
    line-height: 23px;
    text-align: center;
    color: #0A1F44;
    padding: 40px 25px 0 25px;
}
#register_popup .modal-title span{
	font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #8F9BB2;
}
#register_popup .modal-header .close{
	position: absolute;
    top: 22px;
    right: 22px;
}
#register_popup .register-popup-body .form-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 20px;
}
#register_popup .register-popup-body .form-wrapper iframe {
	height: 100%;
	border: none;
}
.content-bottom{
	text-align: center;
    padding-bottom: 36px;
}
.content-bottom h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #0A1F44;
}
.content-bottom span{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #0A1F44;
}
.content-bottom b{
	color: #56C22D;
}
/*--------------------------------*/
.service-container h3{
	text-align: center;
    font-weight: bold;
    color: #0a1f44;
    font-size: 42px;
}
.service-container .service-content{
	border-radius: 20px;
    box-shadow: 0 0 14px 5px #0000001f;
    padding: 30px;
    border-top: 20px solid #ffa92d;
	font-size: 18px;
}
.service-container .service-content .pkg-item{
	clear: both;
	margin-bottom: 40px;
}
.service-container .service-content .pkg-item .icon{
	float: left;
	width: 3%;
}
.service-container .service-content .pkg-item .content{
	float: left;
	width: 97%;
	margin-bottom: 25px;
}
.service-container .service-content .pkg-item .content ul{
	list-style: none;
}

/* Lazy load image */
.lazy {
	opacity: 0;
	transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
  }
  
  .lazy.loaded {
	opacity: 1;
  }