/*
Theme Name: Monroe Eye Care
Theme URI: http://www.monroeeyecarenj.com/
Author: CWS Team
Author URI: http://www.capacitywebsolutions.com/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*** Reset ** @see http://git.io/normalize * ------------------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,300,700);
@import url(//fonts.googleapis.com/css?family=Raleway:400,600,700,500);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

* { padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

article, aside, details, figcaption, figure, footer, header, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }

html { font-size:62.5%; overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body, button, input, select, textarea { font-weight:400; font-family:"Open Sans", Arial,Tahoma,Helvetica,sans-serif; }

body { color:#404040; line-height:1.8rem; font-size:1.4rem; background:#fff; width:100%; }

a, a:after, a:before, a span, a img, input, i.fa { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
a { color:#b60a0a; text-decoration:none;  }
a:focus { outline:0 none; }
a:hover { color:#000; outline:0; text-decoration:none; }

img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; }

h1, h2, h3, h4, h5, h6 { font-family:'Raleway'; }
h2 { font-size:3rem; font-weight:600; color:#b60a0a; line-height:25px; margin-bottom:15px; }
h3 { font-size:1.375rem; font-weight:600; }
h4 { font-size:2rem; }
h5 { font-size:1.875rem; font-weight:normal; }
h6 { font-size:1.375rem; font-weight:normal; }

b, strong { font-weight:bold; }
p { margin:0 0 1.5rem; }

ul, ol { list-style:none; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-size:100%; margin:0; max-width:100%; vertical-align:baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor:pointer; }
button[disabled], input[disabled] { cursor:default; }

input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow: auto; vertical-align: top; }

table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size:1.4rem; line-height: 2; margin: 0 0 20px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
caption { font-size:1.6rem; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; }


/*** 2.0 Repeatable Patterns *---------------------------------------------------------------------------- */

/* Form fields, general styles first. */
button, input, textarea, select { color:#444; font-family:inherit; padding:5px; border:1px solid #d2d1d1; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; }
input:focus, textarea:focus { color:#222; border:1px solid #b3b2b2; outline:0; }

/* Buttons */
button, input[type="submit"], input[type="button"], input[type="reset"], .button { color:#fff; font:600 18px 'Open Sans';
	display:inline-block; padding:12px 20px; text-decoration:none; text-transform:uppercase; background:#61a001; border-top:2px solid #79ae27; border-bottom:3px solid #000; border-right:0 none;border-left:0 none; border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; }
button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover,
input[type="reset"]:hover { background:#71bb00; }
a.button { text-decoration:none; }
a.button:hover { color:#fff; text-decoration:none; }

.su-button-center a.bigButton { margin-bottom:20px; }
a.bigButton { border:5px solid #fff !important; box-shadow:0px 3px 7px 0 rgba(0,0,0,0.41); }
a.bigButton:hover { box-shadow:0px 3px 9px 0 rgba(0,0,0,0.55); }
a.bigButton.su-button-style-glass span { font-weight:600; border:1px solid rgba(0,0,0,0.30) !important; text-shadow:1px 1px 1px rgba(0,0,0,0.50) !important; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color:#7d7b6d; }
:-moz-placeholder { color:#fff; }
::-moz-placeholder { color:#fff; }
:-ms-input-placeholder { color:#7d7b6d; }

/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video { max-width:100%; }
.entry-content .twitter-tweet-rendered { max-width:100% !important; }

/* Images */
.alignleft, .fl { float:left; }
.alignright, .fr { float:right; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.cl,.clfix:after { clear:both; }
.clfix:after { content:""; display:block; height:0; width:0; overflow:hidden; }

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; }
.clearfix:before, .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

.tar { text-align:right; }
.tac { text-align:center; }

img.alignleft { margin:5px 20px 5px 0; }
.wp-caption.alignleft { margin: 5px 10px 5px 0; }
img.alignright { margin: 5px 0 5px 20px; }
.wp-caption.alignright { margin: 5px 0 5px 10px; }
img.aligncenter { margin: 5px auto; }
img.alignnone { margin:0; }

.wp-caption .wp-caption-text,
.entry-caption, .gallery-caption { color:#220e10; font-size:1.8rem; font-style:italic; font-weight:300; }

img.wp-smiley, .rsswidget img { border:0; border-radius:0; box-shadow:none; margin-bottom:0; margin-top:0; padding:0; }

.wp-caption.alignleft + ul, .wp-caption.alignleft + ol  { list-style-position:inside; }

/*** Site structure * ---------------------------------------------------------------------------- */
.wrapper { max-width:1200px; margin:0 auto; }

#header>.wrapper { padding-top:20px; min-height:140px; }
#header .logo { float:left; margin-right:3%; }
#header .doctor { float:left; padding-left:3%; margin-top:16px; border-left:2px solid #dedede; }
#header .doctor h4 { color:#7e0000; font-weight:700; font-size:2.2rem; font-family:'Raleway'; line-height:2.5rem; }
#header .doctor b { font-size:1.6rem; }

.topRight { float:right; margin:5px 10px 0 0; }
.topRight > li { position:relative; padding-left:30px; }
.topRight .fa { color:#9e9e9e; font-size:3rem; position:absolute; left:0; top:0; }
.topRight .phone { color:#7e0000; font-weight:600; font-size:2.6rem; margin-top:10px; margin-bottom:0; background:none;}
.topRight .phone a { color:#7e0000;}
.topRight .phone a:hover { color:#000;}
.topRight .phone .fa-phone { top:-4px;}

#navbar { background-color:#212121; border-bottom:5px solid #7e0000; }
.togglMenu { display:none;}

.nav-menu { float:left;}
.nav-menu li { font-weight:600; font-family:'Raleway'; display:inline-block; margin:11px 11px 9px 0; position:relative;}
.nav-menu li a { color:#fff; text-decoration:none; font-size:1.6rem; line-height:40px; display:inline-block; padding:0 25px;  text-transform:uppercase; }
.nav-menu li:hover a,
.nav-menu li.current-menu-item a, .nav-menu li.current_page_item a, 
.nav-menu li.current-menu-ancestor a { color:#7e0000; background:#fff; }

.nav-menu li .fa { display:none;}

.nav-menu li ul.sub-menu { display:none; position:absolute; top:100%; min-width:250px; z-index:999; top:40px; background:#fff;
box-shadow:0 3px 3px 1px rgba(0, 0, 0, 0.34); }
.nav-menu li:hover ul.sub-menu  { display:block; }	
.nav-menu .sub-menu li { border-bottom:1px solid #c4c4c4; margin:0; display:block; padding:3px;}
.nav-menu .sub-menu li:last-of-type { border-bottom:none; }
.nav-menu .sub-menu li a { font-family:'Raleway'; font-weight:600; font-size:1.4rem;
 padding:0; color:#000; text-transform:capitalize; line-height:25px; display:block; padding:5px 10px;} 
.nav-menu .sub-menu li:hover a, nav-menu .sub-menu li.current-menu-item a, .nav-menu .sub-menu li.current_page_item a, 
.nav-menu .sub-menu li.current-menu-ancestor a {  color:#fff; background:#7e0000;}


a.hours { background:url(images/clock-icon.png) no-repeat 18px 17px #7e0000; color:#fff; font-family:'Raleway'; font-weight:600;
font-size:1.6rem; float:right; padding:12px 0 12px 61px; width:153px; text-align:left; border-bottom:none;}
a.hours:hover { color:#f2dbbd;}


.iconPoints { background:#ececec; min-height:318px;}
.iconPoints ul { padding-top:30px;}
.iconPoints li { display:block; float:left; width:20%; text-align:center; padding:25px; min-height:258px;}
.iconPoints li a img { margin-bottom:15px; margin-top:10px;}
.iconPoints li a { color:#212121; font-family:'Raleway'; font-weight:700; font-size:2.4rem; line-height:30px; }


.iconPoints li:hover {  background:#fff;  color:#7e0000;}
.iconPoints li:hover a { color:#7e0000;}


.ourServices { clear:both; padding:65px 0; text-align:center; font-family:'Open Sans'; font-weight:400; font-size:1.6rem;  }
.ourServices h3.secTitle { color:#7e0000; font-family:'Raleway'; font-weight:500; font-size:5rem; text-transform:uppercase; text-align:center;
 margin:0 0 30px 0}
 
.servicesSlider { position:relative; margin-top:40px;}
#servicesList { position:relative; overflow:hidden;}
.servicesSlider ul { position:relative; width:2000em;}
.servicesSlider li { display:block; float:left; position:relative; margin-right:20px; border-bottom:2px solid #7e0000; padding-bottom:20px;}
.servicesSlider li img { margin-bottom:15px;}
.servicesSlider li a span { width:80%; display:inline-block; color:#212121; font-family:'Raleway'; font-weight:700; font-size:1.8rem; line-height:20px;}
.servicesSlider li a:hover span{ color:#7e0000; }

.servicesSlider .arw { position:absolute; text-align:center; top:38%; color:#cccccc; font-size:3rem;}
.servicesSlider .arw:hover { color:#7e0000;}
.serv-prev{ left:-40px;}
.serv-next { right:-16px;}

#welcomeSec  { background:url(images/wlcm-bg.jpg) no-repeat top center; min-height:565px;} 
.welcomeText { padding:120px 0 0 0; color:#fff; width:35%; font-family:'Open Sans'; font-size:1.8rem; line-height:28px; float:left;}
.welcomeText h1 { font-family:'Raleway'; font-weight:400; font-size:4.7rem; line-height:55px; margin-bottom:30px; display:inline-block;}
.welcomeText h1 span {  font-family:'Raleway'; font-weight:600; font-size:5rem;  float:left;}
.details { clear:both;}

.video {  float:right; padding-top:75px; width:60%; }
.rwdVideo { width:100%; padding-bottom:56.25%; position:relative; }
.rwdVideo iframe { position:absolute; top:0; left:0; width:100%; height:100% !important; }

.testimonialTeam { background:#fff; min-height:532px;}
.testimonialTeam .wrapper  { padding-top:50px; }
.HomeTestiList { float:left; width:48%;}
.HomeTestiList h3 { background:url(images/testi-icon1.png) no-repeat left top; color:#7e0000; font-family:'Raleway'; 
font-weight:700; font-size:3.5rem; padding-left:60px;  height:53px; padding-top:20px; margin-bottom:20px;}

.myopiaCare{ background:#ececec; padding:40px 0; float:left; width:100%; margin-bottom: 60px; }
.myopiaCare .careVideo h3{ text-align:center;font-family: 'Raleway'; font-weight: 500; font-size: 5rem; color: #7e0000; text-transform: uppercase; padding: 0; margin: 0 0 30px 0; line-height: 50px; }
.myopiaCare .careVideo ul li h6{ display:block; font-family: 'Raleway'; font-weight: 500; font-size: 20px; color: #b60a0a; margin-bottom:8px; }
.myopiaCare .careVideo ul li{ float:left; width:49%; margin-right:2%; }
.myopiaCare .careVideo ul li:last-child{ margin-right:0; }
.myopiaCare .careVideo ul li iframe{ width:100%; display:block; }
.myopiaCare .careVideo p{ float:left;margin-top:20px;font-family: 'Open Sans'; font-weight: 400; font-size: 16px; line-height:25px; }
.myopiaCare .careVideo a{ display:block; float:left; font-size:16px; font-weight:400; background-color:#b60a0a; color:#fff; padding: 10px 15px; transition:1s; }
.myopiaCare .careVideo a:hover{ background-color:#980707; transition:1s; }

ul#testiList {  float:left;  clear:left;} 
#testiList li { background:url(images/test-li.jpg) repeat-x top center; padding:20px 0;  font-family:'Open Sans'; font-weight:400; font-size:1.7rem;}
#testiList li p { font-family:'Open Sans'; color:#212121; font-weight:400; font-style:italic; font-size:1.7rem; }
#testiList h6 { color:#7e0000; font-family:'Open Sans'; font-weight:600; font-size:1.7rem; margin-bottom:5px;}


.TeamBox { float:right; padding:20px; background:#fff; border:solid 2px #fff; box-shadow:0 0 3px 3px #e3e3e3 inset; text-align:center;}
.TeamBox h3 { color:#7e0000; font-family:'Raleway'; font-weight:700; font-size:3rem; text-transform:capitalize; margin:10px 0 20px;}
.TeamBox p { color:#000000; font-family:'Open Sans'; font-weight:400; font-size:1.8rem; margin:10px 0 0 0; }


h3.secTitle { font-family:'Raleway'; font-weight:500; font-size:5rem; color:#7e0000; text-transform:uppercase; text-align:center;
padding:0; margin:60px 0 30px 0; line-height:50px;}

.insurancesLogo { position:relative; margin-bottom:60px;}
#complogos { position:relative; overflow:hidden; }
.insurancesLogo ul { position:relative; width:2000em;}
.insurancesLogo li { display:block; float:left; position:relative;  margin-right:10px; box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);
margin:4px 6px 4px 4px;} 

.insurancesLogo .arw { position:absolute; text-align:center; top:38%; color:#cccccc; font-size:3rem;}
.insurancesLogo .arw:hover { color:#000;}
.insu-prev{ left:-35px;}
.insu-next { right:-35px;}


.footer { clear:both; background:#212121; min-height:348px;}

.fbox { float:left;  margin:35px 0;}
.qlinks { width:22%;}
.qlinks li {  display:block;}
.qlinks li a { font-family:'Open Sans'; font-weight:600; font-size:1.5rem; color:#fff; line-height:24px; text-transform:capitalize;}
.qlinks li a:hover, .copyright a:hover{ color:#d5212b;}

.ftAddress { width:32%; color:#afafaf; font-family:'Open Sans'; font-weight:400; font-size:1.4rem; }
.ftAddress h4, .hours h4, .socials h4 { color:#ffffff; font-family:'Open Sans'; font-weight:600; font-size:1.6rem; text-transform:uppercase; margin-bottom:10px;}
.ftAddress b { font-family:'Open Sans'; font-weight:700; font-size:1.4rem; }

.address { background:url(images/map-icon.jpg) no-repeat 6px 4px; padding-left:30px; margin:15px 0 12px 0; line-height:24px;}
.phone { background:url(images/phone-icon.jpg) no-repeat left -4px; padding-left:30px; height:24px; margin-bottom:6px;}
.email { background:url(images/mail-icon.jpg) no-repeat left top; padding-left:30px; }

.hours { width:28%;}
.hours li { color:#afafaf; font-family:'Open Sans'; font-weight:400; font-size:1.4rem; line-height:23px;}
.hours li span { text-transform:uppercase; margin-right:10px;  float:left; width:60px;}

.hours ul, .socials ul { margin-top:20px;}
.socials li { margin-bottom:10px;}
.socials li a { color:#afafaf; font-family:'Open Sans'; font-weight:400; font-size:1.4rem; }
.socials li a:hover { color:#d5212b;}
.socials li a img { margin-right:10px;}

.copyright { clear:both; border-top:2px solid #333333; padding:25px 0; text-align:center; color:#fff; 
font-family:'Open Sans'; font-weight:400; font-size:1.4rem; }
.copyright a { color:#fff;}


.content-area { min-height:500px; padding:40px 0;}
h1.entry-title, .blogpage .archive-title, .blogpage h1.pageTitle { font-family:'Raleway'; font-weight:600; font-size:3.5rem; color:#db0f0f; margin-bottom:25px; text-transform:capitalize; border-bottom:1px solid #c9c9c9; line-height:35px; padding-bottom:15px;}

.about-practise li:before { line-height:30px; content:"\f0da"; font-family:'FontAwesome'; font-size:1.5rem; margin-right:7px; vertical-align:middle;
 color:#000;}

.eyewear-pics li { display:inline-block; margin-right:18px; margin-bottom:18px;}
.eyewear-pics li:last-of-type { margin-right:0;}


#in-complogos { clear:both;}
#in-complogos li {  display:inline-block; width:14.7%; margin:0 20px 20px 0; border:solid 1px #ddd; text-align:center; padding:10px; vertical-align:middle;}
#in-complogos li img { display:block; text-align:center; margin:0 auto;}

.wpcf7-form p { font-family:'Open Sans'; font-weight:600; font-size:1.5rem;  color:#444;  }
.wpcf7-form input, .wpcf7-form textarea { margin-top:5px; box-shadow:1px 1px 1px 0 #e2e2e2; padding:5px; border:1px solid #d2d1d1; border-radius:3px; width:32%;}
.wpcf7-form input.wpcf7-submit { width:120px;  height:40px; background:#7e0000; color:#fff;  text-align:center; border-radius:5px; border:1px solid #660000;}
.wpcf7-form input.wpcf7-submit:hover { opacity:0.9;}


ul.appoint-form { width:60%;}
ul.appoint-form li  {  padding-bottom:13px; clear:both;}
ul.appoint-form li.form-field {  margin:0; display:inline-block;}
ul.appoint-form li label { font-family:'Open Sans'; font-weight:600; color:#444; }
ul.appoint-form li.form-field .field:first-child { margin-left:0;}
ul.appoint-form li.form-field .field { float:left; width:48.7%; margin-left:2.5%;}
ul.appoint-form li.form-field li label {  display:block; font-weight:700; margin-bottom:3px;}
ul.appoint-form li span.wpcf7-form-control-wrap input, ul.appoint-form li span.wpcf7-form-control-wrap textarea  { width:100%;}  


.blogpage #content { float:left; width:68%; }
.blogpage .entry-header, .blogpage .entry-content, .blogpage .entry-summary, .blogpage .entry-meta { margin:0; padding:0; width:auto; max-width:100%;}
.blogpage .entry-summary a.readMore { color:#de0000; padding:10px 0; float:left; font-size:16px;}
.blogpage .entry-summary a:hover { color:#000000;}
.blogpage .entry-meta { margin:10px 0; line-height:25px; }
.blogpage .entry-meta a { margin-right:10px;}
.blogpage .entry-header .entry-title { padding:10px 0; font-family:'Raleway'; font-weight:600; font-size:2.5rem; text-transform:capitalize; color:#000;}
.blogpage .entry-header .entry-title a { color:#000; display:block;  }
.blogpage .entry-header .entry-title a:hover { color:#de0000; text-decoration:none;}
.blogpage .post { margin:0 0 40px 0; color:#5a5b5c; line-height:21px; padding:20px;  box-shadow:0 0 5px rgba(0, 0, 0, 0.11); }
.blogpage .post p { margin:0 0 10px 0; line-height:21px; color:#5a5b5c;}

.blogpage .entry-content ul { margin:0 0 10px 0; padding:0;}
.blogpage .entry-content ul li { padding:0; }
.blogpage .entry-content ul li:before { content:"\f0da";  font-family:'FontAwesome'; font-size:14px; padding:0 7px 0 0; color:#000;} 

#sideBar { float:right; width:28%; margin-top:0} 
.blogpage .widget-area { margin:0;} 
.blogpage .widget { background: #212121; color:#fff; font:400 14px 'Open Sans'; padding:10px;  border-bottom:7px solid #7e0000; margin-bottom:30px;}
.blogpage .widget_search { padding:25px 10px 15px 10px; }
.blogpage .widget_search input { height:40px; width:83.6%; border-radius:0; border:0; line-height:40px; }
.blogpage .widget_search .button { background:#de0000; border-radius:0; padding:0 14px; height:40px; opacity:0.9; border:0; float:right;}
.blogpage .widget_search .button:hover { opacity:1;}
.blogpage .widget_search .button i { font-size:20px; line-height:0;}
.blogpage .widget-area .widget-title { font-size:2.5rem; font-family:'Raleway'; border-bottom:3px solid #5f5f5f; color:#FFFFFF; text-transform:uppercase; padding:10px 5px; }
.blogpage .widget-area li { border-bottom:1px solid #393939; display:block; padding:10px 0 10px 10px; }
.blogpage .widget-area li:last-of-type { border-bottom:none; }
.blogpage .widget-area a { font:400 14px 'Open Sans'; color:#fff;  text-transform:capitalize; }
.blogpage .widget-area a:hover {  color:#de0000; text-decoration:none;}

.blogpage .archive-header, .blogpage .page-header { background:none;}

.blogpage .page-content { padding:0; margin:0;}
.blogpage .page-content input { border:solid 1px #acacac; height:35px; width:40%;}
.blogpage .page-content .button { background:#de0000; border-radius:0; padding:0 14px; opacity:0.9; border:0; line-height:35px; height:35px;}
.blogpage .post-navigation { margin-top:-30px;}
.blogpage .post-navigation h1.screen-reader-text { font-size:2.5rem; font-family:'Raleway'; color:#000; margin-bottom:10px; line-height:35px; }
.blogpage .post-navigation .nav-links { padding:0; margin:10px 0;}
.blogpage .post-navigation .nav-links a  { color:#de0000; font:400 14px 'Open Sans'; text-transform:capitalize;} 
.blogpage .post-navigation .nav-links a:hover { color:#000;}

.widget_tag_cloud a { margin:0 3px;}

.comments-area { background:#eeeeee; border-top:1px solid #afafaf; padding:30px;}

.comments-area input[type="submit"] { background:#de0000;  border: solid 1px #ac0202;  padding:8px 15px; font:600 14px 'Open Sans'; border-radius:5px;}
.comments-area input[type="submit"]:hover { background:#161616; border:1px solid #000;}

/* Comment form */
.comment-respond { background-color:none; padding:0; }
.comment .comment-respond { clear:both;}
.comment-reply-title, .comment .comment-respond h3#reply-title { font:normal 24px 'Raleway';  text-transform:capitalize; color:#fff; background:#b91313; padding:10px 20px; margin-bottom:20px;}
.comment .comment-respond h3#reply-title a { color:#fff; float:right; font:normal 24px 'Raleway'; text-transform:capitalize;  }

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form { padding: 0; }
.comment-form .comment-notes { margin:15px 0 20px 0px; }
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url { margin-bottom: 8px; }
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] { float: left; padding: 5px 0; width:100px; }
.comment-form .required { color: #ed331c; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"], .comment-form textarea { width:86%; border:solid 1px #cbcbcb; border-radius:3px; }

.form-allowed-tags,
.form-allowed-tags code { color:#595959; font-size: 13px; }
.form-allowed-tags code { font-size: 10px; margin-left: 3px; }
.comment-list .pingback,
.comment-list .trackback { padding-top: 24px; }
.comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; }
.no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; }
.sidebar .no-comments { padding-left: 60px; padding-right: 376px;}


.comments-area h2  { font:normal 24px 'Raleway';  text-transform:capitalize; color:#b91313; margin-bottom:20px;}
.comments-area li { border-bottom:2px solid #ddd; margin-bottom:30px; clear:both; margin-bottom:30px; display:inline-block; padding-bottom:20px;}
.comments-area li .comment-meta { width:16%; float:left; margin-right:2%;}
.comments-area li .comment-meta .comment-author img { margin-bottom:10px;}
.comments-area li .comment-meta .comment-author b { clear:both; display:block;}
.comments-area li .comment-meta .comment-metadata { margin:10px 0; }

.comments-area li .comment-content { width:80%; overflow:hidden;} 

a#back-top { background:#db1515; color:#fff; font-size:18px; height:35px; position:fixed; right:20px; text-align:center; width:35px; bottom:16px;
line-height:30px;}


/* Myopia Control Page */

.testimonialVideos .su-row .su-column { margin: 0 0 0 2%; }
.testimonialVideos .su-column-size-1-3 { width: 32%; }

.section p{ font-size: 20px; font-weight: 400; color: #000; line-height: 30px; margin: 0; }
.section p span{ margin: 15px 0 0 0; display: block; }
.section p a,.section span a{ transition: 1s; }
.section p a:hover,.section span a:hover{ transition: 1s; text-decoration: underline; color: #b60a0a; }

.sectionOne{ padding: 30px 0 40px 0; }
.mypiaImg,.mypiaVideo{ text-align: center; margin: 30px 0 0 0; }
.mypiaImg img,.mypiaVideo iframe{ display: inline-block; }

.sectionTwo,.sectionThree,.sectionFour,.sectionFive,.sectionSix{ padding: 40px 0; }
.section ol { margin: 10px 0 0 0; }
.section ol li span{ font-size: 20px; font-weight: 400; color: #000; line-height: 30px; margin: 0; }

.sectionThree a{ display: inline-block; }
.sectionThree .ncbiInfo{ margin: 30px 0; }
.sectionThree .ncbiImg{ display: inline-block; width: 25%; vertical-align: middle;  margin: 0 2% 0 0; }
.sectionThree .ncbiImg img{ display: block; width: 100%; }
.sectionThree .ncbiContent{ display: inline-block; vertical-align: middle; width: 72%; }
.sectionThree h3{ font-size: 28px; font-weight: 700; color: #222; line-height: normal; }

.sectionFive h4{ font-size: 20px; font-weight: 700; color: #000; display: inline-block; margin: 20px 0 0 0; line-height: normal; }
.sectionFive .fiveOption{ margin: 30px 0 0 0; }

.orthoInfo{ margin: 30px 0; }
.orthoInfo p{ margin: 0 0 20px 0; }
.orthoInfo p:last-child,.orthoInfo p:nth-child(3){ margin: 0; }
.sectionSix ol{ margin-left: 20px; }
.sectionSix .orthoSummary{ margin: 20px 0 0 0; }
.sectionSix br{ display: none; }

.sectionSeven{ padding: 0 0 40px 0; }
.sectionSeven .testimonialVideos{ margin: 30px 0 0 0; }
.testimonialVideos .su-row:last-child{ margin-bottom: 0; }

.sectionLast{ padding: 40px 0 0 0; }
.sectionLast h3{ font-size: 20px; font-weight: 700; color: #000; }
.sectionLast ol li{ display: inline-block; }
.sectionLast ol li a{ display: inline-block; font-size: 18px; font-weight: 500; color: #b60a0a; transition: 1s; }
.sectionLast ol li:hover a{ text-decoration: underline; color: #b60a0a; }
.sectionLast ol li:hover span{ text-decoration: none; }

.actionBtn{ background-color: #212121; padding: 15px; text-align: center; font-size: 0; }
.actionBtn ul li{ display: inline-block; vertical-align: top; width: 49%; margin: 0 15px 15px 0; } 
.actionBtn ul li:last-child{ margin: 0; }
.actionBtn ul li:nth-child(2){ margin: 0 0 15px 0; }
.actionBtn ul li:nth-child(3){ margin: 0 15px 0 0; }
.actionBtn ul li a{ display:block; font-size: 18px; font-weight: 600; line-height: 22px; background-color: #b60a0a; color: #fff; padding: 10px; transition: 1s; }
.actionBtn ul li:hover a{ transition: 1s; background-color: #980707; color: #fff; text-decoration: none; }

.myopiaCare .actionBtn{ background-color: transparent; padding: 0; float: left; width: 100%; }
.myopiaCare .actionBtn ul li{ width: 32%; }
.myopiaCare .actionBtn ul li:nth-child(2){ margin: 0 15px 15px 0; }
.myopiaCare .actionBtn ul li:nth-child(3){ margin: 0 0 15px 0; }
.myopiaCare .actionBtn ul li:nth-child(4){ margin: 0 15px 0 0; }

.ftrBtn{ width: 18%; text-align: center; }
.ftrBtn ul li{ display: block; margin: 0 0 15px 0; }
.ftrBtn ul li:last-child{ margin: 0; }
.ftrBtn ul li a{ display:block; font-size: 18px; font-weight: 600; line-height: 22px; background-color: #b60a0a; color: #fff; padding: 10px; transition: 1s; }
.ftrBtn ul li:hover a{ transition: 1s; background-color: #980707; }



.carePage p,.carePage span{ font-size: 17px; font-weight: 400; color: #000; line-height: 24px; }
.carePage a{ display: inline-block; font-size: 17px; font-weight: 400; color: #b60a0a; line-height: normal; margin: 0; transition: 1s; }
.carePage a:hover{ transition: 1s; text-decoration: underline; color: #b60a0a; }
.carePage h2{ line-height: 30px; }
.aboutDr{ padding: 30px 0 40px 0; }
.aboutDr .drInfo{ float: left; width: 55%; margin: 0 2% 0 0; }
.drInfo h2{ font-size: 32px; font-weight: 700; color: #000; }
.drInfo span{ font-size: 22px; font-weight: 600; color: #000; line-height: 25px; }
.drInfo p{ font-size: 17px; font-weight: 400; color: #000; line-height: normal; }
.aboutDr .drImg{ float: left; width: 43%; }
.drImg img{ display: block; width: 100%; }
.controltstimonial{ padding: 40px 0; }
.controCall{ padding: 0 0 40px 0; }

.myopiaVideo{ padding: 40px 0; }
.videoDetail{ float: left; width: 60%; margin: 0 2% 0 0; }
.videoDetail ol li,.videoDetail ul li{ display: block; margin: 0 0 15px 0; }
.videoDetail ol li span,.videoDetail ul li span{ font-size: 17px; font-weight: 400; color: #000; line-height: 24px; }
.videoDetail ol li:last-child,.videoDetail ul li:last-child{ margin: 0; }
.videoInfo{ float: left; width: 38%; }
.videoInfo p{ margin: 0; }
.videoInfo h3{ font-size: 18px; font-weight: 600; color: #b60a0a; margin: 0 0 15px 0; }

.errorPage{ margin: 0 0 20px 0; }

.bookingSystem{ padding: 40px 0 0 0; }

.scheduleText { float: left; width: 34%; margin: 2% 2% 0 0; text-align: center; } 
.scheduleText h3{ font-size: 18px; font-weight: 600; color: #000; line-height: 30px; margin: 0 0 20px 0; text-align: left; }
.scheduleText img{ display: inline-block; }
.scheduleCall { float: left; width: 64%; }
.scheduleCall body.md-theme-default{ padding: 0 !important; }

.latestVideo{ text-align: center; margin-bottom: 25px; }  
.topVideoInfo{ position: relative; width: 70%; display: inline-block; }
.topVideoInfo::before { content: ''; padding-top: 56.25%; display: block; }
.topVideoInfo iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; margin: 0; }

.insuranceInfo{ padding: 20px 0 0 0; }
.insuranceInfo p{ font-size: 16px; color: #000; margin: 0 0 40px 0; line-height: 28px; }
.insuranceInfo .input-box { margin-bottom: 15px; }
.insuranceInfo .input-box label{ font-size: 16px; display: block; margin-bottom: 10px; }
.insuranceInfo .input-box label .req{ color: #db0f0f; }
.insuranceInfo ul li{ float: left; width: 49%; margin: 0 2% 2% 0; }
.insuranceInfo ul li.textBox{ width: 100%; }
.insuranceInfo ul li:nth-child(2),.insuranceInfo ul li:nth-child(5),.insuranceInfo ul li:nth-child(8),.insuranceInfo ul li:nth-child(10){ margin: 0 0 2% 0; }
.insuranceInfo .wpcf7-form input, .insuranceInfo .wpcf7-form textarea{ border: 1px solid #c9c9c9; padding: 10px; width: 100%; margin: 0; }
.insuranceInfo .wpcf7-form textarea{ height: 100px; }
.insuranceInfo .formPic{ float: left; width: 49%; margin: 10px 2% 0 0; }
.insuranceInfo .formPic:last-child{ margin: 10px 0 0 0; }
.insuranceInfo ul li.send-btn{ width: 100%; margin: 0; }
.insuranceInfo ul li.send-btn input{ width: auto; height: auto; padding: 8px 20px; border: none;  }
.insuranceInfo div.wpcf7-response-output{ clear: left; float: left; margin: 15px 0 0 0; }

.visionPlan{ padding: 40px 0 0 0; }
.visionDetails{ padding: 40px 0; }
.visionLeft{ float: left; width: 49%; margin: 0 2% 0 0;background-color:#ececec; padding: 20px; }
.visionRight{ float: left; width: 49%;background-color:#ececec; padding: 20px; }
.visionDetails h2{ font-size: 28px;line-height: normal; }
.visionDetails ul{ list-style: disc; margin: 0 0 0 25px; }
.visionDetails ul li{ font-size: 18px; color: #000; margin: 0 0 12px 0; }
.visionDetails ul li:last-child{ margin: 0; }
.visionBtn{ text-align: center; }
.visionBtn a{ display: inline-block; margin: 25px 0 0 0;font-size: 18px; text-transform: uppercase; font-weight: 600;color: #fff; background: #b60a0a; transition: 1s; padding: 10px 25px; border-radius: 20px; }
.visionBtn a:hover{ transition: 1s; background-color:#212121; }


.eyeMember ul{ text-align:center; }
.eyeMember ul li{ display:inline-block; vertical-align: top;width: 31.5%; margin: 0 2% 2% 0; }
.eyeMember ul li:nth-child(3n){ margin: 0 0 2% 0; }
.eyeMember ul li:last-child{ margin: 0; }
.eyeMember ul li label{ font-size: 16px; display: block; margin-bottom: 10px;font-weight: bold;text-align:left; }
.eyeMember ul li label .req{ color: #db0f0f; }
.eyeMember ul li input{ margin:0; width: 100%; height: 40px;box-shadow: none; }
.eyeMember ul li textarea,.eyeMember ul li select{ width: 100%; height: 40px; box-shadow: none; }
.eyeMember ul li textarea{ height: 70px;margin:0; }
.eyeMember ul li.eyeSubmit{ width: 100%;text-align:left; }
.eyeMember div.wpcf7-response-output{ clear: left; float: left; margin: 15px 0 0 0; }
.eyeMember .wpcf7-form-control-signature-wrap {width: 100% !important;}
.eyeMember #wpcf7_signature-543_clear{ background-color: #d2d1d1;height: auto;font-size: 14px;border: none;color: #000; }
.eyeMember .wpcf7-form-control-signature-body{ border: 1px solid #d2d1d1; }
.eyeMember ul li.eyeAgreement,.eyeMember ul li.eyefmember{ width: 100%;margin: 0 0 2% 0;text-align:left; }
.eyeMember ul li .eyeagreementInfo{ overflow-y: auto;max-height: 200px;border: 1px solid #d2d1d1;padding: 10px;margin: 10px 0 0 0; }
.eyeMember ul li .eyeagreementInfo p{ margin: 0 0 10px 0; }
.eyeMember ul li.eyegender input,.eyeMember ul li.eyeAgreement .wpcf7-checkbox input{ width: 20px;height: 20px;margin: 0 5px 0 0;display: inline-block;vertical-align: middle; }
.eyeMember ul li.eyegender span.wpcf7-list-item-label,.eyeMember ul li.eyeAgreement .wpcf7-checkbox span.wpcf7-list-item-label{ font-size: 16px; font-weight: 600;display: inline-block; vertical-align: middle; }
.eyeMember ul li.eyegender span.wpcf7-list-item{ display: block; margin: 0 0 10px 0;text-align:left; }
.eyeMember ul li.eyePayment{ margin: 0 2% 2% 0; width: 48.5%; }
.eyeMember ul li.eyePlan{ margin: 0 0 2% 0; width: 48.5%; }

.eyeMember ul li.eyefmember .field-group{ float: left; width: 32%; margin: 0 2% 2% 0; }
.eyeMember ul li.eyefmember .field-group:nth-child(3n){ margin: 0 0 2% 0; }
.eyeMember ul li.eyefmember .field-group textarea{ height: 40px; }
.eyeMember ul li.eyefmember h4{font-size: 20px;font-weight: bold;margin: 20px 0;color: #db0f0f;float:left; width: 100%;}
.eyeMember ul li.eyefmember .field-group:nth-child(4),.eyeMember ul li.eyefmember .field-group:nth-child(5),.eyeMember ul li.eyefmember .field-group:nth-child(6){ margin-bottom:0; }
.eyeMember ul li.eyefmember .field-group.eyePlan{ width: 100%; margin: 2% 0 0 0; }
.eyeMember ul li.eyefmember .field-group .wpcf7-checkbox input{ width: 20px;height: 20px;margin: 0 5px 0 0;display: inline-block;vertical-align: middle; }
.eyeMember ul li.eyefmember .field-group .wpcf7-checkbox span.wpcf7-list-item-label{ font-size: 16px; font-weight: 600;display: inline-block; vertical-align: middle; }
.eyeMember ul li.eyefmember .field-group .wpcf7-checkbox{ display:block; width: 100%; margin: 20px 0 0 0;text-align:left; }
.eyeMember ul li.eyefmember .field-group textarea::placeholder{ color: #000; }