/*
Theme Name: Perth Neurosurgery
Theme URI: http://www.yourpracticeonline.com.au/
Description: This theme is completely compatible with WordPress 4.0
Author URI: http://www.yourpracticeonline.net
Version: 1.0
*/
/* ------------------------------ Fonts CSS ------------------------------ */
@font-face {
font-family: 'MyriadPro-Regular';
src: url('/fonts/myriadpro-regular.eot');
src: url('/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/myriadpro-regular.otf')  format('opentype'),
url('/fonts/myriadpro-regular.woff') format('woff'),
url('/fonts/myriadpro-regular.ttf')  format('truetype'),
url('/fonts/myriadpro-regular.svg#MyriadPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Raleway';
src: url('/fonts/Raleway-Regular.eot');
src: url('/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/Raleway-Regular.woff') format('woff'),
url('/fonts/Raleway-Regular.ttf') format('truetype'),
url('/fonts/Raleway-Regular.svg#Raleway') format('svg');
}
@font-face {
font-family: 'Raleway-Light';
src: url('/fonts/Raleway-Light.eot');
src: url('/fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
url('/fonts/Raleway-Light.woff') format('woff'),
url('/fonts/Raleway-Light.ttf') format('truetype'),
url('/fonts/Raleway-Light.svg#Raleway-Light') format('svg');
}
@font-face {
font-family: 'Raleway-Bold';
src: url('/fonts/Raleway-Bold.eot');
src: url('/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/Raleway-Bold.woff') format('woff'),
url('/fonts/Raleway-Bold.ttf') format('truetype'),
url('/fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
}
@font-face {
font-family: 'Raleway-Medium';
src: url('/fonts/Raleway-Medium.eot');
src: url('/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
url('/fonts/Raleway-Medium.woff') format('woff'),
url('/fonts/Raleway-Medium.ttf') format('truetype'),
url('/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
}
@font-face {
font-family: 'fjallaoneregular';
src: url('/fonts/FjallaOne-Regular-webfont.eot');
src: url('/fonts/FjallaOne-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/FjallaOne-Regular-webfont.woff2') format('woff2'),
url('/fonts/FjallaOne-Regular-webfont.woff') format('woff'),
url('/fonts/FjallaOne-Regular-webfont.ttf') format('truetype'),
url('/fonts/FjallaOne-Regular-webfont.svg#fjallaoneregular') format('svg');
font-weight: normal;
font-style: normal;

}
#toTop {
  width: 100px;
  background: #1097E9;
  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: #1097E9;
}
#dc_jqaccordion_widget-3-item{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c;}
#dc_jqaccordion_widget-3-item ul, #dc_jqaccordion_widget-3-item ul li {margin: 0; padding: 0; border: none; list-style: none;font: normal 14px/18px 'Raleway-Medium';}
#dc_jqaccordion_widget-3-item ul a {padding: 10px 10px 10px 15px; background: #0D5995; text-decoration:none; display: block; color: #fff; border-bottom: 1px solid #013d6c; border-top: 1px solid #4695d3;}
#dc_jqaccordion_widget-3-item ul ul a {padding: 10px 10px 10px 25px;}
#dc_jqaccordion_widget-3-item ul a.dcjq-parent, #dc_jqaccordion_widget-3-item ul a.dcjq-parent:hover {padding: 10px 10px 10px 15px;}
#dc_jqaccordion_widget-3-item ul a.dcjq-parent.active {background: #0D5995 url(/images/checkers.png) repeat 0 0;}
#dc_jqaccordion_widget-3-item ul a:hover {background: #05477c;}
/* ------------------------------ 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 {
margin:0 15px 15px 0;
float: left;
}
.align-center{
	text-align:center;
}
.align-right {
float: right;
}
.align-right img {
margin: 5px 0 0 15px;
}
.videoBorder {
border: 4px solid #333;
}
.img-size {
width: 100%;
height: auto;

}
/* ------------------------------ Banner CSS ------------------------------ */
.rslides {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
position: relative;
}
.rslides img {
height: auto;
width: 100%;
}
.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 1170px;
}
.Intra-Tabs {
position: absolute;
z-index: 200;
margin: 0px;
padding: 0px;
}
/* ------------------------------ Scrolling Styles ------------------------------ */
#flexiselDemo1 {
margin: 0px;
padding: 0px;
display: block;
list-style: none;
overflow: hidden !important;
}
.nbs-flexisel-container {
margin: 0px;
padding: 0px;
position: relative;
max-width: 100%;
overflow: hidden !important;
}
.nbs-flexisel-ul {
width: 9999px;
*width:9999px;
position: relative;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden !important;
}
.nbs-flexisel-inner {
width: 90%;
max-width: 90%;
height: 114px;
margin: 0px auto;
padding: 0px;
overflow: hidden !important;
}
.nbs-flexisel-item {
margin: 0px;
padding: 0px;
float: left;
overflow: hidden !important;
vertical-align: middle;
}
.nbs-flexisel-item img {
vertical-align: middle;
margin-top: 25px;
}
.nbs-flexisel-item a, .nbs-flexisel-item a:hover {
text-decoration: none;
}
/* ------------------------------ Menu CSS ------------------------------ */
#access {
display: block;
margin: 0px;
padding: 0px;
}
#access li {
font: normal 15px/48px 'Raleway-Medium';
height: 48px;
color: #ffffff;
float: left;
position: relative;
text-align: center;
border-left: 1px solid #333FBB;
width: 16.4%;
}
#access li:last-child {
border-right: 1px solid #333FBB;
}
#access a {
display: block;
color: #ffffff;
}
#access a:hover {
background: #4ac1b0;
color: #ffffff;
text-decoration: none;
}
#access ul ul {
position: absolute;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
z-index: 99999;
}
#access ul ul li {
font: normal 15px/40px Arial, Geneva, sans-serif;
height: 40px;
color: #ffffff;
text-align: left;
text-transform: none;
float: none;
border-bottom: 1px solid #002051 !important;
width:215px;
}
#access ul ul a {
background: url(/images/menu-li-bg.png) no-repeat 8px center #18478f;
color: #ffffff;
padding: 0px 0px 0px 25px;
}
#access ul ul a:hover {
background: url(/images/menu-li-bg-on.png) no-repeat 8px center #4ac1b0 !important;
color: #ffffff !important;
}
.menu-item-454 ul li {
width: 230px !important;
}
.menu-item-257 ul li {
width: 190px !important;
}
.menu-item-258 ul li {
width: 300px !important;
}
.menu-item-276 ul li {
width: 245px !important;
}
#access ul ul ul {
left: 100%;
top: 0px;
}
#access ul li:hover > ul {
display: block;
}
.menu li a:hover, .menu > li:hover > a, .menu li.current_page_item > a, .menu li.current-menu-item > a {
color: #ffffff !important;
background: #4ac1b0 !important;
}
.menu > li.current-menu-ancestor > a, .menu > li.current_page_ancestor > a {
color: #ffffff !important;
background: #4ac1b0 !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: url(/images/menu-li-bg-on.png) no-repeat 8px center #4ac1b0 !important;
color: #ffffff !important;
}
.menu ul > li.current-menu-ancestor > a, .menu ul > li.current_page_ancestor > a {
background: url(/images/menu-li-bg-on.png) no-repeat 8px center #4ac1b0 !important;
color: #ffffff !important;
}
.menu ul ul li a:hover, .menu ul ul > li:hover > a, .menu ul ul li.current_page_item > a, .menu ul ul li.current-menu-item > a {
background: url(/images/menu-li-bg-on.png) no-repeat 8px center #4ac1b0 !important;
color: #ffffff !important;
}
.menu ul ul > li.current-menu-ancestor > a, .menu ul ul > li.current_page_ancestor > a {
background: url(/images/menu-li-bg-on.png) no-repeat 8px center #4ac1b0 !important;
color: #ffffff !important;
}
/*----- Navigation -----*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 30px;
height: 30px;
position: absolute;
cursor: pointer;
z-index: 100;
top: 0px;
}
.nbs-flexisel-nav-left {
left: 3px;
}
.nbs-flexisel-nav-right {
right: 3px;
}
/* ------------------------------ Theme Styles ------------------------------ */
#Container, header, footer, #Credibilty-Container, #Doctor-Container, #Adult-Neuro-Container, Practice-Location-Container, #Copyright, #Services-Container, #Intra-Container, #Intra-Container-S, #Content-Container {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}
#Main-Menu {
width: 100%;
margin: 0px;
padding: 0px;
position: relative;
}
#Header, #Menu, #Footer-Container, #Credibilty, #Doctor-Section, #Adult-Neuro, #Practice-Location, #Services-Section, #Intractivity, #Intractivity-S, #Content-Main, .intra-head-s {
max-width: 940px;
min-width: 320px;
margin: 0px auto;
padding: 0px;
}
#Intractivity {
max-width: 2100px;
position: relative;
}
#Footer-Services .intra-div, #Practice-Location .intra-div, #Content-Main .intra-div {
display: table;
}
#Footer-Services, #Navigate, #Links, #Social-Media, #Location, #InThe-News, #Quick-Links, #Content-Left, #Sidebar {
display: table-cell;
vertical-align: top;
}
.logo {
float: left;
width: 58%;
}
.logo img {
margin: 10px 0px 0px 0px;
}
.appointment {
float: right;
width: 220px;
}
.appoint, .appoint a, .appoint a:hover {
font: bold 23px/24px Arial, Helvetica, sans-serif;
color: #212c65;
margin-top: 55px;
}
.book-appoint {
font: bold 14px/32px Arial, Helvetica, sans-serif;
color: #ffffff;
border-radius: 5px;
margin-top: 10px;
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -56px 0px #009ca7;
}
.book-appoint a, .book-appoint a:hover {
font: bold 14px/32px Arial, Helvetica, sans-serif;
color: #ffffff;
padding-left: 38px;
display: block;
}
#Main-Menu, #Menu {
background: #1097e9;
height: 48px;
}
#Mobile-Menu {
display: none;
}
header {
background: #ffffff;
}
#Header {
min-height: 167px;
}
.social-media {
width: 200px;
margin: 40px 0px 0px 0px;
}
.social-media li {
width: 40px;
float: left;
text-indent: -9999px;
white-space: nowrap;
background: url(/images/perth-neurosurgery-sprite.png) no-repeat 0px 0px;
}
.social-media li a {
height: 34px;
display: block;
}
.social-media li:hover {
transform: scale(1.3);
transition: transform 0.1s ease 0s, opacity 0.1s ease 0s;
}
.facebook-h {
background-position: left top !important;
}
.googleplus-h {
background-position: left -60px !important;
}
.linkedin-h {
background-position: left -120px !important;
}
.twitter-h {
background-position: left -180px !important;
}
.youtube-h {
background-position: left -240px !important;
}
#Intra-Container .intra-section {
width: 58%;
float: left;
position: relative;
}
#Intra-Container-S {
background: #4380af;
}
#Intractivity-S {
position: relative;
}
.intra-head-s {
font: 20px/25px 'Raleway';
color: #ffffff;
right: 10px;
padding: 50px 150px 0px 0px;
position: absolute;
}
.intra-head-s span {
font: 29px/45px 'fjallaoneregular';
color: #ffffff;
text-transform: uppercase;
}
#Intra-Container .Intra-Tabs {
width: 100px;
bottom: 20px;
right: 15px;
}
#Intra-Container-S .Intra-Tabs {
width: 100px;
bottom: 20px;
right: 15px;
}
#Intra-Container .Intra-Tabs li, #Intra-Container-S .Intra-Tabs li {
width: 12px;
height: 12px;
float: left;
margin: 0px 8px 0px 0px;
}
#Intra-Container .Intra-Tabs li a, #Intra-Container-S .Intra-Tabs li a {
border-radius: 10px;
display: block;
width: 100%;
height: 100%;
border: 1px solid #212B66;
}
#Intra-Container .Intra-Tabs li a:hover, .Banner_here a {
background: #212B66 !important;
}
#Doctor-Container {
background: #EDEDED;
}
#Services-Section {
min-height: 500px;
}
.services-heading, .services-heading a, .services-heading a:hover {
font: 40px/40px 'Raleway-Light';
color: #4CC3AF;
text-align: center;
padding-top: 50px;
}
.services-heading li {
float: left;
width: 25%;
}
.services-heading li a {
font: 18px/22px 'Raleway-Medium';
color: #343434;
display: block;
}
.services-heading li:nth-child(2) a {
  padding: 50px 0 20px;
}
.services-heading li:nth-child(2) p span a {
  padding: 0px 0 0px 0;
  margin: 2% auto 0px auto;
}


.services-heading li a:hover {
font: 18px/22px 'Raleway-Medium';
color: #343434;
}
.services-heading p {
font: 14px/18px Arial;
color: #8a8a8a;
padding: 5px 20px 0px 0px;
}
p.less-margin {
  margin: -20px 0 0 !important;
}
.services-heading img {
margin-bottom: 10px;
}
.services-heading span, .services-heading span a, .services-heading span a:hover {
font: bold 14px/30px Arial;
color: #ffffff;
text-align: center;
background: #B0B0B0;
text-transform: uppercase;
padding: 0px;
width: 100px;
margin: 30px auto 0px;
border-radius: 5px;
}
#Doctor-Section {
min-height: 330px;
}
.doctor-img {
float: left;
width: 35%;
}
.doctor-profile {
float: left;
width: 55%;
padding-top: 65px;
}
.doctor-profile h1, .doctor-profile h1 a {
font: 32px/36px verdana;
color: #328f82;
}
.doctor-profile h1 span, .doctor-profile h1 a span {
font: 16px/16px verdana;
color: #343434;
}
.doctor-profile h2, .doctor-profile h2 a {
font: 19px/22px verdana;
color: #343434;
}
.doctor-profile h3, .doctor-profile h3 a {
font: 14px/18px Arial;
color: #676767;
padding: 20px 0px;
}
.read-more {
font: 14px/22px Arial;
color: #ffffff;
width: 112px;
margin-bottom:20px;
}
.read-more a {
font: 14px/22px Arial;
color: #ffffff;
background: #8697A1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px;
}
.read-more a:hover {
color: #ffffff;
background: #009CA7;
text-shadow: rgb(255, 255, 255) 0px 0px 10px;
-moz-text-shadow: rgb(255, 255, 255) 0px 0px 10px;
-webkit-text-shadow: rgb(255, 255, 255) 0px 0px 10px;
-o-text-shadow: rgb(255, 255, 255) 0px 0px 10px;
-ms-text-shadow: rgb(255, 255, 255) 0px 0px 10px;
-webkit-transition: background 600ms linear;
-moz-transition: background 600ms linear;
-ms-transition: background 600ms linear;
-o-transition: background 600ms linear;
transition: background 600ms linear;
}
#Credibilty {
height: 114px;
}
#Credibilty .nbs-flexisel-nav-right {
background: url("/images/perth-neurosurgery-sprite.png") no-repeat -30px -300px;
right: 10px;
top: 50px !important;
}
#Credibilty .nbs-flexisel-nav-left {
background: url("/images/perth-neurosurgery-sprite.png") no-repeat 0px -300px;
left: 10px;
top: 50px !important;
}
#Adult-Neuro-Container {
background: url("/images/extensive-adult-neuro-bg.jpg") no-repeat center 0px;
}
#Adult-Neuro {
height: 391px;
}
.neuro-heading {
width: 55%;
}
.neuro-heading, .neuro-heading a {
font: 35px/40px 'Raleway-Light';
color: #ffffff;
padding: 100px 0px 0px 5%;
}
.neuro-heading span, .neuro-heading span a {
font: 35px/40px 'Raleway-Bold';
color: #ffffff;
}
.neuro-heading p, .neuro-heading p a {
font: 14px/17px Arial;
color: #ffffff;
padding-bottom: 10px;
}
.neuro-more {
font: bold 15px/25px Arial;
color: #ffffff;
border-top: 2px dotted #ffffff !important;
width: 270px;
}
.neuro-more a {
font: bold 15px/25px Arial;
color: #ffffff;
padding: 0px;
display: block;
}
#Practice-Location {
min-height: 346px;
}
#Location, #InThe-News, #Quick-Links {
width: 33%;
padding-top: 70px;
}
.location-txt, .location-txt a {
font: 24px/40px 'Raleway-Light';
color: #0067a9;
}
.location-txt span, .location-txt span a {
font: bold 15px/19px Arial;
color: #373737;
}
.location-txt p, .location-txt p a {
font: normal 14px/19px Arial;
color: #8a8a8a;
margin: 0px;
}
.location-txt img {
margin-top: 10px;
border:2px solid #B7C7C7;
}
.news-txt, .news-txt a {
font: 24px/40px 'Raleway-Light';
color: #0067a9;
}
.news-txt span, .news-txt span a {
font: bold 14px/19px Arial;
color: #053b5d;
}
.news-txt p, .news-txt p a {
font: normal 14px/19px Arial;
color: #8a8a8a;
padding:0px 36px 15px 0px;
}
.news-more {
font: 14px/22px Arial;
color: #ffffff;
width: 73px;
}
.news-more a {
font: 14px/22px Arial;
color: #ffffff;
background: #73bab0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 8px 20px;
}
.quick-links {
font: normal 16px/40px 'Raleway-Medium';
color: #053b5d;
}
.quick-links a {
color: #053b5d;
display: block;
padding-left: 60px;
}
.quick-links li {
margin: 0px 5px 12px 10px;
width: 297px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
float: right;
background-color: #aaddff !important;
}
.quick-links li:hover {
background-color: #abf3e9 !important;
}
.media-h {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -45px -48px !important;
}
.forms-h {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -45px -113px !important;
}
.fvisit-h {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -45px -175px !important;
}
/* Subpage styles*/
#Sidebar {
width: 290px;
}
.services-list {
margin: 30px 0px 6px 0px;
}
.services-list li {
height: 50px;
font: normal 16px/50px 'Raleway-Medium';
color: #ffffff;
border-bottom: 1px solid #005287;
}
.services-list li a {
color: #fff;
display: block;
padding: 0px 0px 0px 60px;
}
.neuro a {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -225px #2188c6;
}
.neuro a:hover {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -225px #009ca7;
}
.brain a {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -290px #2188c6;
}
.brain a:hover {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -290px #009ca7;
}
.minimal a {
height: 50px;
font: normal 16px/50px 'Raleway-Medium';
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -350px #2188c6;
}
.minimal a:hover {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -350px #009ca7;
}
.complex a {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -43px -411px #2188c6;
}
.complex a:hover {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -43px -411px #009ca7;
}
.peripheral a {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -473px #2188c6;
}
.peripheral a:hover {
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -50px -473px #009ca7;
}

.movement a {
background: url(/images/sidebar-movement.png) no-repeat 10px 9px #2188c6 ;
}

.movement a:hover {
background: url(/images/sidebar-movement.png) no-repeat 10px 9px #009ca7;
}


.doctor-profile-s {
border: 1px solid #c6c6c6;
background: url(/images/dr-bg-s.jpg) no-repeat left bottom #f9f9f9;
height: 110px;
}
.doctor-txt-s {
font: normal 17px/19px 'Raleway-Bold';
color: #328f82;
padding: 15px 0px 0px 80px;
}
.doctor-txt-s span {
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #343434;
}
.dr-more, .dr-more a {
font: normal 13px/22px Arial, Helvetica, sans-serif;
color: #ffffff;
background: #8697a1;
text-align: center;
width: 90px;
border-radius: 3px;
margin-top: 5px;
}
.neuro-heading-s {
color: #ffffff;
font: 16px/20px "Raleway-Light";
margin-top: 6px;
}
.neuro-heading-s a {
color: #ffffff;
font: 16px/20px "Raleway-Light";
width: 210px;
height: 77px;
padding: 20px 0 0 80px;
display: block;
background: url(/images/extensive-adult-neuro-bg-s.jpg) no-repeat 0px 0px;
}
.neuro-heading-s span, .neuro-heading-s span a {
color: #ffffff;
font: 18px/28px "Raleway-Bold";
}
.neuro-more-s {
border-top: 2px dotted #ffffff !important;
color: #ffffff;
font: bold 13px/25px Arial;
width: 200px;
}
.neuro-more-s a {
font: bold 15px/25px Arial;
color: #ffffff;
padding: 0px;
display: block;
}
.quick-links-s {
font: normal 15px/40px 'Raleway-Medium';
color: #053b5d;
margin-top: 8px;
}
.quick-links-s a {
color: #053b5d;
display: block;
padding-left: 55px;
}
.quick-links-s li {
margin: 0px 0px 1px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-color: #aaddff !important;
}
.quick-links-s li:hover {
background-color: #abf3e9 !important;
}
#Location-S {
border: 1px solid #c6c6c6;
margin-top: 5px;
}
.location-txt-s {
color: #0067a9;
font: 24px "Raleway";
padding: 15px 0px 15px 15px;
}
.location-txt-s a {
color: #0067a9;
}
.location-txt-s img {
margin: 8px 0px;
border:2px solid #B7C7C7;
}
.location-addres-s, .location-addres-s a {
color: #373737;
font: normal 13px/19px Arial, Helvetica, sans-serif;
}
#News-S {
border: 1px solid #c6c6c6;
margin-top: 5px;
}
.news-txt-s {
color: #0067a9;
font: 24px/50px "Raleway";
padding: 5px 0px 20px 15px;
}
.news-txt-s a {
color: #0067a9;
}
.news-intro-s, .news-intro-s a {
color: #373737;
font: normal 13px/19px Arial, Helvetica, sans-serif;
}
.news-more-s {
font: 14px/22px Arial;
color: #ffffff;
width: 73px;
}
.news-more-s a {
font: 14px/22px Arial;
color: #ffffff;
background: #73bab0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 8px 20px;
}
/* Footer styles*/
footer {
background: #2c346a;
}
#Footer-Container {
font: 13px/25px Verdana, Geneva, sans-serif;
color: #c3caf3;
min-height: 280px;
}
#Footer-Container a {
color: #c3caf3;
text-decoration: underline;
}
#Footer-Container a:hover {
color: #c3caf3;
text-decoration: none;
}
.footer-head, .footer-head a, .footer-head a:hover {
font: 22px/40px 'Raleway-Light';
color: #c3caf3;
padding-top: 30px;
}
#Footer-Services, #Social-Media {
width: 32%;
}
#Navigate, #Links {
width: 19%;
}
#Copyright {
font: 13px/25px Verdana, Geneva, sans-serif;
border-top: 1px solid #394685;
text-align: center;
color: #c3caf3;
padding: 20px 0px
}
#Copyright a {
font: 13px/25px Verdana, Geneva, sans-serif;
color: #c3caf3;
}
/*----- Navigation Starts -----*/
.navigation {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #044384;
padding: 10px 30px 10px 10px;
}
.navigation a {
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.navigation a:hover {
color: #333333;
text-decoration: underline;
}
/*----- textMain Starts -----*/
.textMain {
font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
color: #25282b;
padding: 10px 30px 30px 10px;
text-align: justify;
}
.textMain a {
color: #005087;
text-decoration: underline;
}
.textMain a:hover {
color: #005087;
}
.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 ul.pdf li{
	background:	url(/images/print.png) no-repeat 10px 6px;padding: 5px 0px 5px 40px;

}
.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 -----*/
.textMain h1 {
font: normal 30px/35px 'Raleway-Light';
color: #212c65;
margin: 0px 0px 25px 0px;
text-align: left;
}
.textMain h2 {
font: normal 24px/28px Arial;
color: #034487;
text-align: left;
}
.textMain h2 a {
color: #009CA7;
}
.textMain h2 a:hover {
text-decoration: underline;
}
.textMain h3 {
font: normal 18px/22px 'MyriadPro-Regular';
color: #2188c6;
text-align: left;
}
.textMain h3 a {
color: #2188c6;
}
.textMain h3 a:hover {
text-decoration: underline;
}
.textMain h4 {
font: normal 16px/20px 'MyriadPro-Bold';
color: #eda600;
text-align: left;
}
.textMain h4 a {
color: #eda600;
}
.textMain h4 a:hover {
text-decoration: underline;
}
.textMainBold {
font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
color: #555555;
text-align: left;
}
.textMainBold a {
color: #005087;
}
.textMainBold a:hover {
text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
.widget-title {
display: none;
}
/*----- Forms Style Starts -----*/

.formHead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 5px 10px 5px 10px;
background: #1097e9;
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;
}

/* ------------------------------ Form CSS ------------------------------ */
.contact-details {
border: 1px solid #1097E9;
margin: 15px auto 0;
padding: 3px;
}
.contact-details .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;
float: left;
}
.map-pics {
display: table-cell;
float: right;
text-align: center;
vertical-align: top;
width: 350px;
}
.map-pics img {
margin: 5px;
border: 2px solid #1097E9;
}
.map-pics img:hover {
border: 2px solid #B73500;
}
.contact-ph {
color: #25282b;
margin: 2px 0px 10px 0px;
}
.contact-ph a {
color: #25282b;
text-decoration: none;
}
.contact-ph a:hover {
color: #e5a5a5;
text-decoration: none;
}
.contact-ph ul {
margin: 0px !important;
padding: 0px !important;
}
.contact-ph li {
font: bold 16px/40px 'MyriadPro-Regular';
width: 50%;
float: left;
height: 40px;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.contact-ph img {
margin: 0px 10px 0px 5px;
}
.feedback {
width: 95%;
margin: 10px auto;
padding: 0px 0px 10px 0px;
border-radius: 5px;
}
.feedback, .feedback .form-text, .feedback .form-area, .feedback .form-select, .feedback .form-button, .feedback .form-f-area, .feedback .form-file {
border: 1px solid #1097E9;
}
.feedback .form-text, .feedback .form-area {
color: #010101;
font: 12px/20px Verdana,Arial,Helvetica,sans-serif;
margin: 0;
width: 250px;
}
.form-name {
background: url(/images/contact-info.png) no-repeat center center #1097e9;
}
.form-email {
background: url(/images/contact-mail.png) no-repeat center center #1097e9;
}
.form-comment {
background: url(/images/contact-msg.png) no-repeat center center #1097e9;
float: left;
}
.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 div {
display: table-cell;
vertical-align: middle;
}
.feedback li div.form-label, .feedback li div.form-agree {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
max-width: none;
min-width: 100px;
padding: 5px 20px 5px 5px;
}
.feedback li div.form-label {
text-align: right;
}
.feedback li div.form-field {
width: 290px;
}
.feedback .form-text, .feedback .form-area, .feedback .form-select {
padding: 5px;
margin: 5px 0px;
}
.feedback .form-text, .feedback .form-area {
width: 250px;
}
.feedback .form-select, .feedback .form-file {
width: 260px;
}
.feedback .form-file {
margin: 5px 0px;
}
.feedback .form-button {
width: 100px;
margin: 10px 10px 0px 0px;
padding: 5px;
cursor: pointer;
}
.feedback .form-radio {
padding: 10px 5px;
margin: 0px;
}
.form-full {
width: 100%;
text-align: center;
}
.form-f-area {
width: 95%;
padding: 5px;
margin: 5px auto 5px auto;
}
.form-image {
width: 50px;
height: 40px !important;
padding: 0px !important;
border-radius: 10px 0px 0px 10px;
}
/* ------------------------------ Doctor Profile ------------------------------ */
.doctor-sec {
float: right;
margin: 10px 18px;
width: 190px;
}
.doctor-name {
background: #009CA8;
color: #fff;
border-radius: 2px;
text-align: center;
padding: 8px 0px;
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
}
.doctor-name span {
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

/*-------------------- Services Styles --------------------*/
.main-services {
float: left;
width: 100%;
background: #f7f7f7;
padding: 35px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border: 1px solid #e2e2e2;
}
.main-servives-image {
float: left;
width: 95px;
margin: -25px 20px 0px 28px;
}
.about-service {
float: left;
width: 427px;
padding: 0px 20px 0px 0px;
}
.servives-head {
font: normal 22px/26px 'Raleway-Medium';
border-bottom: 2px solid #e2e2e2;
padding: 0px 0px 18px 0px;
}
.servives-head a, .servives-head a:hover {
color: #343434;
text-decoration: none;
}
.service-list {
margin: 20px 0px 0px 0px;
}
.service-list ul li {
font: normal 14px/18px Arial, Helvetica, sans-serif;
clear: #212c65;
}
.service-list li a {
text-decoration: none;
color: #212c65 !important;
}
.service-list li a:hover { text-decoration:underline; color:#333;}
.services-readmore {
float: right;
margin: 10px 0px 20px 0px;
}
.services-readmore a {
font: italic 14px/18px Arial, Helvetica, sans-serif;
color: #4380AF;
text-decoration: underline;
}
.services-readmore a:hover {
text-decoration: none !important;
color: #1892E7;
}

/* ------- services-sublinks list styles------- */
.services-sublinks ul {
text-align: left;
display:table;
}
.services-sublinks li{
float: left;
font: normal 16px/20px 'Raleway-Medium';
color: #ffffff;
background-image: none !important ;
background-color: #4AC1B0 !important;
width: 285px;
margin: 0px 18px 11px 0px;
text-align: left;
position:relative;
padding:0px !important;
}
.services-sublinks a {
color: #ffffff;
display: table-cell;
height: 60px;
padding: 0 50px 0 28px;
text-align: left;
text-decoration: none;
vertical-align: middle;
width: 285px;
}
.services-sublinks li:hover a {
background: #2188c6; !important;
-ms-transition: all .25s linear;
-moz-transition: all .25s linear;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
color:#ffffff;
text-decoration:none !important;
}
.services-sublinks li:hover a span {
border-width: 0px;
border-style: none;
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -96px -553px;
background-color: transparent;
background-repeat: repeat;
-o-transition:300ms ease-out, background 1s ease-in;
-ms-transition:2s ease-out, background 2s ease-in;
-moz-transition:2s ease-out, background 2s ease-in;
-webkit-transition:2s ease-out, background 2s ease-in;
transition:300ms ease-out, background 300ms ease-in;
}
.services-sublinks a span {
height: 20px;
width: 20px;
position: absolute;
top: 40%;
right: 5px;
background: url(/images/perth-neurosurgery-sprite.png) no-repeat -75px -553px;
}


.UseFul-links {
height: auto;
margin: 10px 0;
padding: 0;
text-align: center;
width: 90%;
}
.UseFul-links img {
border: 1px solid #666666;
float: left;
margin: 2px;
padding: 10px;
}

/*--------------Tell A friend start--------------*/
#tell-main, #tell-friend {
display: none;
}
#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: 400px;
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: -25px -25px 0px 0px;
padding:0px;
float: right;
cursor: pointer;
border-radius: 50%;
background: #C9C9D6;
}
.iframe-video-size {
height: 660px;
width: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*---------------Our Doctor Page-------------------------*/
#doccontainer {
display: table;
width: 100%;
text-align: inherit;
}
.docrow {
position: relative;
margin: 5px auto;
display: table-row;
width: 100%;
}
.docleft, .docright {
border: 2px solid #009CA7;
display: table-cell;
float: left;
padding: 10px;
position: relative;
width: 45%;
margin:5px 0px;
}
.docmiddle {
display: table-cell;
width: 1%;
float: left;
}
.docrow p {
font: normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
}
.docleft img, .docright img {
margin-right: 15px;
float: left;
border: 2px solid #ffffff;
}
.docleft:hover, .docright:hover, .docleft:hover img, .docright:hover img {
border: 2px solid #4380AF;
}
.dr-div {
float: right;
margin: 0px 0px 10px 15px;
border:2px solid #1E3B83;
padding:3px;
}
.dr-div p {
clear:both;
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
color:#1E3B83 !important;
text-align:center;
}
.dr-div img {
border: 1px solid #1E3B83;
}

.envira-gallery-item img {
border: 2px solid #4380af;
padding: 2px;
}
@media screen and (max-width : 940px) {
.intra-head-s {
	padding:10px 10px 0px 0px;
	width:220px;
}
}
/* ------------------------------ Media Screen:768 CSS ------------------------------ */
@media screen and (max-width : 768px) {
.logo img {
margin: 10px 0 0 10px;
}
.services-heading li a, .services-heading li a:hover {
font: 16px/22px "Raleway-Medium";
}
.services-heading span a, .services-heading span a:hover {
margin-bottom: 10px;
}
.intra-head-s {
padding: 10px 10px 0px 0px;
}
.doctor-sec {
float: none;
margin: 10px auto;
}
.docleft, .docright {
width: 90%;
}
}
/* ------------------------------ Media Screen:700 CSS ------------------------------ */
@media screen and (max-width : 700px) {
#Location, #InThe-News, #Quick-Links {
display:inherit;
width: 45%;
margin: 0px auto;
padding-left: 5%;
padding-top: 0px;
}
.quick-links li {
width: 320px;
}
.align-right, .align-left {
float: none;
}
}
/* ------------------------------ Media Screen:640 CSS ------------------------------ */
@media screen and (max-width : 640px) {
.textMain {
    padding: 10px 10px 30px 10px;
	}
.contact-ph li {
    font: bold 15px/40px 'MyriadPro-Regular';
    width: 100%;
    float: none;
}
.logo {
float: none;
width: 90%;
margin:0px auto;
}
#Main-Menu {
display: none;
}
#Mobile-Menu {
display: block;
background: #1097E9;
}
.menu-item-454 ul li, .menu-item-276 ul li{
	width: 100% !important;	
}
.menu-m {
margin: 0px;
padding: 0px;
font: normal 16px/45px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 15px;
}
.menu-m a, .menu-m a:hover {
color: #fff;
display: block;
}
#wrapper {
position: absolute;
z-index: 1000;
overflow: hidden;
width: 100%;
}
.appointment {
float: none;
margin: 0px auto 20px;
}
.appoint {
margin-top:25px
}
.services-heading li {
width: 49%;
}
#Footer-Services, #Social-Media {
width: 45%;
float: left;
}
#Navigate, #Links {
width: 45%;
float: left;
}
#Footer-Services, #Links {
display:inherit;
padding-left: 5%;
}
#Content-Left, #Sidebar {
display:inherit;
}
#Sidebar {
margin: 0px auto;
}
#Adult-Neuro-Container {
background-size: 200% auto;
}
#Adult-Neuro {
height: auto !important;
padding-bottom: 10px;
}
.neuro-heading {
width: auto;
}
.neuro-heading, .neuro-heading a {
font: 28px/32px "Raleway-Light";
padding: 20px 0 0 5%;
}
.neuro-heading span, .neuro-heading span a {
font: 25px/30px "Raleway-Bold";
}
.neuro-more a {
font: bold 14px/18px Arial !important;
}
.intra-head-s {
padding: 10px 10px 0 0;
font: 16px/20px "Raleway";
min-width:215px;
}
.intra-head-s span {
font: 19px/25px "fjallaoneregular";
}
#Practice-Location {
min-height: auto;
}
/*----- Form Styles -----*/

.feedback {
width: 100%;
}
.feedback ul {
border-collapse: separate;
border-spacing: 0px 4px;
}
.feedback li div {
display: inherit;
margin: 5px 0px !important;
}
.form-label {
text-align: left !important;
}
.form-image {
display: none !important;
}
#Intra-Container-S .meet-dr {
width: 88%;
}
.news-more {
    margin: 0px 0px 13px 0px;
}
}
/* ------------------------------ Media Screen:480 CSS ------------------------------ */
@media screen and (max-width : 480px) {
.main-services {
    max-width: 94%;
    min-width: 305px;
}
.about-service {
    max-width: 280px;
    min-width: 300px;
}
#Location, #InThe-News, #Quick-Links {
width: 75%;
}
.services-heading li {
width: 90%;
}
#Navigate, #Links, #Footer-Services, #Social-Media {
float: none;
margin: 0 auto;
width: 90%;
}
#Navigate, #Social-Media {
display:inherit;
padding-left: 5%;
}
.doctor-profile h1, .doctor-profile h1 a {
font: 24px/28px verdana;
}
.doctor-profile h2, .doctor-profile h2 a {
font: 17px/21px verdana;
}
.doctor-img, .doctor-profile {
float: none;
margin: 0px auto;
width: 80%;
padding: 0px;
}
.neuro-heading, .neuro-heading a {
font: 20px/24px "Raleway-Light";
}
.neuro-heading span, .neuro-heading span a {
font: 18px/22px "Raleway-Bold";
}
.intra-head-s {
display: none;
}
.services-heading li {
    width: 100%;
}
.services-heading p {
    padding: 5px 20px 0px 0px;
}
}
/* ------------------------------ Media Screen:360 CSS ------------------------------ */
@media screen and (max-width : 360px) {
.about-service {
    max-width: 280px;
    min-width: 300px;
}	
.service-list {
    margin: 20px 0px 0px 0px;
    min-width: 260px;
}
.servives-head {
    padding: 0px 0px 18px 0px;
    max-width: 320px;
}	
.neuro-heading p, .neuro-heading p a {
	display: none;
}
.quick-links{
	width: 95%;
}
}
/* ------------------------------ Media Screen:320 CSS ------------------------------ */
@media screen and (max-width : 320px) {
.quick-links li {
width: 300px;
}
}