/*
Theme Name: DiviFresh
Theme URI: http://www.aecillinois.com
Version: 1
Description: MME Modification to Divi
Author: MME Chicago Design Stuidos LLC
Template: Divi
Author URI: http://m2echicago.com*/

@import url(../Divi/style.css);

h1, h2, h3, h4, h5, h6 {font-family: 'Cantata One', Bitter, Georgia, serif}
body.custom-background {
    background-image: repeating-linear-gradient(-45deg, transparent -2px, transparent 13px, rgba(0, 0, 0, 0) 21px, rgba(160, 160, 160, 0.12) 22px), repeating-linear-gradient(45deg, transparent -1px, transparent 17px, rgba(0, 0, 0, 0) 20px, rgba(231, 231, 231, 0.53) 21px), repeating-linear-gradient(45deg, rgba(247, 247, 247, 0.31) 0px, rgba(236, 236, 236, 0.37) 100px, rgba(230, 230, 230, 0.28) 100px, rgba(0, 0, 0, 0.02) 200px ),repeating-linear-gradient(-45deg, rgb(255, 255, 255) 0px, rgba(0, 0, 0, 0) 1px);
   	background-color: #fff;
}
/*body.custom-background {background: linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%);}
*/

div.img-height {margin-bottom: 4%}
#section-logo {padding: 0px;min-height: 100px}
#section-logo .et_pb_row {padding: 25px 0 25px 0}
#section-logo .et_pb_text {margin-bottom: 0px;min-height: 25px}
#main-footer > div.container {display: none;}
.et_fixed_nav.et_boxed_layout #page-container #main-header {padding-top: 5px;}
#phonenumbers h2 {font-size: 26px;}
/**Featured Slider Modifications**/
.et_pb_slider {background: transparent!important}
.et_pb_slider et_pb_slider_parallax {background: transparent}
.et_pb_slide_image {top: inherit}
.et_pb_slide_image img {max-height: 530px}
.et_pb_media_alignment_center .et_pb_slide_image {top: 60%}
.et_pb_slide_description {padding-bottom: 198px!important;padding-top: 165px}
.et_pb_slide_description h2 {font-weight: 100;font-size: 46px;margin-bottom: 1%}
.et_pb_slide_descriptoin p, span#sftitle1, span#sftitle2, span#sftitle3 {	line-height: 42px}
#sec-slider.et_pb_section .et_pb_slids .et_pb_slide {min-height: 400px;}
#MastHead .phone {color: #119DD2;font-size: 34px;font-weight: 700;}
.et_pb_inner_shadow {-webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.81);-moz-box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.81);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.81);}
#top-menu li, .fullwidth-menu li {font-size: 21px;}
#top-menu li li a { padding: 6px 17px; width: 200px; line-height: 1em;}
#footer-widgets .footer-widget li a {color: #fff;text-decoration: none;}
.footer-widget h4 {color: #fff!important;}
.page-id-55 .mobile_menu_bar:before {content: "\61";font-size: 32px;left: 0;position: relative;top: 0;}
.et_pb_fullwidth_menu .mobile_menu_bar:before {top: 17px;}
.page-id-55 #et-social-icons {display: none;}
footer-widgets .footer-widget li {padding: 0 0 0px 14px;position: relative;}
.et_pb_widget ul li {margin-bottom: 4px;}
p.street {font-size: 16px;margin: 0px 0px 5px 0px;padding: 0px;line-height: 14px;}
ul#et-social-icons {display:none;}
a.standout {background-color: #16345c;font-color: #fff;color: #fff;padding: 2px 5px 2px 5px;border-radius: 5px;font-weight: 600;
box-shadow: 1px 1px 3px #333;}
a.standout:hover {color: #16345c; background-color: #fff;}

.page-id-899 .mejs-container {background: #fff;}
#mvideo .wp-video {margin: 0 auto;}
#mvideo .mejs-container, .mejs-embed, .mejs-embed body {background: #16345c;}
#mvideo .mejs-container .mejs-controls {background: ##16345c!important;}
#contact-container {width: 94%;padding: 3%;min-height: 121px;}
#contact-container .img {width: 28%; float: left; margin-right: 2%; display: inline-block;}
#contact-container .content {position:relative; width: 100%;}
#contact-container .content p.contact, #contact-container .content p.contact2 {position: relative;} 
#contact-container .content p.contact {font-size: 2.0em;}
#contact-container .content p.contact2 {font-size: 1.5em;}
#contact-container .content strong {}
.dblue {background-color: #16345C;}
.white {color: #fff;}
.page-id-880 #h-tabs {min-height: 345px; display: inline-block;}
#hours-bg {width: 74%;margin-top: 15px;padding: 4%;background-color: #e8e8e8;}
#hours-bg p {
    line-height: inherit;
    color: #16345C!important;
    padding-bottom: 0px;
}

#post-55 > div > div.et_pb_section.et_pb_section_4.et_pb_with_background.et_section_regular > div {width: 100%;}

.et_pb_widget li a:hover {color: #2ea3f2!important;}

/*********Custom Styles***********/

/*OLD*/
.tel {width: auto;padding: 5px;	border-radius: 7px;	-moz-border-radius: 7px;	-webkit-border-radius: 7px;	display: inline-block;	position: relative;	color: #fff;font-size: 16px;clear: both;	margin-left: auto;margin-right: auto;	background: -moz-linear-gradient(top, rgba(142,45,28,0) 0, rgba(142,45,28,1) 4%, rgba(142,45,28,1) 9%, rgba(142,45,28,1) 20%, rgba(196,10,10,1) 50%, rgba(142,45,28,1) 80%, rgba(142,45,28,1) 95%, rgba(142,45,28,.8) 98%, rgba(142,45,28,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(142,45,28,0)), color-stop(4%, rgba(142,45,28,1)), color-stop(9%, rgba(142,45,28,1)), color-stop(20%, rgba(142,45,28,1)), color-stop(50%, rgba(196,10,10,1)), color-stop(80%, rgba(142,45,28,1)), color-stop(95%, rgba(142,45,28,1)), color-stop(98%, rgba(142,45,28,.8)), color-stop(100%, rgba(142,45,28,0)));	background: -webkit-linear-gradient(top, rgba(142,45,28,0) 0, rgba(142,45,28,1) 4%, rgba(142,45,28,1) 9%, rgba(142,45,28,1) 20%, rgba(196,10,10,1) 50%, rgba(142,45,28,1) 80%, rgba(142,45,28,1) 95%, rgba(142,45,28,.8) 98%, rgba(142,45,28,0) 100%);	background: -o-linear-gradient(top, rgba(142,45,28,0) 0, rgba(142,45,28,1) 4%, rgba(142,45,28,1) 9%, rgba(142,45,28,1) 20%, rgba(196,10,10,1) 50%, rgba(142,45,28,1) 80%, rgba(142,45,28,1) 95%, rgba(142,45,28,.8) 98%, rgba(142,45,28,0) 100%);	background: -ms-linear-gradient(top, rgba(142,45,28,0) 0, rgba(142,45,28,1) 4%, rgba(142,45,28,1) 9%, rgba(142,45,28,1) 20%, rgba(196,10,10,1) 50%, rgba(142,45,28,1) 80%, rgba(142,45,28,1) 95%, rgba(142,45,28,.8) 98%, rgba(142,45,28,0) 100%);	background: linear-gradient(to bottom, rgba(142,45,28,0) 0, rgba(142,45,28,1) 4%, rgba(142,45,28,1) 9%, rgba(142,45,28,1) 20%, rgba(196,10,10,1) 50%, rgba(142,45,28,1) 80%, rgba(142,45,28,1) 95%, rgba(142,45,28,.8) 98%, rgba(142,45,28,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008e2d1c', endColorstr='#008e2d1c', GradientType=0)}
.tel a {color: #fff}
.post-thumbnail, .single-thumbnail {height: auto;max-width: 100%;padding: 0;	margin-left: 54px;margin-top: 24px;	z-index: 2}
.single-thumbnail span.post-overlay {z-index: 3}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  

/*NEW*/
#sftitle1, #sftitle2, #sftitle3 {clear: both;float: none}
#sftitle1, #anticipate #sftitle1 {font-size: 90px;color: #fff!important;text-shadow: 2px 2px 4px rgba(0, 214, 255, 0.61), -2px -2px 3px rgba(60, 182, 250, 0.57), 0px 0px 29px #FFF, 0px 0px 3px rgba(0, 0, 0, 0.66);}
#sftitle2, #anticipate #sftitle2 {font-size: 35px;color: #f60}
#sftitle3, #anticipate #sftitle3 {font-size: 25px;color: #999}
#sftitle-fade h1#sftitle1, #sftitle-fade h3#sftitle2 {color: #000!important; font-color:#333!important;}
#sftitle-fade {/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 14%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 84%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(14%,rgba(255,255,255,0.5)), color-stop(50%,rgba(255,255,255,1)), color-stop(84%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 14%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 84%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 14%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 84%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 14%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 84%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 14%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 84%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
padding: 10px;}
h1#text1 {font-size: 64px;color: #333;line-height: 1.2em;text-shadow: 1px 1px 0 #FFFEFF, 4px 3px 4px rgba(184, 187, 189, 63.61);margin-top: -53px}

#mbox {outline: dashed 2px; background-color: #fff; padding: 17px;border-radius: 20px; box-shadow: 0px 0px 11px #999; padding: 1em;}
#mbox h1 {margin-bottom: 8px}
#mbox h2 {margin-bottom: 15px;}
#mbox p:first-child:first-letter {font-size: 24px}

#testimonial-section {.et_pb_text: 0px;}
#contact-section {padding-bottom: 0px;}
#cred-section {padding: 0px;min-height: 100px}
#cred-section .et_pb_row {padding: 0px;}
.et_pb_widget {margin-bottom: 10px!important}
img#hoimage {margin-top: -17px;}
#text-hours {text-align: center;}

#hours {text-align: center;}
#hours ul.office-hours {color: #17345c;text-align: center;display: inline-table;padding-bottom: 0px;font-size: 1.6em;padding-left: 0px;}
#hours ul.office-hours li {list-style: none;display: inline;float: left;margin: 0 5px 0 0;}
#hours ul.office-hours li:after {content: "||";	margin: 0 0 0 5px;color: #333;}
#hours ul.office-hours li:first-child {color: #333}
#hours ul.office-hours li:last-child:after {content: "";}
#hours ul.office-hours li b.blue {font-weight: 700; color:#1E6FFD; }

#sec-brands {padding: 0px; margin: 0px}
#text-brands {width: 100%; height: 59px; background: url(../../../img/optical-brands-slider.png); background-size: cover}
div#mbox-home {padding: 20px;height: inherit;width: 85%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;background-color: rgba(255,255,255,0.97);border: 7px solid rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px;-webkit-box-shadow: inset 0px 0px 8px;-moz-box-shadow: inset 0px 0px 8px;}

div#mbox-main {padding: 20px;height: inherit;width: 95%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;background-color: rgba(255,255,255,0.97);border: 7px solid rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px;-webkit-box-shadow: inset 0px 0px 8px;-moz-box-shadow: inset 0px 0px 8px;margin: 0 auto;}

/*.et_pb_accordion .et_pb_toggle{padding: 20px;height: inherit;width: 95%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;background-color: rgba(255,255,255,0.97);border: 7px solid rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px;-webkit-box-shadow: inset 0px 0px 8px;-moz-box-shadow: inset 0px 0px 8px;margin: 0 auto; margin-bottom 10px;}

.et_pb_accordion .et_pb_toggle {padding: 20px;height: inherit;width: 95%;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;background-color: rgba(255,255,255,0.97);border: 7px solid rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px;-webkit-box-shadow: inset 0px 0px 8px;-moz-box-shadow: inset 0px 0px 8px;margin: 0 auto; margin-bottom: 10px;}*/

div#mbox-logo {padding: 20px;height: inherit;border-radius: 20px;
-webkit-border-radius: 20px;-moz-border-radius: 20px;background-color: rgba(255,255,255,0.97);border: 7px solid rgba(0,0,0,0.1);box-shadow: inset 0px 0px 8px;-webkit-box-shadow: inset 0px 0px 8px;-moz-box-shadow: inset 0px 0px 8px;margin-bottom: 5px;}
#mbox-logo.mlogo.mnoborder {padding: 0px 10px 0px 10px!important}
#mbox-logo.mlogo h1.logo {font-family: Arial, Helvetica, sans-serif; margin-top: 7px; font-weight: 300; text-align: center}
#mbox-logo.mlogo p {font-size: 1.7em; color: #333; text-align: center}
div#mbox-logo h1 {text-align: center;font-weight: 900;text-shadow: 0px 0px 12px #fff;}
#mbox-btn {width: 100%;height: auto;border-radius: 10px;-moz-border-radius: 10px;
-o-border-radius: 10px;-webkit-border-radius: 10px;display: inherit;margin-top: 15px;background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border: 3px solid rgba(0,0,0,0.5);box-shadow: 0px 0px 16px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.4);font-variant: small-caps;font-weight: 600;
font-family: 'Arial', sans-serif;}
#mbox-btn:hover {box-shadow: 0px 0px 16px rgba(25,98,252,0.78);-webkit-box-shadow: 0px 0px 16px rgba(25,98,252,0.78);
-moz-box-shadow: 0px 0px 16px rgba(25,98,252,0.78);border: 3px solid 0px 0px 16px rgba(25,98,252,0.78);}
div#mbox-btn a {font-size: 2em;	color: #0003C6;}
div#mbox-home h1 {text-align: center;margin-bottom: 15px;font-weight: 900;text-shadow: 0px 0px 12px #fff}
#m80{width: 100%}
#toggle-one.et_pb_toggle {border: 3px solid #1E6FFD;border-bottom: 1px solid #1E6FFD;margin-bottom: 0px;}
#et_search-icon:before {top: -13px;}

#sec-map, #sec-map .et_pb_row, #sec-map .et_pb_row .et_pb_column, #sec-map .et_pb_row .et_pb_column .et_pb_text, #sec-map .et_pb_row .et_pb_column .et_pb_text img {margin: 0px;padding: 0px;width: 100%;margin-bottom: -3px;}
#sec-home .et_pb_row:first-of-type {text-align: center;margin: 0 auto;width: 73%;margin-top: 0px;padding-top: 0px; margin-top: -10px;}
#sec-home .et_pb_row .et_pb_column:first-of-type, ul.et_pb_social_media_follow{margin: 0px; padding: 0px;}

#sec-home.et_pb_section #sec-fwslider.et_pb_slider {margin: 0px; padding: 0px; height:200px; min-height:200px;}
#sec-home.et_pb_section #sec-fwslider.et_pb_slider .et_pb_slide .et_pb_container div.et_pb_slide_description, #sec-home.et_pb_section #sec-fwslider.et_pb_slider .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content {margin: 0px; padding: 0px;}

#h-tabs2 {background: #fff;outline: solid 11px;outline-color: #16345C;outline-offset: -10px;border-color: #336699;background: #ddd;border-radius: 4px;padding: 2em .5em;color: rgba(0,0,0, .8);text-shadow: 0 1px 0 #fff;margin: 0px auto;box-shadow: inset 0px 0px 54px #fff;}

#h-tabs {background: #fff;outline: solid 11px;outline-color: #16345C;outline-offset: -10px;border-color: #336699;background: #ddd;border-radius: 4px;padding: 2em 1.5em;color: rgba(0,0,0, .8);text-shadow: 0 1px 0 #fff;margin: 0px auto;box-shadow: inset 0px 0px 54px #fff;}

/*#h-tabs:before, #h-tabs:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}*/

#h-tabs .doctor {width: 40%;}
#h-tabs .doctor-content {
    /*padding-left: 36%;*/
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#h-tabs:after{ -webkit-transform: rotate(8deg);  -moz-transform: rotate(8deg);  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);  transform: rotate(8deg);  right: 10px;  left: auto;}
#h-tabs div#share {text-align: center;}
#h-tabs ul.shareaholic-share-buttons {margin: 0px!important; padding:0px!important;}
.et-tabs-container {margin: 0px!important;padding: 0px;}
#bubbles.et_pb_section .et_pb_row .et_pb_column, #bubbles.et_pb_section .et_pb_row, #bubbles.et_pb_section {margin: 0px;padding: 0px;width: 100%; padding-top: 10px;}
.shareaholic-share-buttons-container.badge-counter li.shareaholic-share-button.has-shares .share-button-counter {top: -1px!important;}
p.title-2 {padding: 10px; font-size: 16px; font-weight: 600;}
p.break{line-height: 2px; margin-bottom: 3px; color: #fff;}
p.break a.map{color: #0099ff; font-weight: 600; font-shadow: 1px 1px 2px #fff;}
h1.background {
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    padding: 10px;
    color: #17345c;
}
 
 h1.background.blue {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14345c+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(20,52,92,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(20,52,92,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(20,52,92,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14345c', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
text-color: #fff; color: #fff;}
h1.background.middle {
    background: -moz-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.45) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.45) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.45) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255) 50%,rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ffffff', endColorstr='#73ffffff',GradientType=1 );
font-color: #17345c;
color: #17345c;
}

/********** Small Icons ********/
#small-optomatrist-icons {width: 55px; height: 55px; position: relative; float: left; clear: both; display: block;  background-image: url(../../../img/univeristy-eye-institute-icons.png);}

#small-optomatrist-icons.one:hover,#small-optomatrist-icons.two:hover, #small-optomatrist-icons.three:hover  {opacity: .8; filter:alpha(opacity=80);}
#small-optomatrist-icons.one a img:hover, #small-optomatrist-icons.two a img:hover, #small-optomatrist-icons.three a img:hover {z-index: -2;}
#small-optomatrist-icons.one{background-position: -3px -4px;}
#small-optomatrist-icons.two{background-position: -3px -64px;}
#small-optomatrist-icons.three{background-position: -3px -122px;}
#small-optomatrist-icons.four{background-position: -3px 60px;}
#info {position: relative;float: left;display: inline-block;font-size: 22px;margin-top: 13px;margin-left: 8px;}
.addthis_toolbox addthis_default_style addthis_32x32_style {display: block; clear: both; position: relative;}
#small-optomatrist-icons.one a.none, #small-optomatrist-icons.two a.none, #small-optomatrist-icons.three a.none {display: none;}

p.p1 {padding-right: 5px; padding-left: 5px;}

#appointment h5.et_pb_toggle_title {text-align: center!important; font-size: 28px!important; } 
#appointment.et_pb_toggle_close, #appointment.et_pb_toggle_open  {background: background: #f9fcf7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #f9fcf7 0%, #f5f9f0 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0));
background: -webkit-radial-gradient(center, ellipse cover, #f9fcf7 0%,#f5f9f0 100%);
background: -o-radial-gradient(center, ellipse cover, #f9fcf7 0%,#f5f9f0 100%);
background: -ms-radial-gradient(center, ellipse cover, #f9fcf7 0%,#f5f9f0 100%);
background: radial-gradient(ellipse at center, #f9fcf7 0%,#f5f9f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 );outline: dashed 2px;outline-offset: -10px; width:97%;}
#appointment .et_pb_toggle_title:before {top: 7px;}

#appointment.et_pb_toggle_close.blue {
  background: #16345c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #16345c 0%, #0e305b 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#16345c), color-stop(100%,#0e305b));
  background: -webkit-radial-gradient(center, ellipse cover, #16345c 0%,#0e305b 100%);
  background: -o-radial-gradient(center, ellipse cover, #16345c 0%,#0e305b 100%);
  background: -ms-radial-gradient(center, ellipse cover, #16345c 0%,#0e305b 100%);
  background: radial-gradient(ellipse at center, #16345c 0%,#0e305b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16345c', endColorstr='#0e305b',GradientType=1 );
  outline-offset: -10px;
  width: 97%;
  outline-color: #fff;
}
#appointment.blue h5.et_pb_toggle_title {color: #fff;}
#et-top-navigation {margin-bottom: 14px;}

#footer-widgets .footer-widget li {padding: 0 0 0px 14px;position: relative;}
#footer-widgets .footer-widget li b {color: #fff;}

/********** Hours ********/
ul#hours {list-style-type: none!important;}
ul#hours li {list-style-type: none;}
ul#hours li b {
font-size: 16px;
font-weight: 100;
margin-right: 8px;
color: #16345c;
font-family: monospace;
}
ul#hours li span.hours {
font-size: 16px;
font-weight: 500;
margin-right: 8px;
}

/*******Service Section Padding********/
#sec-txt, #sec-txt .et_pb_row, #sec-txt .et_pb_column {padding: 0px}
#sec-txt .et_pb_text {margin-bottom: 0px;padding-top: 4px}
.ch-img-1 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif)}
.ch-img-2 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif);background-position: -230px}
.ch-img-3 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif);background-position: -455px}
.ch-img-4 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif);background-position: -682px}
.ch-img-5 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif);background-position: -905px}
.ch-img-6 {	background-image: url(../../../img/optometry-wheaton-circle-images.gif);background-position: -1125px}

/*******Circle Image Links********/
#mscaling .ch-grid {margin: 0 auto; padding: 0;list-style: none;display: inline-block;	text-align: center;	width: 100%}
.ch-grid:after, .ch-item:before {content: '';display: table}
.ch-grid:after {clear: both;}
.ch-grid li.ch-first {margin-right: 4.8%;}
.ch-grid li.ch-first:last-of-type {margin-right:0%;}
.ch-grid li {width: 220px;height: 220px;display: inline-block;box-shadow: 0px 0px 10px #BEBEBE;z-index: 2;}
.ch-item {width: 100%;height: 100%;border-radius: 0%;overflow: hidden;position: relative;cursor: default;box-shadow: inset 0 0 0 12px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);transition: all 0.4s ease-in-out; z-index: 2;}
.ch-info {position: absolute;background: rgba(63,147,147, 0.94);width: inherit;height: inherit;border-radius: 0%;	overflow: hidden;opacity: 0;transition: all 0.4s ease-in-out;transform: scale(1)}
.ch-info.black{background: rgba(0,0,20, 9.4)}
.ch-info.white{background: rgba(255,255,255, 0.94)}
.ch-info.lblue{background-color: #16345C;}
.ch-info.lblue h3 a, .ch-info.lblue p, .ch-info.lblue a {color: #fff; font-weight: 400; font-family: 'Arial', Open Sans, sans-serif} 
.ch-item h3.mtitle {position: absolute;width: 106%;margin: 0 auto;margin-left: -3%; height: 32px;
    background-color: rgba(255,255,255, 0.90);border: 3px solid rgba(0,0,0,0.4); padding: 2px 0px 0px 0px;
    margin-top: 63%;color: #333;z-index: 1;}
.ch-info h3 {color: #fff;text-transform: uppercase;	letter-spacing: 2px;font-size: 1.3em;	margin: 0 30px;	padding: 40px 0 0 0;height: 110px;font-family: 'Open Sans', Arial, sans-serif;text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3)}
.ch-info h3 a {	color: #fff}
.ch-info p {color: #fff;padding: 10px 5px;font-style: italic;margin: 0 30px;font-size: 12px;border-top: 1px solid rgba(255,255,255,0.5);opacity: 0;transition: all 1s ease-in-out 0.4s;line-height: l.2em}
.ch-info p a {display: block;color: rgba(255,255,255,0.7);font-style: normal;font-weight: 700;	text-transform: uppercase;font-size: 12px;letter-spacing: 1px;padding-top: 4px;font-family: 'Open Sans', Arial, sans-serif}
.ch-info p a:hover {color: rgba(255,242,34, 0.8)}
.ch-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1)}
.ch-item:hover .ch-info {transform: scale(1);opacity: 1; z-index: 3;}
.ch-item:hover .ch-info p {opacity: 1; line-height: 1.5em;}

/**********Contact Forms *********/

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],  body .gform_wrapper .gform_body .gform_fields .gfield select {border-radius: 5px;	-webkit-border-radius: 5px;-moz-border-radius: 5px;font-size: 16px;padding: 5px 0px 4px 2px!important;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],  body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],  body .gform_wrapper .gform_body .gform_fields .gfield select,  body .gform_wrapper .gform_body .gform_fields .gfield textarea {font-size: 16px;border-radius: 5px;	-webkit-border-radius: 5px;-moz-border-radius: 5px;}

body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {list-style-type: none!important;list-style-image: none!important;list-style: none!important;background-image: none!important;background: none!important;padding: 0 !important;margin: 0 !important;	border: none !important}
body #gform_wrapper_1 .gform_footer input[type=image], body #gform_wrapper_1 .gform_footer input[type=submit], body #gform_wrapper_1 .gform_footer  {margin: 0px!important;}

body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {display:none;}

body .gform_wrapper .gform_body .gform_fields #field_1_1.gfield input[type=text],body .gform_wrapper .gform_body .gform_fields #field_1_2.gfield input[type=text] {margin: 0px 0px 5px 0px;} 

.gform_body .gform_fields #field_2_8.gfield select {height: 34px;}
body .gform_wrapper .gform_body .gform_fields #field_3_3.gfield select, body .gform_wrapper .gform_body .gform_fields #field_3_3.gfield select {width: 100%;font-size: 14px;}

/**********Resposive Themeing *********/
@media only screen and (max-width:1100px) and (min-width:981px) {
.et_pb_slide_description {padding-bottom: 135px;padding-top: 135px}
.et_pb_media_alignment_center .et_pb_slide_image {top: 62%}
#sftitle1 {font-size: 21px}
#sftitle2 {	font-size: 28px}
#sftitle3 {font-size: 20px}
#text1 {font-size: 23px}
#section-logo .et_pb_column {padding-bottom: 0px;text-align: center;}
.et-search-form input {width: 280px;padding: 10px 20px;	background-color: rgba(248, 248, 248, 0.68);border: .5px dotted #333;	color: #000;font-weight: 600}
#megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span {font-size: 14px;}
#hours ul.office-hours {font-size: 20px;}
div#mbox-logo {padding: 10px;}div#mbox-logo h1 {text-align: center;margin-bottom: 15px;font-weight: 900;text-shadow: 0px 0px 12px #fff;}
#mbox-logo.mlogo.mnoborder {padding: 0px 10px 0px 10px!important;}
#mbox-logo.mlogo h1.logo {font-weight: 0;}
#mbox-logo.mlogo p {font-size: 1.7em; color: #333; text-align: center;}
#contact-container .content p.contact2 {font-size: 1.5em; margin-top: 0px;}
#mvideo .wp-video {height: 250px;}
#h-tabs .doctor-content {padding-left: 41%;}
.ch-grid li.ch-first { margin-right: -0.2%; margin-left: 4.8%;}
#contact-container { min-height: 136px;}

}
 @media only screen and (min-width:768px) and (max-width:980px) {
.et_pb_slider {height: 350px}
.et_pb_slide_image img {max-height: 530px!important}
.et_pb_slide_description {padding-top: 55px}
.et_pb_media_alignment_center .et_pb_slide_image {top: 50%}
#hometitle h1 {	font-size: 55px}
#hometitle h2 {font-size: 32px}
#section-logo .et_pb_text {text-align: center}
.page-id-1301 #section-logo .et_pb_text {text-align: left; margin:12px;}
#section-logo, #section-logo .et_pb_text {margin-bottom: 0px;padding: 0px}
#section-logo .et_pb_column {padding-bottom: 0px;}
#section-logo .et_pb_column.et_pb_column_1_3 {width: 33%;}
#section-logo .et_pb_column.et_pb_column_1_3 h3 {font-size: 18px;}
#sec-contacts.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_2 {width: 47%;margin-right: 4%;}
#sec-contacts.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_2:last-of-type {margin-right: 0px;}
#sec-contacts.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_2 h1 {font-size: 24px;}
#contact-container .content p.contact {font-size: 1.3em;}
#contact-container .content p.contact2 {font-size: 1.1em;margin-top: -3px;line-height: 1.3em;}
#contact-container { min-height: 136px;}
.et_pb_slide_descriptoin p, span#sftitle1, span#sftitle2, span#sftitle3 {line-height: 24px}
#sftitle1 {font-size: 28px}
#sftitle2 {font-size: 30px}
#sftitle3 {font-size: 18px}
#megaMenu ul.megaMenu li.menu-item > a span, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span {font-size: 12px;}
#mbox {	margin-left: -16px;}
#section-logo .et_pb_text_align_left {text-align: left;}
.accreditation {margin: auto 0px}
ul.accreditation {	padding: 0px;}
#hours ul.office-hours {font-size: 14px;}
div#mbox-logo {margin: 5px;}
#mbox-logo.mlogo h1.logo {font-size: 1.4em;}
#mbox-logo.mlogo p {font-size: 1em;}
.page-id-55.et_header_style_centered .et_mobile_menu {top: 81px!important;}
.et_header_style_centered .mobile_menu_bar {right: 3px;}
.ch-grid li.ch-first {margin-right: 1%;}
.last {margin-right: 0px !important;clear: right;float: left!important;text-align:left;}
#mvideo .wp-video {height: 250px;}
#h-tabs .doctor-content {padding-left: 38%;}
.ch-grid li.ch-first {
    margin-right: -0.2%;
    margin-left: 4.8%;
}
#contact-container { min-height: 171px;}
}
 @media only screen and (min-width:478px) and (max-width:767px) {
.et_pb_slider {min-height: 350px}
.et_pb_slide_description {padding-top: 55px}
.et_pb_media_alignment_center .et_pb_slide_image {top: 60%}
.et_pb_slide_description h2 {font-size: 46px!important}
.et_pb_slide_descriptoin p, span#sftitle1, span#sftitle2, span#sftitle3 {line-height: 42px}
h1#text1 {font-size: 54px}
#section-logo .et_pb_text_align_left {text-align: left;}
#section-logo, #section-logo .et_pb_text {margin-bottom: 0px;padding: 0px}
#section-logo .et_pb_column {padding-bottom: 0px}
#section-logo .et_pb_column.et_pb_column_1_3 {padding-bottom: 20px!important;}
#sftitle1 {font-size: 38px; text-shadow: none;}
#sftitle2 {font-size: 30px}
#sftitle3 {font-size: 28px}
#hours ul.office-hours {font-size: 25px;/* width: 310px; */	line-height: 31px;padding-left: 8%;}
#hours ul.office-hours li:after {content: "";}
www.aecillinois.com/media="all"
#text-brands {height: 136px; background-position: 0px 133px; background-size: initial;}
#small-optomatrist-icons.one.right, #small-optomatrist-icons.two.right, #small-optomatrist-icons.three {margin-right: 15%;}
#sec-home.et_pb_section #sec-fwslider.et_pb_slider {margin: 0px;padding: 0px;height: 170px;min-height: 170px;}
div#mbox-main, .et_pb_accordion .et_pb_toggle {padding: 10px;width: 85%;}
span#et-info-phone {content: normal;color: #fff;font-color: #fff;}
.page-id-55.et_header_style_centered .et_mobile_menu {top: 81px!important;}
.page-id-55.et_header_style_centered .mobile_menu_bar {right: 47%;}
.ch-grid li.ch-first:last-of-type {margin-right: 5%;}
.last {margin-right: 0px !important;clear: right;float: left!important;width: 158px!important;}
#sec-contacts.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_2 h1 {font-size: 24px;}
#contact-container .content p.contact {font-size: 1.3em;}
#contact-container .content p.contact2 {font-size: 1.1em;margin-top: -3px;line-height: 1.3em;}
#contact-container {min-height: 85px;}
#mvideo .wp-video {height: 250px!important;}
#h-tabs .doctor-content {padding-left: 0%;}
p.break a {line-height: 1px; margin-bottom: 2px; color: #fff;}
#contact-container { min-height: 117px;}
body.custom-background {background-color: #fff; background-image: none;}
 }
@media screen and (max-width: 650px){
#callnowbutton {
background-color: url(255,255,255, 0.7);

    /* box-shadow: 0 0 5px #888; */
}
}

@media screen and (max-width: 667px){ #contact-container { min-height: 136px;}
}
 @media only screen and (max-width:479px) {
.et_header_style_centered header#main-header .logo_container {display: none;}
#post-55 > div > div.et_pb_section.et_pb_section_parallax.et_pb_section_2.et_section_regular.et_section_transparent > div.et_pb_row.et_pb_row_0 {padding: 0px;}
#mscaling {margin: auto 11%;}
.ch-grid li.ch-first {margin-bottom: 12%;}
.et_pb_slide_description {padding-top: 35px}
.et_pb_slide_description h2 {font-size: 38px!important;	margin-top: 12px}
.et_pb_media_alignment_center .et_pb_slide_image {top: 68%}
#main-header {padding-bottom: 0px}
#hometitle h1 {	font-size: 25px}
#hometitle h2 {	font-size: 18px}
#sftitle1 {font-size: 32px; text-shadow: none;}
#sftitle2 {font-size: 20px}
#sftitle3 {font-size: 14px}
h1#text1 {font-size: 45px}
.et_pb_text {margin-bottom: 0px}
#hours ul.office-hours li:after {content: "";}
#hours ul.office-hours li:first-child {font-size: 35px; text-align: center;}
#section-logo, #section-logo .et_pb_text {margin-bottom: 0px;padding: 10px}
#section-logo .et_pb_column {padding-bottom: 0px}
#section-logo .et_pb_column.et_pb_column_1_3 {padding-bottom: 20px!important;}
.ch-grid li {margin-right: 0px;	margin-left: -10px}
#mbox {	padding: 0px;border-radius: 0px;border: none;box-shadow: 0px 0px 0px #fff;}
#mbox ul.morange li:before {left: 24px!important;}
www.aecillinois.com/media="all"
#text-brands {height: 139px; background-position: -37px 134px; background-size: initial;}
div#mbox-logo {padding: 5px;}
#h-tabs {width: 100%; margin-bottom: 28px;}
#small-optomatrist-icons.one, #small-optomatrist-icons.two, #small-optomatrist-icons.three  {float: left;display: inline-block; clear: none;}
#small-optomatrist-icons.one.right, #small-optomatrist-icons.two.right {margin-right: 4%;}
#appointment.et_pb_toggle_close, #appointment.et_pb_toggle_open {width: 94%;margin-left: -14px;}
#appointment .et_pb_toggle_title:before {top: 6px;}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {padding: 5px 2px 5px 1px!important;}
#info a{display: none;}
#sec-home.et_pb_section #sec-fwslider.et_pb_slider {margin: 0px;padding: 0px;height: 150px;min-height: 150px;}
#sec-home.et_pb_section #sec-fwslider.et_pb_slider {margin: 0px; padding: 0px; height:150px; min-height:150px;}
div#mbox-main, .et_pb_accordion .et_pb_toggle {padding: 10px;width: 85%;}
span#et-info-phone {content: normal;color: #fff;font-color: #fff;}
.page-id-55.et_header_style_centered .et_mobile_menu {top:67px!important;}
.ch-grid li.ch-first:last-of-type {margin-right: 5%;}
.last {margin-right: 0px !important;clear: right;float: left!important;width: 250px!important;}
#sec-contacts.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_2 h1 {font-size: 20px;}
#contact-container .img {width: 50%;}
#contact-container .content p.contact {font-size: 1em; text-shadow: 0px 0px 0px #000; line-height: 1.1em;}
#contact-container .content p.contact2 {font-size: 1em;margin-top: -3px;line-height: 1em;}
#contact-container {min-height: 70px;}
#mvideo .wp-video {height: 179px!important;}
.page-id-1719 #h-tabs2 {padding: 2em .0em;}
#h-tabs .doctor {width: 211px;margin: 0 auto;}
#h-tabs .doctor-content {padding-left: 0px;}
p.break a {color: #fff}
#hours-bg p {line-height: inherit;}
.et_pb_scroll_top.et-pb-icon {bottom: 99px;}
#phonenumbers h2 {font-size: 15px;}
#section-logo > div.et_pb_row.et_pb_row_0, #section-logo > div.et_pb_row.et_pb_row_1 {margin: 0px; padding: 0px;}
#contact-section {padding: 0px;}
#sec-contacts > div.et_pb_row.et_pb_row_2 {padding: 0px;}
#post-55 > div > div.et_pb_section.et_pb_section_3.et_section_regular > div.et_pb_row.et_pb_row_2, #post-55 > div > div.et_pb_section.et_pb_section_parallax.et_pb_section_2.et_section_regular.et_section_transparent > div.et_pb_row.et_pb_row_1 {padding: 0px; margin: 0px auto;}

#post-55 > div > div.et_pb_section.et_pb_section_3.et_section_regular {padding-top: 15px; padding-bottom: 0px;}

#post-55 > div > div.et_pb_section.et_pb_section_parallax.et_pb_section_2.et_section_regular.et_section_transparent {padding: 0px; margin-bottom: 0px; margin-top: 25px;}

body.custom-background {background-color: #fff; background-image: none;}
}

@media screen and (max-width: 375px){ #contact-container { min-height: 79px;} .et_monarch .et_social_mobile_button:before {margin-left: 27px;!important} .rfwbs_navi {background-color: rgb(255, 255, 255); top: 0px;}
body.custom-background {background-color: #fff; background-image: none;}}
@media screen and (max-width: 320px){ #contact-container { min-height: 89px;}body.custom-background {background-color: #fff; background-image: none;}
}