body  {
    font-family:'Lato','Arial','sans-serif' ;
    color:#000000;
}
div:hover {
    -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
img {
    width: 100%;
    height: auto;   
}
#services  { 
position:relative;
top:14.5%;
font-family:'Arial', Open Sans, sans-serif;
font-size:10pt;
font-weight:200;
color:black;
}

h2,h3,h4,h5  {
    color:#686868;
}
td, tr, th {
    border: 1px solid black;
}
table {
    border-collapse: collapse;
    border-spacing: 3em 0;
    border: white solid 3px !important;
}
#hi {
position:relative;
top:18px;
}
.priv {
    width:48%;
    font-size:0.8vw;
}
.covid {
    position:absolute;
    top:0;
    left:30%;
    border: 8px dashed #ff0000;
    text-align:center;
    font-family: 'Arial','Open Sans',sans-serif;
    font-size:1.0vw;
    font-weight:bold;
    color:blue;
    width:860px;
    z-index:100;
    background-color:white;
}

.covid-content {
    width:100%;
    font-size:0.7vw;
    font-weight:normal;
    color:black;
    text-align:center;
}

.modalbutton {
    background:#2d2c2c;
    color:#ead09d;
    border: 1px solid;
    border-color:#333333;
    border-radius:5px;
    padding:3px 3px 3px 3px;
}
td, th {
    min-width: 50px;
    height: 21px;
}
span {
    width: 100%;
    display: block;
}
.mySlides {display:none;}
.fm_input  {
    text-align:center;
    width:280px;
    line-height: 200%;
    font-size:12pt;
    border-radius:4px;
    box-shadow: 10px 10px 5px #dbdbdb;
    margin-bottom:10px;
}
.disabled {
    background: #3a5687;
    color:#ffffff;
    border-radius:5px;
}
select {
    width: 150px; 
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
    font-family: 'lato-light', 'Arial',sans-serif;
    font-weight:200;
    font-size:10pt
}
button:disabled,
button[disabled]{
  border: 1px solid #4c4c4c;
  background-color: #2d2c2c;
  color: #ead09d;
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    /*width: 280px;*/
    width: 22vw;
    background-color: #fff;
    color: #9b9caa;
    text-align: center;
    border-style: solid;
    border-width: 10px;
    border-color:#8fc2d6;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 140%;
    left: 0%;
   /* margin:auto;*/
    margin-left: -100%;
}

/* Popup arrow */
/*.popup */
.popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0%;
   /* margin:auto;
    /*margin-left: -145%;*/
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* LOADER SPINNER: Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 45%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  /*border: 16px solid #f3f3f3;
  //border-radius: 50%;
  //border-top: 16px solid #3498db;
  //width: 120px;
  //height: 120px;
  */
  background: url(https://immelmandental.com/images/pacemakerlogo_noP_transp.png); background-repeat: no-repeat; background-position: center center; margin-bottom:70px; background-size: 40px 40px;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite; 
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -moz-animation-name: animatebottom;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-name: animatebottom;
  animation-duration: 0.4s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}
/* END LOADER SPINNER   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/*  START STYLEPAUSE FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx*/
/* LAYOUT */
.containerp {
    position:absolute;
    left:30%;
    top:2.6vh;
	margin:auto;
	overflow:hidden;
	width:860px;
	height:auto;
	background-color:white;
}

/* CONTENT SLIDER */
#content-slider {
	width:100%;
	height:484px;
	/*margin-top:0;*/
	margin:10px auto 0;
	/*margin:auto;*/
	background-color:white;
	position:relative;
}
/* SLIDER */
#slider {
	background:#fff;
	width:100%;
	height:auto;
	/*margin:auto;
	/*width:860px;*/
	/*height:385px;*/
	/*height:484px;*/
	/*margin:38px auto 0;*/
	/*margin:0 17% 0 17%;*/
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
	width:860px;
	height:484px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:860px;
	height:484px;
	position:absolute;
	top:-489px;
	list-style:none;
}

.firstanimation {
	-moz-animation:cycle 35s linear infinite;	
	-webkit-animation:cycle 35s linear infinite;		
}
.secondanimation {
	-moz-animation:cycletwo 35s linear infinite;
	-webkit-animation:cycletwo 35s linear infinite;		
}
.thirdanimation {
	-moz-animation:cyclethree 35s linear infinite;
	-webkit-animation:cyclethree 35s linear infinite;		
}
.fourthanimation {
	-moz-animation:cyclefour 35s linear infinite;
	-webkit-animation:cyclefour 35s linear infinite;		
}
.fifthanimation {
	-moz-animation:cyclefive 35s linear infinite;
	-webkit-animation:cyclefive 35s linear infinite;		
}
.sixthanimation {
	-moz-animation:cyclesix 35s linear infinite;
	-webkit-animation:cyclesix 35s linear infinite;		
}

.seventhanimation {
	-moz-animation:cycleseven 35s linear infinite;
	-webkit-animation:cycleseven 35s linear infinite;		
}
/*
.eighthanimation {
	-moz-animation:cycleeight 35s linear infinite;
	-webkit-animation:cycleeight 35s linear infinite;		
}
*/

#slider .tooltipp {
	background:rgba(0,0,0,0.7);
	width:300px;
	height:60px;
	position:relative;
	bottom:75px;
	left:-320px;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltipp h1 {
	color:#fff;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
}

#first:hover .tooltipp, 
#second:hover .tooltipp, 
#third:hover .tooltipp, 
#fourth:hover .tooltipp, 
#fifth:hover .tooltipp,
#sixth:hover .tooltipp,
#seventh:hover .tooltipp,
#eighth:hover .tooltipp
{	left:0; }

#slider:hover li, 
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:5px;
	width:860px;
	height:12px !important;
    background:#aab7c1 !important;
	-moz-animation:fullexpand 35s ease-out infinite;
	-webkit-animation:fullexpand 35s ease-out infinite;
	/*z-index:1000;*/
}

/*  END STYLEPAUSE FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*  START ANIMATION FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ANIMATION */
/*www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/
@-moz-keyframes cycle {
	0%  { top:0; }
	2.5%  { top:0; } 
	10% { top:0; opacity:1; z-index:0; } 
	12.5% { top:484px; opacity:0; z-index:0; } 
	13.5% { top:-484px; opacity:0; z-index:-1; }
	95% { top:-484px; opacity:0; z-index:0; }
	97.5% { top:-484px; opacity:0; }
	100%{ top:0; opacity:1; }
}
@-moz-keyframes cycletwo {
	0%  { top:-484px; opacity:0; }
	10% { top:-484px; opacity:0; }
	12.5% { top:0; opacity:1; }
	15% { top:0; opacity:1; } 
	22.5% { top:0; opacity:1; z-index:0; } 
	25% { top:484px; opacity:0; z-index:0; }
	26% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-484px; opacity:0; }
	22.5% { top:-484px; opacity:0; }
	25% { top:0; opacity:1; }
	27.5% { top:0; opacity:1; } 
	35% { top:0; opacity:1; } 
	37.5% { top:484px; opacity:0; z-index:0; }
	38.5% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-484px; opacity:0; }
	35% { top:-484px; opacity:0; }
	37.5% { top:0; opacity:1; }
	40% { top:0; opacity:1; }
	57.5% { top:0; opacity:1; z-index:0; }
	60% { top:484px; opacity:0; z-index:0; }
	61% { top:-484px; opacity:0; z-index:-1; }
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-484px; opacity:0; }
	47.5% { top:-484px; opacity:0; }
	50% { top:0; opacity:1; }
	52.5% { top:0; opacity:1; } 
	60% { top:0; opacity:1; z-index:0; } 
	62.5% { top:484px; opacity:0; z-index:0; }
	63.5% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclesix {
	0%  { top:-484px; opacity:0; }
	60% { top:-484px; opacity:0; }
	62.5% { top:0; opacity:1; }
	65% { top:0; opacity:1; } 
	72.5% { top:0; opacity:1; } 
	75% { top:484px; opacity:0; z-index:0; }
	76% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-moz-keyframes cycleseven {
	0%  { top:-484px; opacity:0; }
	72.5% { top:-484px; opacity:0; }
	75% { top:0; opacity:1; }
	77.5% { top:0; opacity:1; }
	85% { top:0; opacity:1; z-index:0; }
	87.5% { top:484px; opacity:0; z-index:0; }
	88.5% { top:-484px; opacity:0; z-index:-1; }
	100%{ top:-484px; opacity:0; z-index:-1; }
}
/*
@-moz-keyframes cycleeight {
	0%  { top:-484px; opacity:0; }
	85% { top:-484px; opacity:0; }
	87.5% { top:0; opacity:1; }
	90% { top:0; opacity:1; }
	97.5% { top:0; opacity:1; z-index:0; }
	100%{ top:484px; opacity:0; z-index:0; }
}
*/
@-webkit-keyframes cycle {  
	0%  { top:0; }
	2.5%  { top:0; } 
	10% { top:0; opacity:1; z-index:0; } 
	12.5% { top:484px; opacity:0; z-index:0; } 
	13.5% { top:-484px; opacity:0; z-index:-1; }
	95% { top:-484px; opacity:0; z-index:0; }
	97.5% { top:-484px; opacity:0; }
	100% { top:0; opacity:1; }
}
@-webkit-keyframes cycletwo {
	0%  { top:-484px; opacity:0; }
	10% { top:-484px; opacity:0; }
	12.5% { top:0; opacity:1; }
	15% { top:0; opacity:1; } 
	22.5% { top:0; opacity:1; z-index:0; } 
	25% { top:484px; opacity:0; z-index:0; }
	26% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-484px; opacity:0; }
	22.5% { top:-484px; opacity:0; }
	25% { top:0; opacity:1; }
	27.5% { top:0; opacity:1; } 
	35% { top:0; opacity:1; } 
	37.5% { top:484px; opacity:0; z-index:0; }
	38.5% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-484px; opacity:0; }
	35% { top:-484px; opacity:0; }
	37.5% { top:0; opacity:1; }
	40% { top:0; opacity:1; }
	57.5% { top:0; opacity:1; z-index:0; }
	60% { top:484px; opacity:0; z-index:0; }
	61% { top:-484px; opacity:0; z-index:-1; }
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-484px; opacity:0; }
	47.5% { top:-484px; opacity:0; }
	50% { top:0; opacity:1; }
	52.5% { top:0; opacity:1; } 
	60% { top:0; opacity:1; z-index:0; } 
	62.5% { top:484px; opacity:0; z-index:0; }
	63.5% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclesix {
	0%  { top:-484px; opacity:0; }
	60% { top:-484px; opacity:0; }
	62.5% { top:0; opacity:1; }
	65% { top:0; opacity:1; } 
	72.5% { top:0; opacity:1; } 
	75% { top:484px; opacity:0; z-index:0; }
	76% { top:-484px; opacity:0; z-index:-1; } 
	100%{ top:-484px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cycleseven {
	0%  { top:-484px; opacity:0; }
	72.5% { top:-484px; opacity:0; }
	75% { top:0; opacity:1; }
	77.5% { top:0; opacity:1; }
	85% { top:0; opacity:1; z-index:0; }
	87.5% { top:484px; opacity:0; z-index:0; }
	88.5% { top:-484px; opacity:0; z-index:-1; }
	100%{ top:-484px; opacity:0; z-index:-1; }
}
/*
@-webkit-keyframes cycleeight {
	0%  { top:-484px; opacity:0; }
	85% { top:-484px; opacity:0; }
	87.5% { top:0; opacity:1; }
	90% { top:0; opacity:1; }
	97.5% { top:0; opacity:1; z-index:0; }
	100%{ top:484px; opacity:0; z-index:0; }
}
*/
/* ANIMATION BAR */

@-moz-keyframes fullexpand {
    0%, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, 100% { width:0; opacity:0; }
    2.5%, 15%, 27.5%, 40%, 52.5%, 65%, 77.5%, 90% { width:0; opacity:0.3; }
    10%, 22.5%, 35%, 47.5%, 60%, 72.5%, 85%, 97.5% { width:100%; opacity:0.7; }
    11%, 23.5%, 36%, 48.5%, 61%, 73.5%, 86%, 98.5% { width:100%; opacity:0.7; }
    12%, 24.5%, 37%, 49.5%, 62%, 74.5%, 87%, 99.5% { width:100%; opacity:0.7; }
}
@-webkit-keyframes fullexpand {
    0%, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, 100% { width:0; opacity:0; }
    2.5%, 15%, 27.5%, 40%, 52.5%, 65%, 77.5%, 90% { width:0; opacity:0.3; }
    10%, 22.5%, 35%, 47.5%, 60%, 72.5%, 85%, 97.5% { width:100%; opacity:0.7; }
    11%, 23.5%, 36%, 48.5%, 61%, 73.5%, 86%, 98.5% { width:100%; opacity:0.7; }
    12%, 24.5%, 37%, 49.5%, 62%, 74.5%, 87%, 99.5% { width:100%; opacity:0.7; }	
}
/*  END ANIMATION FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*  START RESET ??? FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  END RESET ??? FOR SLIDESHOW 2  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*  START NESTED SIDEMENU  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Nested Side Bar Menu -- Project URL: http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/  */

.nestedsidemenu {
    font: normal 16px 'Lato', Arial, sans-serif;
    font-weight:200;
	position: relative;
    /*width: 130px;*/
    width: 98vw;
    max-width:98vw;
}
div + div{
   margin-bottom:5px;
}

/* Top Level Menu */
.nestedsidemenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

/* Top level list items */
.nestedsidemenu ul li {
    position: relative;
}

/* Top level menu items link style */
.nestedsidemenu ul li a, .nestedsidemenu ul li span {
    display: block;
    position: relative;
    /* background of menu items (default state) */
    background: #f5f5f5;
    padding: 14px 10px;
    color: #2d2b2b;
    text-decoration: none;
    border:1px;
    border-color:#d1d1d1;
    border-radius:4px;
}

.nestedsidemenu ul li a:link, .nestedsidemenu ul li a:visited {
    /*color: #8c8c8c;*/
    color: #000000;
}

/* Top level menu items link style on hover and when active */
.nestedsidemenu ul li:hover > a {
    background: #eaeaea;
    color:gray;
}

/* Sub ULs style */
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 130px;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
.nestedsidemenu ul li:hover > ul {
    visibility: visible;
    left: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

/* Sub level Menu list items (alters style from Top level List Items) */
.nestedsidemenu ul li ul li {
    display: list-item;
    float: none;
}

/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.nestedsidemenu ul li ul li ul {
    top: 0;
    left: 100%;
}

/* Sub Levels link style on hover and when active */
.nestedsidemenu ul ul li:hover > a {
    background: #d1d1d1;
}

/* Sub Levels UL style on hover */
.nestedsidemenu ul ul li:hover > ul {
    left: 100%;
}

/* Sub level menu links style */
.nestedsidemenu ul li ul li a {
    font: normal 14px 'lato-light', Arial, sans-serif;
    padding: 10px;
    margin: 0;
    background: #eaeaea;
    border-right: none;
    border-top-width: 0;
}

/* LIs with a sub UL style */
.nestedsidemenu ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
.nestedsidemenu ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* LIs with a sub UL pseudo class */
.nestedsidemenu ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: #d1d1d1;
    top: 40%;
    right: 8px;
    color:#a5a5a5;
}

/* LIs with NO sub UL pseudo class */
.nestedsidemenu ul li > a:only-child:after {
    /* undo arrow for non submenu LIs */
    display: none;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 923px) {
    /* FIRST breaking point
			Last top menu items' sub ULs should drop to the left (instead of right)
			Change 1 to a different number to exclude/include more top menu items based on menu and max-width setting above
		*/

		.nestedsidemenu ul li:nth-last-of-type(-n+1) ul li:hover > ul {
        left: -100%;
    }
}
/* TABLET START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*
@media only screen and (max-width: 720px) {
    /* FIRST breaking point
			Last top menu items' sub ULs should drop to the left (instead of right)
			Change 1 to a different number to exclude/include more top menu items based on menu and max-width setting above
		*/
/*
		.nestedsidemenu ul li:nth-last-of-type(-n+1) ul li:hover > ul {
        left: -100%;
    }
}
*/
/* MOBILE START XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  MOBILE STARTXXXXXXXXXXXXX */
@media only screen and (max-width: 600px) {
    /* SECOND breaking point 
			For mobile and screen browser windows
			Get Sub ULs to expand entire width of document and drop down
			Changes menu reveal type from "visibility" to "display" to overcome bug. See comments below
		*/
.priv {
    width:100%;
    font-size:10pt;
}
containerp { display:none; }
.covid {
    position:absolute;
    top:0;
    left:5vw;
    border: 5px dashed #ff0000;
    text-align:center;
    font-family: 'Arial','Open Sans',sans-serif;
    font-size:5vw;
    font-weight:bold;
    width:90vw;
    z-index:100;
    background-color:white;
}
.covid-content {
    font-family: 'Arial','Open Sans',sans-serif;
    font-size:2.5vw;
    font-weight:normal;
}
#div1 {
    width:100vw;
    margin-left:-5vw;
    margin-top:-5vw;
    padding:0;
}
#div2 {
    width:100vw;
    margin-left:-5vw;
}
#mob1{
	   display:none;	    
		}
#mob2 {
	    display:block;	    
		}
.bgtop  {
    max-width:98vw;
    background:#ffffff;
    margin-top:-45%;
}		
.leftcol   { position:relative;top:0;width:14vw;text-align:center;margin-left:0;max-width:98vw;font-family:'Arial','Lato',sans-serif;}
    .nestedsidemenu{
        width: 100%;
    }
.dentistwhite {  width:98vw;text-align:center;margin:0; font-family:'Arial','lato-light', 'sans-serif'; }    
./*  START NESTED SIDEMENU  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Nested Side Bar Menu -- Project URL: http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/  */

.nestedsidemenu {
    font: normal 16px 'Lato', Arial, sans-serif;
    font-weight:200;
	position: relative;
    /*width: 130px;*/
    width: 98vw;
    max-width:98vw;
}
div + div{
   margin-bottom:5px;
}

/* Top Level Menu */
.nestedsidemenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

/* Top level list items */
.nestedsidemenu ul li {
    position: relative;
}

/* Top level menu items link style */
.nestedsidemenu ul li a, .nestedsidemenu ul li span {
    display: block;
    position: relative;
    /* background of menu items (default state) */
    background: #f5f5f5;
    padding: 14px 10px;
    color: #2d2b2b;
    text-decoration: none;
    border:1px;
    border-color:#d1d1d1;
    border-radius:4px;
}

.nestedsidemenu ul li a:link, .nestedsidemenu ul li a:visited {
    /*color: #8c8c8c;*/
    color: #000000;
}

/* Top level menu items link style on hover and when active */
.nestedsidemenu ul li:hover > a {
    background: #eaeaea;
    color:gray;
}

/* Sub ULs style */
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 130px;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
.nestedsidemenu ul li:hover > ul {
    visibility: visible;
    left: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

/* Sub level Menu list items (alters style from Top level List Items) */
.nestedsidemenu ul li ul li {
    display: list-item;
    float: none;
}

/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.nestedsidemenu ul li ul li ul {
    top: 0;
    left: 100%;
}

/* Sub Levels link style on hover and when active */
.nestedsidemenu ul ul li:hover > a {
    background: #d1d1d1;
}

/* Sub Levels UL style on hover */
.nestedsidemenu ul ul li:hover > ul {
    left: 100%;
}

/* Sub level menu links style */
.nestedsidemenu ul li ul li a {
    font: normal 14px 'lato-light', Arial, sans-serif;
    padding: 10px;
    margin: 0;
    background: #eaeaea;
    border-right: none;
    border-top-width: 0;
}

/* LIs with a sub UL style */
.nestedsidemenu ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
.nestedsidemenu ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* LIs with a sub UL pseudo class */
.nestedsidemenu ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: #d1d1d1;
    top: 40%;
    right: 8px;
    color:#a5a5a5;
}

/* LIs with NO sub UL pseudo class */
.nestedsidemenu ul li > a:only-child:after {
    /* undo arrow for non submenu LIs */
    display: none;
}

/*  END NESTED SIDEMENU  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
}
/* MOBILE END XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  MOBILE END XXXXXXXXXXXXXXX*/

/*  BIG SCREEN START  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  BIG SCREEN START  XXXXXXXXXXXXXX*/
/* FOR BIG SCREEN  */
@media only screen and (min-width: 761px) {
#pic1 {
    width:14vw;
    
}
#mob1{
	   display:block;	    
}
#mob2 {
	    display:none;	    
}    
#slidera {
    position:absolute;
    padding:0px;
    top:0px;
    left:35%;
    width:65%;
    /*align:center center fixed;*/
}
#staticpic  { display:none; }
#call  { display:none; }
.bg  {
    width:500px;     
    background:#ffffff; 
    color:black;
    box-shadow: 2px 2px 5px gray;
    z-index:88;   
}
.bgtop  {
    width:500px;  
    background:#ffffff;
    top:0;
    z-index:88;
    margin-top:-56%;
}
.leftcol   { position:relative;top:1.9vh;width:14vw;text-align:center;margin-left:10%;max-width:100vw;font-family:'Arial','Lato',sans-serif;}
.dentistwhite {  width:100%;text-align:center; font-family:'Arial','lato-light', 'sans-serif'; }
.phonewhite  { font-size:10pt;font-weight:400;padding:3px;border-radius:5px;text-align:center; background:#ffffff; }
.drname  { font-size:1.2vw;}
.drrole  { font-size:1.0vw;}
.email  { font-family:'Arial','Open Sans',sans-serif;font-size:0.6vw; }
#emailx  { font-size:0.63vw; }

#slider {
	background:#fff;
	/*border:5px solid #eaeaea;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);*/
	height:860px;
	/*height:484px;*/
	/*width:680px;*/
	width:auto;
	/*margin:38px auto 0;*/
	overflow:visible;
	position:relative;
	background-color:white;
}
#mask {
	overflow:hidden;
	width:860px;
	height:484px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	/*width:680px;*/
	width:860px;
	/*height:385px;*/
	height:484px;
	position:absolute;
	top:-489px;
	/*top:0;*/
	list-style:none;
}
.firstanimation {
	-moz-animation:cycle 35s linear infinite;	
	-webkit-animation:cycle 35s linear infinite;		
}
.secondanimation {
	-moz-animation:cycletwo 35s linear infinite;
	-webkit-animation:cycletwo 35s linear infinite;		
}
.thirdanimation {
	-moz-animation:cyclethree 35s linear infinite;
	-webkit-animation:cyclethree 35s linear infinite;		
}
.fourthanimation {
	-moz-animation:cyclefour 35s linear infinite;
	-webkit-animation:cyclefour 35s linear infinite;		
}
.fifthanimation {
	-moz-animation:cyclefive 35s linear infinite;
	-webkit-animation:cyclefive 35s linear infinite;		
}
.sixthanimation {
	-moz-animation:cyclesix 35s linear infinite;
	-webkit-animation:cyclesix 35s linear infinite;		
}
.seventhanimation {
	-moz-animation:cycleseven 35s linear infinite;
	-webkit-animation:cycleseven 35s linear infinite;		
}
/*
.eighthanimation {
	-moz-animation:cycleeight 35s linear infinite;
	-webkit-animation:cycleeight 35s linear infinite;		
}
*/

#slider .tooltipp {
	background:rgba(0,0,0,0.7);
	width:300px;
	height:60px;
	position:relative;
	bottom:75px;
	left:-320px;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltipp h1 {
	color:#fff;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
}
#first:hover .tooltipp, 
#second:hover .tooltipp, 
#third:hover .tooltipp, 
#fourth:hover .tooltipp, 
#fifth:hover .tooltipp,
#sixth:hover .tooltipp,
#seventh:hover .tooltipp,
#eighth:hover .tooltipp
{	left:0; }

#slider:hover li, 
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
/*  START NESTED SIDEMENU  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Nested Side Bar Menu -- Project URL: http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/  */

.nestedsidemenu {
    font: normal 16px 'Lato', Arial, sans-serif;
    font-weight:200;
	position: relative;
    /*width: 130px;*/
    width: 14vw;
    max-width:14vw;
}
div + div{
   margin-bottom:5px;
}

/* Top Level Menu */
.nestedsidemenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

/* Top level list items */
.nestedsidemenu ul li {
    position: relative;
}

/* Top level menu items link style */
.nestedsidemenu ul li a, .nestedsidemenu ul li span {
    display: block;
    position: relative;
    /* background of menu items (default state) */
    background: #f5f5f5;
    padding: 14px 10px;
    color: #2d2b2b;
    text-decoration: none;
    border:1px;
    border-color:#d1d1d1;
    border-radius:4px;
}

.nestedsidemenu ul li a:link, .nestedsidemenu ul li a:visited {
    /*color: #8c8c8c;*/
    color: #000000;
}

/* Top level menu items link style on hover and when active */
.nestedsidemenu ul li:hover > a {
    background: #eaeaea;
    color:gray;
}

/* Sub ULs style */
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 130px;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
.nestedsidemenu ul li:hover > ul {
    visibility: visible;
    left: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

/* Sub level Menu list items (alters style from Top level List Items) */
.nestedsidemenu ul li ul li {
    display: list-item;
    float: none;
}

/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.nestedsidemenu ul li ul li ul {
    top: 0;
    left: 100%;
}

/* Sub Levels link style on hover and when active */
.nestedsidemenu ul ul li:hover > a {
    background: #d1d1d1;
}

/* Sub Levels UL style on hover */
.nestedsidemenu ul ul li:hover > ul {
    left: 100%;
}

/* Sub level menu links style */
.nestedsidemenu ul li ul li a {
    font: normal 14px 'lato-light', Arial, sans-serif;
    padding: 10px;
    margin: 0;
    background: #eaeaea;
    border-right: none;
    border-top-width: 0;
}

/* LIs with a sub UL style */
.nestedsidemenu ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
.nestedsidemenu ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* LIs with a sub UL pseudo class */
.nestedsidemenu ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: #d1d1d1;
    top: 40%;
    right: 8px;
    color:#a5a5a5;
}

/* LIs with NO sub UL pseudo class */
.nestedsidemenu ul li > a:only-child:after {
    /* undo arrow for non submenu LIs */
    display: none;
}
/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:5px;
	width:860px;
	height:12px !important;
    background:#aab7c1 !important;
	-moz-animation:fullexpand 35s ease-out infinite;
	-webkit-animation:fullexpand 35s ease-out infinite;
}
h16  {font-size:13pt;margin:0;padding:0;}
h7  {font-size:10pt;margin-top:-6px;padding-top:0;}
h8  {font-size:9pt;margin-top:0;padding-top:5px;}
h9  {font-size:7pt;margin-top:0;padding-top:2px;}
.picboxcontainer  { width:860px; }
.picboxcontainer:before, .picboxcontainer:after  { content:''; }
.picboxcontainer:after  { clear:left; }
.container1 { 
    position: relative;  
    width:calc(100%/5);
    /*height:476px;*/
    height:496px;
    padding:0;
    margin:0;
    float:left;
    z-index:1000;
}
.biobox  {
    width:430px;
    height:180px;
    transition: .75s ease;
    opacity: 0;
    position: absolute;
    top: 61%;
    text-align: center;
    background-image:url(https://www.immelmandental.com/images/bioboxbg-430x180.png);
    padding-top:4px;
}

.biobox1  { left: 0; }
.biobox2  { left: -70%;  }
.biobox3  { left: -129px;  }
.biobox4  { left: -80%;  }
.biobox5  { left: -150%;  }
/*
.biobox1  { left: 215px; }
.biobox2  { left: 43px;  }
.biobox3  { left: -129px;  }
.biobox4  { left: -301px;  }
.biobox5  { left: -473px;  }
*/
.container1:hover .biobox { opacity: 1; }
.biotext {
  /*background-color: white;*/
  color: black;
  font-size: 16px;
  padding: 16px 32px;
}
}
/*  BIG SCREEN END  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  BIG SCREEN END  XXXXXXXXXXXXXX*/

/* SECOND BREAKPOINT */
@media screen and (max-width:1024px){ 
#slider { display:none; }
.containerp { display:none; }
.bg  {
    max-width:98vw;
    background:#ffffff;
    color:black;
    z-index:88;
    left:-100vw !important;
}
.bgtop  {
    max-width:98vw;
    background:#ffffff;
}
.leftcol   { width:100%;text-align:center;font-family:'Arial','Lato',sans-serif; }  /* width:98vw;min-width:98vw !important;max-width:98vw; */
.dentistwhite { width:100%;text-align:center;font-family:'Arial','lato-light', 'sans-serif'; }
.phonewhite  { font-size:1.1vw;font-weight:400;padding:3px;border-radius:5px;text-align:center; background:#ffffff; }
.drname  {font-size:0.9vw;}
.drrole  {font-size:0.7vw;}
.email  { font-family:'Arial','Open Sans',sans-serif;font-size:8pt; }
#emailx  { font-size:8pt; }
/*
.panel-default  {
    width:100vw;
}
*/
.limitw {
    max-width:100vw;
}
/*
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 98vw;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}
*/
}



/* FOR SMALLER SCREEN  */
@media screen and (max-width:760px){ 
#slider { display:none; }
.containerp { display:none; }
.bg  {
    max-width:98vw;
    background:#ffffff;
    color:black;
    z-index:88;
    left:-100vw !important;
}
.bgtop  {
    max-width:98vw;
    background:#ffffff;
}
.leftcol   { width:100%;text-align:center;font-family:'Arial','Lato',sans-serif; }  /* width:98vw;min-width:98vw !important;max-width:98vw; */
.dentistwhite { width:100%;text-align:center;font-family:'Arial','lato-light', 'sans-serif'; }
.phonewhite  { font-size:1.1vw;font-weight:400;padding:3px;border-radius:5px;text-align:center; background:#ffffff; }
.drname  {font-size:0.9vw;}
.drrole  {font-size:0.7vw;}
.email  { font-family:'Arial','Open Sans',sans-serif;font-size:8pt; }
#emailx  { font-size:8pt; }
/*
.panel-default  {
    width:100vw;
}
*/
.limitw {
    max-width:100vw;
}
/*
.nestedsidemenu ul li ul {
    position: absolute;
    left: -5000px;
		top: 0;
    opacity: 0;
    width: 98vw;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}
*/
}
/* END SMALLER SCREEN  */

/* FOR MOBILE SMALLER SCREEN  */
@media screen and (max-width:500px){ 
#slider { display:none; }
.bg  {
    max-width:98vw;
    background:#ffffff !important;
    color:black;
    z-index:88; 
}
.bgtop  {
    max-width:98vw;
    background:#ffffff;
}
.leftcol   { width:98vw;min-width:98vw !important;max-width:98vw;margin:auto;text-align:center;font-family:'Arial','Lato',sans-serif; }
.dentistwhite { width:100%;text-align:center;font-family:'Arial','lato-light', 'sans-serif'; }
.phonewhite  { font-size:10pt;font-weight:400;padding:3px;border-radius:5px;text-align:center; background:#ffffff; }
.drname  {font-size:8.4vw;}
.drrole  {font-size:7.2vw;}
.email  { font-family:'Arial','Open Sans',sans-serif;font-size:8pt; }
#emailx  { font-size:8pt; }
}
/* END MOBILE SMALLER SCREEN  */

/* FOR MOBILE HD SCREEN  */
@media screen and (max-width:1080px) and (max-height:1920px) {
.leftcol   { top:0;width:100%;max-width:100vw;text-align:center;margin-left:0;font-family:'Arial','Lato',sans-serif;}
.dentistwhite { width:100%;font-family:'Arial','lato-light', 'sans-serif'; text-align:center;  }
/*#slider { display:none; }*/
}    
/* END MOBILE HD SCREEN  */