/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}
*, *:before, *:after {
    box-sizing: border-box;
}


@font-face {
  font-family: Ashfort;
  src: url(../fonts/AshfortBrushScript-Regular.otf);
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium-Regular.ttf);
}


/* =======================================================
*
* 	Template Style 
*
* ======================================================= */

body {
   font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-style: normal;
    font-size: 16px;
    line-height: 1.7;
    color: #828282;
    background: #fff;
    margin: 0 auto;
}

.robotic {
    display: none;
    height: "35";
    valign: "middle";
    padding-left: "8px";
}

.imgleft {
    float: left;
    padding: 5px 20px 10px 0px;
}

.contact-p {
    text-align: center;
    padding: 1%;
    font-size: 20px;
}

.showbr {
    display: none;
}

.showbr2 {
    display: none;
}

.doc-pic {
    float: none;
    padding: 10px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.name {
    color: #1c2b37 !important;
    font-size: 30px !important;

}

#desktopthree {
    display: block;
}

#mobilethree {
    display: none;
}

.img1 {
    float: right;
    padding: 10px;
}


ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    color: #000;
}



/*index*/

/*section1*/

.office-start {
    color: #fff;
    width: 70%;
    margin: 0;
    padding: 17%;
    background: #07070bb3;
}


.homescreen-banner {
    position:relative;overflow:hidden;
    margin-top: 45px;
}


#office-container {
    margin: 0;
    padding: 0;
}



/*end sec1*/

/*section3*/



.banner-contactform {
        position: absolute;
    bottom: 0;
    width: 34%;
    left: 5%;
    background: #fff;
    padding: 1%;
}

 .contact-absolute {
        display: block;
    }
    .contact-relative {
        display: none;
    }
.banner-contactform .btn-primary {
    color: #5a6f89;
    margin: 2%;
}
/*end sec3*/

.website-button {
    background: none;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 30px;
    transform: translate(-50%, -50%);
}

.mocks {
    position: relative;
    border: 20px solid #ffffff;
    border-top: 0;
    width: 50%;
    float: left;

}

.mocks:hover .img-overlay {
    opacity: 1;
}

.mocks:active .img-overlay {
    opacity: 1;
}

.bluesubtext {

    width: 88%;
    padding-top: 10px;

}
.block-p {
    padding: 0 !important;
    display: block;
}
.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008cbaad;
}

.floatfifty {
    width: 50%;
    float: left;
}
.fifty {
    width: 50%;
}
.floatfifty-margin {
    margin: 1%;
    width: 48%;
        padding: 3%;
    background: #ffffff;
    float: left;
}

.float-fourty {
    width: 40%;
    float: left;
}

.float-sixty {
    width: 60%;
    float: left;
   
}
.float-thirty {
    width: 30%;
    float: left;
   
}
.float-thirtythree {
    width: 33.3%;
    float: left;
   
}
.float-twentyfive {
    width: 25%;
    float: left;
   
}
.float-seventy {
    width: 70%;
    float: left;
   
}

#insurance-img {
    padding: 10px;
}

.float-social {
    padding-bottom: 20px;
    text-align: center;
    font-size: 40px;
}

.testfloatimages {
    overflow: auto;
    width: 100%;
}

.testfloatimages img {
    float: left;

}


.teamcallout {
    padding: 5%;
    width: 50%;
    margin: 0 auto;
    text-align: justify;
    font-size: 20px;
    color: #fff;
}


.hovercontainer {
    position: relative;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 3%;
}

.hovercontainer:hover .thehoverbio {
    opacity: 1;
}

.hovercontainer:active .thehoverbio {
    opacity: 1;
}

.thehoverbio {
    position: absolute;
    font-size: 16px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #182435d1;
    padding-top: 50% !important;
}

.longerbio {
    padding-top: 20% !important;
}

.thehoverbio p {
    text-align: left !important;
    font-size: 16px;
    color: #fff !important;
}

#the-width {
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    padding: 5% 0;
}

.float-social a {
    padding: 10px;
    color: black;
}
.just-overflow {
    overflow: hidden;
}

.flex-and-overflow {
    overflow: auto;
    display: flex;
    align-items: center;
}
.flex-and-overflow2 {
    overflow: hidden;
    display: flex;
    align-items: center;
}

#vid {
    width: 100%;
    height: 500px;
}

#dmdpara {
    font-size: 22px;
    padding: 5% 0 5% 0;
}

#formobilehead {
    display: none;
}

.showonlydesk {
    display: block;
}

.doctors {

    margin: 0 auto;
    text-align: center;
    display: block;
    position: absolute;
    top: 71%;
    left: 10%;
    width: 80%;
    box-shadow: 2px 3px 20px #0f141794;
    z-index: 4;
}

#toptop {
    padding-bottom: 0;
    padding-top: 15%;
}

.forthetop {
    padding: 6em 0 2em 0;
}

#girlwphone {
    width: 100%;
    margin-top: 15%;
}

.right-overlap-div {
    padding: 10%;
    width: 60%;
    float: right;
    position: relative;
    z-index: 2;

}

.overlap-container {
    position: relative;
    overflow: hidden;
}

.overlap-pic-container {
    float: left;
    position: relative;
    left: 5%;
    top: 2%;
    width: 40%;
    z-index: 3;
}

.three-container {
    overflow: auto;
    display: flex;
    align-items: center;
    padding: 4% 0 4% 0;

}

.three-container:after {
    clear: both;

}

.three-container span {
    font-size: 40px;
    float: left;
    width: 28%;
    text-align: center;
    color: #00cc00 !important;
}

.totheright {

    float: right;
    position: relative;
    right: 5%;
    top: -17%;
    width: 40%;
    z-index: 3;
}

.totheright img {
    margin-top: 5%;
}

.overlap-background {
    overflow: auto;
    position: absolute;
    z-index: 0;
    top: 28%;
}

.overlap-shape {
    position: absolute;
    top: 76%;
    right: 0;
    opacity: .1;
}
.overlap-shape2 {
    position: absolute;
    top: 90%;
    left: 0;
}

.absolute-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

  .sect-1 {
         position: relative;

    overflow: auto;

    }
 




.the-num {
    font-size: 30px;
}

.non-absoluteheadings span {
      
    color: #fff;
    font-size: 45px;
    padding-left: 40px;
}



.threefoot {
    width: 33.33%;
    float: left;
}
.threefoot h1 {
    font-size: 26px;
    color: #458aa6;
    line-height: normal;
}
.servdivfl {
    position: absolute;
    background: #fff;
    top: -41%;
    z-index: 44;
    padding: 8%;
    width: 70%;
    left: 16%;
    box-shadow: 1px 3px 9px 1px #d4d4d4;
}

.servdivfl p {
    float: left;
    width: 50%;
    padding: 10px;
    text-align: center;
    font-size: 22px;
}

.banner-top-container {
    padding: 3em 0 2em 0;
}

/*
.parallax {
    display: none;
}*/

.accredsholder {
    display: flex;
    align-items: center;

}

.accreds {
    width: 100%;
    display: flex;
    align-items: center;

}

.accreds img {
    width: 20%;
    float: left;
    padding: 10px;
}

.accreds2 img {
    width: 50%;
    float: left;
    padding: 10px;
}

.accreds2 {
    width: 50%;
    display: flex;
    align-items: center;

}

.package-divs {
    background: #fffc;
    width: 100% !important;
    height: 503px;
}

.package-divs p {
    color: #1a4052 !important;
}

.package-divs h3 {
    color: #1b779a !important;
    padding-top: 22%;
}

.package-head-icons {
    max-width: 36% !important;
    position: absolute;
    top: -9%;
    left: 31%;
}


/*index*/

#doc-bio-home {
    margin-left: 0;
    width: 50% !important;
}

#doc-pic-home {
    width: 50% !important;
}



.threeserv div {
    width: 33.3%;
    float: left;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 1%;
}

.smileland div {
    width: 33.3%;
    float: left;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 1%;
}

.smileland img {
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    box-shadow: 2px 1px 6px 1px #ccc;
}

.smileland img:hover {
    background: #b9c3cc;
    opacity: .6;
}

.threeserv div:hover {
    background: #b9c3cc;
}

#overpalmcontainer video {

    height: auto;
}

#underpic {
    display: flex;
    align-items: center;
    padding: 1%;
}

#underpic p {
    float: right;
    width: 75%;
    font-size: 30px;
    margin: 0;
}

#underpic img {
    float: left;
    width: 25%;
    padding: 0;
    margin: 0
}

.ratingGraphic {
    color: gold;
    font-size: 23px;
    float: right;

}

.ratingName {
    color: #000;
    font-size: 23px;
    float: left;

}

#page {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.offcanvas #page {
    overflow: hidden;
    position: absolute;
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.7);
    content: "";
}

a {
    color: #2a6884;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #213432;
    outline: none;
    text-decoration: none;
}

.map {
    width: 100%;
    display: block
}

.i4ewOd-pzNkMb-haAclf {
    background-color: rgb(77, 106, 121);
    display: none;
}

p {
    margin-bottom: 30px;
    text-align: left;
    color: #000;
    font-size: 16px;
}

h1 {
    color: #0d2956;
    font-family: Gotham, sans-serif;
    line-height: 1;
      font-size: 45px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 20px;
    
}


h2 {
    color: #1c2b37;
     font-family: Gotham, sans-serif;
    text-align: center;
      font-size: 35px;
    font-weight: 400;
    margin: 0 0 20px 0;
    line-height: 1;
}

h3,
h4,
h5,
h6,
figure
{
color: #5e8ea3;
    font-family: Gotham, sans-serif;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0 20px 0;
    line-height: 1.1;
}

h1 span {
   font-family: Gotham, sans-serif;
    font-size: 30px;
}
h2 span {
   font-family: Gotham, sans-serif;
    font-size: 30px;
}
h1.smaller {
   
    font-size: 18px;
}
h2.smaller {
  
    font-size: 18px;
}
.title-hr {
    width: 25%;
    float: left;
    margin-right: 10px;
    border-color: #f4d60b;
}
.subh3 {
    font-size: 26px;
    font-weight: 600;
    margin: 30px;
}

.calloutletter {
    color: #1b779a;
    font-size: 24px;
    padding-left: 10px;
}

.num {

    font-size: 28px;
    color: #1c2b37;
    text-align: right;

}

.num2 {
    line-height: 30px;
    margin-bottom: 20px;
}

.add {
    font-size: 21px;
    color: #000;

}

.address1 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #1c2b37;
    margin-top: 10px;
}

.bottom {
    text-align: right;
    position: relative;
}

#bar {
    top: 0;
}

#headerlogoimg {
    text-align: left;
    display: block;
}

/*
#headerlogo {
    width: 30%;
}*/

.hidelogo {
    display: initial;
}

#bottomhead {
    float: none;
    padding: 10px;
    padding-top: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#tophead {
    float: left;
    padding: 10px;
    color: #848484;

}

#showlogo {
    display: none;
}

#headbr {
    display: none;
}









.headerlogoaddcontainer {
    margin: 0 auto !important;
   
    margin-bottom: 0 !important;
   margin: 0 auto;
    text-align: center;
    padding: 35px 0;
    width: 50%;
}

#headeraddress {
    padding: 0px !important;
    margin: 0 auto !important;
    text-align: center;
    float: none;
}

.fh5co-nav ul li {
    padding: 0 14px 0 5px;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.num {
    font-size: 26px;
    color: #FFF;
    text-align: right;
    position: relative;
    bottom: 0px;
    vertical-align: middle;
}

.headerrow {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;

}


.add {
    font-size: 22px;
    color: #1c2b37;
    border-left: 1px solid rgb(197, 202, 212);
    line-height: 1.4em;
    display: inline-block;
    padding: 0 2px 0 9px;
    text-align: left;
    vertical-align: middle;
    font-weight: 7000;
}

::-webkit-selection {
    color: #fff;
    background: #02327e;
}

::-moz-selection {
    color: #fff;
    background: #02327e;
}

::selection {
    color: #fff;
    background: #02327e;
}

.fh5co-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 0;
    z-index: 1001;
}

.diy-fi-container {
    float: left;
    clear: both;
}

.right-contet {

    float: right;
    width: 60%;
}

.fh5co-nav .top-menu {

    background: #fff;
}

#absolute-nav {
    /*position: absolute;
*/
    top: 0;
    z-index: 9;
    width: 100%;
   
}

.landing-text p {
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
    margin-bottom: 20px;
}

.text-left {
    float: left;
}

.header-right {
    float: right;
    line-height: 20px;
    margin-top: 20px;
    text-align: right;
}

.header-right {
    float: right;

}

.fh5co-nav .top {
    background: #1c2b37;
    padding: 7px 0;
    margin-bottom: 0;
}

.fh5co-nav .top .num,
.fh5co-nav .top .fh5co-social {
    display: inline-block;
    margin: 0;
}

.fh5co-nav .top .num {
    font-size: 18px;
    padding-right: 20px;
    margin-right: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
}

.fh5co-nav .top .add {
    font-size: 18px;
    margin: 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
}


.buttonimg {

    margin: 0 auto;
    text-align: center;
    display: block;
    width: 110px;
}

.buttonimg2 {

    margin: 0 auto;
    text-align: center;
    display: block;

}

.video3 {
    text-align: center
}

.videoin {
    width: 560px;
    height: 315px
}

.fh5co-nav #fh5co-logo {
    font-size: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 700;
    font-family: 'Gill Sans', sans-serif;
    position: relative;
    top: 20px;
}

.fh5co-nav #fh5co-logo a span {
    color: #1c2b37;
}

.fh5co-nav a {
    padding: 5px 0px;
    color: #fff;
    font-weight: 600;

font-family: sans-serif;
}

.box {
    margin-top: 0;
}

/* no more fixed header
    #fh5co-header {
    
              padding-top: 120px;
    }*/

/*top phone float*/

.half-half {
    overflow: auto;
    display: flex;
    align-items: center;
    background: #eaeaea;
}

.half2 {
    width: 50%;
    float: left;
}

.half1 {
    width: 50%;
    float: right;
}

#appointment-book {
    display: none
}

#appointment-book2 {
    display: block;

}





/*about page*/




.showthisfirst {
    display: block;
    position: absolute;
    left: 5%;

    padding: 1%;

    text-align: left;
    bottom: 5%;
}

.showthissecond {
    display: none;
}

.showthis-head {
    display: none;
}

.showthisbr {
    display: none;
}



/*nav took otut inline in .fh5co-nav ul li  12/3*/

/*top under banner end*/

.fh5co-nav ul {
    padding: 0;
    margin: 2px 0 0 0;
    padding: 10px 0;
}

.fh5co-nav ul li {
    padding: 10px;
    margin: 0;
    list-style: none;

    /* text-align: center; */
    float: none;
}

.fh5co-nav ul li a {
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: right;
    margin: 0 auto;
    text-decoration: none;
}

.signup-header {
    margin: 20px 0 25px;
    background-color: #02327e;
    border-radius: 4px;
    padding: 20px;
}

.img-middle {
    text-align: center;
    margin-left: 20%;
}

.fh5co-nav ul li a:hover {
    color: rgba(255, 255, 255, .2);
}

.bt-two {
    background-color: #014492;
    font-size: 30px;
}

.fh5co-nav ul li a:hover,
.fh5co-nav ul li a:focus,
.fh5co-nav ul li a:active {
    color: #0083c9;
}


.fh5co-nav ul li ul {
    width: min-content;
    height: 100%;
    float: left;
    margin-top: 0;
    font-size: 14px;
}

.fh5co-nav ul ul {
    display: none;
    position: absolute;
    z-index: 99999;
  
}

.fh5co-nav li li {
    position: relative;
    display: inline-block;
    float: left;
    left: auto;
    background: none;
    bottom: 2px;
    width: 250px;
    padding: 0;
}

.fh5co-nav li ul li a {
    color: #fff;
    display: block !important;
    font-size: 15px;
    line-height: 25px;
    background: #001628;
    padding: 10px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 15px;
}

.dropdown2 {
    left: 86%;
    display: none;
    opacity: 0;
 
}

.dropdown2 li {
    bottom: 33px !important;
}

.dropdown2 li a {
    background: #1c5888 !important;
        
}
.dropdown:hover .dropdown2 {
    display: block;
    opacity: 1;
}
.fh5co-nav ul ul li:hover ul {
    display: block !important;
    position: absolute;
    z-index: 99999;
    left: 80%;
    top: -5px;
    float: right;
}

.fh5co-nav li:hover ul {
    display: block;
}

.text-right {
    position: relative;

}





.fh5co-nav ul li.btn-cta a {
    color: #fff;
}

.fh5co-nav ul li.btn-cta a span {
    background: #1c2b37;
    padding: 4px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}

.fh5co-nav ul li.btn-cta a:hover span {
    -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}


#menu1 {
    width: 100%;
}

#fh5co-header,
#fh5co-counter,
.fh5co-bg {
    position: relative;
}

.fh5co-bg {
    position: relative;
    width: 100%;
    float: left;
}

.fh5co-bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fh5co-video {
    overflow: hidden;
}

.servicesbanner {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    display: block;
    width: 100%;
    text-align: center;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
    bottom: 0;
    padding-top: 8%;
}

.servicesbanner-2 {
    position: absolute;
    top: 0;
    left: 18.4%;
    font-size: 30px;
    display: block;
    text-align: left;
    right: 0;
    bottom: 0;
    padding-top: 1.5%;
}

#serviceslinebanner-3 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
}

.servicesbanner-3 {
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 43%;
    right: 0px;
    padding-top: 6%;
    text-align: center;
}

#serviceslinebanner-2 {
    font-size: 40px;
    color: #000;
    line-height: 34px;
}

#serviceslinebanner-1 {
    font-size: 18px;
    color: rgb(170, 33, 27);
    margin-top: 15px;
}

.headingblueservice {
    color: #02327e;
    font-size: 34px;
}

.headingblueservice2 {
    color: #02327e;
    font-size: 45px;
    text-transform: uppercase;
    line-height: 55px;
}

.heading-primary {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 0;
    margin: 0 0 15px;
}

.heading-tertiary {
    text-align: center;

    padding-bottom: 30px;
    color: #02327e;
}

.banner-bg {
    background-color: rgba(255, 255, 255, 0.75);
}

#serviceslinebanner {
    line-height: normal;
    margin-top: 15px;
    font-size: 45px;
    color: rgb(88, 4, 11);
}





.fh5co-cover {
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%;
}

.fh5co-cover .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #93959a;
}

.fh5co-cover > .fh5co-container {
    position: relative;
    z-index: 10;
}

.clear-three::after {

    clear: both;
}


.form-control::placeholder {
    opacity: 1;
}

#servlinks span {
    display: none;
    color: #CBE087;
}

#ninetyfour {
    width: 100% !important;
}

#targetcirclemobile {
    display: none;

}

#targetcircledesk {
    display: block;

}

#targetcircledesk p {
    width: 50%;
    float: left;

}


#replacevid {
    display: none;
}

.mobilebr {
    display: none;
}

.mobile-icon {
    display: none !important;
}


#fh5co-footer {
    position: relative;
    padding: 3em 0;
}


#fh5co-footer a {
    color: #2a6884;
}

#fh5co-footer a:hover {
    color: #567581;
}

#fh5co-footer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7;
        background-image: linear-gradient(45deg, rgba(213, 237, 255, 0.8), #f4d60b00);
    /*#02327e*/
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#fh5co-footer h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #02327e;
}
.left {
    text-align: left;
}
.left1 {
    position: relative;
    left: 90px;
}

#fh5co-footer .fh5co-footer-links {
    padding: 0;
    margin: 0;
}

#fh5co-footer .fh5co-footer-links li {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #000;
    font-size: 16px;
    /* text-align: center;*/
}

#fh5co-footer .fh5co-footer-links li a {
    color: #000;
    text-decoration: none;
}

#fh5co-footer .fh5co-footer-links li a:hover {
    text-decoration: underline;
}

#fh5co-footer .fh5co-widget {
    margin-bottom: 30px;
}

#fh5co-footer .fh5co-widget h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#fh5co-footer .copyright .block {
    display: block;
}

.copyright i {
    padding: 10px;
    color: #1b779a;
}

#map {
    width: 100%;
    height: 500px;
    position: relative;
}


#fh5co-offcanvas {
    position: absolute;
    z-index: 1901;
    width: 100%;
    background: #180e26;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.offcanvas #fh5co-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

#fh5co-offcanvas a {
    color: #fff;
    text-decoration: none;
}
#fh5co-offcanvas .boss {
 
    font-weight: 600;
    font-size: 25px;
    
}

#fh5co-offcanvas ul li li li {
        font-family: sans-serif;
}

#fh5co-offcanvas a:hover {
    color: rgba(255, 255, 255, 0.8);
}

#fh5co-offcanvas ul {
    padding: 0;
    margin: 0;
}

#fh5co-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
}

#fh5co-offcanvas ul li > ul {
    padding-left: 20px;
    display: none;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
    display: block;
    position: relative;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
    position: absolute;
    right: 0px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e921";
    font-size: 20px;
    color: rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.gototop a:hover,
.gototop a:active,
.gototop a:focus {
    text-decoration: none;
    outline: none;
}

.fh5co-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.col-xs-12 img {
    height: auto;
    max-width: 100%;


}


.fh5co-nav-toggle.active i::before,
.fh5co-nav-toggle.active i::after {
    background: #fff !important;
}

.fh5co-nav-toggle:hover,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.fh5co-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    transition: all .2s ease-out;
}

.fh5co-nav-toggle i::before,
.fh5co-nav-toggle i::after {
    content: '';
    width: 25px;
    height: 2px;
    background: #252525;
    position: absolute;
    left: 0;
    transition: all .2s ease-out;
}

.fh5co-nav-toggle.fh5co-nav-white > i {
    color: #fff;
    background: #fff;
}

.fh5co-nav-toggle.fh5co-nav-white > i::before,
.fh5co-nav-toggle.fh5co-nav-white > i::after {
    background: #fff;
}

.fh5co-nav-toggle i::before {
    top: -7px;
}

.fh5co-nav-toggle i::after {
    bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
    top: -10px;
}

.fh5co-nav-toggle:hover i::after {
    bottom: -10px;
}

.fh5co-nav-toggle.active i {
    background: transparent;
}

.fh5co-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
    position: fixed;
    right: 0px;
    top: 80px;
    z-index: 21;
    padding: 6px 0 0 0;
    display: block;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none !important;
}


.btn {
    margin-right: 4px;
    margin-bottom: 4px;
    margin-top: 10px;
    font-family: 'Gill Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 8px 20px;
    text-transform: uppercase;
}

.btn.btn-md {
    padding: 8px 20px !important;
}

.btn.btn-lg {
    padding: 18px 36px !important;
}

.btn:hover,
.btn:active,
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary {
    background: #0283c9;
    color: #fff;
    white-space: pre-line;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #d3d3d3;
    border-color: #d3d3d3;
}

.btn-primary.btn-outline {
    background: linear-gradient(to right, #846d2a 0%, #cfac48 51%, #846d2a 100%);
    color: #ffff;
    border: none;
}
.btn-primary.btn-outline2 {
    background: linear-gradient(to right, #98849e 0%, #8a7191 51%, #98849e 100%);
    color: #ffff;
    border: none;
}
.btn-primary.btn-outline2:hover,
.btn-primary.btn-outline2:focus,
.btn-primary.btn-outline2:active {
    background: #000000;
    color: #fff;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active {
    background: #000000;
    color: #fff;
}

.btn-success {
    background: #1c2b37;
    color: #000;
    border: 2px solid #1c2b37;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #d3d3d3 !important;
    border-color: #d3d3d3!important;
}

.btn-success.btn-outline {
    background: transparent;
    color: #1c2b37;
    border: 1px solid #1c2b37;
}

.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active {
    background: #d3d3d3;
    color: #fff;
}




.btn-outline {
    background: none;
    border: 1px solid gray;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    box-shadow: none;
}

.form-control {
   border-radius: 5px;
    padding: 1%;
    opacity: 1;
    font-weight: bold;
    font-size: 15px;
    width: 48%;
    float: left;
    margin: 1%;
}

#form-message {
    width: 96% !important;
}

.form-group {
    margin: auto;
}

.form-control:active,
.form-control:focus {
    outline: none;
    box-shadow: none;
   
}

.row-pb-md {
    padding-bottom: 0;
    position: relative;
    margin-left: 0;
}

.about1 {
    position: relative;
    left: 80px;
}

.row-pb-sm {
    padding-bottom: 2em !important;
}

.fh5co-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 9999;
    background: url(../images/source/loader.gif) center no-repeat #fff;
}

.js .animate-box {
    opacity: 0;
}




.contactHeader {
    width: 50%;
    float: left;
}

.white {
    color: #fff;

}

.the-hundred {
    width: 100%;
}

.selector-icon:hover {
    transform: scale(1.2);
}

.thenavbar-fixed-top.scrolled {
    background-color: #fff !important;
    transition: background-color 200ms linear;
box-shadow: 2px 3px 10px #0000003d;
    position: fixed;
}

/*

.thenavbar-fixed-top.scrolled a:hover {
    color: #478aa6 !important;
}
.thenavbar-fixed-top.scrolled p {
    color: #000 !important;

}
*/

.go-over {
    z-index: 2;
    position: relative;
}


.cab-logo {
font-size: 15px;
    visibility: visible;
    opacity: 1;
    height: auto;
    float: left;
    padding: 10px;
    color: #fff;
    margin: 0 auto;
    top: 0;
    /* position: absolute; */
    width: 25%;
}


.cab-logo img {
    max-width: 200px;
    /* float: left; */
    margin: 0 auto;
    text-align: center;
    display: block;
}
.thenavbar-fixed-top.scrolled .cab-logo {
 color:#000;
}



.thenavbar-fixed-top {
  /*  position: fixed !important;*/
background: #fff;
}

.thenavbar-fixed-top-int.scrolled {
    background-color: #59717ce8 !important;
    transition: background-color 200ms linear;

}

.thenavbar-fixed-top-int {
    position: fixed !important;

}

.mobile-logo {
    display: none;
}

.interior-fix-clear {
    margin-top: 138px;
    display: block;
}

.desktop-logo-int {
    max-width: 100px;
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none;
    clear: both;
    padding: 10px;
}

.showunder700 {
    display: none;
    margin-top: 15px;
}


.container-int {
    margin: 0 auto;
    padding: 5% 2%;

    text-align: center;
}
.text-container {
    margin: 0 auto;
    padding: 5% 2%;
overflow: auto;
    text-align: center;
}



.image-basics {
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 100%;
    padding: 10px;
}
.image-basics0 {
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 100%;
    padding: 0;
}

.the-habbels {
    max-width: 400px;
}

.clear-interiorheader {
    margin-top: 222px;
}



.section-line {
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
}

.centerme {
    text-align: center !important;
}

/*banner*/
.banner-wrapper {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
background-image: url(../images/people-banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}




figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

figurecaption {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
}



.leads {
  
   /* text-align: center;
    display: block;
    z-index: 3;
    line-height: initial;
    width: 50%;
  
    padding: 4%;
    overflow: auto;
    margin-top: 15%;
    margin-bottom: 5%;
    */
        /* margin: 0 auto; */
    text-align: center;
    display: block;
    z-index: 3;
    line-height: initial;
    width: 50%;
    /* background: #fff; */
    padding: 4%;
    overflow: auto;
    /* margin-top: 15%; */
    /* margin-bottom: 5%; */
    float: left;
 
}



.sublead-h1 {
    color: #fff;
    margin: 0;
    font-size: 2em;
    line-height: .7;
    font-weight: 400;
    text-align: left;
    max-width: 600px;

}
.sublead-h1 span {
        font-style: italic;
    font-size: 31px;
    /* display: block; */
    line-height: 0;
}

.sublead-h1 strong {   
    line-height: 78px;

}
.yellow {
    color: #e0b872;
}

.sublead-h2 {
line-height: 1em;
text-shadow: 8px 9px 6px #000;
    font-size: 8em;
    padding: 0;
    margin: 0;
   color: #4daaff;
}
.sublead-p {
  
    margin-top: 20px;
    color: #000;
    margin-bottom: 2%;
    font-size: 23px !important;
    line-height: 27px;
    /* text-shadow: 3px 3px 33px #000; */
   
    text-align: left;
    }


.interior-heading {
    position: absolute;
    left: 50%;
    z-index: 3;
    top: 50%;
    
    color: #f5f5f5;
    margin: 0;
    font-size: 50px;
    text-shadow: 3px 3px 20px #00000070;
    line-height: initial;
    transform: translate(-50%,-50%);
}
.sublead-button {
       
    font-size: 35px;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    z-index: 3;
    text-shadow: 3px 3px 20px #00000070;
}
#appointment1 {
    top: 37%;
    left: 13%;
}
#appointment2 {
    top: 72%;
    left: 23%;
}
.office-1 {
    position: absolute;
    z-index: 1;
    width: 800px;
    right: 11%;
    top: 4%;
}

/*end banner*/
/*index*/
.float3 {
    width: 30.3%;
    float: left;padding: 1%;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
        transition: opacity 0.3s ease-out;

}

.float3 img {
        margin: 0 auto;
    text-align: center;
    display: block;
  width: auto;
    height: 100px;
}
 .servHolder {
        overflow:auto;display:flex;align-items:center;
    }

.float3:hover {
  opacity: .5;
}



.label-float4 {
    
    font-size: 18px;
    color: #fff;
    padding: 1%;
}
/*end*/




.absolute-servtitle {
    position: absolute;
    left: 2%;
    color: #fff;
    z-index: 1;
}


.line-mark {
    display: block;
    width: 100%;
    max-width: 100%;
        border-style: solid;
    border-bottom-width: 3px;
    border-color: rgb(3, 169, 244);
    width: 60px;
    margin: 0px auto;
}
#sec-4 {
        background-image: url(../images/source/white-background-decatur-dentist.jpg);
    background-repeat: repeat;
    background-size: initial;
}
.main-content {
overflow: auto;
}
    #break800 {
        display: none;
    }

#lessfoot {
    padding-left: 5%;
}
 .social-links {
        padding-left:5%;margin-bottom: 20px;
    }
#foot-logo {
        max-width: 300px;
    /* float: left; */
    text-align: left;
    margin: 0;
    position: absolute;
    bottom: 89%;
    left: 50%;
    transform: translate(-50%,0);
}

   .the-mobile-logo {
  display: none;
    }
.mapholder {
    position: relative;
}
.rect {
    position: absolute;
    bottom: 0;
    height:50px;
    width:100%;
    background: #fff;
}

/*start*/

.header-bg2 {
    position: absolute;
    top: 0;
    /* bottom: 0; */
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/greenshape.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom;
}




.view-all {
    background: #fc5225;
    padding: 15px;
    color: #fff;

    font-size: 22px;
    text-align: center;
    position: absolute;
    bottom: -35px;
    right: 0;
    width: 233px;
    text-decoration: none;
}

.floating-block {
        width: 71%;
    height: 500px;
    position: absolute;
    background: #213432;
    right: 0;
    bottom: 12%;
}





  #testimonial-block-1 img {
    display: none !important;
  
}

#testimonial-block-2 img {
    border: 2px solid #458aa6;
    border-radius: 50%;
}


/*about page*/
#about-doc {
        padding-left: 9%;
    padding-bottom: 0;
}
/*doc page*/

    .accreds-img {
        width: 20%;
        max-width: 160px;
    }
.staff-pictures img {
    max-width:160px;
}
#border-right-teal {
    border-right: 10px solid #327c95;
}

.float-sixty {
    width: 60%;
    float: left;
}
.float-forty {
    width: 40%;
    float: left;
}
   .eight-hundred-br {
        display: block;
    }

.thirty-three {
    width: 33.3%;
    float: left;
}
.slide-button-left {
    position: absolute;
    top: 41%;
    left: 0%;
    color: #000 !important;
}

.slide-button-right {
    position: absolute;
    top: 41%;
    right: 0%;
    color: #000 !important;
}
.absolute-address {
    background: #7d69ff;
    padding: 10px;
    color: #fff;
    position: fixed;
    top: 30%;
    z-index: 2;
    transform: rotate(-90deg);
    left: -157px;
    width: 360px;
    /* height: 10%; */
    font-family: sans-serif;
}
.absolute-address2 {
    display: none;
}
.disappear {
    display: block;
}
#second-span {
    text-decoration: none;
    font-weight: 200;
    color: #fff;
}
.subheading {
    margin-bottom: 2%;
    text-align: center;
    font-weight: 600;
    font-size: 23px !important;
    color: #21303c;
    text-decoration: underline dashed #448AA6;
    margin-top: 0;
    text-underline-position: under;
}
   .over480br {
        display: block;
    }
    .under480br {
        display: none;
    }

.services-index {
    border-right: 3px solid #fff;margin-right: 10%;
}
.services-index p {
    text-decoration: underline;
    color: #fff;
    text-underline-position: under;
    padding: 3px;
    width: 50%;
}
.the-first-title {
    text-decoration-color: #4D9AA6;
}
.services-title:hover {
    background: #448AA6;
}
.service-number p {
    color: #fff;
}
.service-number {
    display: none;
}
#the-first {
    display: block;
}
  .arrow-down {
        display: none;
    }
     .arrow-right {
        display: inline-block;
    }
#review-background {
    background:url(../images/review-back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
     .showeight-hundred-br {
        display: none;
    }
.harry-trans {
    width: 700px;
    left: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.int {
    text-align: left !important;
}

  .second-leads {
display: none;
    }

.more-padding {
    padding: 3%;
}

.darkdiv p {
    color: #d8dadc;
}

.darkdiv p.subheading {
    color: #68b1d3;
}
.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control::-webkit-input-placeholder {
  color: #000;
}
#temp-padding {
    padding-right:15px;
}
.inline-list {
    padding-left:15px;text-align:left;
}
.five-ten {
    padding: 5% 10%;
}
#half-back-head {
        padding: 5%;
    padding-bottom: 0;
    text-align: center;
    background: #f7f7f7;
}
.intsub {
padding: 0 5% 1% 5%;
    margin: 0;
}
.right-line {
width: 0;
}
.patientbox:hover {
        background: #180d2517;
    box-shadow: inset -16px -8px 0px 1px #01000133;
}
.first-check {
   text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.default-list {
        list-style: none;
    padding: 0;
}
.first-check li:hover {
 
    padding-left: 20px;
}


.first-check li a:hover {

    color: #c2ecff;
}
.first-check-alt {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.first-check-alt li:hover {
    background: #f8f8f8;
    padding-left: 4%;
    border-left: 2px solid #0c2956;
}
.first-check-alt li a span:hover {

    color: #0073d3;
}

.the-marks {
margin: 0;
    padding: 0;
    display: inline-block;
    /* float: left; */
    line-height: 0;
    /* margin-top: 17px; */
    font-size: 25px;
    color: #35d383;
}
.darkblue {
    color: #0b2343;
}
.darkgold {
    color: #be8a18;
}

.fa-star:before {
    color: gold;
}
.yellow-span {
    color: #ead463;
    font-weight: 600;
    text-shadow: 2px 2px 0px #806f1b;
}
.yellow-w-shadow {
    color: #ead463;
    text-shadow: 3px 3px 5px #000;
    position: absolute;
bottom: 13%;
    left: 43%;
}
#twenty-left {
    padding-left: 20px;
}
#fifteen-left {
    margin: 0;
    padding-left: 42px;
    text-align: left;
}
.index-review {
  
    padding: 20px;
}
.insurance-img {
    background: #fff;
    width: 28.3%;
    padding: 20px;
    float: left;
    margin: 2%;
    box-shadow: 19px 20px 0px #04579e;
}
.insurance-alt {
    background: #fff;
    padding: 20px;
    width: 29.3%;
    float: left;
    margin: 2%;
    box-shadow: 19px 20px 0px #0073d3;
}

.insurance-img:hover,
.insurance-alt:hover 
{
    box-shadow: 19px 20px 0px #a1913d;
    background: #eee;
    /* border: 1px dashed white; */
}

#heighty {
    height: 170px;
}

.blueback {
    background:url(../images/blueback.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.reviewSlides {display:none;}
.myHomeSlides {display:none;}
.blue-purpleback {
    background: #01111f;
}
.goldpull {
    color: gold;
}
.twentyw {
    width: 20px;
}
 .cab-logo img {
        max-width: 300px;
    float: left;
    }

#sect1 {
    background: url(../images/blue.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#sect5 {
    background: url(../images/shutterstock_770413342-teal.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


.yellowreview {
    background: #ead463;
}
.yellow-border {
    border: 2px solid #ead463;
}
.yellow-border p {
    text-align: left;
}
.white-border {
    border: 2px solid #fff;
}
.white-border p {
    text-align: left;
}
   .fiver {
        padding: 5%;
        position: relative;
    }
 .the-heights {
      background: #fff;
    height: 800px;
    display: flex;
    align-items: center;
    }
.the-map {
        border: 0;
    height: 900px;
    max-height: 85%;
    width: 85%;
    position: relative;
    left: 16.5%;
}
.nostyle-list {
    list-style: none;
    padding: 0;
}
.social-container {
    margin: 20px 0 20px 0;
}
.social-tab {
font-size: 2em;
    padding: 10px;
    color: #2b5581;
}

#uneven1 {
        padding: 4% 10% 4% 2%;

}
#uneven2 {

    z-index: 3;
    width: 100%;
   
    padding: 0 5%;
}

#uneven3 {
        padding: 4% 10% 4% 5%;

}
.sometimes-flex {
    display: flex;
}
.review1 {
    padding: 5%;
}

/*interior heading*/

#hundred {
    width: 70%;
}


.twentyFive-right {
     float: right;
    width: 25%;
    margin-bottom:20px;
        text-align: center;
}

.yellow-icons {
    color: #ead463;
}
.blue-icons {
    color: #0072d3;
}
.teal-icons {
    color: #00decc;
}
.next-to-pic-1500 {
    padding: 4% 10% 4% 2%;
}
.next-to-pic-1200 {
    padding: 4% 10% 4% 2%;
}
.forms-a a {
    color: #0071d4;
    padding-left: 10px;
        
}
/*endit*/


.underline-orange {
border-bottom: 6px solid #fc5226;

    display: block;
    width: max-content;
}
.absolute-img {
    position: absolute;
    max-width: 1000px;
    left: 0;
    z-index: 2;
    bottom: 5%;
    top:auto;
}
.btn-holder {
    width: 68%;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    display: flex;
    align-items: center;
}
.btn-holder p {
        width: 60%;
}
#absolute-1200 {
    width: 30%;
    right: 0;
    bottom: -14%;
}

.left-review {
        float: none;
    border-left: 3px solid #17dede;
}
.star-review {
    margin: 0 auto;
    float: none;
    background: #00b2ff42;
    border: 3px solid #fa5325;
    border-top: orange;
    border-bottom: 0;
}
.right-review {
        margin: 0 auto;
    float: right;
     border-right: 3px solid #17dede;
}
.inline-block {
    display: inline-block;
    background: #2a5783;
}
i.fas.fa-stream {
    color: #fa5325;
} 
.footer-links1 {
    color: #fff;
}
.footer-links1:hover {
    padding-left: 10px;
    color: #e9d5ea;
}
#section1 {
    padding-bottom: 0;overflow:hidden;
    position: relative;
}
picture {
    display: block;
    line-height: 0;
}
#overlay-shape {
position: absolute;
    right: 0;
    bottom: 0;
    opacity: .3;
    width: 56%;
    transform: scaleX(-1);
}
#littleshape {
    background: #2a6884;
    height: 5px;
    width: 50px;

    
}
#lastsection {
background: url(../images/mainbanner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
#lastsection2 {
background: url(../images/office2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
.vidban {
       /* background: #121c17;
    background:#062f53;
    background-image: linear-gradient(147deg, #062f53, #001628);*/
    
    width: 100%;
    position: relative;
    overflow: auto;
   
    z-index: 2;
}
.vidban2 {
        background: #121c17;
    background:#062f53;
    background-image: linear-gradient(147deg, #062f53, #001628);
    width: 52%;
    position: relative;
    overflow: auto;
    left: 0%;
    z-index: 2;
}
#toothbrush {
        transform: rotate(62deg);
    z-index: 2;
    position: relative;
}
.hidden {
    overflow: hidden;
}
#toothbrush-holder {
    width: 30%;
    float: left;
}
    #contact-toothbrush {
    width: 70%;
 float: left;

}
.section2 {
    padding: 5% 0;
    background: url(../images/smilebanner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.footer-container {
     width: 75%;
    margin: 0 auto;
}
.footerfloat {
    width: 50%;
    float: left;
}
.flexfoot {
    display: flex;align-items: center;
    
}

.the-table {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

#people-main {
/*position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    max-width: 770px;
    */
        right: 0;
    top: 0;
    width: 50%;
    max-width: 770px;
    /* display: none; */
    float: right;
    z-index: 3;
    position: relative;
}
.bluegradient {
    background-image: linear-gradient(#2a6884, #073950);
    overflow: auto;
    padding: 0 0 0 15%;
    
    clear: both;
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
    z-index: 1;
}
#purpleback {
   background:#180e26;
}
#yellowback {
    background: #efab34;
}
.floatfifty-five {
    width: 55%;
    float: left;
}
.photodivs {
    line-height: 0;
    padding: 0;
    margin: 0;
}
.pad2 {
    padding: 2%;
}
.pad2-5 {
    padding: 2% 5%;
}
.pad5-2 {
    padding: 5% 2%;
}
.pad10 {
    padding: 10px;
}
    .relative {
        position: relative;
    }
.pad-b-0 {
    padding-bottom: 0;
}
.pad-t-0 {
    padding-top: 0;
}
#underlined {
    text-decoration: underline;
    text-decoration-color: #2a6884;
    text-decoration-style: double;
    text-decoration-skip-ink: none;
    font-style: italic;
}
/*font color */

.light-yellow {
    color: #fbfaf0;
}
.light-green {
    color: #edffb8;
}
.dark-green {
    color: #1c1d20;
}
.dark-gold {
  color: #8e6814;

}
/*endfont color */
.italic {
    font-style: italic;
}
.smaller {
   font-size: smaller;
}
.colored-bullet {
    list-style:none;
}
.colored-bullet li::before {
    content: "\2022";
    color: #c1a564;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.darkgreen {
    color: #356309;
}
.form-group {
    overflow: auto;
}
.mobile-contact {
    display: none;
}
.desktop-contact {
    display: block;
}
.yellow-b-left {
    border-left: 2px solid #f4d60b;
}
.red-b-left {
    border-left: 2px solid #b2121a;
}
.just-float-l {
   float: left;
    
}
.clear {
    clear: both;
}
    .review-vid-home {
    width: 100%;
        height: 600px;
}
.absolute {
    position: absolute;
}
.bottom1 {
    bottom: 1%;
}
.show-600 {
		display: none;
	}
.inline-flex {
	display: inline-flex;
}

.another-pullout {
	border-top: 2px solid #0283ca6b;
    border-bottom: 2px solid #0283ca6b;
}

.anotherpullout-p {
	 text-transform: none;
    font-family: sans-serif;
    font-weight: 400;
    color: #000;
    color: #09344c;
}

.yellowgradient {
    background-image: linear-gradient(45deg, #f1d00b80, #f4d60b00);
}

.yellow-boxshadow {
    box-shadow: 5px 5px 0px #f4d60b;
}

.blue {
    color: #0283c9;
}
.darkblue {
    color: #03223c;
}
.baseline {
    align-items: baseline;
}
.hide-500 {
        display: contents;
    }

.marg-b-0 {
    margin-bottom: 0;
}

.white-border {
    border:5px solid #fff;
}

.pad0 {
    padding: 0;
}
.gray-box-shadow {
    box-shadow: 3px 3px 0px #00000063;
}
.blue-box-shadow {
    box-shadow: 3px 3px 0px #0083ca99;
}
.blue-gradient {
    background-image: linear-gradient(45deg, #0083ca, #011d34);
}
.purple-gradient {
    background-image: linear-gradient(45deg, #98849e, #8a7191);
   
}
.grayblue-gradient {
    background-image: linear-gradient(45deg, #fff, #eef2f9, #727b8f);
}
.purple {
    color: #97829d;
}
.slightgrayback {
    background: #edeeee;
}
.normal-align {
    align-items: normal;
}
.marg-t-0 {
    margin-top: 0;
}
#absolute-mappin {
    position: absolute;
width: 50px;
left: 50%;
top: 50%;
transform: translate(-50%,-85%);
}
.lightblue-gradient {
        background-image: linear-gradient(45deg, rgba(213, 237, 255, 0.8), #f4d60b00);
}

.larger {
    font-size: larger;
}
.float-twentyfive.fifty-480.pad10:hover {
    background: #ecf3f8;
    
}
.verylight-blue {
    background: #0083ca0a;
}

.blueback {
    background: #033d6d;
}

.blueimportant {
    color: #033d6d !important;
}
.four-hundred {
    height: 400px;
}
#appt-btn {
    padding: 10px !Important;
  
}
.marg-t-10 {
    margin-top: 10px;
}

.width50 {
    max-width: 50px;
}
.width100 {
    max-width: 100px;
}
.purple {
    color: #97829d;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-bottom: 20px solid #01111f;
}
/*
.slideshow-container {
    margin-top: 212px;
}*/
#purple-border {
    box-shadow: 10px 10px 0 #97829d;
}
.pad-l-30 {
    padding-left: 30px;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}


.dot:hover {
    background-color: #717171
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #222428;
    font-weight: bold;
    font-size: 30px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0
}

.next {
    right: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev {
    left: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev:hover,
.next:hover {
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.8)
}
.absolute-links {
	position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -4%);
	margin: 0 auto;
}

.hover-services {
	overflow: auto;
}
.hover-services:hover .absolute-links {
	border: 2px solid #fff;
	padding: 10px;
	background: rgba(0, 0, 0, 0.17);
top: 40%;
}

.blueish {
	background: #043c6c;
	background-image: linear-gradient(45deg, black, transparent);
}
.purp {
	background-image: url(../images/purp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.just-fifty {
    width: 50%;
}
.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #eaf4ff;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
   border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
}
ul ul ul {
    left: 249px;
    top: -5px;
	display: none !Important;
}
.hoverme:hover ul {
	display:block !important;
}
.just-sixty {
	width: 60%;
	margin: 0 auto;
}
/*begin media queries*/

@media screen and (min-width:2500px) {
  
    .absolute-img {
    max-width: 57%;
    bottom: auto; 
    top: 12%;
}
}
@media screen and (min-width:2000px) {
    

   .newcontainer {
        width: 1800px;
       margin: 0 auto;
    }

    .absolute-img {
        max-width: 57%;
    }
    .inty {
        width: 1200px !important;
    }
 
    
   
    .the-map {
        height: 900px;
    max-height: 85%;
    width: 84%;
}

        #foot-logo {
bottom: 87%;
    max-width: 400px;
}
    .container-int {
        width:100% !important;
    }
    .text-container {
        width:1200px !important;
    }
    .doc-sec {
    display:flex;align-items:center;    padding: 5%;
    padding-top: 0;
    padding-bottom: 0;
}
    .sublead-h1 {
        font-size: 3em;
    max-width: 1000px;
  
}
   
    
    .sublead-p {
 
    margin-top: 0;
    font-size: 30px !important;
    line-height: 30px;
    }
    
}

@media screen and (max-width:2000px) {

     .newcontainer {
        width: 85%;
        margin: 0 auto;
    }
        .review-vid-home {
    
        height: 550px;
}
    .sometimes-flex {
    display: block;
}
    .stop-2000 {
        float: none;
        width: 100%;
    }
        h1 {
       
    font-size: 35px;
    }
    
    
  
    
        .office-1 {
          width: 500px;
    top: 5%;
    right: 5%;
}
   
    

    .banner-wrapper {
        height: 900px;
    }

    .overlap-shape p {
        font-size: 33px;
        padding: 3%;
    }
    

    



}


@media screen and (max-width: 1700px) and (min-width: 1600px) {
    .servicesbanner-2 {
        position: absolute;
        top: 0;
        left: 12%;
        font-size: 30px;
        display: block;
        text-align: left;
        right: 0;
        bottom: 0;
        padding: 0;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1501px) {

    .servicesbanner-2 {
        position: absolute;
        top: 0;
        left: 12%;
        font-size: 30px;
        display: block;
        text-align: left;
        right: 0;
        bottom: 0;
        padding-top: 0;
    }
    #serviceslinebanner-1 {
        font-size: 18px;
        color: rgb(170, 33, 27);
        margin-top: 4px;
    }
    .servicesbanner-3 {
        float: right;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 53%;
        right: 0px;
        padding-top: 6%;
        text-align: center;
    }

}

@media screen and (min-width:1500px) {
    
    p {
        font-size: 18px !important;
    }
    .container-int {
        width: 1500px;
        padding: 5% 2%;
    }
    .text-container {
        width: 1300px;
        padding: 5% 2%;
    }

    .servHolder {
        width: 60%;
        margin: 0 auto;
    }
   

}

@media screen and (max-width:1500px) {
    
     .newcontainer {
        width: 100%;
         margin: 0 auto;
    }

        .review-vid-home {
    width: 100%;
        height: 450px;
}
    
    .footer-container {
     width: 82%;
    margin: 0 auto;
}
    
    .next-to-pic-1500 {
    padding: 4% 10%;
}
    
    .column-1500 {
        flex-direction: column;
    }
    .stop-1500 {
        width: 100%;
        float: none;
    }

            .office-1 {
       width: 550px;
    top: 2%;
    right: 5%;
}
  
    
    .view-all {
    
    font-size: 16px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    width: 200px;
    transform: translate(-50%,0);
}
    #appointment1 {
        top: 42%;
        left: 6%;
    }
    #appointment2 {
        top: 78%;
        left: 13%;
    }
    
    
            #foot-logo {
bottom: 87.5%;

}
    
    .clear-interiorheader {
    margin-top: 210px;
}
    .welcome br {
    display: block;
}

     #office-2 {
       bottom: 15%;
    }
    .container-int {
        width: 1100px;

    }

    .text-container {
        width: 1100px;
        
    }



}





@media screen and (max-width: 1400px) and (min-width: 1200px) {



    .num {
        text-align: center;
    }
    .bottom {
        text-align: center;
        position: relative;
    }
}

@media screen and (max-width: 1352px) and (min-width: 993px) {
    
        .clear-interiorheader {
    margin-top: 194px;
}
    .fh5co-nav a {
        font-size: 16px;
    }



    .btn {
        margin-bottom: 0;
        font-size: 13px;
    }

    #serviceslinebanner-1 {
        font-size: 14px;
        margin-top: 0;
    }
    .fh5co-nav ul li {
        padding: 10px;
        margin: 0;
        list-style: none;
        display: inline-table;
    }
    .fh5co-nav ul li li {
        padding: 0px;

    }


    .add {
        line-height: 1.4em;
        display: inline-block;
        padding: 0 2px 0 9px;
        text-align: left;
        vertical-align: middle;
    }

    #fh5co-footer .fh5co-footer-links li {
        padding: 0;
        margin: 0;
        list-style: none;
      

    }


    .fh5co-nav #fh5co-logo {
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-weight: 700;
        font-family: 'Gill Sans', sans-serif;
        position: relative;
        top: 10px;
    }
}

@media only screen and (max-width: 1340px) and (min-width: 901px) {
    .fh5co-nav ul li {
        padding: 0 10px 0 5px;
        margin: 0;
        list-style: none;

        font-size: 14px;
    }
    .col-xs-10 {
        width: 100%;
    }
}

@media screen and (max-width: 1300px) and (min-width: 981px) {
    #headerlogoimg {
        text-align: left;
        margin-bottom: 30px;
    }
    #headeraddress {
        text-align: center;
        float: none;
    }
    text-right {
        text-align: center;
    }

    fh5co-nav ul li {
        padding: 0 15px 0 5px;
        margin: 0;
        list-style: none;
        /* display: inline;*/
    }



    .fh5co-nav ul li a {
       
        text-align: center;
        margin: 0 auto;
    }

    .fh5co-nav ul li {
        /* float: none;*/
    }
    .num {
        text-align: center;
    }
    .bottom {
        text-align: center;
        position: relative;
    }
}

@media screen and (min-width:1200px) {
    #vid {
        width: 100%;
        height: 600px;
    }
}

@media screen and (max-width:1200px) {
	
	.thirtyfive-1200 {
		margin-bottom: 25px;
		width: 35%;
	}
    
    #lastsection {
background: url(../images/mainbanner-mid.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
#lastsection2 {
background: url(../images/office2-mid.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
    
            .review-vid-home {
        width: 100%;
    height: 300px;
}
    .leads {
        margin-top: 200px;
    margin-bottom: 100px;
    }
    
    .flexflow-1200 {
            flex-flow: wrap;
    }
    .footerfloat {
        width: 33.3%;
    }
    #section1 {
    padding: 0;
}
    .section2 {
    padding: 0;
}
    
    #absolute-1200 {
  position: relative;
        width: 100%;
}

    .review1 {
padding: 10% 5% 5% 5%;
}
    
    .sometimes-flex {
    display: flex;
}

    
    #uneven1 {
          padding: 4% 10%;

}
#uneven2 {
   width: 100%;
    float: none;

}


#uneven3 {
        padding: 4% 10%;

}
    .next-to-pic-1200 {
    padding: 4% 10%;
}
    
    #temp-padding {
    padding-right:0;
}
     .column-1200 {
        flex-direction: column;
    }
    .reverse-column-1200 {
        flex-direction: column-reverse;
    }
    #flex-diff1 {
            align-items: flex-end;
    }
    #flex-diff2 {
            align-items: baseline;
    }
    .testimonial-head {
        font-size: 35px;
}
    #littleshape {
        display: none;
    }
    .fourty-1200 {
        width: 40%;
    }
    .the-heights {
    background: #fff;
    height: 400px;
    display: flex;
    align-items: center;
    }
    #sect5 {
    background: url(../images/shutterstock_770413342-teal.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
     
/*banner*/
   
    .banner-wrapper {
        height: 700px;
        
        height: auto;
    }
    
.header-bg2 {
    
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


    
        .sublead-h1 {
       font-size: 2em;
bottom: 34%;
    }

    .absolute-img {
    max-width: 60%;
    max-width: 100%;
    margin-top: 120px;
    position: relative;
    }

.sublead-p {
    width: 100%;
    font-size: 20px !important;
    line-height: 24px;
}

    /*endbanner*/
/*serv*/
    .float4 {
    width: 50%;

}
    .float4:hover {
      width: 50%;      
    border: 2px solid #2c528e;
    background: #235b82;
    }

   
    .first-set {
        display: flex;
        align-items:center;
    }
    /*end*/
    .container-int {
        width: 92%;

    }
 .text-container {
        width: 92%;
        
    }
    .stop-1200 {
        float: none;
        width: 100%;
    }


}

@media screen and (max-width: 1087px) {
    
  /*  .slideshow-container {
    margin-top: 162px;
}*/
.dropdown2 {
opacity: 1;
 
}

.dropdown2 li {
    bottom: 33px !important;
}

.dropdown2 li a {
    background:none !important;
        
}


    .sublead-p {
    width: 100%;
    font-size: 18px !important;
    line-height: 22px;
}

    .sublead-h1  strong {
        line-height: normal;
    }
    .absolute-img {
    max-width: 100%;
    margin-top: 120px;
    position: relative;
}
    
    #int-nav .cab-logo img {
        max-width: 300px;
    }
    #int-nav {
        height: auto;
    }
    
   
     .cab-logo {
      
        width: 27%;
    }
    

  

    .banner-wrapper {
        margin-top: 0;
        height: auto;
    }
    
    .header-bg2 {
 bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}
    
 
    .homescreen-banner {
        margin-top: 0;
    }
    .centerme-head {
        display: block;
        width:100%;text-align: center;
        margin: 0 auto;
    }
    
    .absolute-business {
        bottom: 5%;
    }
    
 
    
    .interior-fix-clear {
        margin-top: 107px;
    }
    #initials-logo {
        display: none;
    }

    .mobile-logo {
        margin: 0 auto !important;
        width: auto;
        margin-bottom: 0 !important;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
        display: block;
    }

    .mobile-logo img {
        text-align: center;
        max-width: 100px;
        margin: 0 auto;
        display: block;
    }

    .desktop-logo-int {
        display: none;
    }
    #hr-style {
        display: none;
    }
    .showthisbr {
        display: block;
    }

    #tagline2 {

        text-align: left;


    }


    .fh5co-nav .menu-1 {
        display: none;
    }
    .fh5co-nav ul li {
        padding: 0 24px 0 5px;
        margin: 0;
        list-style: none;
        /* display: inline;*/
        font-size: 14px;
    }

    .fh5co-nav-toggle {
    display: block;
    top: 0;
    padding: 10px !important;
    background: #21141e;
    }

    #fh5co-offcanvas ul li > ul {
        padding-left: 20px;
        display: block;
        padding-bottom: 10px;
    }

    #fh5co-offcanvas {
        display: block;
    }
    /*end*/
}







@media screen and (max-width: 992px) {
    

    .bluespec {
            width: 100%;
    float: none;
    background: #b3e0e3;
    }
    
 
    .right-line {
    clear: both;
    width: 49%;
    right: 0;
    border: 4px solid #ffffff;
    float: right;
    position: absolute;
    top: 40%;
}
    .index-review {
    padding: 5%;
}
    #more-mobile-pad {
        padding: 5%;
    }
    .more-mobile-pad {
        padding: 5%;
    }
    
    .reverse-column-1000 {
        flex-direction: column-reverse;
    }
    .column-1000 {
        flex-direction: column;
    }
    .float-thirtythree.stop-1000.pad2.yellow-b-left {
        border: none;
    }
    .mobile-contact {
    display: block;
}
    .grayblue-gradient {
    background-image: linear-gradient(132deg, #fff, #eef2f9, #727b8f);
}
.desktop-contact {
    display: none;
}
    .stop-1000 {
        width: 100%;
        float: none;
    }
    
    .another-pullout {
        width: 95%;
        margin-bottom: 5%;
    }
    .pad2 {
        padding: 5%;
    }
        .doc-title {

            font-size: 22px;
}
    .insurance-alt {
    width: 28%;
    margin: 2%;
    box-shadow: 10px 10px 0px #0073d3;
}
        .insurance-img {
    width: 28%;
    margin: 2%;
    box-shadow: 10px 10px 0px #04579e;
}


    .topofthe {
        margin-top: 200px;
    }
    #bottomhead {
        float: none;
        padding: 10px;
        padding-top: 0;
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    #tophead {
        padding-bottom: 0;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .hidelogo {
        display: none;

    }
    #showlogo {
        display: block;
    }

    #headbr {
        display: block;
    }

    #fh5co-testimonial .testimony-slide blockquote {
        width: 100%;
    }
    #clear-1 {
        clear: both;
    }

    .fh5co-video {
        height: 450px;
    }
   

   
}

@media only screen and (max-width: 992px) and (min-width: 768px) {

    .text-title2 {
        text-align: center;
        color: #000;
        margin-top: 20px;
        font-size: 16px;
        white-space: pre-wrap;
        font-weight: 700;
    }
    .fh5co-nav #fh5co-logo {
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-weight: 700;
        font-family: 'Gill Sans', sans-serif;
        position: relative;
        top: 10px;
    }


    .bottom {
        text-align: right;
        position: relative;
    }

    .num2 {
        line-height: 30px;
        margin-bottom: 10px
    }
    .add {
        border-left: none;
        line-height: 1.23077em;
        padding: 0 0 0 9px;
        text-align: center;
        vertical-align: middle;
    }
}

@media screen and (min-width: 992px) {
    .col-md-10 {
        width: 100%;
    }
}


@media only screen and (max-width: 991px) and (min-width: 903px) {
    .fh5co-nav a {
        padding: 5px 0;
        font-size: 16px;
    }
    .fh5co-nav ul li {
        padding: 0 12px;
        margin: 0;
        list-style: none;
        /*display: inline;*/
    }
    .address1 {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #1c2b37;
        margin-top: 10px;
    }


}

@media screen and (max-width: 990px) {
    .services-index p {
    width: 80%;
   
}

    .num {
        font-size: 16px;
        padding-right: 51px;

        color: #FFF;
        text-align: center;
        position: relative;
        bottom: 0px;
        /* vertical-align: middle; */
        margin: 0 auto;
        display: block;
    }
    #serviceslinebanner-3 {
        color: #000;
        font-size: 20px;
    }

    .headingblueservice {
        color: #02327e;
        font-size: 24px;
    }
    #serviceslinebanner-3 {
        color: #000;
        font-size: 15px;
        font-weight: 700;
    }

    .Black {
        float: left;
        text-align: center;
        width: 20%;
        font-size: 50px;
        padding: 10px;
        color: #fff;
    }
    .Black a {

        color: #fff;
    }

    #stan {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 60%;
    }



    .imgleft {
        float: none;
        padding: 0;
        text-align: center;
        display: block;
        margin: 0 auto 20px;
    }

}

@media screen and (max-width: 980px) {

   
    #doc-pic-home img {
        margin-top: 0 !important;
    }

    #doc-bio-home p {
        font-size: 16px !important;
    }

    #doc-bio-home {
        margin-left: 0;
        width: 100% !important;
        float: none;
    }

    #doc-pic-home {
        width: 100% !important;
        float: none;
    }



    .img1 {
        float: none;
        padding: 0;
        display: block;
        text-align: center;
        margin: 0 auto;
    }



    .videoin {
        width: 100%
    }

    #rightVid {
        padding: 1%;
        float: none;
        width: 100%;
    }

    #theVid-Div {

        width: 100%;
    }

    .row-pb-md {
        padding-bottom: 0;
        position: relative;
        margin-left: 0;
    }

    .about1 {
        position: relative;
        left: 0px
    }

    .col-sm-4 {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
	
	.float-fifty-900 {
		width: 50%;
		float: left;
	}
    
    
                .review-vid-home {
       width: 100%;
    height: 420px;
}
    .column-900 {
        flex-direction: column;
    }
    .reverse-column-900 {
        flex-direction: column-reverse;
    }
    .stop-900 {
        width: 100%;
        float: none;
    }
    .override-p-30 {
        padding: 30px 10px 10px 10px;
    }
    h1 {

    font-size: 25px;
}
    
   
    .logomark {
        max-width: 50px !important;
    }
    .sublead-p {
        font-size: 18px !important;
        line-height: 20px;
    }
    
    .absolute-address {
 display: none;
}

 
    .absolute-address2 {
    background: #7d69ff;
    padding: 10px;
    color: #fff;
    z-index: inherit;
    display: block;
    width: auto;
    height: auto;
        position: relative;
}
.disappear {
    display: none;
}
    
    .harry-trans {
       /* width: 42%;*/
        width: 300px;
    }
   
    .stop-900 {
        width:100%;
        float: none;
    }
    .sublead-p {
        font-size: 18px;
        width: 96%;
    }
   
    .header-bg {
    width: 100%;
    height: 50%;
}
    
  
    #foot-logo {
bottom: 90%;
}
    
      .threefoot {
        width: 50%;
        float: left;
    }
    #three-special {
        width: 100%;
        float: none;
        overflow: auto;
        clear: both;
        text-align: center;
        padding-top: 20px;
    }
    #three-special h2 {
       text-align: center;
    }
    #three-special li {
        padding-left:0 !important;
       padding-bottom: 5px !important;
    }
     #three-special li i {
      display: none;
    }
     #three-special img {
      float: none !important;
    }
    .social-links {
        padding-left:0;margin:0 auto;margin-bottom: 20px;
    }
    
    .absolute-info {
        width:100%;
    }
    
       .the-newberrys {
        width: 400px;
    position: absolute;
    right: -8px;
       bottom: -36%;
   

}
.newberry-content {
    padding-right: 0%;
}
  

   .border-left-contain {
    border-left: none;
}
 

    
     .absolute-business {
        bottom: 5%;
    }

    
    .contactUs-form input{
        border: 2px solid #5a6f89;
        color: #fff;
    }
    
    
    .contactUs-form select{
        border: 2px solid #5a6f89;
        color: #fff;
    }
    
    
    .contactUs-form textarea{
        border: 2px solid #5a6f89;
        color: #000;
    }
    
        .formcontrol-two::placeholder {
    opacity: 1;
        color: #000;
}
        .formcontrol::placeholder {
    opacity: 1;
        color: #000;
}
    
    .banner-contactform {
            position: relative;

    width: 100%;
    left: auto;
    background: #8793a2;
    padding: 1%;

    margin: 0 auto;
    }
    .contact-absolute {
        display: none;
  
    }
    .contact-relative {
        display: block;
             
    }

    
    .banner-contactform .btn-primary {
    color: #fff;
    margin: 2%;
}
    
    p {
        font-size: 16px;
    }



    .before-after iframe {
        width: 50%;

    }

    #contact-right {
        width: 100%;
        padding: 0;
    }
    #contact-left {
        width: 100%;

    }

    .form-group.row {
        padding: 0% !important;
    }
    #stopflex {
        display: block;
    }
    .container-int {
        width: auto;
        padding: 5%;
    }
     .text-container {
        width: auto;
        padding: 5%;
    }
    .container-int .row {
        padding: 5%;
    }


    .fh5co-nav ul li a {
        font-size: 12px;
    }

    .fh5co-nav a {
        padding: 5px 4px;


    }

    /*index*/
    #girlwphone {
        width: 100%;
        margin-top: 0%;
    }
    .right-overlap-div {
        padding: 5%;
        width: 100%;
        float: none;
        position: relative;
    }



    .totheright {
        float: none;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
        right: 0;
    }

    .totheright img {
        margin-top: 0;
    }
    .overlap-background {
        display: none;
    }


    .the-apex-photo {
        width: 40%;
    }

    .the-apex-callout {
        width: 60%;
        background: #1d2a38;
    }
    .the-apex-callout h4 {
        color: #fff;

    }
    .apex-and-callout {
        margin-top: 0;
    }

 
    h3,
    h4,
    h5,
    h6,
    figure {
 
        font-weight: 700;
        text-align: left;
      font-size: 22px;
        font-weight: 400;
        margin: 20px 0 20px 0;
    
    }
    
    .subh3 {
     font-size: 23px;

}
    .showbr {
        display: block;
    }
    #fh5co-footer .fh5co-widget {
        text-align: left;
    }
    .left1 {
        position: relative;
        left: 0px;
    }

    #fh5co-footer .fh5co-footer-links li {
        padding: 0;
        margin: 0;
        list-style: none;
      
    }
    #map {
        height: 200px;
    }

    .fh5co-nav-toggle {
        display: block;
        top: 0px;
    }
    img {
        max-width: 100%;
    }
    .form-home {
        z-index: 999;

        margin-top: -3em;

    }


    #headerlogoimg {
        text-align: center;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .address1 {
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        /* color: #FFF; */
        margin-top: 20px;
    }

    #menu1 {
        width: 100%;
        background-color: #eee;
        height: auto;
    }

    .header-right {
        line-height: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .fh5co-nav #fh5co-logo {
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-weight: 700;
        font-family: 'Gill Sans', sans-serif;
        position: relative;
        top: 26px;
        text-align: center;
    }

    .add {
        font-size: 16px;
        line-height: 1.4em;
        text-align: center;
        border-left: none;
    }

    .num2 {
        margin-bottom: 10px;
    }
    .bottom {
        text-align: right;
    }

}

@media only screen and (max-width: 900px) and (min-width: 720px) {
    .fh5co-nav-toggle {
        display: block;
    }


    .fh5co-nav-toggle {
        /*position: absolute;*/
        position: fixed;
        right: 0px;
        /*top: 170px;*/
        top: 0;
        z-index: 21;
        padding: 6px 0 0 0;
        margin: 0 auto;
        height: 44px;
        width: 44px;
        z-index: 2001;
        border-bottom: none !important;
    }
}



@media (max-width: 800px) {
    
    
    
    .fifty-800 {
        float: left;
        width: 50%;
    }
    .overlap-shape2 {
        left:-5%;
    }
    
    .column-800 {
        flex-direction: column;
    }
    .reverse-column-800 {
        flex-direction: column-reverse;
    }
    #footerlogo {
        width: 100%;
        border-bottom: none;
    }
    
    .stop-800 {
        float: none;
        width: 100%;
    }
    
      
    #toothbrush-holder {
    width: auto;
    float: none;
    margin: 0 auto;
    max-width: 400px;
}
    #toothbrush {
    transform: rotate(31deg);
   
}
    #contact-toothbrush {
    width: 85%;
    float: none;
    margin: 0 auto;
}

    .sublead-h1 span {
        font-size: 18px;
    }
    .header-bg2 {
        background-position: inherit;
    }
    
    .cab-logo img {
        max-width: 250px;
        float: none;
    }
    .absolute-img {
        margin-top: 150px;
    }
           .sublead-h1 {
    font-size: 1.8em;
    }
    
    .btn-holder {
        width: 80%;
    }
    
    .fullwidth {
        width: 100%;
    }
    
     .flex-reverse-column-800 {
        flex-direction: column-reverse;
    }
    .flex-column-800 {
        flex-direction: column;
    }
    .eight-hundred-br {
        display: none;
    }
    
     .showeight-hundred-br {
        display: block;
    }
.testimonial-blocks {
        height: auto;
    }
    
    #testimonial-block-1 img {
    display: block !Important;
    width: 100% !important;
    padding: 0;
}
        .banner-input {
        float: none;
        width: 70%;
    }
    
    .banner-submit {
    float: none;
    margin-left: 2%;
    width: auto;
    background: #176ab0;
    color: #fff !important;
    clear: both;
}
    .banner-consult {
        font-size: larger;
    }
    .banner-form {
        text-align: center;
        margin: 0 auto;
    }
    


    
        .testimonial-head {
/*position: absolute;
    color: #fff;
    top: 37%;
    left: 11%;
    transform: translate(0,-50%);    width: 35%;*/
       font-size: 33px;
    width: 100%;
    text-align: center;
    padding: 0;

}


    
    
  .tab-absolute {
          position: absolute;
    top: 0;
    left: 0;
    color: #1c3165;
    border-left: 3px solid #1b779a;
        padding: 1%;
    }
    .floatdoc2 {
            margin-top: 8%;
    }
    
    .vid-about {
    width:100%;margin:0 auto;margin-top:0%;
}
    .stop3 {
        width: 100%;
        float: none;
    }
    #teampics img {
        padding: 10px !important;
    }
    .stopfourty {
        width: 100%;
        float: none;
        
    }
    .stopfifty {
        width: 100%;
        float: none;
    }
    .stopsixty {
        width: 100%;
        float: none;
        
    }
    .more-padding {
    padding: 10px;
}
    #three-doc-pics {
        overflow: auto;
    } 
    
    #three-doc-pics .stop3 {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        display: block;
        float: none;
    }
    
    
    .icon-holder {
        display: block;
        margin: 0 auto;
        text-align: center;
        overflow: auto;
    }
    .icon-holder h1 {
   padding-bottom: 25px;
    float: none;
}

  .welcome h1, .welcome h2 {
    text-align: center;
    padding-left: 0;
}
    .welcome {
        border: none;
    }
    .inline-li li {
            padding: 3%;
    display: inline-block;
    border: #002335 2px solid;
    margin: 2%;
    width: 30%;

    }
    
    #center-me {
        text-align: center !important;
    }
      .drk {
        max-width:100%;float:none;padding:4%;
    }
    
    .testimonial-blocks img {
            width: 100px !important;
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none;
    }
    
 

    .container-doc-flex {
        width: 100%;
        position: inherit;
    }
    
    .mobile-doc img {
        max-width: 165%;
        width: 150%;
    }


    .interior-fix-clear {
        margin-top: 107px;
    }


    .clear-two::after {

        clear: both;
    }
    .clear-two-nonafter {
        clear: both;
    }
    .clear-three::after {

        clear: none;
    }


    .showbr2 {
        display: block;
    }
    
   


    .row-pb-md {
        padding-bottom: 0;
        /* margin-right: 0px; */
        position: relative;
        right: 0px;
        margin-left: 0px;
    }
    .row-pb-md {
        padding-bottom: 4em !important;
        /* margin-right: 0px; */
        position: relative;
        right: 0;
    }
    .col-xs-12 img {
        max-width: 100%;
        height: auto;
    }
    .col-xs-8 {
        width: 100%;
        margin-bottom: 27px;
    }
    .col-xs-6 {
        width: 100%;
        margin-bottom: 27px;
    }
    #fh5co-footer .fh5co-footer-links li a {
        color: #000;
        text-decoration: none;

    }


    #fh5co-footer .fh5co-footer-links {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }
    .row-pb-md {
        padding-bottom: 0 !important;
        /* margin-right: 0px; */
        position: relative;
        right: 0;
    }

    .landing-text p {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        text-align: center;
        margin-bottom: 20px;
    }

    .heading-primary {
        font-size: 15px;
        line-height: 18px;
    }
    #rightVid h1 {
        font-size: 22px !important;
    }
    .col-xs-12 img {
        height: auto;
        max-width: 100%;
   
    }
    .testimonial-holder {
        display: block;
    }
}


@media screen and (max-width:768px) {
	
	.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
	
	.w-50-768 {
		width: 50%;
		margin: 0 auto;
	}
	.float-thirty.float-fifty-900.stop-768 {
		background: #000;
	}
	
	.stop-768 {
		float: none;
		width: 100%;
	}
	.column-768 {
		flex-direction: column;
	}
	.reverse-column-768 {
		flex-direction: column-reverse;
	}
    
        .float4 {
    width: 100%;

}
    .float4:hover {
      width: 100%;      
    border: 2px solid #2c528e;
    background: #235b82;
    }
    
    .three-teeth {
    width:100%;
    float: none;
    font-size: 30px;
        padding: 20px 0 20px 0;
}



    .showthisfirst {
        bottom: 11%;
        left: 3.5%;
    }

  
    #tagline2 {
        font-size: 70px;
    }

    #map-and-callout {
        overflow: auto;
        display: block;
        align-items: center;
        border: none;
    }
    #the-callout {
        padding: 5%;
        float: none;
        width: 100%;
    }
    #the-callout h1 {
        font-family: 'Esteban', sans-serif;
        font-size: 35px;
    }
    #the-map {
        width: 100%;
        float: none;
    }

   

    .package-holder {
        width: 100% !important;
        margin-top: 2% !important;
    }

 

  

    .overlap-pic-container {
        width: 80%;
    }
    .three-container span {
        display: block;
    }

    .three-container {
        width: 100%;
        float: none;
    }




    
    #ninetyfour {
        width: 100% !important;
    }
    #headerlogo {
        margin-left: 1%;
    }
    .fh5co-nav .top-menu {
        padding: 10px;

    }

    .fh5co-nav .menu-1 {
        display: none;
    }


    #colorcontainer div {
        padding: 1%;
        padding-top: 15%;
    }

    #colorcontainer h1 {
        font-size: 20px;
    }

     .float3 img {
        width: 100px;
        height: auto;
    }
    .float3 {
        width: 100%;
        float: none;
    }
      .servHolder {
        flex-direction: column;
    }
}

@media screen and (max-width:700px) {
	
	.marg-b-20-700 {
		margin-bottom: 20px;
	}
	#absolute-nav {
		display: none;
	}
    h2 {
        font-size: 28px;
    }
    
    .column-700 {
        flex-direction: column;
    }
    .headerlogoaddcontainer {
        padding: 0;
        width: 100%;
    }
    /*
    .slideshow-container {
    margin-top: 304px;
}*/
    .stop-700 {
        width: 100%;
        float: none;
    }
    
    .twentyFive-right {
    float: none;
   width: 100%;
    margin: 0px;
    text-align: center;
    display: block;
        
}
    #int-nav {
        display: block;
        height: auto;
        position: relative !important;
    }
    .thenavbar-fixed-top.scrolled {
        display: none;
    }
    .interior-section-blue {
        margin-top: 0;
        height: 250px;
    }
    
     .interior-section-yellow {
        margin-top: 0;
        height: 250px;
    }
    
    
     .interior-section-teal {
        margin-top: 0;
        height: 250px;
    }
    

    #int-row {
        display: block;
    }
    
    .insurance-alt {
    width: 45%;
    margin: 2%;
        padding: 12px;
}
        .insurance-img {
    width: 45%;
    margin: 3%;
              padding: 12px;
}
    
   .sometimes-flex {
display: block;
}
    
 .flex-column-700 {
        flex-direction: column;
    }

    
    .the-mobile-logo {
          width: 200px;
    position: absolute;
    z-index: 9;
    left: 10px;
        display: block;
    }

   
      .absolute-business {
     display: none;
    }

    .relative-margin {
   
    margin-top:85px;
}
    .int-nav {
        display: block !important;
    }
     .center-int {
        display: block !important;
    }
    .centerme-head {
        display: none;
    }

    .float-sixty.float-100 {
        width: 100%;
        float: none;
        clear: both;
    }



    .insurance {
        display: block;

    }
    #insurance-img {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;

    }

    .interior-fix-clear {
        margin-top: 229px;
    }
    .showunder700 {
        display: block;
    }
  
 .cab-logo {
    width: 75%;
    margin: 0 auto;
    text-align: center;
     position: relative;
     padding: 0;
}
  

   
 

    .four-amigos div {
        width: 50%;
        float: left;


    }



    .showthissecond {
        display: block;
        position: relative;
        overflow: auto;
        background: #24334c;
        padding: 5%;

    }
    .showthis-head {
        display: block;
        position: absolute;
        margin: 0 auto;
        text-align: center;
        padding: 1%;
    }
    .headul li {
        display: block;
        padding: 10px;
    }
    .headul li a {
        color: #fff;
    }
    .headul {
        display: inline-flex;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
}

@media screen and (max-width:600px) {
    
      .footerfloat {
            margin-bottom: 30px;
    border-bottom: 1px solid #b7c2b7;
    padding-bottom: 10px;
        width: 100%;
    }
    .footerfloat ul {
        margin: 0 !important;
    }
    #lastsection {
background: url(../images/mainbanner-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
#lastsection2 {
background: url(../images/office-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 400px;
}
    /*
     .slideshow-container {
    margin-top: 0;
}*/
    .thenavbar-fixed-top {
        position: relative !important;
    }
    .another-pullout {
        width: 100%;
    }
	
	.show-600 {
		display: contents;
	}
	.hide-600 {
		display: none;
	}
	.stop-600 {
		float: none;
		width: 100%;
		
	}
	
	.column-600 {
		flex-direction: column;
		
	}
	.reverse-column-600 {
		flex-direction: column-reverse;
	}
	.w-50-600 {
		width: 50%;
		margin: 0 auto;
	}
    .leads {
        margin-top: 250px;
    margin-bottom: 100px;
    }
    

    
    
      .btn-holder {
        width: 100%;
          flex-direction: column;
    }
    .btn-holder p {
        width: 100%;
    }
    
    #uneven2 {
        padding: 5%;
    }
    #uneven1 {
        padding: 2%;
    }
    


#sect1 {
    background: url(../images/blue-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#sect5 {
    background: url(../images/shutterstock_770413342-teal600.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;   
}
    
    .fourty-1200 {
    width: 64%;
}

    
  .sublead-p {
    font-size: 16px !important;
    line-height: 20px;
    margin-bottom: 20px;
}
 
    .flex-coloumn-600 {
        flex-direction: column;
    }
    
    .services-index {
    border-bottom: 3px solid #fff;margin-right: auto;
        border-right: none;
        margin-bottom: 20px;
}
    .services-index p {
    width: 50%;
    float: left;
    text-align: center;
}
    
    h1 {
        font-size: 29px;
    }
    
 
    .arrow-down {
        display: inline-block;
    }
     .arrow-right {
        display: none;
    }
    /*about*/
    #border-right-teal {
    border-right: none;
}
    #about-doc {
        padding: 9%;
    padding-bottom: 0;
}
    .flex-column-600 {
        flex-direction: column;
    }
    /*doc*/
 
 
    .mobile-space {
        padding-top: 5% !important;

    }

    .padding-override {
        padding: 0 !important;
    }
    .floating-block {
 display: none;
}
    

        .view-all {
    
    font-size: 15px;
    width: 150px;
}

    .slight-400 {
        height: 400px !important;
    }
       .office-1 {
    height: 400px;
    opacity: .4;
    width: auto;
    bottom: 0;
}
   

  
   #appointment1 {
    top: 31%;
  left: 50%;
    font-size: 20px;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
  


   
  
    
        #break800 {
        display: block;
    }

    
    .doc-sec {
        display: block;
    }
  
    .doc-title {
       
        font-size: 30px;
    }
    
      #absolutedoc1 {
font-size: 20px;

    }
    
    #absolutedoc2 {
          
font-size: 20px;

    }
    
       .the-newberrys {
 

    bottom: -40%;

}
.newberry-content {
    padding-bottom: 15%;
}
  
    
      .inline-li li {
  width: 50%;

    }
    

    
    .showthissecond h4 {
        font-size: 20px;
    }
    .business-1 {
        background: none;
        height: auto;
    }
    .homescreen-banner {
        background: rgba(0, 0, 0, 0.41);
      height: auto;
    }
    
     .business-1 p {
        display: none;
    }
  
   
    .the-num {
    font-size: 23px;
}


.non-absoluteheadings span {
 
    font-size: 35px;
    padding-left: 20px;
}
    
    

  
    #tagline2 {
        font-size: 56px;
    }







}


@media screen and (max-width: 550px) {
  
    .btn {
        font-size: 16px;
    }

}

@media screen and (max-width:500px) {
    
    .another-pullout {
    width: 100%;
    margin-bottom: 5%;
    margin-top: 10px;
}
    
    .centerme.left {
        text-align: left !important;
    }
    .hide-500 {
        display: none;
    }
    
      .overlap-shape2 {
       left: -12%;
    }

    #foot-logo {
bottom: 93%;
}
    #first-foot {
        margin-top: 30px;
    }
    


    
    .reviewholder img {
        display: none;
    }
 
   
       .show-addresscopyfoot {
      font-size:15px;
    }
    
    .absolute-info {
    position: relative;
   left: auto;
    transform: none;
}
.absolute-info p {
    color: #000;
}
.absolute-info h1 {
    color: #000 !important;
}
      .threefoot {
        width: 100%;
        float: none;
          padding-bottom: 10px;
    margin-bottom: 10px;
          border-bottom: 2px solid #fff;
    }
    #three-special {
        border: none;
        text-align: initial;
    }
     #three-special h2 {
    
        text-align: initial;
    }
    #lessfoot {
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .the-num {
    font-size: 20px;
}


.non-absoluteheadings span {
 
    font-size: 28px;
    padding-left: 0px;
}
    
    .appoints-head {
        
    position: absolute;
    top: -30px;
    font-size: 45px;
    left: 2%;
    }

    .the-apex-callout h1 {
        font-family: 'Esteban', sans-serif;
        font-size: 22px;
    }

    .the-apex-callout h4 {
        font-family: 'Esteban', sans-serif;
        font-size: 16px;
    }

}

@media only screen and (min-width:500px) {
    .doc-pic {
        float: left;
        padding: 10px;
    }
}

@media screen and (max-width:480px) {
    
    .flexfoot {
    display: block;
    
}
    .column-480 {
        flex-direction: column;
    }
    .column-480.flowwrap {
        flex-flow: wrap;
    }
    .fifty-480 {
        width: 50%;
        float: left;
    }
    .cab-logo img {
        max-width: 200px;
    }
    .banner-wrapper {
        background: url(../images/banner-smaller.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }
    
  
        .footertop {
    margin-top: auto;
    border-top: none;
    padding-top: auto;
    }

    

        .insurance-alt {
    box-shadow: 6px 6px 0px #0073d3;
}
        .insurance-img {
    box-shadow: 5px 5px 0px #04579e;
}
    
    
    .float-seventy.stop-1200 h1 {
            font-size: 22px;
    line-height: initial;
    text-shadow: 2px 3px 9px #05524d;
    }

    .sublead-h2 {
    font-size: 3.5em;
}
    .over480br {
        display: none;
    }
    .under480br {
        display: block;
    }
    .subheading {
        font-size: 18px !important;
    }
   
    .interior-heading {
        width: 100%;
    text-align: center;
    }
    .gallery-box {
        font-size: 23px;
        right: -54px;
        padding: 12px;
    }


        .doc-title {
       
        font-size: 22px;
    }


    .tab-absolute {
            width: 64%;
    text-align: left;
    }
    
    .mobilestop {
        width: 100%;
        float: none;
    }
    
    .clear-interiorheader {
        margin: 0;
    }
    
       .the-newberrys {
       bottom: -45%;
left: 15%;
}

  
    
    .threefoot h1 {
        font-size: 18px;
    }
       .testimonial-blocks img {
            width: 150px !important;
  
    }
    .testimonial-blocks {
        border-bottom: 2px solid #eee;
    }
    
    .relative-margin {
margin-top: 0;
}
    
     .showthissecond h4 {
        font-size: 20px;
    }
    
        .business-1 {
  width: 50%;
            margin: 0 auto;
            float: none;
    }
    .homescreen-banner {
        background: rgba(0, 0, 0, 0.41);
        height: auto;
       max-height: 800px;
    }
  
   
    
    

        .doc-flexh1 {
      font-size: 30px;
    }


    .showthisfirst {
        bottom: 5%;
        left: 4%;
    }
    #tagline1 {
       font-size: 64px;
       padding: 4%;
        text-align: center
    }
    
    #tagline2 {
        font-size: 90px;
    }



    .interior-fix-clear {
        margin-top: 0;
    }


    .thenavbar-fixed-top-int {
        position: relative!important;
    }
    .form-group {
        margin-bottom: 0;
    }
    .form-control {
        width: 96%;
    }
    #form-message {
        width: 96% !important;
    }
    .float-fourty.float-100 {
        width: 100%;
    }
    .image-basics-left {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    #tophead {
        font-size: 13px;
    }
    .showonlydesk {
        display: none;
    }
    #formobilehead {
        display: block;
    }
    .doctors {
        width: 100%;
        top: 57%;
        left: auto;
    }
    .servdivfl p {
        font-size: 16px;

    }
    .servdivfl {



        width: 100%;
        left: 0;
    }
    .right-overlap-div p {

        font-size: 14px;
        text-align: justify;
    }

    .forthetop p {

        font-size: 14px;
        text-align: justify;
    }
    .overlap-shape {
        width: 100%;
        position: absolute;
        top: 86%;
        height: auto;
        opacity: .05;
    }
    .banner-top-container 7{
        padding: 0;
        background: #00275e;
    }

    .banner-top-container p {
        text-align: justify;
        font-size: 15px;
    }
    #headerlogo {
        padding-top: 20px;

    }
    .threeserv h2 {
        font-size: 18px !important;
    }

    #toptop {
        padding-bottom: 0;
        padding-top: 20%;
    }
    /* .parallax {
            min-height: 200px;
        }*/
    .col-xs-12 img {
        max-width: 100%;
    }


    #doc-bio-home p {
        font-size: 14px !important;
    }
    .fh5co-tabs .class-schedule li {
        width: 100%;
    }
    .btn {
        font-size: 16px;
    }



    #headerlogo {
        margin: 0 auto;
        width: 60%;
        padding-top: 0;

    }
    .headerrow {
display: flex;
        flex-direction: column;
    }
    .cab-logo {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0 auto;
}
      .block-480 {
        display: block;
    }

    #overpalmcontainer i {
        font-size: 112px;
        float: right;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    #overpalmcontainer p {
        font-size: 18px;
        float: left;
        width: 100%;
        color: #fff;
        margin: 0;
        text-align: justify;
    }

    .palmiconholder {
        clear: both;
        display: block;
        align-items: center;
        padding-bottom: 5%;
        overflow: auto;

    }


    #colorcontainer div {
        padding: 0;
        padding-top: 6%;
    }

    #colorcontainer h1 {
        font-size: 13px;
    }


    p {
        text-align: left;
        font-size: 15px;
    }
    .the-apex-callout h4 {
        text-align: justify;
    }
    
    
    h1{
      font-size: 22px;
    
    }
    
    .three-teeth {
        font-size: 20px;
    }

}


@media screen and (max-width:425px) {
	
	.stop-425 {
		width: 100%;
		float: none;
	}
	.column-425 {
		flex-direction: column;
	}
      .overlap-shape2 {
       left: -17%;
    }

    
  
    .sublead-h1 {
       
        font-size: 1.2em;
    }
    .sublead-h2 {
        font-size: 3.5em;
    }
    

    
    
       .the-mobile-logo {
          width: 180px;

    }

    
    


    .tab-absolute {
            width: 77%;
    text-align: left;
    }
    
    .five-teeth img {
        display: block;
    margin: 0 auto;
        padding: 10px;
    }
       .appoints-head {
        
    position: absolute;
    top: -30px;
    font-size: 40px;
    left: 2%;
    }
    
    
    .the-num {
    font-size: 17px;
}
    
        #absolutedoc1 {
font-size: 18px;

    }
    
    #absolutedoc2 {
          bottom: -3%;
font-size: 18px;

    }
    


.non-absoluteheadings span {
 
    font-size: 35px;
    padding-left: 0px;
}
    


}

@media screen and (max-width:320px) {
    
 

    .tab-absolute {
            width: 100%;
    text-align: left;
    }

 
    #headerlogo {
        margin: 0 auto;
        width: 60%;
        padding-top: 0;

    }




}


@media screen and (max-width: 300px) {
    #toptop {
        padding-bottom: 0;
        padding-top: 55%;
    }
    .servdivfl p {
        float: none;
        width: 100%;
        padding: 10px;
        text-align: center;
        font-size: 16px;

    }
    .fh5co-nav-toggle {
        display: block;
    }
    .fh5co-nav-toggle {
        /*position: absolute;*/
        position: fixed;
        right: 0px;
        top: 10px;
        z-index: 21;
        padding: 6px 0 0 0;
        margin: 0 auto;
        height: 44px;
        width: 44px;
        z-index: 2001;
        border-bottom: none !important;
    }
    .address1 {
        font-size: 18px;
    }

    .form-home {
        z-index: 0;

    }
}



.wrap {
    margin: 0 auto;
    max-width: 121rem;
}