@font-face {
    font-family: 'Font1';
    src: url("fonts/NarzissProCy.otf") format("opentype");
    src: url('fonts/NarzissProCy-Bold-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Font2';
    src: url("fonts/ShreeDev0714-Italic-03.otf") format("opentype");
    src: url('fonts/ShreeDev0714-Italic-03.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Font3';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

* {
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
     letter-spacing: 2px;
}

.form,
.form iframe {
    display: block;
    height: 100vh !important;
    width: auto;
    overflow: scroll;
    pointer-events: auto;
}


::-webkit-scrollbar {
    display: none;
}

.navbar-light .navbar-toggler {
    border: none;
}

.navbar-brand {
    font-family: 'Font1', serif;
    font-size: 1em;
}

.navbar-collapse ul li a {
    color: black;
    font-size: .7em;
}

.footer {
    padding-top: 10%;
    justify-content: center;
    width: 100%;
    border-color: #DAEAF3;
}

.footer a {
    color: rgb(176, 177, 180);
    font-size: .5em;
    text-transform: none;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.container-fluid {
    padding: 0;
}

/* GALLERY */
.photo-feed {
    width: 100%;
    margin: 0;
    padding: 0;
}

iframe {
    width: 1px;
    min-width: 100%;
    width: 100%;
/*     -webkit-overflow-scrolling: touch; */
}


body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.main-header {
    height: 20em;
}

.mobile-header-logo {
    margin-top: 2em;
    margin-bottom: 2em;
}


.header-wrapper {
    display: flex;
    flex-direction: column;
    transform: translateY(-5em);
}

.header-title {
    font-family: 'Font1', serif;
    display: inline-flex;
    justify-content: left;
    font-size: 1.5em;
    margin: .5em;
}


.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18em;
    transform: scale(.3);
}

.nav {
    z-index: 100;
}

.nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    align-items: center;
    padding-left: 0;

}

.nav-item a {
    font-size: .8vw;
    display: flex;
    flex-direction: row;
    color: #2c465a;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: italic;
    padding: .6em;
    margin: .6em;
    flex: 20%;
    transition: ease-in-out 250ms;
}

.nav-item a:hover {
    transform: scale(1.1);
}

.main-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3em;
    max-width: 100%;
}

.main-content-column {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    justify-content: center;
    align-items: center;
    background-color: rgba(230, 222, 222, 0.5);
    margin: 0em;
    padding-bottom: 0%;
    margin-bottom: 0%;
    padding-top: 1.5%;
}

.social-side {
    position: fixed;
}

.logo-item-photo {
    height: 40px;
}

.mechat {
    -webkit-animation: pulsate-fwd 0.5s ease-in-out 2s 5 both;
    animation: pulsate-fwd 0.5s ease-in-out 2s 5 both;
    margin-left: 12% !important;
}

.mechat:hover {
    transform: rotate(360deg) scale(1.5);
    transition-duration: .5s;
}


.first-block {
    /* TODO ALIGN CENTER */
    background-color: #f9f9f7;
    width: 95%;
    justify-content: center;

}

.first-block-wrapper {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
}


.blue-bubble-container {
    display: block;
}

.blue-bubble-container a {
    z-index: 3 !important;
}

.blue-bubble {
    -webkit-animation: pulsate-bck 2s ease-in-out infinite both;
    animation: pulsate-bck 2s ease-in-out infinite both;
    width: 114%;
    height: auto;
    z-index: 2 !important;
    margin-left: 10%;
}

.photo-model-container {
    width: 100%;
    max-width: 100%;
}

.photo-model {
    z-index: 4;
    margin-left: 10%;
    max-width: 70%;
    height: auto;
    position: absolute !important;
    top: 15% !important;
}

.drawing {
    max-width: 60%;
    position: absolute !important;
    top: -15% !important;
    margin-left: 50%;
}

.lips {
    max-width: 30%;
    position: absolute !important;
    top: 100% !important;
    margin-left: 70%;
}

.second-block {
    width: 100%;
    padding: 5%;
}

.header-quote-wrapper {
    display: flex;
    align-content: center;
    text-align: center;
    width: 100%;
    flex-direction: column;
    color: #7bb77fce;
    font-style: italic;
    letter-spacing: 10px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.header-quote-wrapper h3:first-child {
    text-decoration: underline;
    font-size: 3.5vw;
    margin: 0;
    margin-left: -30%;
}

.header-quote-wrapper h3 {
    text-decoration: underline;
    font-size: 3.5vw;
    margin: 0;
    margin-left: 20%;
    font-weight: 600;
}


.third-block {
    width: 100%;
    background-color: #f9f9f7;
}

.third-block-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.woman {
    object-fit: cover;
    max-width: 50%;
    height: auto;
    flex: 50%;
    transform: scale(.7) translatey(-5%);
}

.statistics {
    -webkit-animation: swing-in-top-fwd 2.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 2.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation-delay: 1.5s;
    width: 50%;
    flex: 50%;
}

.hands-wrapper {
    display: inline-block;
    width: 100%;
    height: auto;
}

.hands-magic-text {
    -webkit-animation: pulsate-bck 2s ease-in-out infinite both;
    animation: pulsate-bck 2s ease-in-out infinite both;
    padding: 2em;
}


/* START OF OUR SERVICES SECTION */

.fourth-block {
    background-image: url(../img/Source/backgroundServices.png);
    /* Full height and width*/
    height: 100%;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
    padding-top: 14%;
}

.fourth-block-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fourth-block-wrapper img {
    max-width: 100%;
    height: auto;
}


.fourth-block-wrapper h2 {
    letter-spacing: 4px;
    font-weight: 900;
    font-style: italic;
    color: white;
    background-color: rgba(200, 230, 240, 0.15);
    box-shadow: 10px 10px 10px 10px rgba(200, 230, 240, 0.15);
    border-radius: 30%;
    margin-top: 0%;
    margin-bottom: -10%;
    font-size: 2.5vw;
}

.services-wrapper {
    display: flex;
    flex-direction: row;
    padding-top: 20%;
    margin-top: 20%;
}

.left-block-wrapper p {
    color: #848484;
    margin-left: 15%;
    font-size: 1.3vw;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 35px;
}


.left-block-wrapper ul {
    list-style: none;
    display: flex;
    margin-bottom: 10%;
    margin-left: -15%;

}

.left-block-wrapper ul li {
    display: block;
    margin-left: 15%;
    width: 50%;
    cursor: pointer;
}

.left-block-wrapper ul li:hover {
    transform: scale(1.15);
    transition: 500ms all ease-in-out;
}

.left-block-wrapper ul li:first-child {
    width: 40%;
}

.left-block-wrapper {
    display: flex;
    flex-direction: column;
    margin-right: 10%;
    flex: 50%;
}

.go-to-gallery {
    text-align: center;
    width: 10em;
    height: auto;
    margin-left: 23%;
    padding: .5em;
    border: .25px solid #848484;
    color: #748C72;
    cursor: pointer;
    letter-spacing: 1px;
}

.go-to-gallery:hover {
    color: #748C72;
    border: .25px solid #DA5E58;
    transition: 500ms all ease-in-out;
}

.right-block-wrapper {
    margin-left: 4em;
    color: #DA5E58;
    text-transform: none;
    letter-spacing: 2px;
}

.right-block-wrapper p {
    text-transform: none;
    letter-spacing: 1px;
}

.text-top h3,
.text-bottom h3 {
    font-size: 1.5vw;
    font-weight: bold;
}

.right-block-wrapper .text-bottom a {
    font-size: 1vw;
    color: #DA5E58;
    font-weight: bold;
    line-height: .1em;
    letter-spacing: 0.9px;
}

.text-bottom a:hover {
    text-decoration: underline;
    transition: 500ms all ease-in-out;
}

.text-bottom h3 {
    font-size: 1.5vw;
}

.text-bottom p {
    margin-bottom: 0;
    text-transform: uppercase;
}

/* Pictures SERVICES SECTION */

.service-pictures-container {
    /* padding: 2em;
    margin-top: 10%;
    margin-bottom: 0%;
    display: flex;
    width: 100%; */
    display: block;
    position: relative;
    width: 100%;
    height: 900px;
}

.picture-item {
    opacity: 1 !important;
    display: block;

}

.picture-item a img {
    max-width: 100% !important;
    height: auto;
}


.picture-item h3 {
    color: #748C72;
    font-weight: normal;
    font-size: 1vw;
    padding: 0;
    margin: 0;
}

.picture-item h3:hover {
    color: rgb(218, 94, 88);
    transition: 500ms all ease-in-out;
}

.picture-item a:hover {
    text-decoration: none !important;
}

.red-lips-header:hover {
    color: #748C72;
    transition: 500ms all ease-in-out;
}

.signature-lips-photo h3 {
    color: rgb(218, 94, 88);
}

.keratin-lash-photo {
    z-index: 1;
    position: absolute;
    top: 77%;
    left: 17%;
    /* z-index: 1;
    margin-top: 60%;
    margin-right: -3%;
    margin-left: 15%; */
}

.signature-brows-photo {
    z-index: 2;
    position: absolute;
    top: 35%;
    left: 35%;
    /* z-index: 2;
    margin-top: 30%;
    color: #748C72; */
}

.signature-lips-photo {
    z-index: 3;
    position: absolute;
    top: 20%;
    left: 60%;
    /* z-index: 3;
    margin-left: -3%;
    margin-top: 20%; */
}

.lash-enhancement-photo {
    z-index: 4;
    position: absolute;
    top: 77%;
    left: 60%;
    /* z-index: 4;
    margin-top: 65%;
    margin-left: -20%; */
}

/* 
                                        FAQ 
*/

body {
    color: #4B4B4B;
    font-family: sans-serif;
}

body a {
    cursor: pointer;
    color: #4B4B4B;
    text-decoration: none;
}


body section h1 {
    text-transform: uppercase;
    text-align: center;

}

body section p,
body section a {
    text-align: center;
    letter-spacing: 3px;
}

span {
    letter-spacing: 0px;
}

p {
    font-weight: 200;
    line-height: 1.5;
    font-size: 14px;
    text-transform: none;
}



/* Styles for Accordion */
.myaccordion {
    max-width: 500px;
    margin: 50px auto;
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border: none;
    border-bottom: 1px solid #EDEFF0;
    border-top: 1px solid #EDEFF0;
}

.myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: transparent;
}

.myaccordion .fa-stack {
    font-size: 18px;
}

.myaccordion .btn {
    font-weight: 400;
    color: #DA5E58;
    text-decoration: none;
    text-transform: uppercase;
    background-color: none;
    text-align: left;
    padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none;
}

.myaccordion li+li {
    margin-top: 10px;

}

.card-body {
    text-transform: none;
}

/* 
                CONTACT US SECTION 
*/
.map {
    padding: 0;
    margin: 0;
}

.contact-details {
    padding-top: 13em;
    display: flex;
    flex-direction: column;

}

.contact-details a {
    text-decoration: none;
    color: #638b66;
    font-size: 1em;
    font-weight: 900;
    font-family: sans-serif;
}

.social {
    display: flex;
    padding-top: 3em;
}

.logo-item-photo {
    min-width: 100px;
    margin: 2em;
}

.logo-item-photo:hover {
    transform: rotate(360deg) scale(1.5);
    transition-duration: .5s;
}

/* 
                    PRICES
 */
.prices-main {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.prices-main-block {
    background-color: rgba(230, 222, 222, 0.5);
    width: 20%;
    height: auto;
    padding-bottom: 4%;
    margin-top: 5%;
    font-size: 1.1em;
}

.brow-pmu {
    margin-left: 23%;
}

.brow-pmu h3 {
    color: #7bb77f;
    font-weight: 600;
}

.brow-pmu h5 {
    text-transform: lowercase;
    font-weight: 600;
}

.lip-pmu {
    margin-left: 23%;
}

.lip-pmu h3 {
    font-weight: 600;
    color: #DA5E58;
}

.lip-pmu h5 {
    text-transform: lowercase;
    font-weight: 600;
}

.eye-pmu {
    margin-left: 23%;
}

.eye-pmu h3 {
    font-weight: 600;
    color: #7bb77f;
}

.eye-pmu h5 {
    text-transform: lowercase;
    font-weight: 600;
}

.prices-main-block a {
    color: #7bb77f;
    text-decoration: underline;
    margin-top: 50%;
    margin-left: 23%;
    font-size: 1.2em;
}


/* 
                            RESPONSIVE DESIGN 
*/
.tmblr-iframe-compact .tmblr-iframe--unified-controls {
    display: none;
}

iframe {
    width: 100%;
    overflow: auto;
}

/* Small devices (portrait phones) */
@media (max-width: 767px) and (min-width: 219px) {

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    font,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    caption {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
        letter-spacing: 2px;
    }


    /* HEADER FOR MOBILES */

    .main-header-desktop {
        display: none;
    }

    .main-header {
        height: 100%;
    }

    .nav-wrapper {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .nav {
        margin-left: -25%;
        z-index: 100;
    }

    .header-title {
        font-size: 1em;
    }


    .logo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 8em;
        margin-left: 37%;
        margin-top: -7%;
        transform: scale(1.2);
    }

    .nav-item {
        font-size: 1em;
        margin-top: 0em;
    }

    .nav-item a {
        text-align: center;
        color: white;
    }

    .nav-item a:hover {
        transform: scale(1.05);
    }

    .social-side {
        display: none;
    }

    .logo-item-photo {
        display: none;
    }


    /* body */
    .main-content {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-top: 0em;
        max-width: 100%;
    }

    .first-block {
        background-color: #f9f9f7;
        width: 95%;
        justify-content: center;
    }

    .drawing {
        display: none !important;
    }

    .lips {
        display: none !important;
    }

    .second-block {
        width: 100%;
        padding: 5%;
    }

    .main-content-column {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .header-quote-wrapper {
        margin-bottom: 20px;
    }

    .header-quote-wrapper h3 {
        font-size: 5vw;
        letter-spacing: 2px;
    }

    .header-quote-wrapper h3 {
        margin-left: 20%;
    }

    .header-quote-wrapper h3:first-child {
        margin-left: -25%;
        font-size: 5vw;
    }

    .third-block {
        width: 100%;
        background-color: #f9f9f7;
        transform: translateY(0%);
    }

    .third-block-wrapper {
        overflow: hidden;
        width: 100%;
        height: 40vh;
    }


    .statistics {
        width: 50%;
        height: 40vh;
        flex: 50%;
        animation: none;
        -webkit-animation: none;
        transform: none;
    }

    .woman {
        max-width: auto;
        height: 40vh;
        transform: scale(.9);
        margin-left: 5%;
    }


    .fourth-block-wrapper h2 {
        font-size: 1.3em;
        margin-bottom: -15%;
    }

    .left-block-wrapper {
        display: none;
    }

    .right-block-wrapper {
        margin-left: 3%;
        margin-right: 0;
        letter-spacing: 1px;
        text-align: center;
    }

    .right-block-wrapper h3 {
        font-size: .7em;
    }

    .right-block-wrapper p {
        text-transform: none;
        letter-spacing: 1px;
        font-size: .7em;
    }

    .left-block-wrapper ul li {
        display: none;
    }

    .text-bottom {
        display: none;
    }

    .service-pictures-container {
        height: 120vh;
        width: 100%;
    }

    .picture-item h3 {
        font-size: 2vw;
    }

    .picture-item a img {
        width: 80%;
    }

    .signature-lips-photo {
        z-index: 4;
        top: 10%;
        left: 68%;
        width: 40%;
    }

    .lash-enhancement-photo {
        z-index: 3;
        top: 51%;
        left: 68%;
        width: 40%;
    }

    .signature-brows-photo {
        z-index: 2;
        top: 20%;
        left: 25%;
        width: 70%;
    }

    .keratin-lash-photo {
        z-index: 1;
        top: 53%;
        left: 0%;
        width: 50%;
    }


    /* Contact Us */
    .contact-us-wrapper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
    }

    .contact-details {
        padding-top: 5%;
        margin-left: 0em;
    }

    .contact-details a {
        font-size: .7em;
    }

    .logo-items {
        width: 50px;
        height: auto;
    }

    /* PRICES */
    .prices-main-block {
        width: 100%;
        height: auto;
        padding-bottom: 4%;
        margin-top: 0;
        font-size: 1.1em;
    }

    /* GALLERY */
    .photo-feed {
        width: 100%;
        margin: 0;
        padding: 0;

    }

    iframe {
        width: 100%;
    }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

    /* MAIN */
    .main-header-desktop {
        display: none;
    }

    .main-header {
        height: auto;
    }

    .nav-wrapper {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .nav {
        margin-left: -25%;
        z-index: 100;
    }

    .nav-item a:hover {
        transform: scale(1.05);
    }

    .header-title {
        font-size: 1em;
    }


    .logo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 8em;
        margin-left: 37%;
        margin-top: -7%;
        transform: scale(1.2);
    }

    .nav-item {
        font-size: 1em;
        margin-top: 0em;
    }

    .nav-item a {
        text-align: center;
        color: white;
    }

    .social-side {
        display: none;
    }

    .logo-item-photo {
        display: none;
    }


    /* body */
    .main-content {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-top: 0em;
        max-width: 100%;
    }

    .first-block {
        background-color: #f9f9f7;
        width: 95%;
        justify-content: center;
    }

    .drawing {
        z-index: 1 !important;
        width: 50%;
        top: 0% !important;
    }

    .lips {
        top: 100% !important;
    }


    .second-block {
        width: 100%;
        padding: 5%;
    }

    .main-content-column {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .header-quote-wrapper {
        margin-bottom: 20px;
    }

    .header-quote-wrapper h3 {
        font-size: 5vw;
        letter-spacing: 2px;
    }

    .header-quote-wrapper h3 {
        margin-left: 20%;
    }

    .header-quote-wrapper h3:first-child {
        margin-left: -25%;
        font-size: 5vw;
    }

    .third-block {
        width: 100%;
        background-color: #f9f9f7;
        transform: translateY(0%);
    }


    .statistics {
        width: 50%;
        flex: 45%;
        transform: scale(1)translateY(-0%);
    }

    .fourth-block-wrapper h2 {
        font-size: 1.3em;
        margin-bottom: -15%;
    }

    .left-block-wrapper {
        display: none;
    }

    .left-block-wrapper ul {
        margin-bottom: 10%;
        margin-left: 0%;
    }

    .go-to-gallery {
        width: 11em;
        margin-left: 35%;
        letter-spacing: 1px;
    }

    .right-block-wrapper {
        margin-left: 3%;
        margin-right: 0;
        letter-spacing: 1px;
        text-align: center;
    }

    .right-block-wrapper h3 {
        font-size: .7em;
    }

    .right-block-wrapper p {
        text-transform: none;
        letter-spacing: 1px;
        font-size: .7em;
    }

    .left-block-wrapper ul li {
        display: none;
    }

    .text-bottom {
        display: none;
    }

    .services-wrapper {
        padding-top: 20%;
        margin-top: 20%;
    }

    .signature-lips-photo {
        z-index: 4;
        top: 10%;
        left: 68%;
        width: 40%;
    }

    .lash-enhancement-photo {
        z-index: 3;
        top: 51%;
        left: 68%;
        width: 40%;
    }

    .signature-brows-photo {
        z-index: 2;
        top: 20%;
        left: 35%;
        width: 100%;
    }

    .keratin-lash-photo {
        z-index: 1;
        top: 53%;
        left: 10%;
        width: 50%;
    }

    .picture-item h3 {
        font-size: .7rem;
    }

    .fourth-block {
        height: 100%;
    }


    /* Contact Us */
    .contact-details {
        padding-top: 1%;
    }

    .contact-details a {
        font-size: .7em;
    }

    /* PRICES */

    .prices-main-block {
        width: 80%;
        height: auto;
        padding-bottom: 4%;
        margin-top: 5%;
        font-size: 1.1em;
    }

    /* GALLERY */
    .photo-feed {
        width: 90%;
        margin: 0;
        padding: 0;
    }

    iframe {
        width: 90%;
        overflow: scroll;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1223px) {

    /* MAIN */
    .main-header-mobile,
    .mobile-header-logo {
        display: none;
    }

    .size-fix {
        height: 60vh !important;
    }


    .social-side {
        position: absolute;
        margin-top: -17vh;
        margin-left: -2%;
    }

    .logo-item-photo {
        height: 35px;
        margin: 1em;
    }

    .main-content-column {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .lips {
        transform: scale(.6) translatex(220%) translatey(280%);
    }

    .header-quote-wrapper h3 {
        font-size: 4vw;
    }

    .header-quote-wrapper h3:first-child {
        font-size: 4vw;
    }


    .left-block-wrapper p {
        margin-left: 20%;
        font-size: 1.2em;
    }

    .left-block-wrapper ul {
        margin-bottom: 10%;
        margin-left: 0%;
    }

    .go-to-gallery {
        margin-left: 30%;
        letter-spacing: 1px;
    }

    .right-block-wrapper {
        margin-left: 10%;
        margin-right: -5%;
        color: #DA5E58;
        text-transform: none;
        letter-spacing: 2px;
    }

    .picture-item h3 {
        font-size: 1.5vw;
    }

    /* Contact Us */
    .contact-details {
        padding-top: 1%;
    }

    .contact-details a {
        font-size: .7em;
    }

    /* PRICES */
    .prices-main-block {
        width: 70%;
        height: auto;
        padding-bottom: 4%;
        margin-top: 5%;
        font-size: 1.1em;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {

    /* Main */
    .nav-item a {
        font-size: .7rem;
    }

    .size-fix {
        height: 55vh !important;
    }


    .main-header-mobile,
    .mobile-header-logo {
        display: none;
    }

    .services-wrapper {
        width: 100%;
        padding-top: 20%;
        margin-top: 25%;
    }

    .right-block-wrapper {
        margin-left: 0;
        width: 35%
    }

    .left-block-wrapper {
        width: 50%;
    }


    .left-block-wrapper ul {
        width: 80%;
        height: auto;
        padding-top: 5%;
        margin-left: 0;
    }

    .go-to-gallery {
        padding: .2em;
        font-size: 1em;
    }

    .text-top h3,
    .text-bottom h3 {
        font-size: 1vw;
    }

    .right-block-wrapper .text-bottom a {
        font-size: .7vw;
    }

    .lips {
        transform: scale(.6) translatex(220%) translatey(250%);
    }

    .header-quote-wrapper h3 {
        font-size: 2.3vw;
        font-weight: 600;
        font-style: italic;
    }

    .header-quote-wrapper h3:first-child {
        font-size: 2.3vw;
        margin-left: -20%;
        font-weight: 600;
        font-style: italic;
    }

    .social-side {
        margin-top: -12vh;
        margin-left: 0%;
    }

    .logo-item-photo {
        margin: 1em;
    }

    .left-block-wrapper ul li {
        width: 20%;
        margin-left: 5%;
    }

    .left-block-wrapper ul li:first-child {
        width: 15%;
        margin-left: 15%;
    }

    /* Contact Us */
    .contact-us-wrapper {
        width: 90%;
        margin-left: 10%;
    }

    .contact-details a {
        font-size: .9em;
    }

    .mapouter iframe {
        text-align: right;
        /* height: 800px;
        width: 800px; */
    }

    /* PRICES */
    .prices-main-block {
        width: 40%;
        height: auto;
        padding-bottom: 4%;
        margin-top: 5%;
        font-size: 1.1em;
    }


}

/* landscape */
@media screen and (min-width: 320px) and (max-width: 1000px) and (orientation: landscape) {

    .third-block-wrapper,
    .woman,
    .statistics {
        height: 120vh;
    }

    .fourth-block {
        padding-top: 35%;
    }
}



/* landing styles */
.landing .card {
    background: transparent;
    border: none;
}

.landing h2 {
    font-size: 1.4rem;
    letter-spacing: 3px;
    color: black;
    font-weight: 900;
    line-height: 40px;
}

.landing p {
    font-size: .9rem;
    color: black;
}

.book-now-btn {
    border-radius: 0;
    background-color: #000000d6;
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation: neon1 1.5s ease-in-out infinite alternate;
}

.book-now-btn:hover {
    color: black;
    background-color: transparent;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}


@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 5px #fff, 0 0 20px rgb(168, 224, 243), 0 0 36px rgb(168, 224, 243), 0 0 41px rgb(168, 224, 243), 0 0 51px rgb(168, 224, 243), 0 0 60px rgb(168, 224, 243);
    }

    to {
        text-shadow: 0 0 2px #fff, 0 0 10px rgb(168, 224, 243), 0 0 15px rgb(168, 224, 243), 0 0 20px rgb(168, 224, 243), 0 0 25px rgb(168, 224, 243), 0 0 30px rgb(168, 224, 243);
    }
}

@-moz-keyframes neon1 {
    from {
        text-shadow: 0 0 5px #fff, 0 0 20px rgb(168, 224, 243), 0 0 36px rgb(168, 224, 243), 0 0 41px rgb(168, 224, 243), 0 0 51px rgb(168, 224, 243), 0 0 60px rgb(168, 224, 243);
    }

    to {
        text-shadow: 0 0 2px #fff, 0 0 10px rgb(168, 224, 243), 0 0 15px rgb(168, 224, 243), 0 0 20px rgb(168, 224, 243), 0 0 25px rgb(168, 224, 243), 0 0 30px rgb(168, 224, 243);
    }
}

@keyframes neon1 {
    from {
        text-shadow: 0 0 5px #fff, 0 0 20px rgb(168, 224, 243), 0 0 36px rgb(168, 224, 243), 0 0 41px rgb(168, 224, 243), 0 0 51px rgb(168, 224, 243), 0 0 60px rgb(168, 224, 243);
    }

    to {
        text-shadow: 0 0 2px #fff, 0 0 10px rgb(168, 224, 243), 0 0 15px rgb(168, 224, 243), 0 0 20px rgb(168, 224, 243), 0 0 25px rgb(168, 224, 243), 0 0 30px rgb(168, 224, 243);
    }
}

.blockquote {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: .7rem !important;
    color: black;
}

.card-img-overlay {
    font-family: 'Pragati Narrow', sans-serif;
    top: 75%;
    left: 65%;
    font-size: 10px !important;
    color: black;
    font-weight: bold;
}

.button-down {
    background-color: rgba(30, 143, 255, 0);
    /* Blue background */
    border: none;
    /* Remove borders */
    color: #D8EAF1;
    /* White text */
    padding: 12px 16px;
    /* Some padding */
    font-size: 30px;
    /* Set a font size */
    cursor: pointer;
    /* Mouse pointer on hover */
    color: rgb(218, 88, 110);
}

.button-down:hover {
    color: black;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.button-down:focus {
    outline: none !important;
}

.row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}


.img-wrapper{
    padding: .3em!important;
}

.main-photo{
 object-fit: cover!important;
 padding-right: 0px!important;
    padding-left: 0px!important;

}



.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}