@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Gayathri&display=swap');



/* cara mia  */
/* [class*="col-"] {
    width: 100%;
} */

#cara-fig-left { display: none;}
#cara-fig-right { display: none;}



/* td { border-style: solid; border-width: 1px; border-color: #dddddd; } */

.v-spacer { margin-top: 10px;}


.cara-btn { padding: 11px 11px; width: 170px; font-size: 0.45em; text-decoration: none; border-radius: 4px; background-color: #bd1900; }
.cara-btn:hover { background-color: #A23231; color: white;}

.btn-text {
    text-transform: uppercase;
    /* color: #203342; */
    color: white;
    font-family: "Lato";
    font-weight: bolder;
    text-align: center;
    font-size: .85em;
}



.cara-mia-mission {  letter-spacing: 1px; line-height: 22px; padding: 0 50px; }

.header-bg {
    /* MAIN BACKGROUND COLOR */
    /*margin-top: 25px;*/

    /*width: 1366px;*/
    /* background-color: #c22109; */
    background-color: #ad974f; 
    /* b6251e */
}
body {
    /* background-color: #7D9FB5; */
    /* background-color: #b51800; */
    
    color: #eaeaea;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */

    #cara-reef { width: 400px; height: 400px; left:-12px; top: -20px;}
    #cara-btn-gift,#cara-book-now, #cara-logo {top:-370px;}

    /* .container { padding: 0; margin: 0; } */

    .header-bg { height: 375px; }
    #cara-logo { width: 200px;  padding-top: 113px;  }
    #cara-fig-left  { width:80px; }
    #cara-fig-right  { width:80px;   padding-top: 315px;}
    #all-natural-beauty { padding-top: 10px; font-size: 1.30em; font-weight: 600; line-height: 61px; letter-spacing: 2.50px; height: 61px; }
    #cara-by-line  { padding-bottom: 10px; font-size: .90em; font-weight: 500; letter-spacing: .05em; }
    .cara-mia-mission {  font-size: 0.80em;  line-height: 1=px;}
    #services-bg { width: 720px; height: 260px;  }
    .cara-services-tag { width: 720px; }
    .cara-fig-small { width: 50px; }
    .footer-bg { height: 650px;  padding-bottom: 20px;}
    .footer-title {  padding: 75px 0 40px 0; text-transform: uppercase; color: white; height: 61px; font-family: Lato;  font-size: 24px; font-weight: 400; letter-spacing: 1px; line-height: 33px; }
    .contact-mobile { font-size: 15px; letter-spacing: 2.85px; line-height: 33px; font-weight:100; color: white;}
    /* .btn-text {  font-size: .99em; } */

    #divBookNowiFrame { 
        position: absolute; 
        width: 100%;
        top: 25px; 
        left: 0px;
    }

    .booknow-modal { 
        height: 550px; 
        width: 100%; 
    }

    .cara-promotion-text {
        width: 225px; 
        margin-top: 15px; 
        color: white; 
        font-family: Lato; 
        font-size: 1.0em;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media (min-width:481px)  {  
    .container { padding: 0; margin: 0; }
    .header-bg { height: 375px; }
    #cara-logo { width: 250px;  padding-top: 100px;  }
    #cara-fig-left  { width:80px; }
    #cara-fig-right  { width:80px;   padding-top: 315px;}
    #all-natural-beauty { padding-top: 10px; font-size: 1.40em; font-weight: 600; line-height: 61px; letter-spacing: 1.87px; height: 61px; }
    #cara-by-line  { padding-bottom: 10px; font-size: .85em; font-weight: 500; letter-spacing: 1px; }
    .cara-mia-mission { font-size: 0.90em;}
    #services-bg { width: 720px; height: 260px;  }
    .cara-services-tag { width: 720px; }
    .cara-fig-small { width: 50px; }
    .footer-bg { height: 650px;  padding-bottom: 20px;}
    .footer-title {  padding: 75px 0 40px 0; text-transform: uppercase; color: white; height: 61px; font-family: Lato;  font-size: 24px; font-weight: 400; letter-spacing: 1px; line-height: 33px; }
    .contact-mobile { font-size: 15px; letter-spacing: 2.85px; line-height: 33px; font-weight:100; color: white;}
    /* .btn-text {  font-size: .99em; } */
    /* .cara-btn { padding: 11px 11px; width: 180px; } */
}

@media (min-width:641px)  {
    .header-bg { height: 434px; }
    #cara-logo { width: 300px;  padding-top: 105px;  }
    #cara-fig-left  { width:135px; }
    #cara-fig-right  { width:135px;   padding-top: 335px;}
    #all-natural-beauty { padding-top: 35px; font-size: 2.25em; font-weight: 600; line-height: 61px; letter-spacing: 1.87px; height: 61px; }
    #cara-by-line  { padding-top: 30px; font-size: 18px; font-weight: 500; letter-spacing: 1px; line-height: 22px; }
    #cara-mia-mission { font-size: 2.25em;}
    #services-bg { width: 720px; height: 260px; }
     .cara-services-tag { width: 720px; }
     .cara-promotion-text { width: 325px; margin-top: 20px; font-size: 1.40em; }
     /* .cara-btn { padding: 11px 11px; width: 180px; } */

 }


@media (min-width:940px)  { 
    .header-bg { height: 440px; }
    #cara-logo { width: 350px;  padding-top: 105px;  }
    #cara-fig-left  { width:150px; }
    #cara-fig-right  { width:150px;   padding-top: 335px;}
    #all-natural-beauty { padding-top: 25px; font-size: 2.25em; font-weight: 600; line-height: 61px; letter-spacing: 1.87px; height: 61px; }
    #cara-by-line  { padding-top: 30px; font-size: 18px; font-weight: 500; letter-spacing: 1px; line-height: 22px; }
    #cara-mia-mission { font-size: 2.25em; }
    #services-bg { width: 720px; height: 260px;  }
    .cara-services-tag { width: 720px; }
    .cara-fig-small { width: 50px; }
    /* .cara-btn { padding: 11px 11px; } */
    /* .cara-btn { padding: 11px 11px; width: 180px; } */
}

@media (min-width:1025px) {
    .header-bg { height: 480px; }
    #cara-logo { width: 375px;  padding-top: 105px;  }
    #cara-fig-left  { width:200px; }
    #cara-fig-right  { width:180px;   padding-top: 350px;}
    #all-natural-beauty { padding-top: 35px; font-size: 2.25em; font-weight: 600; line-height: 61px; letter-spacing: 1.87px; height: 61px; }
    #cara-by-line  { padding-top: 30px; font-size: 18px; font-weight: 500; letter-spacing: 1px; line-height: 22px; }
    #services-bg { width: 940px; height: 380px; }
    .cara-services-tag { width: 940px; }
    .cara-mia-mission { font-size: 0.75em; }
    .cara-btn { width: 200px; }

    #divBookNowiFrame { top: 50px; }
    .booknow-modal { height: 750px; }

}
@media (min-width:1100px) { 

    /* #cara-reef { width: 400px; height: 400px; left:-12px; top: -20px;} */
    #cara-reef {height: 750px; width: 750px; top:-50px; }
    #cara-btn-gift,#cara-book-now, #cara-logo {top:-690px;}

    .header-bg { height: 590px; }
    #cara-logo { width: 400px;   padding-top: 158px; }
    #cara-fig-left { width: 250px; }
    #cara-fig-right { width: 200px; padding-top: 444px; }
    #all-natural-beauty { padding-top: 50px; font-size: 2.25em; font-weight: 600; line-height: 61px; letter-spacing: 1.87px; height: 61px; }
    #cara-by-line  { padding-top: 50px; font-size: 24px; font-weight: 500; letter-spacing: 1px; line-height: 33px; }
    #cara-mia-mission { font-size: 2.25em; }
    #services-bg { width: 1140px; height: 500px; }
    .cara-services-tag { width: 1140px; }
    .footer-bg { height: 315px; }

    .footer-title {
        padding-top: 50px;
        text-transform: uppercase;
        color: white;
        height: 61px;
        /*width: 162px;*/
        font-family: Lato;
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 1.87px;
        line-height: 61px;
        text-align: center;
    }

    /* .cara-btn { padding: 11px 11px; width: 200px; font-size: 1.2em; } */
    #divBookNowiFrame { top: 65px; }


}



.hidden { display: none; }

.cara-content-main {
    display: block;
    margin-left: auto;
    margin-right: auto;
}





.cara-content-white {
    /*background-color: #dddddd;*/
    background-color: white;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 50px;
}

#services-bg {
    margin-left: 0px;
    margin-right: 0px;
    /* display: none; */
}

.cara-white-spacer { background-color: white; height: 25px; }

.footer-bg {
    background-color: #203342;
    color: white; 
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cara-logo {
    z-index: 100;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.cara-fig-left ,
.cara-fig-right {
    /* background: url("/images/FigLeaf1.png"); */
    width: 300px; /* you can use % */
    height: auto;
    /*float: right;*/
}

.cara-fig-small {
    width: 224px; 
    height: auto;
}

.cara-fig-bottom {
    height: auto;
    width: 100px;
    /*border: solid 1px red;*/
    /*transform: rotate(-90deg);*/
    float: right;
    padding-right: 225px;
    padding-top: 80px;
}


.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

.flex-item:nth-child(1) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}

.flex-item:nth-child(2) {
    order: 0;
    flex: 0 1 auto;
    align-self: flex-start;
}

.flex-item:nth-child(3) {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
}



#all-natural-beauty {
    width: 100%;
    color: #203342;
    font-family: "Lato";
    text-align: center;
    text-transform: uppercase;
}

#cara-by-line {

    color: #ad974f;
    font-family: "Lato";
    text-align: center;
}

.cara-mia-mission {
    color: #203342;
    font-family: "Montserrat";
    text-align: justify;
    font-weight: 100;
}

.contact-mobile {
    color: white;
    font-family: "Gayathri";
    text-align: center;
    font-weight: 100;
}

.cara-mia-footer {
    /*padding-top: 10px;*/
    /*color: white;*/
    /*height: 231px;*/
    width: 900px;
    font-family: Montserrat;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 100;
}


/* div.blocktext {
    text-align: center;
} */


.services-table {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



.services-title,
.footer-title {
    /*padding-top: 50px;*/
    text-transform: uppercase;
    color: white;
    /*height: 61px;*/
    font-family: Lato;
    /*font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.87px;
    line-height: 61px;*/
    text-align: center;
}

.services-title {
    color: black;
}

.footer-title {
    color: #FFFFFF;
}


.contact-title {
    height: 24px;
    width: 240px;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
}

.cara-footer { color: #525252; font-size: 0.95em; font-family: Gayathri; text-align: center; }


.cara-services-container {
    /*border: 1px solid #DDDDDD;*/
    /*width: 200px;
    height: 200px;*/
    position: relative;
}

.cara-services-tag {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    color: black;
    /* float: left; */
    /*background-color: #92AD40;*/
    /*padding: 5px;*/
    /*color: #FFFFFF;
    font-weight: bold;*/
}