#preloader {
position: absolute;
top: 84px;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 1;
height: 100%;
}
    
    #status {
  height: 60px;
  width: 60px;
  margin: 40vh auto;
  border: 4px solid rgba(242,222,216,1);
  border-top: 4px solid rgb(0,0,0);
  border-radius: 50%;
  animation: rotate 2s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
   



.our-style-block .post-content {
    color: #000;
    font-size: 12px !important;
	font-weight:400 !important;
}

.our-style-block .post-content strong {
	font-weight:400 !important;
}

@media only screen and (max-width: 767px) {
.our-style-block .post-content {
    font-size: 12px !important;
    font-weight: 400 !important;
}
}

/***********************************CTA****************************************/

.CTAbutton,
.CTAbutton:visited {
    background-color: rgba(0, 0, 0, 1);
    color: #ffffff;
    padding: 12px 39px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
    border: 0px solid #000;
    text-decoration: none;
    box-shadow: inset 0 0 0 0 rgba(242, 222, 216, 1);
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.CTAbutton:hover,
.CTAbutton:active {
    text-decoration: none;
    border: 0px solid rgba(242, 222, 216, 1);
    box-shadow: inset 0 -100px 0 0 rgba(242, 222, 216, 1);
    color: #000000;
}

.CTAbutton2,
.CTAbutton2:visited {
    background-color: rgba(242, 222, 216, 1);
    color: #000000;
    padding: 12px 39px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
    border: 0px solid #000;
    text-decoration: none;
    box-shadow: inset 0 0 0 0 #000000;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.CTAbutton2:hover,
.CTAbutton2:active {
    text-decoration: none;
    border: 0px solid #000000;
    box-shadow: inset 0 -100px 0 0 #000000;
    color: #ffffff;
}


.CTAbuttonoutlined,
.CTAbuttonoutlined:visited {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    padding: 10px 37px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
    border: 2px solid #000000;
    text-decoration: none;
    box-shadow: inset 0 0 0 0 rgba(242, 222, 216, 1);
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.CTAbuttonoutlined:hover,
.CTAbuttonoutlined:active {
    text-decoration: none;
    border: 2px solid rgba(242, 222, 216, 1);
    box-shadow: inset 0 -100px 0 0 rgba(242, 222, 216, 1);
    color: #000;
}


.CTAbuttonoutlinedwhite,
.CTAbuttonoutlinedwhite:visited {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    padding: 10px 37px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
    border: 2px solid #fff;
    text-decoration: none;
    box-shadow: inset 0 0 0 0 rgba(242, 222, 216, 1);
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.CTAbuttonoutlinedwhite:hover,
.CTAbuttonoutlinedwhite:active {
    text-decoration: none;
    box-shadow: inset 0 -100px 0 0 rgba(242, 222, 216, 1);
    border: 2px solid rgba(242, 222, 216, 1);
    color: #000;
}


.ctalarge {
    padding: 12px;
    display: block;
}



@media screen and (max-width: 991px) {
    
    .CTAbutton,
.CTAbutton:visited {
    padding: 12px 6px;
     display: block;
     width: 98%;
}
    

.CTAbutton2,
.CTAbutton2:visited {
        padding: 12px 6px;
     display: block;
     width: 98%;
}


.CTAbuttonoutlined,
.CTAbuttonoutlined:visited {
    padding: 10px 4px;
      display: block;
     width: 98%;
}


.CTAbuttonoutlinedwhite,
.CTAbuttonoutlinedwhite:visited {
    padding: 10px 4px;
      display: block;
     width: 98%;
}
 
    
}

@media screen and (max-width: 512px) {
    .CTAbutton,
.CTAbutton:visited {
    letter-spacing: 0.12em;
    font-size: 8px;
    padding: 10px 6px;
}
    

.CTAbutton2,
.CTAbutton2:visited {
    letter-spacing: 0.12em;
    font-size: 8px;
     padding: 10px 6px;
}


.CTAbuttonoutlined,
.CTAbuttonoutlined:visited {
    letter-spacing: 0.12em;
    font-size: 8px;
     padding: 8px 4px;
}


.CTAbuttonoutlinedwhite,
.CTAbuttonoutlinedwhite:visited {
    letter-spacing: 0.12em;
    font-size: 8px;
      padding: 8px 4px;
}
}





/************************************LINK STYLE****************************************/

.productlink {
    display: inline;
    background-color: #f2f2f2;
    color: #000;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.productlink:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}


.smallproduct a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;

}






/************************************no wrap****************************************/

.nowrap {
    white-space: nowrap;
}




/************************************HR****************************************/

hr {
    color: #000000;
    background-color: #000000;
    height: 2px;
}

.hr2 {
    color: #000000;
    background-color: #000000;
    height: 1px;
}










/**********************************UNIVERSAL ELEMENTS***********************************/

.beautyconcierge {
    margin: 0 auto;
    display: block;
    width: 236px;
}



/************************************Helpers****************************************/

.center {
    text-align: center;
}


.allcap {
    text-transform: uppercase;
}

.bold {
    font-weight: 700;
}



/*****************Responsive helpers********************/
/***lg_desk***/

@media screen and (min-width: 1200px) {
    .lg_desk {
        display: block;
    }

    .sm_desk {
        display: none;
    }

    .lg_tablet {
        display: none;
    }

    .sm_tablet {
        display: none;
    }

    .phone {
        display: none;
    }
}

/***sm_desk***/

@media screen and (max-width: 1199px) {
    .lg_desk {
        display: none;
    }

    .sm_desk {
        display: block;
    }

    .lg_tablet {
        display: none;
    }

    .sm_tablet {
        display: none;
    }

    .phone {
        display: none;
    }
}

/***lg_tablet***/

@media screen and (max-width: 991px) {
    .lg_desk {
        display: none;
    }

    .sm_desk {
        display: none;
    }

    .lg_tablet {
        display: block;
    }

    .sm_tablet {
        display: none;
    }

    .phone {
        display: none;
    }
}

/***sm_tablet***/

@media screen and (max-width: 767px) {
    .lg_desk {
        display: none;
    }

    .sm_desk {
        display: none;
    }

    .lg_tablet {
        display: none;
    }

    .sm_tablet {
        display: block;
    }

    .phone {
        display: none;
    }
}

/***phone***/

@media screen and (max-width: 510px) {
    .lg_desk {
        display: none;
    }

    .sm_desk {
        display: none;
    }

    .lg_tablet {
        display: none;
    }

    .sm_tablet {
        display: none;
    }

    .phone {
        display: block;
    }
}



@media screen and (max-width:509px){
.hide-lgmobile
{display: none;}
}

@media screen and (min-width:450px) and (max-width:509px){
.visible-lgmobile
{display: block;}
}


@media screen and (max-width:450px){
.hide-smmobile
{display: none;}
}


@media screen and (min-width:375px) and (max-width:450px){
.visible-smmobile
{display: block;}
}


@media screen and (max-width: 375px) {
.hide-xsmobile
{display: none;}
}

@media screen and (max-width: 375px) {
.visible-xsmobile
{display: block;}
}