@font-face {
    font-family: 'calibriregular';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
    url('calibri-webfont.woff') format('woff'),
    url('calibri-webfont.ttf') format('truetype'),
    url('calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AliBabaRegular';
    src: url('ali_baba.eot');
    src: url('ali_baba.eot') format('embedded-opentype'),
    url('ali_baba.woff') format('woff'),
    url('ali_baba.ttf') format('truetype'),
    url('ali_baba.svg#AliBabaRegular') format('svg');
}
/*RESET========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre ,form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
body {
    line-height: 1;
}
/*GENERAL======================================================================*/
h1, .appointment-title, .gallery-title {
    font-family: "Times New Roman", Georgia, Serif;
}
body {
    color: #333333;
    font-size: 15px;
    font-family: 'calibriregular';
    background: #6b002b url(../images/body-bg.png) repeat-x left top;
}
    .headerimg {    /* header animation images */
        width: 100%;
        height: 659px;
        position: absolute;
        background-position: center 134px;
        background-repeat: no-repeat;
    }
        .main-wrapper {
            z-index: 1000;
            position: relative;
        }
            .page-top {
                height: 320px;
                background: url(../images/page-top-bg.png) no-repeat center top;
            }
                .page-center {
                    margin-top: 357px;
                }
                    .main-container-inner .page-center {
                        margin-top: 0;
                    }
                        .page-bottom {
                            clear: both;
                            height: 294px;
                        }
        h1 {
            font-size: 36px;
            color: #3c9f9c;
            line-height: 30px;
            margin-bottom: 21px;
            letter-spacing: 1px;
        }
            h2 {
                font-size: 28px;
                color: #650028;
                margin-bottom: 10px;
            }
                h3 {
                    font-size: 22px;
                    color: #3c9f9c;
                    margin-bottom: 6px;
                }
                    .sub-heading {
                        font-size: 19px;
                        line-height: 20px;
                        color: #650028;
                        margin-bottom: 6px;
                    }
        .para {
            line-height: 20px;
            word-spacing: 1px;
            margin-bottom: 21px;
        }
            .para-last {
                margin-bottom: 20px;
            }
                ol, ul.list {
                    margin: 15px 0 15px 15px;
                }
                    ul.list li {
                        padding-left: 4px;
                        margin-bottom: 8px;
                        list-style-image: url(../images/list-dot.png);
                    }
                        a:link, a:visited {
                            color: #2e8cc2;
                            text-decoration: underline;
                        }
                            a:hover, a:active, a:focus {
                                text-decoration: none;
                            }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.hide-from-desktop {
    display: none;
}
.mobile-content
{
    display: none;
}
/*HEADER=======================================================================*/
.header {
    width: 1000px;
    height: 299px;
    margin: 0 auto;
}
    .main-container-inner .header {
        background: url(../images/header-inner-bg.png) no-repeat center bottom;
    }
        .header-nav {
            height: 42px;
        }
            .header-nav ul {
                list-style: none;
            }
                .header-nav ul li {
                    float: left;
                    height: 42px;
                }
                    .header-nav ul li.home {
                        width: 95px;
                    }
                    .header-nav ul li.team {
                        width: 142px;
                    }
                    .header-nav ul li.info {
                        width: 175px;
                    }
                    .header-nav ul li.gallery {
                        width: 136px;
                    }
                    .header-nav ul li.testimonial {
                        width: 129px;
                    }
                    .header-nav ul li.product {
                        width: 197px;
                    }
                    .header-nav ul li.contact {
                        width: 126px;
                    }
                        .header-nav ul li a {
                            height: 29px;
                            color: #ffffff;
                            display: block;
                            padding: 13px 0 0 0;
                            text-decoration: none;
                            text-align: center;
                        }
                            .header-nav ul li:hover a, .header-nav ul li.activated a {
                                color: #003432;
                                background: url(../images/header-nav-bg.jpg) repeat-x left top;
                            }
    .header-content {
        width: 1000px;
        height: 77px;
        color: #3b2106;
    }
        .header-left {
            float: left;
            width: 248px;
        }
            .phone {
                font-size: 24px;
                margin-top: 13px;
                padding: 0 0 0 25px;
                letter-spacing: 1px;
                background: url("../images/phone-icon.png") no-repeat 0 6px;
            }
                .social-media {
                    height: 28px;
                    margin-top: 12px;
                }
                    .social-media img {
                        display: block;
                        float: left;
                        border-right: 1px solid #42ada7;
                    }
                        .social-media img.border-right {
                            border-right: none;
                        }
        .logo {
            float: left;
            width: 505px;
            height: 71px;
            margin-top: 6px;
            /*background: url("../images/logo.png") no-repeat 0 0;*/
        }
            .logo a {
                display: block;
                width: 505px;
                height: 71px;
            }
                .logo h1 {
                    text-indent: -9999px;
                }
        .header-right {
            float: left;
            width: 247px;
            line-height: 17px;
            word-spacing: 2px;
            text-align: right;
            margin-top: 13px;
        }
            .header-right .directions {
                margin-top: 8px;
            }
                .header-right .directions a {
                    color: #3b2106;
                    text-decoration: underline;
                }
                    .header-right .directions a:hover {
                        color: #ffffff;
                    }
        .bucket {
            clear: both;
            width: 722px;
            padding-top: 70px;
            padding-left: 278px;
        }
            .bucket ul {
                list-style: none;
            }
                .bucket ul li {
                    float: left;
                    width: 108px;
                    height: 110px;
                    position: relative;
                }
                    .bucket ul li.cosmetic {
                        margin-right: 6px;
                    }
                    .bucket ul li.laser {
                        margin-top: 4px;
                        margin-right: 5px;
                    }
                    .bucket ul li.medical {
                        margin-right: 2px;
                    }
                    .bucket ul li.esthetic {
                        margin-top: -12px;
                    }
                        .bucket ul li a {
                            display: block;
                            width: 108px;
                            height: 76px;
                            font-size: 16px;
                            color: #ffffff;
                            padding: 34px 0 0 0;
                            text-align: center;
                            text-decoration: none;
                        }
                            .bucket ul li.esthetic a {
                                height: 72px;
                                padding: 38px 0 0 0;
                            }
                                .bucket ul li.cosmetic:hover a, .bucket ul li.cosmetic.activated a {
                                    color: #01413f;
                                    background: url(../images/bucket-sprite.png) no-repeat 0 0;
                                }
                                .bucket ul li.laser:hover a, .bucket ul li.laser.activated a {
                                    color: #01413f;
                                    background: url(../images/bucket-sprite.png) no-repeat -108px 0;
                                }
                                .bucket ul li.medical:hover a, .bucket ul li.medical.activated a {
                                    color: #01413f;
                                    background: url(../images/bucket-sprite.png) no-repeat -216px 0;
                                }
                                .bucket ul li.esthetic:hover a, .bucket ul li.esthetic.activated a {
                                    color: #01413f;
                                    background: url(../images/bucket-sprite.png) no-repeat -324px 0;
                                }
                                    .bucket ul li ul {
                                        width: 261px;
                                        position: absolute;
                                        top: 124px !important;
                                        left: -80px !important;
                                        display: none;
                                        visibility: hidden;
                                        padding-top: 9px;
                                        background: url(../images/bucket-sub-top.png) no-repeat 0 0;
                                    }
                                        .bucket ul li.laser ul {
                                            top: 125px !important;
                                            left: -75px !important;
                                        }
                                        .bucket ul li.medical ul {
                                            top: 124px !important;
                                            left: -72px !important;
                                        }
                                            .bucket ul li ul li {
                                                float: none;
                                                height: 32px;
                                                width: 261px;
                                                display: list-item;
                                                padding-right: 0;
                                                background-color: #3c9f9c;
                                                border-top: 1px solid #ffffff;
                                            }
                                                .bucket ul li ul li:first-child {
                                                    border-top: none;
                                                }
                                                    .bucket ul li ul li ul {
                                                        top: 0;
                                                    }
                                                        .bucket ul li ul li a {
                                                            display: block;
                                                            margin: 0;
                                                            height: 32px;
                                                            line-height: 32px;
                                                            width: 241px;
                                                            color: #333333;
                                                            font-size: 15px;
                                                            text-align: left;
                                                            border-top-width: 0;
                                                            padding: 0 0 0 20px;
                                                            background: none !important;
                                                        }
                                                            .bucket ul li ul li:hover a {
                                                                color: #ffffff !important;
                                                                background-color: #600026 !important;
                                                            }
.page-columns {
    width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
}
/*COLUMN-LEFT=======================================================================*/
.column-left {
    float: left;
    width: 300px;
    padding: 3px 0 0 30px;
}
    .search {
        height: 40px;
        width: 300px;
    }
        .search form .search-box {
            float: left;
            width: 211px;
            height: 40px;
            border: none;
            color: #333333;
            font-size: 15px;
            margin: 0 3px 0 0;
            padding: 0 0 0 30px;
            font-family: 'calibriregular';
            background: url(../images/search-box.png) no-repeat left top;
        }
            .search form .search-button {
                float: left;
                width: 56px;
                height: 40px;
                border: none;
                color: white;
                cursor: pointer;
                font-size: 15px;
                padding: 0 15px 2px 0;
                font-family: 'calibriregular';
                background: url(../images/search-icon.png) no-repeat left top;
            }
    .featured-treatment {
        width: 300px;
        height: 104px;
        margin: 31px 0;
        background: url(../images/treatment-bg.jpg) no-repeat left top;
    }
        .featured-treatment a {
            color: #ffffff;
            text-decoration: none;
        }
            .featured-treatment .title {
                font-size: 20px;
                text-align: center;
                padding-top: 20px;
            }
                .featured-treatment .treatment {
                    text-align: center;
                    font-size: 36px;
                    font-family: 'AliBabaRegular';
                }
    .appointment {
        padding-bottom: 30px;
    }
        .appointment-title {
            width: 300px;
            height: 40px;
            color: #ffffff;
            font-size: 24px;
            text-align: center;
            padding-top: 7px;
            background: url(../images/appointment-title-bg.jpg) no-repeat left top;
        }
            .appointment-form {
                width: 285px;
                padding-left: 15px;
                background: url(../images/appointment-form-bg.jpg) no-repeat left bottom;
            }
    .left-logos .care {
        margin-right: 1px;
    }
        .left-logos .medical {
            margin-top: 2px;
        }
/*COLUMN-CENTER=======================================================================*/
.column-center {
    float: left;
    width: 610px;
    padding: 2px 30px 0 30px;
}
    .photo-gallery {
        margin: 32px 0 47px 0;
    }
        .main-container-inner .photo-gallery {
            margin: 42px 0 47px 0;
        }
            .gallery-title {
                width: 610px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                color: #ffffff;
                font-size: 24px;
                background: url(../images/gallery-title-bg.jpg) no-repeat left top;
            }
                .scroller {
                    padding: 0 0 0 81px;
                }
                    .stepcarousel {
                        position: relative;
                        overflow: scroll;
                        width: 447px;
                        height: 265px;
                    }
                        .stepcarousel .belt {
                            position: absolute;
                            left: 0;
                            top: 0;
                        }
                            .stepcarousel .panel {
                                float: left;
                                overflow: hidden;
                                margin: 0 0 0 0;
                            }
    .page-testimonial {
        width: 462px;
        min-height: 129px;
        line-height: 20px;
        word-spacing: 2px;
        padding: 15px 77px 0 71px;
        background: #BBF5EB url(../images/page-testimonial-bg.jpg) no-repeat left 20px;
    }
        .page-testimonial .reviewed-by {
            float: right;
            padding-top: 20px;
        }
            .page-testimonial .reviewed-by a {
                color: #ffffff;
                height: 19px;
                line-height: 17px;
                margin-left: 3px;
                text-decoration: none;
                display: inline-block;
                padding: 0 3px 0 3px;
                background-color: #3c9f9c;
            }
                .page-testimonial .reviewed-by a:hover {
                    background-color: #65002A;
                }
.image-right {
    float: right;
    /*border: 1px solid #eee;*/
    margin: 0 5px 10px 40px;
}
.review-form {
    padding-top: 20px;
    margin-left: -30px;
    margin-bottom: 40px;
}
/*FOOTER=======================================================================*/
.footer {
    width: 1000px;
    height: 225px;
    margin: 0 auto;
    padding: 69px 0 0 0;
    background: url(../images/footer-bg.jpg) no-repeat left top;
}
    .footer-nav {
        clear: both;
        width: 670px;
        padding-top: 0;
        padding-left: 330px;
    }
        .footer-nav ul {
            list-style: none;
        }
            .footer-nav ul li {
                float: left;
                width: 65px;
                height: 74px;
            }
                .footer-nav ul li.home {
                    margin-right: 4px;
                }
                .footer-nav ul li.contact {
                    margin-top: 4px;
                    margin-right: 4px;
                }
                .footer-nav ul li.google {
                    margin-right: 2px;
                }
                .footer-nav ul li.review {
                    margin-top: 0;
                    margin-right: 3px;
                }
                .footer-nav ul li.sitemap {
                    margin-top: -6px;
                }
                    .footer-nav ul li a {
                        display: block;
                        width: 65px;
                        height: 47px;
                        color: #ffffff;
                        padding: 27px 0 0 0;
                        font-size: 12px;
                        text-align: center;
                        text-decoration: none;
                    }
                        .footer-nav ul li.home:hover a, .footer-nav ul li.home.activated a {
                            color: #3b2106;
                            background: url(../images/footer-nav-sprite.png) no-repeat -1px 1px;
                        }
                        .footer-nav ul li.contact:hover a, .footer-nav ul li.contact.activated a {
                            color: #3b2106;
                            background: url(../images/footer-nav-sprite.png) no-repeat -65px 4px;
                        }
                        .footer-nav ul li.google:hover a, .footer-nav ul li.google.activated a {
                            color: #3b2106;
                            background: url(../images/footer-nav-sprite.png) no-repeat -130px 9px;
                        }
                        .footer-nav ul li.review:hover a, .footer-nav ul li.review.activated a {
                            color: #3b2106;
                            background: url(../images/footer-nav-sprite.png) no-repeat -195px 5px;
                        }
                        .footer-nav ul li.sitemap:hover a, .footer-nav ul li.sitemap.activated a {
                            color: #3b2106;
                            background: url(../images/footer-nav-sprite.png) no-repeat -260px 7px;
                        }
    .footer-logos {
        clear: both;
        padding: 11px 0 0 302px;
    }
        .footer-logos img {
            float: left;
        }
            .footer-logos img.academy {
                margin-right: 25px;
            }
                .footer-logos img.tslms {
                    margin-right: 32px;
                }
    .copyright {
        clear: both;
        text-align: center;
        padding-top: 8px;
        line-height: 16px;
        color: #ffffff;
        font-size: 12px;
    }
        .copyright a {
            color: #ffffff;
            font-size: 12px;
            text-decoration: underline;
        }
            .copyright a:hover {
                text-decoration: none;
            }
.scrollup {
    display: none;
    width: 40px;
    position: fixed;
    height: 40px;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    text-indent: -9999px;
    background: url("../images/gototop-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}