/***
Version:4.1;
Author:Jason Tong;
Website:www.zatt.com.au;
Date: 20/06/2019;
**/

/**===============================  Start home page style  ===============================================**/


.colorlib-heading {
    margin-bottom: 20px;
}

.colorlib-heading h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.colorlib-heading p {
    font-size: 18px;
}

.about-home {
    width: 100%;
    margin-top: 60px;
    height: auto;
    position: relative;
    padding-left:2em;

}

.about-home h1 {

    text-align: center;
    padding: 20px;
    font-size: 30px;
    line-height: 1.4;
    margin-top: 30px;
    margin-bottom: 0;

    font-weight: 700;
    /*
font-family: 'Playfair Display',serif;
*/
    font-family: 'Montserrat', sans-serif;

}

.about-home p {
    margin-block-start: 1em;
    margin-block-end: 1em;

    font-color: black;
    padding-left: 50px;
    padding-right: 50px;
    /*text-align: center;*/
    margin-bottom: 1rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    /*
font-family: 'Montserrat', sans-serif;
*/
    font-family: 'Montserrat', sans-serif;

}

.services-home {
    position: relative;
    height: auto;
    text-align: center;
    padding: 50px;
    

}

.services-row {
    padding-top: 30px;
    padding-bottom: 20px;
    align-content: center;

}

.services-img-grid1 {
    float: right;
    height: auto;


}

.services-img-grid2 {
    float: left;
    height: auto;

}

.image-container-left {
    overflow: hidden;
    right: 0;
    overflow: hidden;
    height: 67%;
    width: 96%;
    margin-top: 50px;
}
}

.image-container-left img {

    transition: .5s all;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: 100%;
    /*
max-height: : 100%;
width: auto;
*/
}

.clear {
    clear: both
}

.image-container-left:hover img {
    transform: scale(1.3);
    transition: .5s all;
}

.image-container-right {
    margin-top: 50px;
    left: 0;
    overflow: hidden;
    height: 67%;
    width: 96%;
}

.image-container-right img {
    transition: .5s all;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    /*
max-height: : 100%;
width: auto;
*/
}

.image-container-right:hover img {
    transform: scale(1.3);
}


.image-back-right {
    z-index: -1;
    position: absolute;
    background-color: rgba(245, 226, 219, 0.95);
    height: 75%;
    width: 45%;
    right: 0;
    margin-top: 6em;
}

.image-back-right-bottom {
    z-index: -1;
    position: absolute;
    background-color: rgba(245, 226, 219, 0.95);
    height: 76%;
    width: 65%;
    right: 0;
    margin-top: 5em;
}

.image-back-left {
    z-index: -1;
    position: absolute;
    background-color: rgba(245, 226, 219, 0.95);
    height: 75%;
    width: 45%;
    left: 0;
    margin-top: 7em;
}

.services-img-grid2 p {
    text-align: left;
    padding-right: 30px;
}

.services-img-grid1 p {
    text-align: left;
    /** padding-left: 30px; **/
}


.galleries-home {
    position: relative;
    height: auto;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 5em;


}





.service-text h2 {
    text-align: left;
}

.service-text-right h2 {
    /**
    padding-left: 30px;
    **/
}

.service-text-right h6 {
    padding-left: 30px;
}

.service-text h6 {
    text-align: left;
   /* text-decoration: underline; */
    font-size: 18px;
    color: #e8bbaa;
    padding-bottom: 0px;

}

.service-text-back {
    position: absolute;
    z-index: -1;
    left: 0;

}

.service-text-back h1 {
    font-size: 160px;
    padding-top: 0.6em;
    color: rgba(248, 234, 229, 0.89);

}

.divid-home {
    margin-top: 50px;
    height: 4px;
    width: 100%;
    background-color: rgba(245, 224, 217, 0.95);
}


footer {
    /*
  background: rgb(255, 125, 148);
  height:auto;
  text-align: center;
  */

}






/**=============================== End home page style  ==================================================**/


/* ================================= Start contact page style  ==================================================**/

.visit-container {
    height: auto;
    padding-top: 40px;
    /**
    padding-bottom: 50px;
    margin-bottom: 50px;
    */
}

.visit-info h3 {
    margin-bottom: 0px;
    font-size: 1.8rem;
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.visit-info h2 {
    margin-top: 0;
    font-size: 3.6rem;
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.visit-right {
    padding-top: 30px;
    padding-left: 30px;
}

.visit-left {
    padding-left: 10px;
}

.visit-note {
    font-weight: 500;
    color: #e8bbaa;
}

.divid-contact {
    margin-bottom: 60px;
    margin-top: 60px;
    height: 4px;
    width: 100%;
    background-color: rgba(245, 224, 217, 0.95);
}

.social-container {
    margin-top: 35px;
}

.social-left {
    padding-top: 60px;
    padding-left: 2em;
}

.social-right {
    position: relative;
    padding-right: 1em;
    padding-left: 30px;

}

.social-info h2 {
    margin-top: 0;
    font-size: 3.6rem;
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.openning-hours li {
    list-style: none;
    color: black;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Playfair Display', serif;

}

.openning-hours {
    margin-bottom: 4em;

}

.google-contact {
    padding-left: 50px;
    padding-right: 50px;
}

.contact-padding {
    padding-left: 50px;
    padding-right: 50px;
}

.contact-margin {
    height: 50px;
}

.social-right img {
    width: 100%;
}

.visit-info h4 {
    color: #e8bbaa;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

/* ================================= End contact page style  ==================================================**/

/* ================================= start new gallery style  ==================================================**/
.gallery-grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;


    margin-bottom: 50px;
}

.gallery-grid-container-home {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 6px;


    margin-bottom: 50px;
}

.gallery-grid-container div {
    text-align: center;
    padding: 0;
    overflow: hidden;

}

.gallery-grid-container-home div {
    text-align: center;
    padding: 0;
    overflow: hidden;

}

.gallery-grid-container div img {
    width: 100%;
    height: auto;
    transition: .5s all;
}

.gallery-grid-container-home div img {
    width: 100%;
    height: auto;
    transition: .5s all;
}


.gallery-item4 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}


.gallery-item {}

.gallery-item4 {}

.gallery-grid-container div:hover img {
    transform: scale(1.3);
}

.gallery-grid-container-home div:hover img {
    transform: scale(1.3);
}


/* ================================= End new gallery style  ==================================================**/

/* ================================= start new slide style  ==================================================**/
.newslider-container {

    padding: 0;
    margin: 0;
    background-image: url(images/bg-trans.png);
    background-size: cover;
    background-position: center;


}

.slide-image {
    overflow: hidden;


}

.slide-image img {
    padding-bottom: 40px;
    margin-left: -16px;
}

.carousel-inner .item {
    /*
    height: 656px;
    */
    height:767px;
    width: 100%;
}



.item img {
    width: 100%;
    height: auto
}


ol.carousel-indicators {
    /*
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
    right: 0;
    width: auto;
    */
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
    
    align-content: center;
     width: 10px;
  height: 10px;
  border-radius: 100%;
    margin: 5px;
   
    border: 0;
}

ol.carousel-indicators li {
    
    background: rgba(0, 0, 0, .25);
  
}

ol.carousel-indicators li.active {
    background: black;
}

.slide-text {
    padding-top: 170px;
    padding-left: 5em;
    padding-right: 3em;
    position: relative;
    height: auto;
}

.promotion-home {
    padding-top: 2em;
    height: auto;
    position: relative;
    margin-top: 1em;
    padding-left: 5em;
}

@media screen and (max-width: 768px) {
    .slide-text {
        padding-top: 170px;
        padding-left: 2em;
        padding-right: 3em;
        position: relative;
        height: auto;
    }

    .promotion-home {
        padding-top: 2em;
        height: auto;
        position: relative;
        margin-top: 1em;
        padding-left: 2em;
    }

}


.slide-text h1 p {
    font-family: 'Playfair Display', serif;
}

.slide-text h1 {
    font-weight: 900;
}

.slide-text p {
    line-hight: 1.6;
}



.promotion-left {
    display: flex;

}

.upto {
    font-size: 33;
    text-transform: uppercase;
    right: 100%;
    width: 50px;
    font-style: italic;
    font-weight: 600;
    top: 0;
    text-align: right;
    color: black;

}

.discount-number {
    font-size: 12rem;
    font-family: Steamer;
    color: #1f1f1f;
    font-weight: 700;
    line-height: 0;
    position: relative;
    margin-top: 40px;

}

.off {
    font-family: 'Playfair Display', serif;
    color: #363535;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.5;
}

.treat {
    color: #1f1f1f;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.5;
}

.discount-button {
    border: 1px solid #1f1f1f;
    border-radius: 5px;
    background-color: transparent;
    font-family: 'Playfair Display', serif;
    color: #1f1f1f;
    font-weight: 700;
    font-size: 18px;
    font-style: italic;
    padding: .5rem 2rem;
    margin-bottom: 0;
}


.discount-right {
    padding-left: 5px;
    margin-top: -38px;
}

.progress-bar {
    height: 3px;
    background: black;

}

.progress {
    height: 3px;
    background: rgba(0, 0, 0, .25);
    margin-bottom: 0px;
}

.slide-text h3 {
    margin-top: -12px;
    color: #000;
    font-weight: 600;
    font-size: 2rem;
    margin-top: -20px;
    font-family: 'Playfair Display', serif;
}

.slide-text p strong {
    color: #000;
    font-weight: 600;
    font-size: 2rem;
    margin-top: -20px;
    font-family: 'Playfair Display', serif;
}

.slide-margin-left {
    /*
    margin-top: 2em;
*/
}

.slide-margin-right {
    margin-top: -1em;
}

.dollar {
    margin-top: -20px;
    font-style: italic;

    color: #363535;
    font-size: 4.2rem;
    font-weight: 500;

    text-align: right;
    color: black;

}

.now {
    font-size: 2rem;
    font-weight: 600;
    top: 0;
    text-align: right;
    color: black;

}

.number-now {
    font-size: 12rem;
    color: #1f1f1f;
    font-weight: 700;
    line-height: 0;
    position: relative;
    margin-top: 40px;
    font-family: Steamer;
}

.number-now1 {
    font-size: 7rem;
    color: #1f1f1f;
    font-weight: 700;
    line-height: 0;
    position: relative;
    margin-top: 40px;
    font-family: Steamer;


}

.was {
    font-family: Steamer;
    color: #363535;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0.7em;
}






/* ================================= End new slide style  ==================================================**/


/* ================================= Start Nav Bar style  ==================================================**/

.nav-arrow-right {
    float: right;
    font-size: 13px;

}

.nav-arrow-down {
    float: right;
    font-size: 13px;
    display: none;

}

.sub-menu li a {
    display: block;
    color: black;
    font-size: 14px;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 400;

}

li[aria-expanded=false] a .nav-arrow-down {
    display: none;
}

li[aria-expanded=false] a .nav-arrow-right {
    display: inline-block;
}

li[aria-expanded=true] a .nav-arrow-right {
    display: none;
}

li[aria-expanded=true] a .nav-arrow-down {
    display: inline-block;
}


/* ================================= End Nav Bar style   ==================================================**/

/* ================================= Start About style   ==================================================**/

.about-right {

    background-size: cover;



}

.about-right img {

    width: 100%;
    height: auto;

}

.about-right {
    padding-top: 10px;
    padding-bottom: 20px;
}

.breadcrumb {
    background-color: white;
}

.crumb {
    text-align: right;
    background-color: white;
    z-index: 1000000;
}



.about-info {
    padding-right: 15px;

    border-right: 2px solid rgba(245, 224, 217, 0.95);
}

.about-info h3{
    text-transform: uppercase;
    color: #e8bbaa;
    margin: 0 0 30px 0;
    line-height: 1.3;
    font-size:22px;
    font-family: 'Playfair Display', serif;
}


}

.about-info p {
    font-size: 20px;

    padding-right: 15px;

}

.about-head {
    padding-left: 15px;
    text-align: center;
}

.about-content-container {
    
    margin-top: 3em;
    /*
    padding-top: 1em;
    */
    padding-bottom: 1em;
    /*
  background: #fbf5f3f2;
  */

}

.about-content-container h2 {

    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.about-content-container1 {
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    /*
  background: #fbf5f3f2;
  */

}

.about-content-container1 h2 {

    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.about-content b {
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    display: block;
    color: #ffb22e;
    font-weight: 700;
    margin-bottom: .7rem;
}


.why-info {}

.why-info h2 {
    text-align: center;
}

.why-info p {
    font-size: 18px;



}

.why-content {
    padding: 1.5rem;

}

.why-item {
    display: inline-flex;
    -webkit-align-items: center;
    margin-bottom: 18px;
    border-radius: 10px;

    padding: 2rem;

    box-shadow: 1px 1px 10px #9e9e9e;
    border: none;
}

.why-icon img {
    display: inline-block;
    vertical-align: middle;
}

.why-content-right {
    display: block;
    padding-left: 20px;
}

.why-image {
    padding-top: 6em;
}

.why-image img {
    width: 100%;
    margin-bottom: 15px;

}

.why-content-right p {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}


/* ================================= End About style   ==================================================**/

/* ================================= End Lash Services style   ==================================================**/
.lash-box {
    border: solid 1px black;
    padding: 5px;
    margin-left: 80px;
}

.lash-box-container {
    margin-bottom: 50px;

}

.lash-box-content {
    padding-left: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lash-box-content h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.lash-box-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin-bottom: 0.5rem;
}

.lash-compare-box {
    position: absolute;
    height: 150px;
    width: 150px;
    margin-top: 25px;
    border-radius: 30px;
    vertical-align: middle;
    border: solid 5px #f2d9dd;

}

.lash-compare-box:hover {
    transform: scale(2.5);
    margin-left: 120px;
    margin-top: 80px;
    transition: .5s all;
    border: solid 2px #f2d9dd;

}

.lash-item{
    padding-left:80px;
    
}

.lash-item-img{
    width:300px;
  
    overflow: hidden;
   
}

.lash-item-img img{
   width:300px;
    height:300px;
    transition: .5s all;
}

.lash-item-img:hover img {
    transform: scale(1.3);
    overflow: hidden;
}

.lash-one{
    padding-bottom:25px;
    background:#FFFAFA;
    padding-top:25px;
}

.lash-two{
    padding-bottom:25px;
    padding-top:25px;
    background: #ffffff;
}

/* ================================= End Lash Services style   ==================================================**/

/* ================================= Start Price List style   ==================================================**/
.skin-prices {
    margin-top: 3em;
}

.skin-prices-table thead {
    background-color: rgba(245, 224, 217, 0.95);
}

.skin-prices h2 {
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.skin-prices {
    color: black;
    font-family: 'Playfair Display', serif;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    border: none;
}

.lash-prices-table {
    margin-top: 1em;
    color: black;
    font-family: 'Playfair Display', serif;
}

.lash-prices-table h2 {
    padding-left: 15px;
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.eyebrow-prices {
    margin-top: 1em;
}

.eyebrow-prices h2 {
    font-weight: 900;
    font-family: 'Playfair Display', serif;
}

.eyebrow-table {
    color: black;
    font-family: 'Playfair Display', serif;

}

.skin-prices-table {
    color: black;
    font-family: 'Playfair Display', serif;
}

/* ================================= End Price List style   ==================================================**/

/**===============================  Start classic eyelash extension style  ===============================================**/
.full-set-eyelash-image img {
    width: 100%;

}

.full-set-eyelash {
    margin-top: 4em;
}



.full-set-eyelash-content h2 {
    font-weight: 900;
   /* font-family: monospace; */
    font-family: 'Montserrat', sans-serif;

}

.full-set-eyelash-content small{
    color:black;
    font-style: italic;
}

.full-set-eyelash-content {
    font-family: 'Playfair Display', serif;

}


.full-set-eyelash-content h4 {
  margin-bottom:10px;
    color:#444;
    font-size: 23px;
    font-family: 'Playfair Display', serif;

}

.half-eyelash-content{
  font-family: 'Playfair Display', serif;

}

.half-eyelash-content{
  margin-left:-15px;
}

.full-set-eyelash-image{
  margin-right:-15px;
}

.margin-bo{
  margin-top:5em;
}


/**===============================  End classic eyelash extension style  ===============================================**/



/**===============================  Start russian volume eyelash extension style  ===============================================**/

.russian-volume-grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 10px;

}

.russian-volume-grid-container div {
    text-align: center;
    padding: 0;
    overflow: hidden;

}

.russian-volume-grid-container div img {
    width: 100%;
    height: auto;
    transition: .5s all;
}


.russian-volume-item4 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}


.russian-volume-grid-container div:hover img {
    transform: scale(1.3);
}



/**===============================  End russian volume eyelash extension style  ===============================================**/
.table-space p{
  margin-bottom:25px;
}

/**===============================  Start body-treatment-massage style  ===============================================**/

.body-treatment-massage-box img{
  width:100%;
  height:auto;
}

.body-treatment-massage-box{
  
  border:1px solid #e6e6e6;
}

.body-treatment-massage-box h3{
  font-size: 20px;
}

.body-treatment-massage{
  padding-left:11px;
  padding-right:11px;
}

.body-treatment{
  margin-top:3em;
}

.body-treatment-massage-box{
  
   font-family: 'Playfair Display', serif;
   color:black;
}

.body-treatment-massage-box-content{
  padding-left:15px;
  padding-right:15px;
}



/**===============================  End body-treatment-massage style  ===============================================**/


/* ================================= Start eyebrow microblading misting style  ==================================================**/

.nav-arrow-plus {
    float: left;
    font-size: 13px;
    padding-top:8px;

}

.nav-arrow-minus {
    float: left;
    font-size: 13px;
    display: none;
    padding-top:8px;
}

.eyebrowhead a{
    text-decoration: none;
    color:black;
    font-size: 18px;
    padding-left:15px;
    vertical-align: middle
}

.eyebrowhead span{
    text-decoration: none;
    color:black;
    font-size: 18px;
    padding-left:15px;
    vertical-align: middle

}

.eyebrowhead a:hover{
    cursor: pointer;
    }


.eyebrowbody{
    padding-top:20px;
    color:black;
    padding-bottom:20px;
    margin-left: 33px;
}

.eyebrowbody p{
    font-size:16px;
    font-family: 'Montserrat', sans-serif;
}

.brow-line{
    width:100%;
    height:1px;
    background: black;
    margin-top:15px;
    margin-bottom: 15px;
}

div[aria-expanded=true] .brow-line {
    display: none;
}


div[aria-expanded=false] a .nav-arrow-minus {
    display: none;
}

div[aria-expanded=false] a .nav-arrow-plus {
    display: inline-block;
}

div[aria-expanded=true] a .nav-arrow-plus {
    display: none;
}

div[aria-expanded=true] a .nav-arrow-minus {
    display: inline-block;
}


.brow-video{
    margin-top:15px;
    width:100%;
    height:auto;
}

.eyebrow-ins{
    overflow: hidden;
}

.eyebrow-ins img {
    width: 100%;
    height: auto;
    transition: .5s all;
}

.eyebrow-ins img:hover {
    transform: scale(1.3);
}

.eyebrow-ins-contaniner{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 6px;
    padding-left:1em;
    padding-right: 1em;
   
}


.ins-bott{
    margin-top:4em;
}

.ins-bott h2{
    font-family: 'Montserrat', sans-serif; 
    text-align: center;
}
.ins-bott p{
    text-align: center;
    margin-bottom: 1em;
    font-size: 25px;
}

/* ================================= End Nav Bar style   ==================================================**/


@media screen and (max-width: 768px){
.services-home {
    padding:0px;
}

.service-text p{
text-align: justify;
}

.about-home p{
    text-align: justify;
    padding-left:2em;
    padding-right:2em;
}

.about-home{
    padding-left:0px;
}

.galleries-home {
    position: relative;
    height: auto;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 5em;


}


}

.galleries-ga{
     position: relative;
    height: auto;
    padding-top: 5em;
}


.more-link{
font-family: 'Playfair Display', serif;
    /*color: #1f1f1f;*/
    color: #e8bbaa;
    font-weight: 700;
    font-size: 21px;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
}

.more-link:hover{
    color: #F9CE00;
    text-decoration: none;
    cursor: pointer;
}

.end-book-link{
font-family: 'Playfair Display', serif;
    /*color: #1f1f1f;*/
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:20px;
    background-color:black;
    float: right;
   /* color: #e8bbaa;  */
   color:white;
    font-weight: 700;
    font-size: 24px;
    font-style: italic;
    font-family: 'Playfair Display', serif;
}

.end-book-link:hover{
    color: #F9CE00;
    text-decoration: none;
    cursor: pointer;
}

.margin-gap{
    margin-top:30px;
}

.colorlib-logo img{
    height:156px;
    width: 156px;
    margin-left:10px;
    margin-top:-15px;
}

.footer-logo img{
   height:150px;
    width: 150px;
    margin-left:15px; 
}

.margin-20{
    margin-top:20px;
}

.margin-50{
    margin-top:50px;
}