:focus, :active {
    outline: none;
}

html body, body button, body input, body select, body table, body textarea, body h1, body strong{font-family: "Montserrat" !important;color:#333;}

body .breadcrumbs li{font-size: .85rem;}

body .breadcrumbs a{font-family: "Montserrat";}

body .std ul li{
    list-style: none;
    margin: 0;
}
body a{color:#151515;}
body a:hover{
    opacity:0.8;
    text-decoration: none;
    color: inherit;
}
body .nav-primary a{
    font-family: "Montserrat";
    font-size: 1.15rem;
}
body #header-search{
    display: none;
}
body .header-language-background{
    display:none;
}
body .logo{
    display: inline-block;
    float: left;
    max-width: 100%;
    min-height: 100%;
    width: 344px;
    height: auto;
    padding: 23px 0;
    margin: 0;
}
body #header-nav{
    float: right;
    padding: 0;
    padding-right: 4vw;
    margin: 0;
    border: 0;
    text-transform:uppercase;
}
body .header-language-container, body .page-header{
    position: relative;
    padding-top: 0;
    max-width: 100%;
    width: 100%;
    z-index: 5;
    box-shadow: 0px 0px 7px -1px black;
    height: 71px;
    padding: 0 2.5%;
    white-space: normal;
}

body #header-cart {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

body .nav-primary{
    float: left;
    white-space: nowrap;
    margin-top: 0;
}
body .nav-primary a.level0{
    color: #000;
    display: inline-block;
    width: auto;
    text-align: center;
    height: 71px;
    padding: 0 1vw;
    line-height: 70px;
}
body .nav-primary .menu-active a.level0{
    background: red;
    opacity:1;
    color:#FFF;
    font-weight: bold;
}

div#main-body {
    position: relative;
    margin: 7.5rem 2.5rem;
}

body .footer-container{
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    float: left;
    background: #e8e8e8;
}
body:not(.cms-home) .col1-layout .col-main, body:not(.cms-home) .col2-left-layout .main, body:not(.cms-home) .col3-layout .main {
    float: none;
    width: auto;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 50px;
}
html body.cms-home .main-container,body .main-container{
    padding-top: 20px;
    max-width: 100%;
    padding: 0;
    margin-top: 1px;
    position: relative;
    z-index: 4;
}
.nav-primary li.menu-red{
    background: red;
}
.nav-primary li.menu-red > a{
    color: #fff;
    padding: 20px 25px;
    font-weight: bold;
}
body .nav-primary li{
}
body .slideshow-container .slideshow{
    border: 0;
    width: 100%;
}
body .nav-primary a:hover, body .nav-primary li:hover > a{
    color:#111;
    opacity:0.6;
}
body .nav-primary li.level0 ul.level0 {
    top: 70px;
    left: -1px;
    background: #fff;
    width: 300px;
}
body .nav-primary li.level0 ul.level0 ul.level1 {
    top: -1px;
    left: 298px;
    background: #fff;
    width: 300px;
}
body .nav-primary li.level1 a{
    border:0;
    padding: 10px;
}
body .nav-primary li.level1 a:hover{
    color:red;
    opacity:1;
}
body .skip-links{
    display: block;
    float: right;
    width: 40px;
    clear: none;
    overflow: visible;
    position: relative;
    left: 15px;
}
body .skip-links .header-minicart{
    margin-top: 13px;
    padding-right: 20px;
}
body .skip-cart .icon,body .skip-cart:not(.skip-active):hover .icon{
    background: url(../images/custom/cart-ico.png) no-repeat;
    width: 34px;
    height: 33px;
    text-indent: unset;
}
body a.skip-link{
    position:relative;
}
body .skip-cart .count,body .skip-cart.no-count .count{
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: white;
    border-radius: 3px;
    display: initial;
    width: auto;
    height: auto;
    padding: .2rem;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}
body .skip-cart .count:before, body .skip-cart .count:after{
    display:none;
}
body a.skip-link > span.label{
    display:none;
}
body .block-title{
    border:0;
}
body .footer .block-title, body .footer address{
    color:red;
    padding: 0;
}
body .block-title h2, body .block-title h3, body .block-title strong{
    color:red;
    font-size: 1rem;
    font-weight: bold;
}
body .footer .block-title strong{
    font-weight: 600;
}
body .footer .links a{
    color:#151515;
    font-size: 1rem;
}
body .footer{
    border: 0;
    background: #e8e8e8;
    padding: 30px 70px;
    box-shadow: inset 1px 1px 4px -1px #bbb;
}
body .block-title h2, body .block-title h3, body .block-title strong{
    font-family: "Montserrat";
}
body .footer, body .footer button{
    font-family: "Montserrat";
}
.footer-links-custom {
    display: block;
    width: 100%;
    font-size: .9rem;
    text-transform: uppercase;
    background: #e8e8e8;
    float: left;
}
.footer-links-custom .flinks {
    display: block;
    float: left;
    width: 22%;
}
.footer-links-custom .flinks.connect-with {
    width: 25%;
}
.footer-links-custom .flinks .flink-header {
    color: red;
    font-weight: bold;
}
.footer-links-custom .flinks ul {
}
.footer-links-custom .flinks ul li {
    display: block;
    padding: 5px 0;
}
.footer-links-custom ul li:focus a {
    color: red;
}
.footer-links-custom .flinks ul ul {
}
body .page-header-container .store-language-container{
    display:none;
}

.home-content #stylist-page-home .owl-carousel.owl-drag .owl-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 .75rem;
}

.social-placeholder{
    display: block;
    float: left;
    width: 100%;
}
.social-placeholder .slink{
    float: left;
    clear: both;
    display: block;
}
.social-placeholder .slink a{
    display: block;
    float: left;
    padding: 15px 0;
    padding-right: 30px;
}
.social-placeholder .copyright{
    float: left;
    font-size: 12px;
    padding-top: 100px;
}
.social-placeholder .copyright span{
    white-space: normal;
    float: left;
    clear: both;
}
.footer .toTop {
    position: absolute;
    bottom: 1rem;
    right: 5vw;
}
.footer .toTop button {
    margin: 0;
    padding: 0 .5rem;
    background-color: red;
    color: white;
    font-size: 2rem;
    transform: rotate(90deg);
    border: none;
    cursor: pointer;
}
.footer .toTop button:active, .footer .toTop button:focus {
    outline: none;
}

#branch-container {
    position: relative;
    padding: 0;
}
#branch-container.services-page{
    height: 1300px;
}
#branch-container .branch-list {
    display: block;
    float: left;
    width: 100%;
}
#branch-container .branch-list .branch-item.active .branch-detail{
    display: block;
}
#branch-container .branch-list .branch-item.cat {
    padding-bottom: .75rem;
}
#branch-container .branch-list .branch-item.cat ul li {
    padding: .25rem .5rem;
}
#branch-container .branch-list .branch-item .banch-pointer {
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: .25rem;
}
#branch-container .branch-list .branch-item.cat ul li .banch-pointer {
    padding: 0;
}
#branch-container .branch-list .branch-item .banch-pointer .branch {
    font-size: .85rem;
}
#branch-container .branch-list .branch-item ul li .banch-pointer .branch {
    font-weight: 500;
}
#branch-container .branch-list .branch-item .branch-detail {
    float: right;
    width: 825px;
    position: absolute;
    /*
    height: 25px;
    top: 29px;
    */
    overflow: visible;
    padding: 0;
    display: none;
    top: 0;
    left: 374px;
}
#branch-container .branch-list .branch-item .branch-detail h3 {
    display: block;
    float: left;
    clear: both;
    font-size: 1.15rem;
    font-weight: bold;
    color: #131313;
}
#branch-container .branch-list .branch-item .branch-detail .branch-img {
    max-width: 100%;
    display: block;
    float: left;
}
#branch-container .branch-list .branch-item .branch-detail .brach-details {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0px;
    font-size: .85rem;
    color: #131313;
    font-weight: 500;
}
#branch-container .branch-list .branch-item .branch-detail .brach-details .branch-address {
    display: block;
    float: left;
    width: 309px;
    margin-right: 190px;
}
#branch-container .branch-list .branch-item .branch-detail .brach-details .branch-open-hours {
    display: block;
    float: left;
    width: 150px;
}
#branch-container .branch-detail .book-btn {
    display: block;
    float: right;
    clear: both;
    background: red;
    color: #fff;
    font-size: 1rem;
    padding: 6px 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 90px;
}

#branch-container .branch-detail:before {
    position: absolute;
    left: 0;
    top: 0;
    content:"";
    width: .25rem;
    height: 100%;
    border-left: 1px solid #b3b1b1;
}

#branch-container .branch-list .branch-item.active .banch-pointer .branch{
    opacity:0.4;
}
.services-container {
    display: block;
    float: left;
    width: 100%;
}
.services-container .service-tab {
    height: 35px;
    overflow: hidden;
}
.services-container .service-tab.aktif {
    height: auto;
}
.services-container .service-tab .service-type-tab {
    color: #131313;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9rem;
    cursor: pointer;
    position: relative;
    display: block;
    width: 245px;
}
.services-container .service-tab .service-type-tab:before{
    display:block;
    content:'';
    width: 20px;
    height: 32px;
    float: right;
    background: url(../images/custom/arrow.png) no-repeat;
    background-position: 0px -30px;
}
.services-container .service-tab.aktif .service-type-tab:before{
    background-position: 0 8px;
}
.services-container .service-tab .branch-list, #branch-container .branch-list {
    width: auto;
    height: auto;
    display: inline-block;
    margin-top: .25rem;
}
.services-container .service-tab .branch-list .branch-item {
}
.services-container .service-tab .branch-list .branch-item .banch-pointer {
    padding-left: 36px;
}
.services-container .service-tab .branch-list .branch-item .banch-pointer .branch {
    font-weight: 500;
}
.services-container .service-tab .branch-list .branch-item .branch-detail {
}
.services-container .service-tab .branch-list .branch-item .branch-detail h3 {
}
.services-container .service-tab .branch-list .branch-item .branch-detail .branch-img {
}
.services-container .service-tab .branch-list .branch-item .branch-detail .brach-details {
}
.services-container .service-tab .branch-list .branch-item .branch-detail .brach-details .service-desc {
    font-size: .85rem;
    text-align: justify;
}
#branch-container .services-container .service-tab .branch-list .branch-item .branch-detail .book-btn {
    margin-top: 10px;
}

#branch-container {
    max-width: 78vw;
    text-align: left;
}

#branch-container .branch-detail {
    display: none;
    padding-left: .5rem;
}

#branch-container .active {
    position: relative;
    display: inline-block;
    max-width: 58vw;
}

#branch-container .branch-detail img {
    max-width: 100%;
}

.services-container .service-tab .branch-list .branch-item .branch-detail .service-media {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    /* background: yellow;
     */
    /* height: 380px;
     */
    /* overflow-x: hidden;
     */
    /* overflow-y: scroll;
     */
}
.services-container .service-tab .branch-list .branch-item .branch-detail .service-media iframe {
    display: block;
    float: left;
    width: 535px;
}
.service-video-media {
    padding-top: 50px;
}
.service-video-media #main-play {
}
.service-video-media .video-list {
    display: block;
    float: right;
    background: #dde1dd;
    padding: 10px;
    height: 316px;
    overflow-y: scroll;
    width: 260px;
}
.service-video-media .video-list img {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
    cursor: pointer;
}
.service-video-media .video-list img:hover{
    opacity:0.6;
}
/* width */
.service-media ::-webkit-scrollbar {
    width: 20px;
}
/* Track */
.service-media ::-webkit-scrollbar-track {
    background: #f1f1f1;
    background:yellow;
}
.service-media ::-webkit-scrollbar-track-piece {
    padding:10px;
    background:#dde1dd;
}
/* Handle */
.service-media ::-webkit-scrollbar-thumb {
    background: red;
    border-radius:10px ;
    margin:100px;
    border:7px solid #dde1dd;
}
/* Handle on hover */
.service-media ::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#stylist-page {
    display: block;
    width: 1225px;
    margin: 0 auto;
    max-width: 100%;
}
#stylist-page .main-profile {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    padding-top: 50px;
}
#stylist-page .main-profile .irwan-profile {
    display: block;
    float: left;
}
#stylist-page .main-profile .irwan-profile img {
    float: left;
    max-width: 100%;
    width: 450px;
    margin-right: 30px;
}
#stylist-page .main-profile .irwan-profile .profile-desc {
    padding: 0;
    float: right;
    width: 700px;
}
#stylist-page .main-profile .irwan-profile p {
    margin-bottom: 15px;
    font-size: .85rem;
    color: #131313;
    text-align: justify;
}
#stylist-page .stylist-grid {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 80px;
}
#stylist-page .stylist-grid .stylist-list {
    display: block;
    float: left;
}
#stylist-page .stylist-grid .stylist-list .item {
    display: block;
    float: left;
    width: 20%;
    padding: 0px 30px;
    margin-bottom: 30px;
    text-align: center;
}
#stylist-page .stylist-grid .stylist-list .item .thumb-stylist {
    cursor: pointer;
}
#stylist-page .stylist-grid .stylist-list .item .thumb-stylist .img-stylist {
    width: 100%;
}
#stylist-page .stylist-grid .stylist-list .item .thumb-stylist .thumb-name {
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 1rem;
    color: #131313;
    padding-top: 25px;
    font-weight: 500;
}
.fancybox-slide .popup-container {
    /* display: none;
     */
    width: 680px;
    padding: 10px 20px;
    /* padding-top: 0;
     */
}
.fancybox-slide .popup-container .popup-content {
    display: block;
    padding: 25px;
    text-align: center;
    padding-top: 0;
}
.fancybox-slide .popup-container .popup-content .thumb-name {
    text-transform: uppercase;
    display: block;
    font-size: 1rem;
    padding: 10px;
    border-bottom: 1px solid grey;
    margin: 10px;
    font-weight: 600;
    color: #131313;
    margin-bottom: 25px;
    padding-top: 0;
}
span.thumb-name {
}
.fancybox-slide .popup-container .popup-content .thumb-popup {
    float: left;
    text-align: center;
    width: 250px;
}
.fancybox-slide .popup-container .popup-content .thumb-popup .img-stylist-pop {
    display: inline-block;
    max-width: 100%;
    clear: both;
    float: left;
    width: 100%;
}
.fancybox-slide .popup-container .popup-content .thumb-popup .insta-url {
    display: block;
    clear: both;
    float: left;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.fancybox-slide .popup-container .popup-content .thumb-popup .insta-url .thumb-insta {
    display: inline-block;
}
.fancybox-slide .popup-container .popup-content .stylist-schedule {
    display: block;
    float: right;
    text-align: left;
    width: 270px;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 500;
    color: #131313;
}
.fancybox-slide .popup-container .popup-content .stylist-schedule li {
    display: block;
    float: left;
    clear: both;
    font-size: .9rem;
}
.fancybox-slide .popup-container .popup-content .stylist-schedule li .day-schedule {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    font-weight: 500;
}
.fancybox-slide .popup-container .popup-content .stylist-schedule li .loc-schedule {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 15px;
    cursor: pointer;
    font-weight: 300;
}
.fancybox-slide .popup-container .popup-content .stylist-schedule li .loc-schedule:hover{
    color:red;
}
.popup-container{
    display:none;
}
#booking-page {
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
}
#booking-page * {
    color:#131313;
    font-size: 1rem;
    text-transform: uppercase;
}
#booking-page .booking-header {
    text-align: center;
    padding: 20px 10px;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
    font-weight: 600;
    color: #131313;
    font-size: 1.25rem;
}
#booking-page.booking-cart .booking-header {
    border-bottom: 0;
}
#booking-page .booking-choose {
}
#booking-page .booking-choose .booking-selection {
}
#booking-page .booking-choose .booking-selection .item {
    border-bottom: 1px solid #ccc;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#booking-page .booking-choose .booking-selection .item .subtitle {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    font-weight: 600;
    padding: 20px 0;
}
#booking-page .booking-choose .booking-selection .item .selection-container {
    display: block;
    float: left;
    width: 100%;
    padding-left: 30px;
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services {
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item {
    display: block;
    float: left;
    clear: both;
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item .select {
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item .service-detail {
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item .service-detail .price-info {
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item .service-detail .close-selection {
}
#booking-page .booking-choose .booking-selection .item .selection-container .list-services .service-item .service-detail .close-selection a {
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder {
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0;
}
#booking-page .service-item .select {
    display: block;
    float: left;
    width: 300px;
    margin-right: 1rem;
    padding: 3px;
    text-align: center;
    background: none;
    border: 1px solid #131313;
    font-size: .9rem;
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .service-detail {
    display: block;
    float: left;
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .service-detail .price-info {
    float: left;
    width: 300px;
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .service-detail .close-selection {
    float: left;
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .service-detail .close-selection a {
    display:block;
    font-size: 0;
}
#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .service-detail .close-selection a:before {
    display:none;
    content:'X';
    font-size: .9rem;
    padding-left: 30px;
}
#booking-page .booking-choose .booking-selection .item .selection-container .add-services {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 30px;
    margin-top: 15px;
    color: red;
}
#booking-page .block-total {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
#booking-page .block-total .list {
    display: block;
    float: right;
    width: 60%;
    padding: 15px 0;
}
#booking-page .block-total .list.left{
    float: left;
    padding-top: 7.5rem;
    text-align: left;
    width: 400px;
}
#booking-page .block-total .list li {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
#booking-page .block-total .list li #terms{
    float: left;
    display: inline-block;
    padding: 10px;
    margin: 5px 0;
    margin-right: 5px;
}
#booking-page .block-total .list.left li {
    float: left;
}
#booking-page .block-total .list li .tots {
    font-weight: 600;
    font-size: 16px;
    width: 40%;
    float: left;
    text-align: right;
}
#booking-page .block-total .list li .tots-price {
    display: block;
    float: left;
    text-align: right;
    width: 60%;
}
#booking-page .block-total .list li button.button {
    display: block;
    float: right;
    margin-top: 15px;
    width: 300px;
    padding: 11px 0;
    background: #fff;
    border: 1px solid red;
    padding-top: 20px;
}

#booking-page .block-total .list li.button-next {
    padding-top: 5rem;
}

#booking-page .block-total .list.left li button.button{
    float: left;
}
#booking-page .block-total .list li button.button span{
    font-size: 1rem;
    font-weight: 600;
}
#booking-page .block-total .list li button.button:hover{
    opacity:0.6;
}
#booking-page .cart-body {
    display: block;
    width: 50%;
}
#booking-page .cart-body .more-detail {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}
#booking-page .cart-body .more-detail li {
    display: block;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
}
#booking-page .cart-body .more-detail li:first-child{
    border-top : 1px solid #ccc;
    padding: 30px 0;
}
#booking-page .cart-body .more-detail li span {
    font-size: .9rem;
    display: block;
    clear: both;
    width: 100%;
    font-weight: 600;
}
#booking-page .cart-body .more-detail li .select {
    margin-left: 30px;
    display: block;
    width: 300px;
    text-align: center;
    background: none;
    border: 1px solid #131313;
    font-size: .9rem;
    padding: 3px;
    margin-top: 15px;
}
#booking-page .cart-body .choosen-booking {
    display: inline-block;
    width: 60%;
    background: #e8e8e8;
    padding: 30px;
}
#booking-page.booking-end .cart-body .choosen-booking {
    width: 49%;
}
#booking-page .cart-body .choosen-booking .detail-booking {
    display: block;
    width: 100%;
}
#booking-page.booking-end .cart-body .choosen-booking .detail-booking{
    /* width: 50%;
     */
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item {
    clear: both;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item span {
    font-weight: 600;
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item .service-item {
    margin-left: 30px;
    clear: both;
    padding-top: 15px;
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item .service-item span {
    max-width: 15rem;
    font-weight: 300;
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item .service-item .service-detail {
    float: right;
    width: 260px;
}
#booking-page .cart-body .choosen-booking .detail-booking .book-item .service-item .service-detail .price-info {
    text-transform: none;
}
#booking-page .block-total .list li p{
    font-size: .85rem;
    text-transform: none;
    text-align: right;
    display: block;
    width: 520px;
    float: right;
    padding: 15px 0;
}
#booking-page.booking-end .cart-body{background: #e8e8e8;}


#booking-page .final-booking {float: none;width: 600px;margin: 0 auto;text-align: center;}

#booking-page .final-booking .thank {display: block;width: 100%;text-align: center;border-bottom: 1px solid #ccc;padding-top: 50px;padding-bottom: 20px;margin-bottom: 20px;font-weight: 500;}

#booking-page .final-booking .short-text {text-transform: none;text-align: center;font-weight: 500;font-size: .85rem;}

#booking-page .final-booking .thecode {display: inline-block;padding: 10px 0;font-size: .9rem;font-weight: 700;}

#booking-page .button.back.end{margin: 0 auto;float: none;display: block;margin-top: 70px;width: 300px;padding: 11px 0;background: #fff;border: 1px solid red;padding-top: 20px;}

#booking-page .button.back.end span{font-size: 1rem;font-weight: 600;}

#booking-page .booking-choose .booking-selection .item .selection-container .selection-placeholder .service-item .cart-item{
    display: block;
    float: left;
    width: 300px;
    text-align: left;
    background: none;
    border: 0;
    font-size: .9rem;
    padding: 3px;
}
.home-content{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}

.home-content .block-left{display: block;float: left;/* background: red; */width: 750px;}
.home-content .block-right{display: block;width: 450px;/* background: black; */float: left;}

#stylist-page-home {
    width: 700px;
}

.home-content #stylist-page-home {width: 749px;position: relative;float: left;}

.home-content #stylist-page-home h1 {color: #333;font-family: "Montserrat";font-size: 1.15rem;display: block;padding: 6px 0;border-bottom: 1px solid #cdcdcd;}

.home-content #stylist-page-home h1 strong {

}

.home-content #stylist-page-home .stylist-grid-home {position: relative;padding-top: 1.5rem; padding-bottom: 2rem; white-space: nowrap; overflow: hidden;}

.home-content #stylist-page-home .stylist-grid-home .stylist-list {position: static;}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item {list-style-type: none;margin: 0;}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .thumb-stylist {padding: 0;}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .thumb-stylist .img-stylist {
    max-width: 14rem;
    display: block;
    margin-left: 0;
    margin-right: 0;
    border-radius: 100%;
}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .thumb-stylist .thumb-name {display: block;width: 100%;text-align: center;padding-top: 20px;text-transform: none;color: #333;font-weight: 600;font-size: .9rem;}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .thumb-name {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .thumb-popup {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .thumb-popup .img-stylist-pop {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .thumb-popup .insta-url {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .thumb-popup .insta-url .thumb-insta {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .stylist-schedule {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .stylist-schedule li {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .stylist-schedule li .day-schedule {

}

.home-content #stylist-page-home .stylist-grid-home .stylist-list .item .popup-container .popup-content .stylist-schedule li .loc-schedule {

}

body #stylist-page-home .owl-nav {position: absolute;top: 0px;right: 0;}

body #stylist-page-home .owl-nav button.owl-prev {background: url(../images/custom/arrow2.png) no-repeat;width: 29px;height: 33px;text-indent: -99999em;}
body #stylist-page-home .owl-nav button.owl-next {background: url(../images/custom/arrow2.png) no-repeat;width: 29px;height: 33px;text-indent: -99999em;background-position: -37px 0px;}

body #berita .owl-nav {position: absolute;top: 0px;right: 0;}
body #berita .owl-nav button.owl-prev {background: url(../images/custom/arrow2.png) no-repeat;width: 29px;height: 33px;text-indent: -99999em;}
body #berita .owl-nav button.owl-next {background: url(../images/custom/arrow2.png) no-repeat;width: 29px;height: 33px;text-indent: -99999em;background-position: -37px 0px;}

#berita {display: block;float: right;width: 400px;position: relative; white-space: nowrap; overflow: hidden;}

#berita h1 {color: #333;font-family: "Montserrat";font-size: 1.15rem;display: block;padding: 6px 0;border-bottom: 1px solid #cdcdcd;}

#berita .news-container .owl-stage-outer .owl-stage .owl-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 .75rem;
}

#berita .news-container .owl-stage-outer .owl-stage .owl-item li {width: 100%;}

#berita .news-container .owl-stage-outer .owl-stage .owl-item li .img-news {width: 100%;}

#berita .news-container .owl-stage-outer .owl-stage .owl-item li .judul-berita ,
#berita .news-container .owl-stage-outer .owl-stage .owl-item li .tgl-news
{display: block;float: left;width: 100%;clear: both;text-transform: capitalize;font-size: 1rem;font-weight: 700;padding: 15px 0;line-height: 20px; white-space: normal}
#berita .news-container .owl-stage-outer .owl-stage .owl-item li .tgl-news{
    padding: 0;
    font-size: .85rem;
    padding-bottom: 10px;
}

#berita .news-container .owl-stage-outer .owl-stage .owl-item li .short-desc {display: block;float: left;width: 100%;height: 90px;overflow: hidden;font-size: .85rem;font-weight: 500;padding-bottom: 0; white-space: normal;}

#berita .news-container .owl-stage-outer .owl-stage .owl-item li .readmore {color: red;font-size: .9rem;font-weight: 600; white-space: normal;}

.news-page {
    padding: 4rem 2rem;
}

#testimoni {display: block;width: 100%;clear: both;position: relative; padding-bottom: 2rem;}
#testimoni h1 {color: #333;font-family: "Montserrat";font-size: 1.15rem;display: block;padding: 6px 0;border-bottom: 1px solid #cdcdcd;}
#testimoni h1 strong {}
#testimoni .testimoni-list {position: static;}
#testimoni .testimoni-list .owl-stage-outer {}
#testimoni .testimoni-list .owl-stage-outer .owl-stage {}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item {}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item li {}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item li .testi-desc {display: block;/* width: 100%; */background: url(../images/custom/bgtestimony.jpg) no-repeat;padding: 20px 30px;height: 136px;background-size: 100%;text-align: center;font-size: .85rem;font-weight: 500;}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item li .t-block {display: block;float: right;font-size: .9rem;font-weight: 500;}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item li .t-block .t-nama {}
#testimoni .testimoni-list .owl-stage-outer .owl-stage .owl-item li .t-block .t-pekerjaan {}
#testimoni .testimoni-list .owl-nav {}
#testimoni .testimoni-list .owl-nav .owl-prev {}
#testimoni .testimoni-list .owl-nav .owl-prev span {}
#testimoni .testimoni-list .owl-nav .owl-next {}
#testimoni .testimoni-list .owl-nav .owl-next span {}
#testimoni .testimoni-list .owl-dots {}
#testimoni .testimoni-list .owl-dots .owl-dot {}
#testimoni .testimoni-list .owl-dots .owl-dot span {}
#testimoni .testimoni-quote { display: none }

#facebook-fp {display: block;width: 400px;float: right;}
#facebook-fp h1 {color: #333;font-family: "Montserrat";font-size: 1.15rem;display: block;padding: 6px 0;border-bottom: 1px solid #cdcdcd;}
#facebook-fp h1 strong {}
#facebook-fp .fb-container {height: 90px;}
#facebook-fp .fb-container .fb_reset {}
#facebook-fp .fb-container .fb_reset div {}
#facebook-fp .fb-container .fb_reset div div {}
#facebook-fp .fb-container .fb_reset div div #fb_xdm_frame_https {}
#facebook-fp .fb-container .fb-page {}
#facebook-fp .fb-container .fb-page span {}
#facebook-fp .fb-container .fb-page span iframe {}

.book-brand {width: 100%;float: left;}
.book-brand .book-banner {display: block;width: 100%;}
.book-brand .book-banner img {width: 100%;}
.book-brand .brands {display: block;width: 1200px;margin: 0 auto;text-align: center;}
.book-brand .brands li {display: inline-block;padding: 40px 50px;max-width: 100%;}
.book-brand .brands li img {}

.insta-container {}
.insta-container h1 {color: #333;font-family: "Montserrat";font-size: 1.15rem;display: block;padding: 6px 0;border-bottom: 1px solid #cdcdcd;}
.insta-container h1 strong {}
.insta-container .insta-widget {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 60px;
    height: 237px;
    overflow: hidden;
}
.insta-container .insta-widget .lightwidget-widget {}

body .breadcrumbs{height: 40px;padding: 20px 0;width: 100%;margin: 0 auto;padding-bottom: 32px;}

#new-container {display: block;width: 100%;}
#new-container .konten {display: block;width: 100%;}
#new-container .konten li {padding: 0 2em; padding-bottom: 2em; display: inline-block; width: calc(33% - 30px); margin-right: 30px;margin-bottom: 40px; border: 1px solid #ededed; vertical-align: top}
#new-container .konten li .img-news {max-width: 100%;width: 100%;}
#new-container .konten li .judul-berita {width: 100%; display: block;padding: 15px 0;padding-bottom: 0px;font-weight: 600;font-size: 1.15rem;}
#new-container .konten li .tgl-news {font-size: .85rem;display: block;padding-bottom: 20px; text-transform: Capitalize;}
#new-container .konten li .tgl-news em {font-style: normal;color: red;}
#new-container .konten li .short-desc {font-size: .85rem;font-weight: 500;height: 18rem;overflow: hidden;margin-bottom: 20px;}
#new-container .konten li .readmore {color: red;font-weight: 600;font-size: .9rem;}

#new-container .konten li img:first-child {
    max-width: 100%;
    max-height: 209px;
}

#detail-news-container {display: block;width: 100%;padding-top: 20px;padding-bottom: 60px;}
#detail-news-container .judul-berita {display: block;width: 100%;font-size: 1.15rem;font-weight: 600;text-transform: capitalize;}
#detail-news-container .tgl-news {font-size: .85rem;font-weight: 600;display: block;padding-bottom: 10px; text-transform: Capitalize;}
#detail-news-container .tgl-news em {font-style: normal;color: red;}
#detail-news-container .main-content-news {display: block;width: 100%;font-size: 16px;font-weight: 500;}
#detail-news-container .main-content-news p {display: block;max-width: 100%;font-size: .85rem;font-weight: 500;margin-bottom: 20px;}
#detail-news-container .main-content-news img {max-width:100%; max-height: 600px;}

#booking-page.booking-checkout .cart-body .more-detail li  .sub-address li {border: 0;padding: 10px 0;}
#booking-page.booking-checkout .cart-body .more-detail li .sub-address li.one-line{display: block;width: 100%;}
#booking-page.booking-checkout .cart-body .more-detail li .sub-address li input{width: 390px;margin-left: 30px; text-transform: none}
#booking-page.booking-checkout .cart-body .more-detail li .sub-address li.one-line select{width: 190px;padding: 3px;margin: 0;margin-left: 5px;margin-right: 5px;}
#booking-page.booking-checkout .cart-body .more-detail li .sub-address li.one-line input{width: 126px;margin-left: 0px;}
#booking-page.booking-checkout .cart-body .more-detail li .sub-address li.one-line select:first-child{margin-left: 30px;}
#booking-page .cart-body .more-detail li.voucher-code-line input{margin-left: 30px;margin-top: 21px;width: 390px; text-transform: none}
#booking-page.booking-checkout .block-total .list.left{padding-top: 40px;}
#booking-page.booking-checkout .cart-body .more-detail li.shipping-line .select{width: 390px;}
.brach-details p {
    margin: 1em 0;
}

.brach-details ol {
    list-style : decimal;    
}

.brach-details ol li {
    margin: 1em;   
}

.box-account p:first-child {
    text-transform: capitalize;
}

.owl-carousel .owl-item img:first-child {
    max-height: 200px;    
}

.owl-carousel .owl-item p {
    margin: 0;
    padding: 0;
}

.list-cat-c li {
    padding: .25rem 0;
    font-size: 1.15rem;
    font-weight: normal;
}

.list-cat-c ul li {
    padding: .25rem 0 .25rem 1rem;
}

.list-cat-c li:hover {
    font-weight: 600;
}

.offers-page-c {
    text-align: left;
}

.offers-page-c .offer-content-c {
    display: inline-block;
    padding: .6rem .8rem;
}

.offers-page-c img {
    max-width: 360px;
    max-height: auto;
}

.offers-page-c h3 {
    text-align: center;
}

.offers-page-c b {
    padding: 1rem 0;
}

.offers-body {
    padding: 2rem;
}

.content-offers-in {
    width: 900px;
    display: inline-block;
    padding-right: 50px;
}

.offers-post {
    width: 1200px;
}

.offers-input {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

#profile-page .main-page, #profile-page .second-page {
    max-width: 90vw;
    text-align: left;
    margin: 2.5rem 0;
}

#profile-page .main-page .img, #profile-page .main-page .p {
    display: inline-block;
    vertical-align: top;
    max-width: 50vw;
    margin: 1.5vw;
}

#profile-page .main-page .img img {
    max-width: 32vw;
    border-radius: 100%;
}

#profile-page li {
    display: inline-block;
    vertical-align: top;
    margin: 1vw;
}

#profile-page li img {
    max-width: 14rem;
    border-radius: 100%;
}

#profile-page li h5 {
    margin-top: 1rem;
    text-align: center;
}

.academy-form {
    max-width: 60rem;
}

.academy-form .title {
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #a0a0a0;
}

.academy-form .form-left {
    display: inline-block;
    padding: 1rem 0;
    padding-right: 2.5rem;
    text-align: left;
}

.academy-form .form-left .title {
    text-align: left;
    border: none;
}

.academy-form .form-right {
    display: inline-block;
    padding: 1rem 0;
    padding-left: 2.5rem;
    text-align: left;
    vertical-align: top;
}

.academy-form .form-right .title {
    text-align: left;
    border: none;
}

.academy-form .form-right .btn-submit {
    padding: 10rem 0;
    text-align: right;
}

.academy-form .form-right .btn-submit button {
    padding: .5rem 2rem;
    border: none;
    background-color: red;
    color: white;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
}

.academy-form .input {
    padding: 0 1rem;
}

.academy-form .input > * {
    width: 25rem;
    display: block;
    margin: .5rem 0;
}

.academy-form .input > .d-initial {
    width: auto;
    display: initial;
}

#booking-page .cart-body .more-detail li .select#province, #booking-page .cart-body .more-detail li .select#city {
    width: 390px;
}

.profile-main, .my-account {
    padding: 5rem 2rem;
}

.display-none {
    display: none !important;
}