html {}

body {
background: #ebebeb; /*url("../images/seamlesstexture15_1200.jpg")*/
}

#top, #bottom, #left, #right {
	background: #ffffff;
	position: fixed;
	z-index:2000;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 20px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		z-index:1031:
		}
    #top {
		height: 20px;
		}
    #bottom {
		height: 30px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
	
	
.navbar-brand-larger-devices {
position:relative;
margin:0px;
padding:0px;
width:270px;
top:75px;
text-align:center;
}

.navbar-brand-medium-devices {
position:relative;
margin:0px;
padding:0px;
width:270px;
top:59px;
text-align:center;
}

.navbar-brand-smaller-devices {
position:relative;
margin:0px;
padding:0px;
width:270px;
top:55px;
text-align:center;
}

.navbar-brand-xs-devices {
position:relative;
margin:0px;
padding:0px;
width:270px;
top:75px;
text-align:center;
}


#referringdentists, #referringdentistsxs {
position:relative;
margin:45px auto 0px auto;
padding:0px;
width:103px;
text-align:center;
}


.navbar-brand {margin-top:-2px;}

.roundal {position:absolute;
top:16px;
left:10px;
width:50px;
height:50px;
margin:0px -60px 0px 0px;
padding:0px;
}

/* for centering nav content fine-tuning */

.logoxs {}

.navbar-nav-xs {margin:24px auto 0px auto;}

#navbar {text-align:center;}

.nudger {margin-left:21px;}

.lineheightadjustment {line-height:10px;}

.coverup {position:absolute;
top:10px;
left:0px;
width:90px;
height:60px;
background-color: #5ca0b9;
}






.hero-image-home {
    /* The image used */
    background-image: url("../images/home-1920x1080.jpg");
}

.hero-image-home-md {
    /* The image used */
    background-image: url("../images/md/home-1760x1000.jpg");
}

.hero-image-home-sm {
    background-image: url("../images/sm/home-1920x1080.jpg");
}
.hero-image-home-xs {
    background-image: url("../images/xs/home-1536x840.jpg");
    position:absolute;
    top:0px;
}




.hero-image-visitingus {

    background-image: url("../images/visiting-us-1920x1080.jpg");
}
.hero-image-visitingus-sm {
    background-image: url("../images/sm/visiting-us-1920x1080.jpg");
}
.hero-image-visitingus-xs {
    background-image: url("../images/xs/visiting-us-1920x1080.jpg");
}


.hero-image-treatments {
    /* The image used */
    background-image: url("../images/treatments-1920x1080.jpg");
}
.hero-image-treatments-sm {
    background-image: url("../images/sm/treatments-1920x1080.jpg");
}
.hero-image-treatments-xs {
    background-image: url("../images/xs/treatments-1920x1080.jpg");
}


.hero-image-prices {
    /* The image used */
    background-image: url("../images/prices-1920x1080.jpg");
}
.hero-image-prices-sm {
    background-image: url("../images/sm/prices-1920x1080.jpg");
}
.hero-image-prices-xs {
    background-image: url("../images/xs/prices-1920x1080.jpg");
}


.hero-image-ourdentalteam {
    /* The image used */
    background-image: url("../images/dental-team-1920x1080.jpg");
}
.hero-image-ourdentalteam-sm {
    background-image: url("../images/sm/dental-team-1920x1080.jpg");
}
.hero-image-ourdentalteam-xs {
    background-image: url("../images/xs/dental-team-1920x1080.jpg");
}


.hero-image-faqs {
    /* The image used */
    background-image: url("../images/faqs-1920x1080.jpg");
}
.hero-image-faqs-sm {
    background-image: url("../images/sm/faqs-1920x1080.jpg");
}
.hero-image-faqs-xs {
    background-image: url("../images/xs/faqs-1920x1080.jpg");
}


.hero-image-adviceprevention {
    /* The image used */
    background-image: url("../images/advice-and-prevention-1920x1080.jpg");
}
.hero-image-adviceprevention-sm {
    background-image: url("../images/sm/advice-and-prevention-1920x1080.jpg");
}
.hero-image-adviceprevention-xs {
    background-image: url("../images/xs/advice-and-prevention-1920x1080.jpg");
}

.hero-image-emergencies {
    /* The image used */
    background-image: url("../images/emergencies-1920x1080.jpg");
}
.hero-image-emergencies-sm {
    background-image: url("../images/sm/emergencies-1920x1080.jpg");
}
.hero-image-emergencies-xs {
    background-image: url("../images/xs/emergencies-1920x1080.jpg");
}

.hero-image-referring {
    /* The image used */
    background-image: url("../images/referring-dentists-1920x1080.jpg");
}
.hero-image-referring-sm {
    background-image: url("../images/sm/referring-dentists-1920x1080.jpg");
}
.hero-image-referring-xs {
    background-image: url("../images/xs/referring-dentists-1920x1080.jpg");
}




/* The hero image */
.hero-image-home, .hero-image-home-md, .hero-image-visitingus, .hero-image-treatments, .hero-image-prices, .hero-image-ourdentalteam, .hero-image-faqs, .hero-image-adviceprevention, .hero-image-emergencies, .hero-image-referring {
    /* The image used */
    
    margin:20px 20px 0px 0px;
    padding-top:88px 20px 0px;

    /* Set a specific height */
    height: 510px;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/*this for google map
@media (min-width: 1200px) {
.hero-image-visitingus {margin-left:5.22%;}
 }

@media (min-width: 1300px) {
.hero-image-visitingus {margin-left:5%;}
 }
 
@media (min-width: 1400px) {
.hero-image-visitingus {margin-left:4.5%;}
 }
 
 */
 
 
 

.hero-text-home {
    width:80%;
    text-align: center;
    position: absolute;
    top: 11%;
    left: 54%;
    transform: translate(-50%, -7%);
    color: white;
}

.hero-text-home-md {
    width:80%;
    text-align: center;
    position: absolute;
    top: 11%;
    left: 54%;
    transform: translate(-50%, -7%);
    color: white;
}

.hero-text-home-xs {
    width:80%;
    text-align: center;
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%, -7%);
    color: white;
}

/* The hero image */
.hero-image-home-sm, .hero-image-visitingus-sm, .hero-image-treatments-sm, .hero-image-prices-sm, .hero-image-ourdentalteam-sm, .hero-image-faqs-sm, .hero-image-adviceprevention-sm, .hero-image-emergencies-sm, .hero-image-referring-sm {
    /* The image used */

    margin:20px 0px 22px 0px;

    /* Set a specific height */
    height: 378px;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-image-visitingus-sm {padding-top:0px;margin-top:20px;margin-right:20px;}


/* Place text in the middle of the image 
.hero-text-visitingus-sm {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}
*/

/* The hero image */
.hero-image-home-xs, .hero-image-visitingus-xs, .hero-image-treatments-xs,  .hero-image-prices-xs, .hero-image-ourdentalteam-xs, .hero-image-faqs-xs, .hero-image-adviceprevention-xs, .hero-image-emergencies-xs, .hero-image-referring-xs {
    /* The image used */
    margin:0px 0px 22px 0px;

    /* Set a specific height */
    height: 352px;

    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-image-home-xs {
    margin:0px 0px 22px 0px;

    /* Set a specific height */
    height: 430px;
}

/* Place text in the middle of the image 
.hero-text-visitingus-sm {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}
*/

.pulledout-teef {
padding:20px;
background-color:#e0dedf;
margin-bottom:44px;
}

.signoff-left {float:left
}

.signoff-right {float:right
}

.clear {clear:both;}



#carrier-container {position:relative;
width:100%;
height:316px;
background-color:#ebebeb;
overflow:hidden;
margin:48px 0px 60px 0px;
}

.carrier {
position:relative;
width:6192px; /* width is dpic widths plus their margins 233+25 (258) X number of dpics X 2 (The carrier holds a duplicate set of images so it's twice as big. This to allow for very large width monitors.  NOTE: Adjust the @keyframes slidecarrier widths below to be half this total width. - 1 dpic and it's margin 258 for smooth transition between the two sets */
height:450px;
background-color:#ebebeb; /* #ebebeb */
font-size:0px;
margin-left:74px;
margin-right:-258px;  /*carrier margined off by 1 person at the right to allow for smooth transition between the next "carrier" otherwise they plop into the available empty space. */
}

.dpic {
width:233px;
height:450px;
background-color:#ebebeb;
display:inline-block;
margin:0px 25px 0px 0px;
}

.dpic-caption {margin:12px 0px 0px 0px;padding:0px;}
.dpic-caption p {font-family:"Proxima N W01 Smbd", Arial, Helvetica, sans-serif; font-size:15px;color:#303030;}



/*keyframe animations just set to 1/8 speed for editing purposes*/
.carrier {
	-webkit-animation: slidecarrier 30s linear infinite;
	-moz-animation: slidecarrier 30s linear infinite;
	-ms-animation: slidecarrier 30s linear infinite;
	animation: slidecarrier 30s linear infinite;
	-webkit-animation-delay: 1.25s;
	-moz-animation-delay: 1.25s;
	-ms-animation-delay: 1.25s;
	animation-delay: 1.25s;
}

.carrier:hover {
   /* -webkit-animation: 0;
	-moz-animation: 0;
	-ms-animation: 0;
    animation: 0;    */
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;

}

@keyframes "slidecarrier" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -3096px;  /* NOTE: half distance of .carrier  */
 }

}

@-moz-keyframes slidecarrier {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3096px;  /* NOTE: half distance of .carrier  */
 }

}

@-webkit-keyframes "slidecarrier" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3096px;  /* NOTE: half distance of .carrier  */
 }

}

@-ms-keyframes "slidecarrier" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3096px;  /* NOTE: half distance of .carrier  */
 }

}

@-o-keyframes "slidecarrier" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3096px;  /* NOTE: half distance of .carrier  */
 }

}


.service-wrapper {
overflow:hidden;
position:relative;
}




       .service-wrapper-inner {
        height:100%;
        width:100%;
        position:absolute; 
        z-index: 100;  
        top: 100%;
        color: #fff;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
        background-color: rgba(92,160,185,0.8); 
        padding:0px;
        padding-top:45%;
    }  


       .service-wrapper-inner-isotope {
        height:100%;
        width:100%;
        position:absolute; 
        z-index: 100;  
        top: 100%;
        color: #fff;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
        background-color: rgba(92,160,185,0.8); 
        padding:0px;
        padding-top:45%;
    }  

    
.service-wrapper:hover .service-wrapper-inner {
top: 0;
}

.service-wrapper:hover .service-wrapper-inner-isotope {
top: 0;
}

.service-wrapper-inner p, .service-wrapper-inner-isotope p { font-family:"Proxima N W01 Smbd", Arial, Helvetica, sans-serif; text-align:center; font-size:15px; color:#FFFFFF; }


.twelvepxtop {margin-top:12px;}


.vignette-left {
position:absolute;
top:0px;
left:0px;
width:58px;
height:233px;
z-index:500;
}

.vignette-right {
position:absolute;
top:0px;
left:100%;
width:58px;
height:233px;
margin-left:-58px;
z-index:500;
display:inline-block;
}


.cross-holder {position:relative;
width:29px;
height:29px;
margin-left:auto;
}

footer {position:relative;
width:auto;
height:50px;
}

#falseburger {position:absolute;
top:28px;
left:100%;
margin-left:-72px;
z-index:8000;
}

#falsecross {position:absolute;
top:32px;
left:100%;
margin-left:-63px;
z-index:8000;
}

.poppic {margin:0px 0px 12px 0px;}