.j51imagelinkhover_border {padding:0 !important;}
#toc table {
margin:20px auto;
}
.homeSubHeader {
	font-size: 24px;
	line-height: 1.3em;
}
img.doctor {
width:200px;
}

div[itemprop="articleBody"] a {
	color:#5bb3e3;
    -webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
    
    }
div[itemprop="articleBody"] a:hover {
	color:#b5e3fc;
}
.resources ul li {
	width:100% !important;
}
.resources ul li a {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 90%;
	vertical-align:middle ;
}

.resourcesImpact .resources .fa {

	padding-top: 7px;
	padding-bottom: 7px;
}



.content-list>li {
line-height:2.0em;

}
.content-list > li li {
line-height:1.3em;
list-style-type:circle;

}
#main div[itemprop="articleBody"]>h2 {
  margin-top:20px;
  padding-bottom:10px;
}
.page-header h2 {font-size:26px;font-weight: bold;}


#socialmedia {
	float: right;
	clear:right;
	display: block;
}
#socialmedia #navigaton {}
.hornavmenu, .slicknav_menu, #socialmedia {
}
/*.logo_container:after {
position:absolute;
height:50px;
width:100%;
content:'A Totally Different Eyecare Experience';

}
*/

.showcase {color:white;font-size:151%;line-height:1.6em;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}


/* Slide Show CSS */

.uk-overlay-active .uk-overlay-panel {
background-color:hsla(0,0%,0%,0.0);
}

.slideFont {
font-size:62px;
line-height:1em;
text-align:right;
}
.readmore a.slide_button {
	font-size: 21px;
	padding: 12px 16px;
}
.slide1 .readmore {
text-align:right;
}
.slide1 {
/*bottom: 68px;*/
bottom: 120px;
padding: 3px 30px 10px 50px;
position: absolute;
right: 0%;
}
/*
.slide2 {
bottom: 0%;
padding: 3px 30px 10px 50px;
1position: absolute;
right: 0%;
}
.slide3 {
bottom: 0%;
padding: 3px 30px 10px 50px;
position: absolute;
right: 0%;
}
.slide4 {
bottom: 0%;
padding: 3px 30px 10px 50px;
position: absolute;
right: 0%;
}
.slide5 {
bottom: 0%;
padding: 3px 30px 10px 50px;
position: absolute;
right: 0%;
}

/* end slideshow css */

/*  Module Button  */

.module_style-box .j51imagelinkhover .j51button a {
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.4));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0.4)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.4));
	background-image: -o-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.4));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.4));
	background-repeat: repeat-x;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05);
	
}
.module_style-box .j51imagelinkhover .j51button a:hover, .module .j51imagelinkhover .j51button a:hover {
	color: rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.5) inset;
	border-top: 0 solid rgba(0, 0, 0, 0.2);
}
/*****************   Optometric Physicians NW   **********************/

/*  Our Mission    */
.OurMission {
text-align:left;
font-style:italic;
line-height:1.3em;
}
.OurMission p {
margin-bottom:16px;
font-size:16px;
}
.OurMission li {
margin-bottom:16px;
font-size:16px;
margin-left:48px;
list-style-type: disc;
}
.OurMission h2 {
margin-bottom:0;
}

.Banner div.visit {
text-align:center;
font-size:42px;
font-weight:bold;
padding:9px 0;
line-height:1.0em;
}
.hours .module_padding {
 padding: 12px 0;
}
#byAppointment {
padding:6px 0;
text-align:center;
	background-color: #025b79;

	-moz-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
	-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
	box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.5)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
	color: #dddddd;
	box-shadow: 0 0 16px rgba(0,0,0,.91);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3),inset 0 -1px 1px rgba(225,225,225,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3),inset 0 -1px 1px rgba(225,225,225,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.3),inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(0,0,0,.55);
}

.sched {
padding:0 20px 12px;
}
.sched.sun {
padding:6px 20px 0;

}
.sched table {
}

.sched td:last-child {
text-align:right;
}
.four .fourWrap img {
width:100%;
}
.four .fourWrap {
text-align:center;
width:15.8%;
position:relative;
float:left;
}
.four .fourWrap:nth-child(n+2) {
margin-left:1.0%;
}
.four a {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
height:100%;
background:rgba(0,0,0,0.3);
text-align:center;
transition: all 0.25s linear;
}

.four a:hover {
/*color:hsla(199.5, 100%, 92.2%,0.25);*/
background:rgba(0,0,0,0.0);
color:hsla(199.5, 100%, 100%,0.25);


}

.four a>span {
position:absolute;
top:50%;
  -ms-transform: translatey(-60%); /* IE 9 */
    -webkit-transform: translatey(-60%); /* Safari */
    transform: translatey(-60%);
    font-size:28px;
    font-weight:bold;
    width:100%;
    display:block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
    line-height:24px;
}
.four a.brain>span {
  -ms-transform: translatey(-55%); /* IE 9 */
    -webkit-transform: translatey(-55%); /* Safari */
    transform: translatey(-55%);
	font-weight:normal;
	font-size:26px;
	line-height:1em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}

.four a:hover>span {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
}
/* font size main content
.maincontent { 
font-size:18px;
}*/
#main.block_holder {
	padding: 5px 42px;
}

#toc.kids_vision ul {
	-webkit-columns: 230px 2;
	-moz-columns: 230px 2;
	columns: 230px 2;
}

#toc.our_services ul {
	-webkit-columns: 230px 2;
	-moz-columns: 230px 2;
	columns: 230px 2;
	width:auto !important;
}
.uk-overlay-fade {
	opacity: 1;
}



.hornavmenu {
position:relative;
}



#ballMenuContainerInHeader {
    position: absolute;
    right: -3%;
    top:-46px;
    font-weight:bold;
}



#ballMenuContainer {
    position: absolute;
    right: 25px;
    top:-46px;
    display:none;
}


@-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1) rotate(0deg); 
    }
    50% {
      -webkit-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -webkit-transform: scale(1) rotate(0deg); 
    }
}
@-o-keyframes pulse {
    0% {
      -o-transform: scale(1) rotate(0deg); 
    }
    50% {
      -o-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -o-transform: scale(1) rotate(0deg); 
    }
}
@-moz-keyframes pulse {
    0% {
      -moz-transform: scale(1) rotate(0deg); 
    }
    50% {
      -moz-transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      -moz-transform: scale(1) rotate(0deg); 
    }
}
@keyframes pulse {
    0% {
      transform: scale(1) rotate(0deg); 
    }
    50% {
      transform: scale(1.1) rotate(-5deg); 
    }
    100% {
      transform: scale(1) rotate(0deg); 
    }
}

@-webkit-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-o-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@-moz-keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
@keyframes bump {
  0% {
      top: 0;
  }
  5% {
      top: 3px;
  }
  10% {
      top:0;
  }
  100% {
      top:0;
  }
}
/** https://codepen.io/tgaisser/pen/GixJd **/

.menuBall  {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 5px;
    display: inline-block;
}


.ball {
    position:absolute;
    width:100%;
    height:100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px dashed #fff;
    margin: 10px;
    text-decoration: none;
}

.ball:hover {
    -webkit-animation: pulse 1s ease 0s infinite normal;
    -o-animation: pulse 1s ease 0s infinite normal;
    -moz-animation: pulse 1s ease 0s infinite normal;
    animation: pulse 1s ease 0s infinite normal;
}


.blueball {
    -moz-box-shadow: 0 0 0 3px #d0401a, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 3px #d0401a, 2px 1px 4px 4px rgba(10,10,0,.5);
    -o-box-shadow: 0 0 0 3px #d0401a, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 3px #d0401a, 2px 1px 6px 4px rgba(10,10,0,.5);

  /*  background-image: -webkit-linear-gradient(35deg, #9f2e86 25%, transparent 25%, transparent 75%, #9f2e86 75%, #9f2e86), 
    -webkit-linear-gradient(-35deg, #9f2e86 25%, transparent 25%, transparent 75%, #9f2e86 75%, #9f2e86);
    background-image: -moz-linear-gradient(35deg, #9f2e86 25%, transparent 25%, transparent 75%, #9f2e86 75%, #9f2e86), 
    -moz-linear-gradient(-35deg, #9f2e86 25%, transparent 25%, transparent 75%, #9f2e86 75%, #9f2e86);*/
    background-size:20px 20px; 
    
    background-color: #d0401a;
       /* background-color: #d6385b;*/

}
#billPayButton, #phreesia_payForm {
  text-shadow: 0 0 0 #6c2424de !important;
  background: none !important;
  padding: 0;
  border: 0px;
  display: inline-block;
  line-height: 1.3em !important;
  width: 100%;
  box-shadow: unset;
  letter-spacing: 0;
}
#topPediatricButton {
  margin-right:5px;
}
.menuText, #billPayButton, #phreesia_payForm {
    font-family: 'IdolwildRegular' , Verdana, Helvetica, Sans-Serif;
    font-size: 21px;
    line-height:1.3em;
    color: #ffffff;
    position: relative;
    vertical-align: middle;
    text-align: center;
    top: 20%;
    font-weight:bold;
}

@media screen and (max-width:346px) {
  .menuText, #billPayButton, #phreesia_payForm {
    font-size:18px;
  }
  .menuBall  {
      width: 100px;
      height: 100px;
  }

}


.menuBall1 {
  -webkit-animation: bump 6s linear 0s infinite normal;
}
.menuBall2 {
  -webkit-animation: bump 6s linear .5s infinite normal;
}
.menuBall3 {
  -webkit-animation: bump 6s linear 1s infinite normal;
}
.menuBall4 {
  -webkit-animation: bump 6s linear 1.5s infinite normal;
}

.menuBall1 {
  -moz-animation: bump 6s linear 0s infinite normal;
}
.menuBall2 {
  -moz-animation: bump 6s linear .5s infinite normal;
}
.menuBall3 {
  -moz-animation: bump 6s linear 1s infinite normal;
}
.menuBall4 {
  -moz-animation: bump 6s linear 1.5s infinite normal;
}

.menuBall1 {
  -o-animation: bump 6s linear 0s infinite normal;
}
.menuBall2 {
  -o-animation: bump 6s linear .5s infinite normal;
}
.menuBall3 {
  -o-animation: bump 6s linear 1s infinite normal;
}
.menuBall4 {
  -o-animation: bump 6s linear 1.5s infinite normal;
}

.menuBall1 {
  animation: bump 6s linear 0s infinite normal;
}
.menuBall2 {
  animation: bump 6s linear .5s infinite normal;
}
.menuBall3 {
  animation: bump 6s linear 1s infinite normal;
}
.menuBall4 {
  animation: bump 6s linear 1.5s infinite normal;
}


div#partyInfo {
    position: absolute;
    bottom: 30%;
    top: 30%;
    left: 20%;
    right: 20%;
    margin: 5px;
    padding: 8px;
    z-index: 2000;
    text-shadow: -1px -1px #65b37a;
    font-family: 'IdolwildRegular' , Verdana, Helvetica, Sans-Serif;
    font-size: 2.5em;
    color: #FFFFFF;
    border-radius: 10px;
    border: 2px dashed #fff;
    background-color: #d90e23;
    -moz-box-shadow: 0 0 0 3px #d90e23, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 3px #d90e23, 2px 1px 4px 4px rgba(10,10,0,.5);
    -o-box-shadow: 0 0 0 3px #d90e23, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 3px #d90e23, 2px 1px 6px 4px rgba(10,10,0,.5);
}

#darkMe {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 1000;
    -webkit-filter: blur(3px);
}

#darkMe.hideMe, #partyInfo.hideMe {
    visibility: hidden;
}

#darkMe.showMe, #partyInfo.showMe{
    visibility:visible;
}








/*  Even up  Top3 Mods  */
@media only screen and (min-width: 767px) {

#wrapper_top-3,
#wrapper_top-3 .top-3,
#wrapper_top-3 .module_margin,
#wrapper_top-3 .module_style-box
 {display:flex;}


.top-3 .module_margin, .top-3 .module_style-box {
  width:100%;
}

.top-3 .module {position:relative;}
.top-3 .j51imagelinkhover .j51button {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
}
#ballMenuContainer {
    display:block;
}


}

@media only screen and (max-width: 962px) {
	#ballMenuContainerInHeader {
		top:6px;
	}
	.slide1 {
		bottom: 15px;

		right: 0%;
	}
	.slideFont {
		display:none;
	}
	

	#sidecol_b .sidecol_block {
	padding-top: 40px;
}


}


@media only screen and (min-width: 963px) {

#container_top_modules .wrapper960 {
	position:relative;
}
#top_modules.block_holder {
	background-color:#00131b1a !important;
	position: absolute;
	height: 80px;
	width: 100%;
	bottom: -1px;
}
}


@media only screen and (min-width:767px) and (max-width: 970px) {
.four a > span {
	position: absolute;
	top: 50%;
	-ms-transform: translatey(-60%);
	-webkit-transform: translatey(-60%);
	transform: translatey(-60%);
	font-size: 28px;
	font-weight: bold;
	width: 100%;
	display: block;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
	line-height: 24px;
	}
	.disappear-mobile {
		display: none;
	}

}



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

p.site-slogan {
	font-size: 3.3vw !important;
	text-align: center !important;
	max-width: 100% !important;
	white-space:normal;
}


.four .fourWrap img {
width:100%;
}
.four .fourWrap {
text-align:center;
width:50%;
position:relative;
float:left;
}
.four .fourWrap:nth-child(n+2) {
margin-left:0%;
}
.four>a {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
height:100%;
text-align:center;
}
.four a>span {
position:absolute;
top:50%;
  -ms-transform: translatey(-60%); /* IE 9 */
    -webkit-transform: translatey(-60%); /* Safari */
    transform: translatey(-60%);
    font-size:28px;
    font-weight:bold;
    width:100%;
    display:block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
    line-height:24px;
}
}

@media only screen and (max-width: 480px) {
	.disappear-mobile {
		display:none;
	}
	.hours td {
		display:block;
		text-align:center;
	}
	.hours td:last-child, .hours table td:nth-child(2n) {
		padding:0 0 9px ;
		text-align:center ;
	}
	.hours td:first-child {
		background-color:hsla(0,0%,100%,0.1);
	}
.menuBall {
    width: 78px;
    height: 78px;

  }
  .menuText, #billPayButton {
    font-size:13px;
  }


}


.gafancybox-overlay {
  overflow: scroll;
}
.gafancybox-inner {
  overflow: hidden !important;
        height:auto !important; 
}