/*
Theme Name: Jeffrey Hamm MD, Orthopedic Surgeon
Theme URI: http://www.yourpracticeonline.net/
Description: This theme is completely compatible with WordPress 4.1.1
Author URI: http://www.yourpracticeonline.net/
Version: 4.2
*/
/* ------------------------------ Fonts CSS ------------------------------ */
@font-face {
	/* ralewaylight */
    font-family: 'ralewaylight';
    src: url('/fonts/raleway-light-webfont.eot');
    src: url('/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-light-webfont.woff2') format('woff2'),
         url('/fonts/raleway-light-webfont.woff') format('woff'),
         url('/fonts/raleway-light-webfont.ttf') format('truetype'),
         url('/fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* ralewayregular */
    font-family: 'ralewayregular';
    src: url('/fonts/raleway-regular-webfont.eot');
    src: url('/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('/fonts/raleway-regular-webfont.woff') format('woff'),
         url('/fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* ralewaybold */
    font-family: 'ralewaybold';
    src: url('/fonts/raleway-bold-webfont.eot');
    src: url('/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('/fonts/raleway-bold-webfont.woff') format('woff'),
         url('/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* latolight */
	font-family: 'latolight';
	src: url('/fonts/lato-light-webfont.eot');
	src: url('/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/lato-light-webfont.woff2') format('woff2'),
		 url('/fonts/lato-light-webfont.woff') format('woff'),
		 url('/fonts/lato-light-webfont.ttf') format('truetype'),
		 url('/fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* latoregular */
	font-family: 'latoregular';
	src: url('/fonts/lato-regular-webfont.eot');
	src: url('/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/lato-regular-webfont.woff2') format('woff2'),
		 url('/fonts/lato-regular-webfont.woff') format('woff'),
		 url('/fonts/lato-regular-webfont.ttf') format('truetype'),
		 url('/fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* latobold */
	font-family: 'latobold';
	src: url('/fonts/lato-bold-webfont.eot');
	src: url('/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/lato-bold-webfont.woff2') format('woff2'),
		 url('/fonts/lato-bold-webfont.woff') format('woff'),
		 url('/fonts/lato-bold-webfont.ttf') format('truetype'),
		 url('/fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

#toTop {
  width: 100px;
  background: #1B2335;
  text-align: center;
  position: fixed;
  bottom: 84px;
  right: 0px;
  cursor: pointer;
  display: none;
  color: #ffffff;
  font-family: verdana;
  font-size: 12px;
  padding: 8px;
  z-index: 10;
  border-radius: 5px 0 0 5px;
}
#toTop:hover {
  background: #1B2335;
}

#dc_jqaccordion_widget-2-item {
font: bold 14px Arial, sans-serif;
border-top: 1px solid #111;
border-right: 1px solid #111;
border-left: 1px solid #111;
}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
#dc_jqaccordion_widget-2-item ul a {
padding: 10px 10px 10px 50px;
background: #1b2335 !important;
text-decoration:none;
display: block;
color: #ffffff !important;
border-bottom: 1px solid #2a3753;
position: relative;
width:100% !important;
}
#dc_jqaccordion_widget-2-item ul ul a {
background: #1b2335;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
background: #2a3753 !important;
}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
position: absolute;
top: 50%;
left: 14px;
width: 34px;
margin-top: -17px;
height: 34px;
background: url(/images/arrow_black_right.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {
background: url(/images/arrow_black_down.png) no-repeat 0 center;
}
#dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul .current_page_item > a, #dc_jqaccordion_widget-2-item > ul .current_page_item > a  {
background: #2a3753 !important;
color: #fff;
}
#dc_jqaccordion_widget-2-item ul .current-menu-ancestor > a, #dc_jqaccordion_widget-2-item > ul .current-menu-ancestor > a {
background: #2a3753 !important;
}

/* ------------------------------ Global CSS ------------------------------ */
body {
margin: 0px;
padding: 0px;
overflow-y: scroll;
*overflow-y:none;
}
img {
border: 0px;
max-width: 100%;
vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6 {
margin: 10px 0px;
padding: 0px;
}
ul, ol {
margin: 0px;
padding: 0px;
}
ul {
list-style: none;
}
a, a:hover {
text-decoration: none;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
height: 10px;
background: url(/images/hr.gif) repeat-x left center;
}
.clear-float {
clear: both;
}
.align-left {
float: left;
}
.align-right {
float: right;
}
.videoBorder {
border: 4px solid #333;
width: 90%;
position: relative;
margin: 10px auto;
padding: 50% 0px 0px 0px;
}
.multiBorder {
width: 90%;
position: relative;
margin: 10px auto;
padding: 100% 0px 0px 0px;
}
.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed {
top: 0px;
position: absolute;
width: 100.1%;
height: 100%;
margin: 0px;
padding: 0px;
border: 0px !important;
}
/* ------------------------------ Banner CSS ------------------------------ */
.rslides {
width: 100%;
margin: 0px;
padding: 0px;
position: relative;
}
.rslides li {
display: none;
}
#Interactivity {
position: relative;
}
.intra-div {
width: 100%;
height: 100%;
}
.Intra-L, .Intra-R {
position: absolute;
z-index: 100;
width: 2000px;
height: 100%;
padding: 0px;
}
.Intra-L {
margin: 0px 0px 0px -2000px;
}
.Intra-R {
margin: 0px 0px 0px 940px;
}
.Intra-Tabs {
position: absolute;
z-index: 200;
margin: 0px;
padding: 0px;
}
/* ------------------------------ Scrolling Styles ------------------------------ */
.nbs-flexisel-container {
position: absolute;
width: 100%;
overflow: hidden !important;
background:url(/images/cred-bg.gif) no-repeat right center;
}
.nbs-flexisel-inner {
width: 95%;
max-width: 95%;
margin: 0px auto;
overflow: hidden !important;
}
.nbs-flexisel-ul {
width: 9999px;
*width:9999px;
position: relative;
}
.nbs-flexisel-item {
float: left;
vertical-align: middle;
display:inline-block;
}
.nbs-flexisel-item img {
max-width:90%;
}
/*----- Navigation -----*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 30px;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 100;
top: 0px;
}
.nbs-flexisel-nav-left {
left: 3px;
}
.nbs-flexisel-nav-right {
right: 3px;
}
/* ------------------------------ Main CSS ------------------------------ */
#Container, header, #Intra-Container, section, #Content-Container, footer {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}
#Header, #Main-Menu, #Mobile-Menu, #Interactivity, #Services, #Patient-Links, #News-Hours, #Cred-Social, #Content-Main, #QuickLinks, #Footer, #Content-Main {
max-width: 940px;
min-width: 300px;
margin: 0px auto;
}
header .intra-div, #Content-Main .intra-div, #News-Hours .intra-div, #Cred-Social .intra-div, #QuickLinks .intra-div {
display: table;
}
.logo, .make-appoint, .news, .working, #Content-Left, #Sidebar, .credibility, .social-h, .location-f, .quick-f, .request-f {
display: table-cell;
vertical-align: top;
}
#Container {
background: url(/images/header-bg.gif) repeat left top;
}
/* -------------------- Header Styles -------------------- */
#Header {
min-height: 170px;
}
.logo img {
margin: 30px 0px 0px 5%;
}
.make-appoint {
width: 225px;
}
.appoint {
background: url(/images/appoint-bg.png) no-repeat left center;
font: normal 16px/24px 'latoregular';
color:#fff;
margin:30px 0px 0px 0px;
}
.appoint a {
color:#fff;
padding:0px 0px 0px 60px;
display:block;
}
.appoint span {
font: normal 22px/28px 'latoregular';
color:#0e1117;
display:block;
}
/* -------------------- Menu Styles -------------------- */
#Main-Menu, #Mobile-Menu {
height: 40px;
}
#Main-Menu {
display: block;
}
#Mobile-Menu {
display: none;
background: #2a3753;
border-radius:10px;
}
#access li {
font: normal 13px/40px 'ralewayregular';
height: 40px;
color: #fff;
float: left;
position: relative;
text-align: center;
text-transform:uppercase;
}
#access ul li:first-child, #access ul li:first-child > a {
border-radius:10px 0px 0px 10px;
}
#access ul li:last-child, #access ul li:last-child > a {
border: none !important;
border-radius:0px 10px 10px 0px;
}
#access ul ul li:first-child, #access ul ul li:first-child > a {
border-radius:10px 10px 0px 0px;
}
#access ul ul li:last-child, #access ul ul li:last-child > a {
border: none !important;
border-radius:0px 0px 10px 10px;
}
#access li a {
display: block;
border-right: 1px solid #384b64;
background: #2a3753;
color: #fff;
}
#access a:hover {
background: #1b2335;
color: #fff;
}
#access ul ul {
position: absolute;
z-index: 99999;
display: none;
left: 0px;
padding:7px 0px 0px 0px;
background:url(/images/menu-ul-bg.png) no-repeat 50px top;
}
#access ul ul li {
font: normal 14px/35px Arial, Helvetica, sans-serif;
height: 35px;
color: #ffffff;
text-align: left;
float: none;
text-transform:none;
border-bottom:1px solid #384b64;
}
#access ul ul a {
background: #1b2335;
border: none;
color: #ffffff;
padding: 0px 0px 0px 15px;
}
#access ul ul a:hover {
background: #2a3753;
color: #ffffff;
}
#access ul ul ul {
left: 100%;
top: -1px;
padding:0px 0px 0px 7px;
background:url(/images/menu-ulul-bg.png) no-repeat left 15px;
}
#access ul li:hover > ul {
display: block;
}
#menu-item-21 {
width: 9%;
}
#menu-item-23 {
width: 14%;
}
#menu-item-23 ul a {
width: 150px !important;
}
#menu-item-25 {
width: 19%;
}
#menu-item-25 ul a {
width: 220px !important;
}
#menu-item-25 ul ul a {
width: 120px !important;
}
#menu-item-24 {
width: 30%;
}
#menu-item-24 ul a {
width: 240px !important;
}
#menu-item-22 {
width: 9%;
}
#menu-item-20 {
width: 19%;
}
#menu-item-20 ul a {
width: 150px !important;
}
.menu li a:hover, .menu > li:hover > a, .menu li.current_page_item > a, .menu li.current-menu-item > a {
background:#1b2335 !important;
color: #fff !important;
}
.menu > li.current-menu-ancestor > a, .menu > li.current-page-ancestor > a {
background:#1b2335 !important;
color: #fff !important;
}
.menu ul li a:hover, .menu ul > li:hover > a, .menu ul li.current_page_item > a, .menu ul li.current-menu-item > a {
background: #2a3753 !important;
color: #fff !important;
}
.menu ul > li.current-menu-ancestor > a, .menu ul > li.current-page-ancestor > a {
background: #2a3753 !important;
color: #fff !important;
}
/* -------------------- Banner Styles -------------------- */
#Intra-Container #Interactivity {
height: 475px;
}
.intra-main h1 {
font: normal 42px/50px 'ralewayregular';
color:#0e1117;
padding:30px 0px 20px 0px;
}
.intra-main h1 a {
color:#0e1117;
}
.intra-main ul {
padding:0px 0px 10px 20px;
list-style:square;
width: 55%;
}
.intra-main ul ul {
list-style:circle;
padding:5px 0px 5px 30px;
}
.intra-main li {
font: normal 14px/20px 'ralewayregular';
color:#fff;
padding:5px 0px;
}
.intra-main li a {
color:#fff;
}
.intra-main li a:hover {
text-decoration: underline;
}
.intra-main li li {
padding:2px 0px;
}
.intra-more {
font: normal 14px/30px 'ralewayregular';
height:30px;
color:#fff;
border:1px solid #fff;
border-radius:20px;
text-align:center;
width:120px;
position:absolute;
bottom:20px;
left:10px;
}
.intra-more a {
display:block;
color:#fff;
}
.intra-img {
position:absolute;
bottom:0px;
right:-120px;
}
/* -------------------- Services Styles -------------------- */
#Services-Container {
background: #f1ebe9;
}
#Services {
min-height:290px;
}
#Services h2 {
text-align:center;
font: normal 40px/50px 'ralewayregular';
color:#363f53;
padding:20px 0px 15px 0px;
}
#Services h2 a {
color:#363f53;
}
.services-main li {
float: left;
width:20%;
min-width:120px;
text-align:center;
color:#363f53;
font: normal 16px/20px 'latoregular';
margin:15px 0px 0px 0px;
}
.services-main li a {
padding:115px 0px 0px 0px;
display:block;
color:#363f53;
}
.shoulder-h {
background:url(/images/shoulder-h.png) no-repeat top center;
}
.shoulder-h:hover {
background:url(/images/shoulder-hon.png) no-repeat top center;
}
.sports-h {
background:url(/images/sports-h.png) no-repeat top center;
}
.sports-h:hover {
background:url(/images/sports-hon.png) no-repeat top center;
}
.foot-h {
background:url(/images/foot-h.png) no-repeat top center;
}
.foot-h:hover {
background:url(/images/foot-hon.png) no-repeat top center;
}
.knee-h {
background:url(/images/knee-h.png) no-repeat top center;
}
.knee-h:hover {
background:url(/images/knee-hon.png) no-repeat top center;
}
.elbow-h {
background:url(/images/elbow-h.png) no-repeat top center;
}
.elbow-h:hover {
background:url(/images/elbow-hon.png) no-repeat top center;
}
/* -------------------- Quick Styles -------------------- */
#Patient-Container {
background:#2a3753;
}
#Patient-Links {
min-height:105px;
}
#Patient-Links h2 {
font: normal 1px Verdana, Geneva, sans-serif;
margin:0px;
padding:0px;
color:#2A3753;
}
#Patient-Links li {
float:left;
font: normal 14px/20px 'latolight';
color:#fff;
background:url(/images/jeffrey-sprite.png) no-repeat left top;
height:40px;
margin:30px 2% 0px 0px;
}
#Patient-Links li:last-child, .care-h {
margin:30px 0px 0px 0px;
}
#Patient-Links li a {
color:#fff;
display:block;
padding:0px 5px 0px 45px;
height:45px;
background:url(/images/patient-bg.gif) no-repeat right center;
}
#Patient-Links li span {
display:block;
}
.appoint-h {
background-position: 5px -320px !important;
width:20%;
}
.wait-h {
background-position: 5px -360px !important;
width:19%;
}
.location-h {
background-position: 5px -400px !important;
width:16%;
}
.location-h a {
padding:7px 5px 0px 45px;
}
.education-h {
background-position: 5px -435px !important;
width:17%;
}
.care-h {
background-position: 5px -475px !important;
width:20%;
}
.care-h a {
background:none !important;
}
/* -------------------- News Styles -------------------- */
#News-Container {
background:#ffffff;
}
#News-Hours {
min-height:385px;
}
.news {
width:55%;
}
.working {
width:45%;
background:url(/images/working-bg.gif) no-repeat left center;
}
.news h2, .working h2 {
font: normal 30px/40px 'latoregular';
color:#2a3753;
text-transform:uppercase;
}
.news h2 a, .working h2 a {
color:#2a3753;
}
.news ul {
padding:0px 0px 0px 10px;
width:90%;
}
.news img {
float:left;
margin:0px 15px 0px 0px;
}
.news li {
font: normal 14px/20px 'latoregular';
color:#0e1117;
min-height:100px;
border-bottom:1px solid #a9a9a9;
padding-top:20px;
}
.news li span {
display:block;
font: normal 14px/20px 'latoregular';
color:#1e315b;
}
.news li span.news-more {
display:block;
font: normal 12px/20px 'latoregular';
color:#1e315b;
text-transform:uppercase;
text-align:right;
}
.news li span a, .news-all a {
color:#1e315b;
}
.news-all {
font: normal 16px/20px 'ralewayregular';
color:#1e315b;
text-align:right;
margin:20px 10% 10px 0px;
}
.working h2 {
text-align:center;
}
.work-time {
padding:20px 0px 15px 15%;
}
.work-time li {
font: normal 14px/20px 'latobold';
padding:5px 0px;
}
.work-time li span {
text-transform:uppercase;
display:inline-block;
width: 120px;
}
.work-text {
font: normal 14px/20px 'latoregular';
color:#1e315b;
padding:0px 0px 0px 15%;
}
.work-staff {
background:#22345b;
color:#fff;
font: normal 16px/30px 'latoregular';
text-align:center;
text-transform:uppercase;
width:100px;
margin:20px 0px 10px 15%;
}
.work-staff a {
color:#fff;
display:block;
}
/* -------------------- Cred-Social Styles -------------------- */
.home #Social-Container {
display:block;
}
#Social-Container {
border-top:1px solid #919191;
background:#fff;
display:none;
}

#Cred-Social {
min-height:105px;
}
.credibility {
padding:20px 0px 0px 0px;
}
.credibility h2 {
font: normal 1px Verdana, Geneva, sans-serif;
margin:0px;
padding:0px;
color:#fff;
}
.cred-h {
position:relative;
}
.cred-h li {
text-align:center;
}
.social-h {
width:270px;
padding:30px 0px 0px 0px;
}
.social-h ul, .social-s ul {
width:90%;
margin:0px auto;
}
.social-s ul {
padding:20px 0px;
}
.social-h li {
float:left;
width:20%;
}
.social-s li {
float:left;
width:27%;
margin:10px 0px 0px 0px;
}
.social-h a, .social-s a {
background:url(/images/jeffrey-sprite.png) no-repeat left top #e5e5e5;
border-radius:50%;
border:3px solid #8e98ad;
width:38px;
height:38px;
margin:0px auto;
display:block;
}
.twitter-h a {
background-position: 11px -68px !important;
}
.facebook-h a {
background-position: 15px -109px !important;
}
.linkedin-h a {
background-position: 12px -150px !important;
}
.google-h a {
background-position: 13px -189px !important;
}
.youtube-h a {
background-position: 11px -231px !important;
}
/* -------------------- QuickLinks Styles -------------------- */
#QuickLinks {
min-height:360px;
}
.quick-f h2, .location-f h2, .request-f h2 {
font: normal 20px/30px 'ralewaybold';
color:#fff;
padding:20px 0px 10px 0px;
}
.quick-f h2 a, .location-f h2 a, .request-f h2 a {
color:#fff;
}
.location-f {
width:33%;
padding:0px 0px 0px 1%;
}
.quick-f {
padding:0px 1% 0px 0px;
}
.quick-f li, .location-f p {
font: normal 14px/20px 'latoregular';
color:#fff;
}
.quick-f a, .location-f a {
color:#fff;
}
.location-f img {
border:1px solid #2a3753;
}
.quick-f li {
padding:2px 0px;
}
.request-f {
width:290px;
}
.rqst-txt {
width:90%;
background:#fff;
border:0px;
height:30px;
font: normal 14px/30px 'latolight';
color:#2e2e2e;
margin:5px 0px 0px 0px;
border-radius:5px;
padding:0px 5%;
}
.rqst-captcha {
margin:5px 0px 0px 0px;
border:0px;
}
.cap-img {
float:left;
margin:0px 10px 0px 0px;
border-radius:5px 0px 0px 5px;
height:30px;
width:100px;
}
.cap-txt {
/*float:left;*/
padding:0px 5%;
font: normal 14px/30px 'latolight';
color:#2e2e2e;
height:30px;
height:30px;
width:52%;
border-radius:0px 5px 5px 0px;
border:0px;
}
.rqst-area {
width:90%;
background:#fff;
border:0px;
height:70px;
font: normal 12px/20px 'latolight';
color:#2e2e2e;
margin:5px 0px 0px 0px;
border-radius:5px;
padding:0px 5%;
}
.rqst-send {
font: normal 14px/30px 'latobold';
color:#2e2e2e;
text-transform:uppercase;
border:0px;
border-radius:5px;
background:#fff;
margin:5px 0px 0px 0px;
text-align:center;
width:100px;
cursor: pointer;
}
/* -------------------- Footer Styles -------------------- */
footer {
background:#2a3753;
font: normal 13px/16px 'latolight';
color:#fff;
}
footer a {
color:#fff;
}
footer a:hover {
color:#fff;
text-decoration:underline;
}
.ypo-logo {
width:101px;
float:right;
margin:20px 10px 0 0;
}
.copyright {
width:80%;
float:left;
padding: 25px 2% 5px 3%;
}
.copylinks {
width:80%;
float:left;
padding: 5px 2% 20px 3%;
clear:both;
}
/* ------------------------------ Content Container CSS ------------------------------ */
#Content-Container {
background: #fff;
}
#Content-Left {
border-right:1px solid #a0a0a0;
}
#Sidebar {
position: relative;
}
#Sidebar, .cred-s, .social-s {
width: 270px;
}
.widget-title {
display:none;
}
/*----- Navigation Starts -----*/
.navigation {
max-width: 900px;
min-width: 280px;
margin: 0px auto;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding: 10px 30px 10px 10px;
}
.navigation a {
color: #626262;
text-decoration: none;
}
.navigation a:hover {
text-decoration: underline;
}
/*----- textMain Starts -----*/
.textMain {
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px 30px 30px 10px;
text-align: justify;
}
.textMain a {
color: #033b5e;
text-decoration: underline;
}
.textMain a:hover {
color: #033b5e;
text-decoration: none;
}
.textMain ul {
padding: 0px;
margin: 10px 0px;
}
.textMain ol {
padding: 0px;
margin: 10px 0px 0px 30px;
}
.textMain ul li {
background: url(/images/bullet-tm.gif) no-repeat 15px 12px;
padding: 5px 0px 5px 30px;
list-style: none;
}
.textMain ol li {
padding: 5px 0px 5px 0px;
list-style: decimal;
}
.textMain ul ul, .textMain ol ol {
margin: 0px;
padding: 5px 0px 5px 20px;
}
.textMain ul ul li {
background: none;
padding: 5px 0px;
list-style: circle;
}
.textMain ol ol li {
padding: 5px 0px;
list-style-type: lower-alpha;
}
.textMain ul ul ul li {
list-style: square;
}
.textMain ol ol ol li {
list-style: lower-roman;
}
.textMain li p {
margin: 5px 0px;
}
/*----- textMain Heading Starts -----*/
.ypocmstitle {
font: normal 26px/30px 'ralewayregular';
color: #033b5e;
margin: 10px 0px 15px 10px;
text-align: left;
}
.textMain h2 {
font: normal 22px/26px 'ralewayregular';
color: #627195;
text-align: left;
}
.textMain h2 a {
color: #627195;
}
.textMain h2 a:hover {
text-decoration: underline;
}
.textMain h3 {
font: normal 20px/22px 'ralewayregular';
color: #444DAA;
text-align: left;
}
.textMain h3 a {
color: #444DAA;
}
.textMain h3 a:hover {
text-decoration: underline;
}
.textMain h4 {
font: normal 16px/20px 'latoregular';
color: #2A3753;
text-align: left;
}
.textMain h4 a {
color: #2A3753;
}
.textMain h4 a:hover {
text-decoration: underline;
}
.textMainBold {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #282828;
text-align: left;
}
.textMainBold a {
color: #577086;
}
.textMainBold a:hover {
text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
/*----- Sidebar Starts -----*/
.cred-s ul {
padding:20px 0px;
}
.cred-s li {
padding:20px 0px 0px 30px;
}
.social-s {
padding:0px 0px 50px 0px;
}
/*-------------------- Blog Page Styles --------------------*/
.widget_categories .widget-title {
display:block;
}
.widget_categories {
width:95%;
margin:0px auto;
background:#1B2335;
border-radius:10px;
padding:0px 0px 15px 0px;
}
.widget_categories .widget-title {
text-align:center;
color:#fff;
font: normal 20px/30px 'ralewaybold';
padding:10px 0px 10px 0px;
}
.widget_categories ul {
padding:0px 0px 0px 25px;
list-style:disc;
margin:0px 0px 0px 20px;
}
.widget_categories li {
font: normal 14px/30px 'ralewayregular';
color:#fff;
}
.widget_categories a {
color:#fff;
display:block;
}
/*-------------------- Review Page Styles --------------------*/
.review {
margin: 20px auto 0px auto;
padding: 0px;
width: 100%;
height: auto;
text-align: left;
}
.review img {
margin: 5px;
padding: 0px;
}
/*-------------------- Useful Links Styles --------------------*/
.UseFul-links {
width: 90%;
height: auto;
margin: 10px 0px;
padding: 0px;
text-align: center;
}
.UseFul-links img {
margin: 2px;
padding: 10px;
border: 1px solid #666666;
float: left;
}
/*-------------------- Multimedialist Styles --------------------*/
.multimedialist ul {
margin: 0px !important;
padding: 0px !important;
}
.multimedialist li {
padding: 0px !important;
margin: 5px !important;
width: 140px;
height: 30px;
float: left;
font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background: none !important;
border: 1px solid #4b72c5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.multimedialist a {
color: #005087;
display: block;
text-decoration: none;
padding: 0px 0px 0px 40px !important;
}
.multimedialist a:hover {
color: #005087;
text-decoration: none;
}
.video a {
background: url(/images/loadmove.png) no-repeat 5px center;
}
.info a {
background: url(/images/patient.png) no-repeat 5px center;
}
.print a {
background: url(/images/print.png) no-repeat 5px center;
}
.multimedia-iframe {
min-height: 600px;
border: none;
}
/*----- Testimonial Page Styles -----*/
.submit-testimonial {
width: 200px;
height: 30px;
font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
float:right;
margin: -15px -10px 15px 15px;
border: 2px solid #ffffff;
box-shadow: 0px 5px 5px 0px #aaaaaa;
-o-box-shadow: 0px 5px 5px 0px #aaaaaa;
-moz-box-shadow: 0px 5px 5px 0px #aaaaaa;
-ms-box-shadow: 0px 5px 5px 0px #aaaaaa;
-webkit-box-shadow: 0px 5px 5px 0px #aaaaaa;
}
.submit-testimonial a {
background: #2A3753;
color: #ffffff;
display: block;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
.submit-testimonial a:hover {
background: #1B2335;
color: #ffffff;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
/*-------------------- Realtime Sitemap Styles --------------------*/
#wp-realtime-sitemap-menu {
margin: 0px !important;
padding: 0px !important;
}
#wp-realtime-sitemap-menu h3 {
display: none;
}
#wp-realtime-sitemap-menu ul {
margin: 0px !important;
padding: 0px !important;
background: none !important;
width: auto !important;
height: auto !important;
}
#wp-realtime-sitemap-menu ul li {
margin: 0px !important;
padding: 0px !important;
background: none !important;
line-height: 30px;
font-weight: bold;
}
#wp-realtime-sitemap-menu ul ul {
margin: 0px 0px 0px 40px !important;
padding: 0px !important;
background: none !important;
width: auto !important;
height: auto !important;
}
#wp-realtime-sitemap-menu ul ul li {
font-weight: normal;
}
#wp-realtime-sitemap-menu a {
background: none !important;
}
/*----- Contact Address Styles -----*/
.contact-address {
padding: 3px;
margin: 15px auto 0px auto;
border: 1px solid #003464;
}
.contact-address .intra-div {
display: table;
}
.address-details {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
padding: 1% 1% 1% 2%;
display: table-cell;
vertical-align: top;
min-width:150px;
}
.map-pics {
max-width:350px;
min-width: 200px;
display: table-cell;
text-align: center;
vertical-align: top;
}
.map-pics img {
margin: 5px;
border: 2px solid #1B2335;
}
.map-pics img:hover {
border: 2px solid #2A3753;
}
.contact-ph {
color: #003464;
margin: 2px 0px 10px 0px;
}
.contact-ph a {
color: #003464;
text-decoration: none;
}
.contact-ph a:hover {
color: #003464;
text-decoration: none;
}
.contact-ph ul {
margin: 0px !important;
padding: 0px !important;
}
.contact-ph li {
font: normal 14px/40px Verdana, Arial, Helvetica, sans-serif;
width: 50%;
min-width: 240px;
float: left;
height: 40px;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.contact-ph img {
margin: 0px 10px 0px 5px;
}
/*----- Forms Style Starts -----*/
.formHead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 5px 10px 5px 10px;
color: #ffffff;
}
.formHead a {
color: #ffffff;
text-decoration: underline;
}
.formHead a:hover {
color: #ffffff;
text-decoration: underline;
}
.formlable {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.mandatory {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #FF8204;
}
/*-------------------- Feedback & Online Form Styles --------------------*/
.feedback {
width: 101%;
margin: 10px auto;
padding: 0px 0px 10px 0px;
border-radius: 5px;
}
.feedback ul {
margin: 0px auto !important;
padding: 10px !important;
display: table;
border-spacing: 0px 10px;
border-collapse: separate;
}
.feedback li {
display: table-row;
vertical-align: top;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.feedback li .form-label, .feedback li .form-field, .feedback li .form-full {
display: table-cell;
vertical-align: middle;
}
.formHead, .form-button {
background: #1b2335;
}
.feedback, .feedback .form-text, .feedback .form-area, .feedback .form-select, .feedback .form-button, .feedback .form-f-area, .feedback .form-file {
border: 1px solid #1b2335;
}
.form-name {
background: url(/images/contact-info.png) no-repeat center center #1b2335;
}
.form-email {
background: url(/images/contact-mail.png) no-repeat center center #1b2335;
}
.form-phone {
background: url(/images/contact-phone.png) no-repeat center center #1b2335;
}
.form-comment {
background: url(/images/contact-msg.png) no-repeat center center #1b2335;
float: left;
}
.wpcf7-list-item, .wpcf7-radio {
display:inline-block;
}
.feedback li .form-label, .feedback li .form-agree, .form-lable {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 20px 5px 5px;
}
.feedback li .form-label {
text-align: right;
}
.feedback li .form-field {
max-width:none;
min-width: 150px;
}
.feedback .form-text, .feedback .form-area, .feedback .form-select {
padding: 5px;
}
.contactForm {
border: none !important;
}
.contactForm .form-text, .contactForm .form-area, .contactForm .form-select {
padding: 10px !important;
border-radius: 0px 10px 10px 0px;
}
.contactForm .form-area {
height: 120px;
}
.contactForm .wpcf7-captchar {
border-radius: 10px;
}
.feedback .form-text, .feedback .form-area {
width:90%;
min-width: 100px;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #010101;
margin: 0px;
}
.feedback .form-radio {
padding: 5px;
margin: 0px;
}
.feedback .form-select, .feedback .form-file {
width:93%;
min-width: 100px;
}
.feedback .form-file {
margin: 5px 0px;
}
.feedback .form-button {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
width: 80px;
margin: 10px 10px 0px 0px;
padding: 5px;
cursor: pointer;
}
.form-full {
width: 100%;
text-align: center;
}
.form-f-area {
width: 95%;
padding: 5px;
margin: 5px auto;
height: 100px;
}
.form-image {
width: 50px;
height: 42px !important;
padding: 0px !important;
border-radius: 10px 0px 0px 10px;
}
/*--------------Tell A friend start--------------*/
#tell-main, #tell-friend {
visibility: hidden;
}
#tell-main {
opacity: 0.8;
filter: alpha(opacity=80);
background: #000;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
}
#tell-friend {
top: 5%;
left: 50%;
margin: 0px 0px 0px -200px;
width: 286px;
background: #fff;
padding: 15px;
border: 2px solid #CCCCCC;
position: absolute;
z-index: 9999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#tell-friend #close {
width: 25px;
height: 25px;
color: #000000;
font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: -18px -18px 0px 0px;
padding: 0px;
float: right;
cursor: pointer;
border-radius: 50%;
background: #C9C9D6;
}
/*------------------------- Child List -------------------------------*/
.textMain .child-list ul {
margin: 0px;
padding: 0px;
}
.textMain .child-list li {
margin:5px 0px 0px 0px;
padding:0px;
max-width:300px;
background:none;
font: normal 14px/20px 'ralewayregular';
color: #fff;
text-align: left;
}
.textMain .child-list li a {
text-decoration: none;
color: #fff;
background: url(/images/child-arrow.png) no-repeat 10px center #1B2335;
padding: 10px 0px 10px 30px;
display: block;
}
.textMain .child-list li a:hover {
background: url(/images/child-arrow.png) no-repeat 10px center #2A3753;
}
/*------------------------- Other List -------------------------------*/
.textMain .other-list ul {
margin: 0px;
padding: 0px;
}
.textMain .other-list li {
margin: 5px 0px 0px 0px;
padding: 0px;
max-width:300px;
background: none;
font: normal 14px/20px 'ralewayregular';
color: #fff;
text-align: left;
}
.textMain .other-list a {
background: url(/images/arrow.png) no-repeat 10px center #2A3753;
padding: 10px 0px 10px 30px;
text-decoration: none;
display: block;
color: #fff;
}
.textMain .other-list a:hover {
background: url(/images/arrow.png) no-repeat 10px center #1B2335;
}
/*------------------------- Joint List -------------------------------*/
.textMain .joint-lists ul {
margin: 0px;
padding: 0px;
}
.textMain .joint-lists li {
margin: 10px 0px 0px 0px;
padding: 5px 0px;
background:none;
width: 90%;
min-width: 300px;
font: normal 14px/62px 'ralewayregular';
color: #1B2335;
background: none;
text-align: left;
border:1px solid #1B2335;
}
.textMain .joint-lists li a {
display: block;
color: #1B2335;
text-decoration: none;
}
.textMain .joint-lists li a:hover {
}
.textMain .joint-lists li img {
float: left;
margin:0px 15px 0px 10px;
}
/*------------------------- Doctor Styles -------------------------------*/
#doccontainer {
width:100%;
}
.docrow {
position:relative;
}
.docdiv {
border:1px solid #1B2335;
padding:5px 5px 5px 15px;
margin:5px auto;
}
.docdiv img {
float:right;
border:1px solid #1B2335;
}
/*------------------------- Profile Styles -------------------------------*/
.dr-profile {
width:200px;
float:left;
margin:0px 15px 15px 0px;
border:1px solid #1B2335;
padding:2px;
text-align:center;
}
.dr-profile p {
font: normal 14px/20px 'ralewaybold';
color:#1B2335;
}
.wpcf7 span.wpcf7-not-valid-tip {
font:normal 12px/15px Verdana, Geneva, sans-serif;
border-radius: 3px;
background:#fcddef;
color: #FF0000;
left: 30px;
padding: 2px 8px;
position: absolute;
top: -5px;
clear:both;
}
.online-pay {
color: #ffffff;
margin-top: 20px;
}
.online-pay a {
font: normal 18px/40px 'ralewayregular';
color: #ffffff;
background: #1B2335;
display: block;
text-align: center;
border-radius: 5px;
text-decoration: none;
}
.online-pay a:hover {
color: #ffffff;
background: #384b64;
text-decoration: none;
}
/* ------------------------------ Media Screen:640 CSS ------------------------------ */
@media screen and (max-width : 870px) {
#access li {
font: normal 11px/40px 'ralewayregular';
}
#menu-item-21, #menu-item-22 {
width: 8%;
}
#menu-item-24 {
width: 32%;
}
.map-pics, .address-details {
display: inherit;
}
}

/* ------------------------------ Media Screen:640 CSS ------------------------------ */
@media screen and (max-width : 640px) {
.make-appoint, .news, .working, #Content-Left, .social-h, .location-f, .quick-f, .request-f {
display: inherit;
}
.logo {
display: table-caption;
width:96%;
padding:2%;
text-align:center;
}
.logo img {
margin:20px 0px;
}
.appoint {
margin:0px;
}
#GotoTop {
display: none !important;
}
#Main-Menu {
display: none;
}
#Mobile-Menu {
display: block;
}
.menu-m {
text-align: center;
font: normal 16px/40px 'ralewaybold';
color: #fff;
text-transform:uppercase;
letter-spacing:2px;
}
.menu-m a, .menu-m a:hover {
color: #fff;
display: block;
}
#wrapper {
position: absolute;
z-index: 1000;
overflow: hidden;
left:5px;
right:5px;
}
.intra-main h1 {
font: normal 34px/50px 'ralewayregular';
}
.intra-main ul {
display:none;
}
.intra-img {
position:relative;
top:0px;
right:inherit;
bottom:inherit;
}
.intra-more {
position:relative;
margin:0px auto;
}
#Intra-Container #Interactivity {
text-align:center;
height:auto;
}
#Content-Left {
width:100%;
}
#Sidebar {
display:none !important;
}
#Social-Container {
display:block;
}
.credibility {
display: block;
height:80px;
}
.social-h, .make-appoint {
margin:0px auto 20px auto;
}
.location-f, .quick-f, .request-f {
width: 300px;
margin:0px auto;
}
.request-f {
padding-bottom:20px;
}
.copyright, .copylinks {
float:none;
padding:10px 5px;
width:auto;
}
.services-main {
width:90%;
margin:0px auto 20px auto;
}
.services-main li {
width:50%;
}
#Patient-Links ul {
width:90%;
margin:0px auto 20px auto;
}
#Patient-Links li {
width:100% !important;
float:none;
line-height:40px;
}
#Patient-Links li a {
padding:0px 0px 0px 60px;
background:none;
}
#Patient-Links li span {
display:inline-block;
}
.news, .working {
width:95%;
margin:0px auto;
padding:10px 0px;
}
.news h2 {
text-align:center;
}
.working {
background:none;
border-top:1px dotted #a9a9a9;
}
#Footer {
text-align:center;
}
/*----- Form Styles -----*/
.feedback {
width: 100%;
}
.feedback ul {
border-collapse: separate;
border-spacing: 0px 4px;
}
.feedback li .form-label, .feedback li .form-field {
display: inherit;
margin: 5px 0px !important;
}
.form-label {
text-align: left !important;
}
.form-image {
display: none !important;
}
.submit-testimonial {
float:none;
margin:5px auto 10px auto;
}
}
@media screen and (max-width : 640px) {
#tell-friend {
	top: 5%;
	left: 62%;
}
}