@import url("simple-grid.css");
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400i,700');
html, body{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana, Helvetica;
    color: #396D8D;
    background-color: #fff;
    height: 100%;
}


.portal:link, .portal:visited, .portal:active
{
    color: #000;
    text-decoration: none;
     font-size:11pt;
}

.portal:hover
{
    color: #3992E0;
}




/*************************************************************
Footer links  *Don't change the table or align classes*
*/

.TableDiv {
    display: table;
}

.TableRowDiv {
    display: table-row;
}

.TableCellDiv {
    display: table-cell;
    vertical-align:top;
}

.AlignCenter {
    margin: 0 auto;
    left:0; 
    right:0;
}

.TextAlignCenter {
    text-align:center;
}

.TextAlignLeft {
    text-align:left;
}

.TextAlignRight {
    text-align:right;
}

.greenLink:link, .greenLink:visited, .greenLink:active
{
    color: #4f8c68;
    text-decoration: none;
    font-weight: bolder;
}

.greenLink:hover
{
    color: #FFFFFF;
}

.MainOuterTableFooter
{
    color: #333;    
    text-align:left;
    width: 100%;
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid #333;
}

/*************************************************************
/*************************************************************
*************************************************************/


a:link
{
    text-decoration: none;
    color: #E77D00;
}
a:visited
{

	text-decoration : none;
	color : #E77D00;
} 
a:active 
{

	text-decoration : none;
	color : #E77D00;
}
a:hover 
{

	text-decoration : none;
	color : #0079C8;
}


.MainOuterDiv {
    width: 100%;
    min-width:1040px;
}

.MainInnerDiv
{
    width: 1040px;
}

.Width100Percent {
    width:100%;
}

.PositionRelative {
    position:relative;
}

.PositionAbsolute {
    position:absolute;
}

.DisplayInlineBlock {
    display: inline-block;
}

.Width10 {
    width:10px;
}

.Width20 {
    width:20px;
}

.Width100 {
    width:100px;
}

.Height10 {
    height:10px;
}

.Height20 {
    height:20px;
}


.MenuDiv {
    text-align:right;
    width:100%;
    position:relative;
    z-index:1;

	
}

 
.TopHeaderBar {
	position:absolute;
	width:100%;
	z-index:10;
	min-width:1100px;
}

.MainContent {
    min-height:400px;
    width:100%;
    background-color: #ffffff;
    text-align:center;
    min-width:1100px;
}


.AppointmentButton a:link, .AppointmentButton a:visited, .AppointmentButton a:active
{
    margin: 0px 0px 0px 0px;
    background-position: 0px 0px;
    display: block;

    width: 217px;
    height: 113px;
    padding: 18px 0px 0px 0px;

    font-family: 'Cardo', serif;
    font-size:17px;
    color: #ffffff;

    background: url("images/AppointmentButton.png") 0 0 no-repeat;
    text-decoration: none;
}

.AppointmentButton a:hover 
{          
    background-position: 0px -131px;
}

.TopHeaderBar .container{
    position:relative;
	width:100%;
	padding-right:0px;
	   background: url("images/whitetransparent.png") 0 0 repeat;
	z-index:10;

}
.floating-header-buttons{
    text-align:right;
    position:relative;
    z-index:1;
	padding-right:30px;

	
}
.floating-header-buttons a{
    display:inline-block;
    color:#fff;
    padding:10px 15px;
    font-size:14px;
    line-height:19px;
}
.floating-header-buttons a span{
    text-transform: uppercase;
}
a.clipboard{background:#424242;}
a.clipboard:hover{background:#333;}
a.form{background:#5f5f5f;}
a.form:hover{background:#3f3f3f;}
a.computer{background:#396d8d;}
a.computer:hover{background:#2a5168;}

a.billpay{background:#E87A00;}
a.billpay:hover{background:#be6706;}


a.videos{background:#B52D2D;}
a.videos:hover{background:#e23e3e;}



a.vsp{background:#00ADEF;}
a.vsp:hover{background:#058fc3;}



a span.clipboard-icon:before{
    content: " ";
    display: inline-block;
    width: 12px;
    height: 18px;
    background-image: url(images/clipboard-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}
a span.form-icon:before{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 19px;
    background-image: url(images/form-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}
a span.computer-icon:before{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(images/computer-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}



a span.paybill-icon:before{
    content: " ";
    display: inline-block;
    width: 22px;
    height: 18px;
    background-image: url(images/paybill.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}




a span.videos-icon:before{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(images/videos.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}



a span.appointment-icon:before{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(images/appointment-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}



a span.vsp-icon:before{
    content: " ";
    display: inline-block;
    width: 12px;
    height: 18px;
    background-image: url(images/clipboard-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-bottom: -3px;
    margin-right:12px;
}









.TopHeaderBar .container .row{
    margin-top:20px;

}
.TopHeaderBar .logo{
    display: block;
    position:relative;
	width:270px;
	
	z-index:10;
	margin-left:-15px;
	padding-top:-10px;
}
.TopHeaderBar h1{
    font-weight:400;
    font-style:italic;
    font-size:32px;
    margin:0px;
    padding:0px;
    padding-right:7px;
    color:#396E8E;
	
}
.TopHeaderBar h1 .phone{
    
    color:#000000;
}
.TopHeaderBar h2{
    font-weight:700;
    font-size:40px;
    margin:10px 0px 0px 0px;
    padding:0px;
}

/* navigation */
#qm0 a.qmparentbar{display:none;}
#qm0 >a {
    line-height:38px;
    width:auto;
    padding:10px;
}

/* social media and search bar */
.search-and-social{
    background:#7928CA;
}
.search-and-social .col-6{
    width:50%;
    margin:0px;
}
.search-and-social .col-6 + .col-6{
    background:#5f5f5f;
}
.search-input{
    height:60px;
    position:relative;
    width:auto;
    float:left;
}
.search-input:before{
    content: " ";
    display: inline-block;
    width: 22px;
    height: 60px;
    background-image: url(images/search-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position:absolute;
    top:0px;
    left:15px;
}
.search-input:after{
    content: " ";
    display: inline-block;
    width: 18px;
    height: 60px;
    background-image: url(images/search-button-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position:absolute;
    top:0px;
    right:-20px;
}
.search-and-social input{
    background:#5f5f5f;
    padding:10px 10px 10px 50px;
    font-size:25px;
    color:#fff;
    border:0px;
    display:block;
    height:60px;
    box-sizing:border-box;
    float:left;
    width:100%;
    font-style:italic;
    font-family: 'Cardo', Arial;
    max-width:300px;
}
.search-and-social input::placeholder{
    color:#f1f1f1;
}
.search-and-social .social-media-container{
    display:block;
    height:60px;
    width:60px;
    float:right;
}
.social-media-container a{
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    box-sizing:border-box;
    padding-top:15px;
}
.twitter{
    background:#00bfec;
}
.facebook{
    background:#396d8d;
}
.gplus{
    background:#DC4A38;
}
.instagram{
    background:#000;
}
.yelp{
    background:#d32323;
}

.youtube{
    background:#bf2c29;
}



/* Link boxes */
.col-3.link-box{
    margin:0px;
    width:25%;
    overflow:hidden;
    position:relative;
   
}
.link-box img{
    width:100%;
}
.col-3.link-box:hover a{
    background:#333;
}
.col-3.link-box.blue:hover a{
    background:rgba(40,91,121,1);
}
.link-box a{
    position:absolute;
    bottom:0px;
    padding:0px;
	padding-top:20px;
	padding-bottom:20px;
    box-sizing:border-box;
    width:100%;
    background:rgba(0,0,0,.6);
    color:#fff;
    font-size:14px;
    transition:.2s ease-in-out all;
}
.link-box.blue a{
    background:rgba(40, 91, 121, 0.8);
}
.link-box a span{
    text-transform:uppercase;
    display:block;
}
.link-box a span+span{
    text-transform:none;
}

/* Review Area */
.review-online a{
    color:#fff;
}
.review-online a img{
    padding-left:20px;
    margin-bottom:-2px;
}
.review-online, .callout{
    background:#396d8d;
    color:#fff;
    font-size:23px;
    font-weight:400;
    padding:20px;
    text-transform:uppercase;
    box-sizing:border-box;
}




 .callout2{
    background:#7928CA;
    color:#fff;
    font-size:23px;
    font-weight:400;
    padding:20px;
    text-transform:uppercase;
    box-sizing:border-box;
}




/* Location box */
.locations{
    background:url("/App_Themes/Theme1/Images/map.jpg") center center no-repeat;
    background-size:cover;
    min-height:400px;
}
.locations span{
    display:block;
    margin-top:80px;
    font-size:24px;
    color:#fff;
    text-transform:uppercase;
    
}
.locations select{
    padding:20px;
    font-size:20px;
    width:60%;
    color:#666;
    text-transform:uppercase;
    margin-top:10px;
    max-width:500px;
}



.MainOuterTableFooter
{
    color: #FFFFFF;
    min-width:1100px;  
}


  

.MainOuterTableFooter
{
    color: #FFFFFF;    
}

    
    
}
.locations select{
    padding:20px;
    font-size:20px;
    width:60%;
    color:#666;
    text-transform:uppercase;
    margin-top:10px;
    max-width:500px;
}

/* Overlay Boxes */
.overlay-boxes{
    height:400px;
}
.overlay-boxes .col-6{
    margin:0px;
    padding:0px;
    width:50%;
    height:100%;
}
.overlay-boxes h3{
    font-size:35px;
    font-style:italic;
    margin-top:85px;
    color:#396d8d;
}
.overlay-boxes p{
    font-size:20px;
    line-height:28px;
    padding:0px 40px;
}
.overlay-boxes .cta{
    padding:10px;
    font-size:16px;
    color:#fff;
    background:#396d8d;
    margin-top:15px;
    display:inline-block;
    width:auto;
}
.overlay-box{
    background-position:50% 50%;
    background-size:cover;
    height:50%;
}
.overlay-box a img{
    display:block;
    position:absolute;
    width:87px;
    height:87px;
    top:55px;
    right:-43px;
}
.meet-our-doctors{
    background-image:url("/App_Themes/Theme1/Images/overlay-box-1.jpg");
}
.meet-our-doctors a{
    padding-top:30px;
    background:rgba(0,0,0,.7);   
}
.meet-our-doctors:hover a{
    background:#333;
}
.call-us-today{
  
    background-image:url("/App_Themes/Theme1/Images/overlay-box-2.jpg");
}
.call-us-today a{
    padding-top:30px;
    background:rgba(40, 91, 121, 0.8);
}
.call-us-today:hover a{
    background:rgba(40,91,121,1);
}
.insurance-faq{
    background-image:url("/App_Themes/Theme1/Images/overlay-box-4.jpg");
}
.insurance-faq a{
    background:rgba(0,0,0,.7);
    margin-left:50%;
    padding-left:40px;
}
.insurance-faq a img, .dry-eye-faq a img{
    left:-43px;
}
.insurance-faq:hover a{
    background:#333;
}
.dry-eye-faq{
    background-image:url("/App_Themes/Theme1/Images/overlay-box-3.jpg");
}
.dry-eye-faq a{
    background:rgba(40, 91, 121, 0.8);
    margin-left:50%;
    padding-left:40px;
}
.dry-eye-faq:hover a{
    background:rgba(40,91,121,1);
}
.overlay-box a{
    display:block;
    width:50%;
    height:100%;
    color:#fff;
    text-align:left;
    box-sizing:border-box;
    position:relative;
    transition:.2s ease-in-out all;
}
.overlay-box a span{
    font-size:24px;
    text-transform: uppercase;
    padding:20px 20px 10px 20px;
    box-sizing:border-box;
    display:block;
}
.overlay-box a span+span{
    font-size:15px;
    padding-top:0px;
}


/* Photo banner */
.col-12.photo{
    margin:0px;
    padding:0px;
    width:100%;
    background:url("/App_Themes/Theme1/Images/photo-banner.png") center center no-repeat;
    background-size:cover;
    height:400px;
}

/* Footer */
.MainOuterTableFooter .col-7{
    border-left:1px solid #396E8E;
    padding-left:20px;
}
.MainOuterTableFooter h4{
    font-size:25px;
    font-weight:700;
    margin:10px 0px 0px 0px;
}
.MainOuterTableFooter p{
    font-size:16px;
}

.content-wrapper{
    padding:40px 0px;
}


.homePara1{
    background-image: url("/App_Themes/Theme1/Images/para1.jpg");
	
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	height: 400px;
}

.homePara2{
    background-image: url("/App_Themes/Theme1/Images/para2.jpg");
	
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	height: 400px;
}

.homePara3{
    background-image: url("/App_Themes/Theme1/Images/para3.jpg");
	
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	background-size: cover;
	height: 400px;
}


.commonvisionproblems-container{
    display:block;
    height:60px;
    width:356px;
    float:right;z-index:99999;
}
.commonvisionproblems-container a{
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    box-sizing:border-box;
    padding-top:14px;z-index:99999;
}





.commonvisionproblems{
    background:#817d7d;
}


.commonvisionproblems:link, .commonvisionproblems:visited, .commonvisionproblems:active
{
    color: #fff;
    text-decoration: none;
     font-size:11pt;
}


.commonvisionproblems:hover
{
    color: #000;
}











.eyeconditionsfrontpage:link, .eyeconditionsfrontpage:visited, .eyeconditionsfrontpage:active
{
    color: #fff;
    text-decoration: none;
     font-size:11pt;
}


.eyeconditionsfrontpage:hover
{
    color: #000;
}


/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	html {    
		overflow: hidden;
	}
	body {    
		overflow: auto;
	}

}

/* Edge CSS */
@supports (-ms-ime-align:auto) { 
	html {    
		overflow: hidden;
	}
	body {    
		overflow: auto;
	}

}