@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i');
h1 { font-size: 3.56rem;line-height: 110%;margin: 1.78rem 0 1.424rem 0;}
h3 { color:#4a79ef;text-align:center;font-weight:300;font-size:3em;margin-bottom:0;}
.row  { margin-bottom:0px!important; }
.border { width:50px;height:4px;background:#90bc92;margin:5px auto 20px auto; }
.container {max-width: 1100px; }
.grey { background:#f5f5f5 !important; }
a { color:inherit; }

.navbar-fixed { height: 50px;z-index:100; }
nav { height:50px;line-height:50px;background-color:#fff; }
nav .button-collapse i { line-height:50px;padding-left:25px; }
nav img { float:left;max-width:100%;height:44px;padding-top:7px;}
nav span { float:left;color:#515151;font-size:1.5em;text-transform:uppercase;margin-left:5px;font-weight:700; }
nav span.visit { color:#fff;font-size: 1.1em;font-weight: 300;text-transform: capitalize; }
nav .wordmark { float:left;color:#515151;font-weight:500;font-size:16px; }
nav .phone { color: #515151;margin-left:8px;  }
nav .phone a { font-size:1em;margin-left:5px;font-weight:400;color: #515151; }
nav .address { font-size:1em;margin-left:8px;font-weight:400;color:#515151; }
nav .side-nav li { border-bottom:1px solid #c9c9c9; }
nav .side-nav a:hover { background-color:rgba(172, 172, 172, 0.53); }

.dark {
        color: #404040;

    }
.backArrow { background-image: url('../img/slider-backarrow.png');background-repeat: no-repeat;border:none;width:30px;height:69px;text-indent: 100%;
  white-space: nowrap;overflow: hidden; }

#sidenav-overlay { z-index:99; }
.slider { height:400px!important; }
.slider .slides li .caption { top:5%; }
.slider .indicators { z-index:98;bottom:10px; }
.slider .slides li img { background-position: 100% 20%; }
.slider h1 {  color:#fff;text-align:right;font-size:3em;font-weight:400;margin:0;padding:0; }
.slider h2 {  color:#fff;text-align:right;font-size:3em;font-weight:400;margin:0;padding:0; }
.slider h3 {  color:#fff;text-align:right;font-size:3em;font-weight:400;margin:0;padding:0; }
.slider span.small { font-size:30px;margin:0;padding:0;font-size: 20px;margin:0;background-color:#7fd0bf;padding: 5px 20px;border-radius: 8px; }
.slider .slide-text { font-family:'Archivo Narrow';font-size:20px;font-weight:400;margin:10px 0;text-align:right; }
.slider .call-btn { float:right;clear:right;background:#3768e2;width:335px;height:60px;border-radius:30px; }
.slider .call-btn span.text { float:left;background:#6692ff;border-radius:30px;padding:4px 15px;margin:13px 0 0 12px;font-family:'Archivo Narrow';font-style:italic;font-size:18px; }
.slider .call-btn span.number { float:left;margin:11px 0 0 8px;font-size:26px; }
.slider .slides li .caption {width:100%;max-width:1100px;position:absolute;margin-left:auto;margin-right:auto;padding:0 2%;left:0;right:0; }
.slider .slides li .caption-wrapper { float:right;width:40%; }

#SecondNav .call-btn { display:block;margin:10px auto;background:#3768e2;width:335px;height:60px;border-radius:30px; }
#SecondNav .call-btn span.text { float:left;background:#6692ff;color:#fff;border-radius:30px;padding:4px 15px;margin:13px 0 0 12px;font-family:'Archivo Narrow';font-style:italic;font-size:18px; }
#SecondNav .call-btn span.number { float:left;margin:11px 0 0 8px;font-size:26px;color:#fff; }

#SecondNav .visit { background:#749f76; }
#SecondNav .location { background:#90bc92; }
#SecondNav .promotion-one { background:#70bbab; }
#SecondNav .promotion-two { background:#89d2c2; }

#SecondNav .row .col { padding:0 4px;margin:0; }
#SecondNav { padding:20px 0; }
#SecondNav img { display:inline-block;padding:0 10px;vertical-align:middle; }
#SecondNav .divider { display:inline-block;background:#fff;width:1px;height:30px;vertical-align:middle;  }
#SecondNav p { display:inline-block;color:#fff;text-transform:uppercase;vertical-align:middle;padding-left:10px; }
#SecondNav i.fa { width:50px;margin:0 5px;vertical-align:middle;text-align:center;color:#fff }

.modal { overflow-y: visible;width:40%; }
.modal .header { background:#70bbab; };
.modal-call { background:#70bbab; }
.modal h4 {color:#fff;font-size:1.5em;font-family: 'Montserrat', sans-serif;padding:15px;text-transform:uppercase;margin:0; }

#ModalOne .row .col { padding:0 10px; }
#ModalOne p { font-size:1.2em;font-family:'Roboto';color:#757575;font-weight:300; }
#ModalOne .modal-footer { height:auto;padding-bottom:20px; }
#ModalOne .modal-footer .btn-large { float:none; }

#ModalTwo .modal .modal-content { padding:20px; }
#ModalTwo p { font-size:1em;font-family:'Roboto';color:#757575;font-weight:300;  }
#ModalTwo .material-icons { line-height:1; }
#ModalTwo .address { display:inline-block;vertical-align:middle;width:68%; }
#ModalTwo .directions { display:inline-block;text-align:center;vertical-align:middle;width:30%; }
#ModalTwo p.go-dirctions { margin:0;background-color:#ff4948;color:#fff;border-radius:10px;padding:8px;font-weight:400; }

#ModalThree h5 { font-size:3em;text-transform:capitalize;font-weight:500;text-align:center; }
#ModalThree h6 { font-size:1em;text-transform:uppercase;font-weight:500;text-align:center; }
#ModalThree img { display:inline-block;vertical-align:middle;width:40%; }
#ModalThree .details { display:inline-block;vertical-align:middle;width:50%;line-height:1em;margin-left:3%; }
#ModalThree h6.title { font-size:1.8em;;font-weight:300;text-align:left;text-transform:capitalize; }
#ModalThree .border { width:100%;background-color:#ccc;height:1px;margin:2% 0; }
#ModalThree i.fa { margin-right:10px; }

#ModalFour h5 { font-size:3em;text-transform:capitalize;font-weight:500;text-align:center; }
#ModalFour h6 { font-size:1em;text-transform:uppercase;font-weight:500;text-align:center; }
#ModalFour img { display:inline-block;vertical-align:middle;width:40%; }
#ModalFour .details { display:inline-block;vertical-align:middle;width:50%;line-height:1em;margin-left:3%; }
#ModalFour h6.title { font-size:1.8em;;font-weight:300;text-align:left;text-transform:capitalize; }
#ModalFour .border { width:100%;background-color:#ccc;height:1px;margin:2% 0; }
#ModalFour i.fa { margin-right:10px; }

#Testimonials { background: #f7f7f7;padding: 1% 0 3% 0; }
#Testimonials .review { background:#7fd0bf;font-family: 'Roboto Condensed';font-weight:300;font-size:16px;color:#fff;padding:30px 20px; }
#Testimonials .stars { text-align:center; }
#Testimonials .stars img { padding:0 5px;display:inline-block; }
#Testimonials .author { text-align:center;padding:10px 0; }
#Testimonials p { margin:0;padding:0;line-height:22px; }
.t-slide div {  margin: 0 5px; }

.read-more-state { display: none; }
.read-more-target {opacity: 0;max-height: 0;font-size: 0;transition: .25s ease; }
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1;font-size: inherit;max-height: 999em; }
.read-more-state ~ .read-more-trigger:before {content: 'Read more'; }
.read-more-state:checked ~ .read-more-trigger:before {content: 'Read less'; }
.read-more-trigger {cursor: pointer;display: block;padding: 0 .5em 20px .5em;color: #666;font-size: .9em;line-height: 2;border-radius: .25em;text-align:center; }

#Services { margin-top:2%;color:#fff; }
#Services .col { padding:5px; }
#Services span { text-align:center;font-size:20px;color:#fff;font-family: 'Montserrat', sans-serif;display:inline-block; }
#Services img { vertical-align:middle;padding:0;margin:0;width:42%;height:204px;object-fit:cover; }
#Services h4 { font-size:1.4em;font-weight:400;margin:0 0 0 10px;padding:0;display:inline-block;vertical-align:middle;color:#4c4c4c;font-family:'Roboto'  }
#Services p { font-size:1em;font-weight:300;margin:5px 0 0 0;padding:0;color:#4c4c4c;line-height:1.3; }
#Services .info { vertical-align:middle;width:56%;display:inline-block;padding:2%;-moz-box-sizing:border-box;box-sizing:border-box; }
#Services .card-panel { vertical-align:middle;padding:0;margin:0; }

#BeforeAfter { background: #f7f7f7;margin-top:4%;padding: 1% 0 5% 0; } 
.ba-slider { position: relative;overflow: hidden; }
.ba-slider img { width: 100%;display:block; }
.resize {  position: absolute;top:0;left: 0;height: 100%;width: 50%;overflow: hidden; } 
/* Thin line seperator */
.handle {  position:absolute; left:50%;top:0;bottom:0;margin-left:-2px;cursor: ew-resize; }
/* BeforeAfter Knob  */ 
.handle:after { position: absolute;top: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;content: url('../img/beforeAfter-arrow.png');background:#6bc7bf;border-radius:100px; }
.draggable:after { width: 64px;height: 64px;margin: -30px 0 0 -30px;line-height:64px; }

#DoctorBioHeading { margin-top:5%; }
#DoctorBioHeading .title-wrapper { position:relative;top:30px; }
#DoctorBioHeading .profile { min-height:200px;width:48%;display:inline-block;vertical-align:middle;text-align:center; }
#DoctorBioHeading .title { width:35%;display:inline-block;vertical-align:middle;margin-left:7%; }
#DoctorBioHeading span { margin:0;padding:0;color:#4a79ef;font-size:1.5em;font-weight:500;text-transform:uppercase; }
#DoctorBioHeading h4 { margin:0;padding:0;color:#6bc7bf;font-size:3.5em;font-weight:300;  }

#DoctorBio { padding:2% 0;background:#6bc7bf;color:#fff;font-weight:300; }
#DoctorBio .profile { height:140px; }
#DoctorBio .profile img { margin:0 auto;width:250px;height:250px;}
#DoctorBio ul { font-size:1.2em; }
#DoctorBio h4 { font-size:1.8em;font-weight:300;  }
#DoctorBio .credentials { display:block;margin:0 auto;width:80%; }
#DoctorBio .info { width:85%;margin:0 auto;font-weight:100;font-size:1.2em; }

#SubFooter { color:#868686; }
#SubFooter .col { border-right:1px solid #ccc; }
#SubFooter .col:last-child { border-right:none; }
#SubFooter .row { padding:2% 0; }
#SubFooter img  { display:inline-block;padding:10px;vertical-align:middle;  }
#SubFooter p  { display:inline-block;}
#SubFooter .address { vertical-align:middle;text-align:left;font-weight:300; }
#SubFooter .phone, #SubFooter .website { vertical-align:middle;font-size:1.2em;font-weight:300; }
#SubFooter ul li { display:inline-block;margin:0;padding:0; }
#SubFooter ul li img { padding:0; }
#SubFooter i.fa { color:#6bc7bf;vertical-align:middle;padding:0 10px; }
#SubFooter .social-links { margin-top:12px;display:inline-block;text-align:center; }
#SubFooter .social-links a { text-align: center;float: left;width: 34px; height: 34px;border: 1px solid #909090;border-radius: 100%; margin-right: 7px; /*space between*/ }
#SubFooter .social-links a i { font-size: 14px;line-height: 33px;color: inherit; }

i.material-icons img { width:50%; }
footer { background:#6bc7bf;margin:0;padding-bottom:60px; }
footer .f-logo { display:block;text-align:center;padding:2% 0 1% 0; }
footer .copyright { font-weight:300;color:#fff;padding:5px 0;width:300px;margin:0 auto;text-align:center;background-color:#84d4cd;border-radius: 50px 50px 0px 0px; 
-moz-border-radius: 50px 50px 0px 0px; 
-webkit-border-radius: 50px 50px 0px 0px; 
border: 0px solid #800000; }


.sticky-footer i.fa { margin-right:10px;}
.sticky-footer .text { display:inline-block;margin:0 20px;vertical-align:middle;font-size:24px;font-weight:300;color:#4c4c4c; }
.sticky-footer { z-index:1;position: fixed;bottom: 0px;width: 100%;height: 60px;background-color:rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px -2px 18px -4px rgba(204,204,204,1);
-moz-box-shadow: 0px -2px 18px -4px rgba(204,204,204,1);
box-shadow: 0px -2px 18px -4px rgba(204,204,204,1);
}


@media only screen and (min-width: 993px) {
  
    .container { width:95%; }

}

@media only screen and (min-width: 601px) {
    
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 50px;
    line-height: 50px;
  }
  .navbar-fixed { height: 50px; }

}

@media only screen and (max-width:993px) {

    .slider .slides li img {
        background-position: center;
    }

    .slider span.small {
        font-size: 25px;
        font-weight: 400;
    }

    .slider h3 {
        text-shadow: none;
    }

    .slider .slide-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        line-height: 1.2em;
    }

    .slider .slides li .caption {
        position: relative;
        width: 100%;
        top: 8%;
        left: 0;
        padding: 0 5%;
    }

    .slide-1 img {
        display: none;
    }
    .Dark-Font{color:white}
    .Dark-Font2{color:white}
    .Dark-Font3{color:white}
   
    .slide-1 {
        background-image: url('../img/slider-mobile-01.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .slider .indicators {
        z-index: 99;
    }

    .slider .slides li .caption-wrapper {
        float: right;
        width: 50%;
    }

    #Services img {
        width: 31%;
        height: 158px;
    }

    #Services .info {
        width: 65%;
        margin: 0;
        padding: 10px;
    }

    .sticky-footer {
        z-index: 1;
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.62);
    }

    @media only screen and (max-width: 601px) {

        nav .phone {
            display: none;
        }

        nav .address {
            display: none;
        }

        #SecondNav {
            position: relative;
            top: -19px;
            z-index: 99;
        }

        .lean-overlay {
            z-index: 100 !important;
        }

        .material-icons {
            line-height: 2;
        }

        .modal {
            width: 90%;
            top: 5% !important;
        }

        #ModalOne h4 {
            font-size: 1.7em;
            margin: 0;
            padding: 10px 0;
        }

        #ModalOne .modal-content {
            padding: 10px;
        }

        #ModalOne .modal-call h4 {
            font-size: 1.4em;
        }

        #ModalOne p {
            margin: 0;
            padding: 10px 0 0 0;
            line-height: 18px;
            font-size: 14px;
        }

        #ModalOne .modal-footer {
            padding-bottom: 10px;
        }
         .Dark-Font{color:white}
    .Dark-Font2{color:white}
    .Dark-Font3{color:white}
       

        input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
            margin: 0;
        }

        .select-wrapper input.select-dropdown {
            margin-bottom: 0;
        }

        #ModalTwo p {
            margin: 0;
        }

        #ModalTwo .modal-content {
            padding: 15px 20px 20px;
        }

        .slider {
            height: 350px !important;
        }

            .slider .slides li img {
                background-position: center;
            }

            .slider span.small {
                font-size: 20px;
                font-weight: 400;
            }

            .slider h3 {
                text-shadow: none;
            }

            .slider .slide-text {
                font-family: 'Roboto', sans-serif;
                font-weight: 100;
                line-height: 1.2em;
            }

            .slider .slides li .caption {
                position: relative;
                width: 100%;
                top: 8%;
                left: 0;
                padding: 0 5%;
            }

        .slide-1 img {
            display: none;
        }

        .slide-1 {
            background-image: url('../img/slider-mobile-01.jpg');
            background-repeat: no-repeat;
        }

        .slider .indicators {
            z-index: 99;
        }

        .slider .slides li .caption-wrapper {
            float: right;
            width: 100%;
        }

        .slick-next {
            right: -6px;
        }

        .slick-prev {
            left: -6px;
        }


        #Services img {
            display: none;
        }

        #Services .info {
            width: 100%;
            padding: 5%;
        }

        #BeforeAfter {
            padding: 16% 0;
            background: #f5f5f5;
        }

        #DoctorBioHeading {
            margin-top: 15%;
        }

            #DoctorBioHeading .title-wrapper {
                position: inherit;
            }

            #DoctorBioHeading .profile {
                width: 100%;
                text-align: center;
            }

            #DoctorBioHeading .title {
                width: 100%;
                text-align: center;
                margin: 20px 0;
            }

            #DoctorBioHeading span {
                margin: 0;
                padding: 0;
                color: #4a79ef;
                font-size: 1.5em;
                font-weight: 500;
                text-transform: uppercase;
            }

            #DoctorBioHeading h4 {
                margin: 0;
                padding: 0;
                color: #6bc7bf;
                font-size: 3.5em;
                font-weight: 300;
            }

        #DoctorBio {
            padding: 10% 0;
        }

            #DoctorBio .profile {
                height: 56px;
            }

                #DoctorBio .profile img {
                    height: auto;
                    top: -205px;
                    margin-bottom: 10%;
                }

            #DoctorBio .credentials {
                width: 100%;
            }

            #DoctorBio ul {
                -moz-column-count: 2;
                -moz-column-gap: 5px;
                -webkit-column-count: 2;
                -webkit-column-gap: 5px;
                column-count: 2;
                column-gap: 5px;
            }

                #DoctorBio ul.creds {
                    -moz-column-count: 1;
                    -moz-column-gap: 5px;
                    -webkit-column-count: 1;
                    -webkit-column-gap: 5px;
                    column-count: 1;
                    column-gap: 5px;
                }

            #DoctorBio .info {
                width: 100%;
            }

        #SubFooter .col {
            border-right: 0px;
            border-bottom: 1px solid #ccc;
        }

            #SubFooter .col:last-child {
                border-right: none;
                border-bottom: 0px;
            }

        #SubFooter img {
            display: inline-block;
            padding: 10px;
            vertical-align: middle;
        }

        #SubFooter p {
            display: inline-block;
        }

        #SubFooter .address {
            vertical-align: middle;
            text-align: left;
            font-weight: 300;
            font-size: 1.2em;
            line-height: 1.1em;
        }

        #SubFooter .phone, #SubFooter .website {
            font-size: 1.7em;
            font-weight: 300;
        }

        #SubFooter ul li {
            margin: 0 1%;
        }

            #SubFooter ul li img {
                padding: 0;
            }

        footer .f-logo img {
            max-width: 70%;
            margin: 2% 0;
        }

        .sticky-footer {
            z-index: 1;
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 60px;
            background-color: rgba(255, 255, 255, 0.9);
        }
    }


    @media only screen and (max-width: 320px) {

        .slider .slides {
            height: 385px !important;
        }

        .slider .indicators {
            bottom: 0;
        }

        .slider .slide-text {
            width: 100%;
        }

        #SecondNav {
            top: -18px;
        }

            #SecondNav .call-btn {
                width: 310px;
            }

                #SecondNav .call-btn span.number {
                    font-size: 24px;
                    line-height: 60px;
                    margin: 0 0 0 10px;
                }

        .modal h4 {
            font-size: 1.6em;
        }

        .modal .modal-call h4 {
            font-size: 1.4em;
        }

        .modal p {
            font-size: 14px;
            line-height: 16px;
        }

        .modal .input-field {
            margin-top: 0;
        }

        .lean-overlay {
            z-index: 100 !important;
        }

        .sticky-footer {
            z-index: 1;
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 60px;
            background-color: rgba(255, 255, 255, 0.9);
        }
    }

 .slick-slide, .slick-slide * { outline: none !important; }

.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

    



 

