@charset "utf-8";
/* CSS Document */
/* Web Fonts from fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2014 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Brownfox
 * License URL: http://www.fontspring.com/licenses/brownfox/webfont
 */

@font-face 					{ font-family: 'geometria_lightlight';
						    src: url('fonts/Geometria-Light-webfont.eot');
						    src: url('fonts/Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'),
					        url('fonts/Geometria-Light-webfont.woff2') format('woff2'),
							url('fonts/Geometria-Light-webfont.woff') format('woff'),
							url('fonts/Geometria-Light-webfont.ttf') format('truetype'),
							url('fonts/Geometria-Light-webfont.svg#geometria_lightlight') format('svg');
							font-weight: normal;
							font-style: normal; }
							

/*text tyle */
h1, .h1, h2, .h2, h3, .h3 	{ margin-top: 0; }						
h2, h3, h4 					{ font-family: 'geometria_lightlight', sans-serif; font-weight: 300; font-size:20px; margin:0; padding-bottom:5px; }
h1							{ font-family: 'geometria_lightlight', sans-serif; font-weight: 400; font-size:26px; padding-top:15px; }
p, li 							{ font-family: 'geometria_lightlight', sans-serif; }

/*header Content  */
#logo_img					{ width:50%; height:60%; float:left; }
#clinic-details				{ width:50%; height:60%; float:left; text-align:right; padding-right:15px; padding-top:15px; margin-bottom:20px; }
@media (max-width: 768px)   {   #logo_img					{ width:100%; height:auto; float:none; text-align:center;}
                                #clinic-details				{ width:100%; height:auto; float:none; text-align:center; padding:0;}
                            }
.vetName .name, .vetPhone a.phone, .vetAfterhours .afterhourPhone, .vetAfterhours span   {color:inherit; text-decoration:none;}
.vetPhone a.phone           {font-size: 24px;}
.vetAfterhours .afterhourPhone  		{ font-size: 16px; padding-left: 5px; font-weight: 300; }
/*page layout*/
.content p , .content li					{ line-height: 30px; font-size: 16px; }
.banner .container 			{ min-height: 150px; padding: 30px 20px 10px 20px;}
#banner-top					{ width:100%; padding-right:15px;}
.middle .container 			{ padding-bottom: 20px; }

.top .container 			{ padding: 0; }
#main-content				{ z-index:50;margin-top:-25px;padding-bottom:20px;padding-top:20px;overflow:hidden;	}
.bottom p 					{ font-size:11px;}
img,.imgLogo				{ max-width:100%;}
.bottom .container  a		{ color: #666; }
.adblock1H, .adblock2H      {text-align:center;}


/*Our Staff */
.motContainer               {position:relative; border-bottom:1px dashed #666; padding-bottom:15px;margin-bottom:15px;}
.motPhoto                   {float:left; padding:5px 0; margin-right:20px;}
.motName .cStaffName                  {display:block;font-weight: 100;font-size: 24px;font-weight: 100;}
.motQualification           {font-size: 12px; display:block; }
.motJobtitle                {display:block; font-size:10px; font-weight:700;  width:95px;}
.motDesc                    {clear:both;padding-top:20px; clear:left;}


/*side bar*/
#clinic-hours-base			{ z-index:40; margin-top:-25px; padding:5px;padding-top:20px;}
#clinic-hours-box			{ z-index:60;padding-top:15px;padding-left:10px;padding-right:10px;padding-bottom:0;margin-bottom:20px;margin-top:-10px;margin-left:8px;margin-right:8px;overflow:hidden;}
.local2u                    {width:100%;display:block; text-align:center;}



/*----- Sub page layout ----*/
#contact-content			{ background-image:url(images/contactus-bg.jpg);background-repeat: no-repeat; background-position: right bottom; background-color:#fff;}
#subpage-content			{ padding-left:35px; padding-right:20px; padding-bottom:10px; padding-top:10px; }
#subpage-base-image			{ text-align:center;}
#photo						{ border-radius:1em; width:100px; height:100px; float:left; border:2px solid;margin-right:20px;}
#member-details				{ float:left;}
hr							{ clear:both;}
#contact-content			{ padding-left:25px; padding-bottom:25px;padding-top:25px;}

/*---------------Navigation styles ------------------*/

.nav.navbar-nav li a 											{ color: #FFF; font-family: 'Lato', sans-serif; font-size:17px; font-weight:500;}
.nav.navbar-nav li a:hover 										{ color:#333030; background-color: transparent;}
/*.navbar-toggle 													{ color: #009b9b; font-size: 32px; margin: 3px; padding: 2px 5px; line-height: 32px; }*/
.navbar-toggle:hover 											{ background-color: #333030; }
.nav.navbar-nav 												{ margin: 0; }
.nav.navbar-nav li#navi1										{ background-color:#EE6C4F; border-top-left-radius:1em; padding-top:8px;}
.nav.navbar-nav li#navi2										{ background-color:#A772AC;	}
.nav.navbar-nav li#navi3										{ background-color:#4FBCCA;	}
.nav.navbar-nav li#navi4										{ background-color:#65C3A0;	}
.nav.navbar-nav li#navi5										{ background-color:#B6C94F;	}
.nav.navbar-nav li#navi6										{ background-color:#D1B262;	}
.nav.navbar-nav li#naviLast										{ background-color:#E6D5A8; }
.last, #naviLast												{ border-top-right-radius:1em;}
/*.nav.navbar-nav li#navi3.dropdown.open ul.dropdown-menu li a	{ background-color:#4FBCCA; }
.nav.navbar-nav li#navi3.dropdown.open a.dropdown-toggle		{ background-color:#4FBCCA; }
.nav.navbar-nav li#navi3.dropdown.open ul.dropdown-menu			{ background-color: transparent; padding:1px 0; }
.nav.navbar-nav li#navi3 ul.dropdown-menu li a:hover 			{ color:#333030;}





/*--------------- Slider ---------------------- */


.carousel-inner				{ line-height:0; }

/*---------end slider ------*/

/*----Social media top bar styles -----*/
#social-media-container1		{ padding-left:10px; padding-bottom:5px; padding-right:5px; padding-top:5px; border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-right-radius:1em; border-bottom-left-radius:1em; height:45px; width:300px; float:right; margin-bottom:10px; text-align:left; }
@media (max-width: 768px)   {   #social-media-container	 { display:none;}}

/*------ SOCIAL MEDIA icon fonts ------ */

@font-face 					{ font-family: 'icomoon';
							src:url('fonts/icomoon.eot?-2gkmrv');
							src:url('fonts/icomoon.eot?#iefix-2gkmrv') format('embedded-opentype'),
							url('fonts/icomoon.woff?-2gkmrv') format('woff'),
							url('fonts/icomoon.ttf?-2gkmrv') format('truetype'),
							url('fonts/icomoon.svg?-2gkmrv#icomoon') format('svg');
							font-weight: normal;
							font-style: normal; }
							
@font-face 					{ font-family: 'icomoon';
							src:url('fonts/icomoon.eot?37f87l');
							src:url('fonts/icomoon.eot?#iefix37f87l') format('embedded-opentype'),
							url('fonts/icomoon.woff?37f87l') format('woff'),
							url('fonts/icomoon.ttf?37f87l') format('truetype'),
							url('fonts/icomoon.svg?37f87l#icomoon') format('svg');
							font-weight: normal;
							font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon';
							speak: none;
							font-style: normal;
							font-weight: normal;
							font-variant: normal;
							text-transform: none;
							line-height: 1;
						    /* Better Font Rendering =========== */
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale; }
.icon-googleplus:before		 { content: "\e602"; }
.icon-twitter:before 		 { content: "\e603"; }
.icon-pinterest:before 		 { content: "\e604"; }
.icon-facebook2:before 		 { content: "\e601"; }
.icon-facebook2  			 { font-size:32px; margin:5px; }
.icon-pinterest				 { font-size:32px; margin:5px; }
.icon-twitter				 { font-size:32px; margin:5px; } 
.icon-googleplus			 { font-size:32px; margin:5px; }

/* --------------- End SOCIAL MEDIA icon fonts -----------*/

/*-----------------Bootstrap overrides----------------- 


.navbar-default .navbar-brand 		{ color: #FFF;}
.navbar.navbar-default				{ background-color:#333030;}/*--- background color for the navigation bar  --

.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333030; }/* background color for the menu icon in the mobile version 
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF;}
.navbar-nav li a:hover 				{ color:#333030; background-color: red; }
.navbar-toggle 						{ color: #fff; font-size: 32px; margin-right: 25px; padding: 2px 5px; line-height: 32px; margin-top:10px; }
.navbar 							{ border: 1px solid transparent; margin-bottom: 0;}






/*======= bootstrap menu overrides =======*/
.navbar                                 { min-height: 15px;margin-bottom:0;}
.navbar-nav 						    { margin: 0; }
.navbar-nav .open .dropdown-menu        { background-color:inherit;}
.navbar-default .navbar-nav li a 	    { color: #FFF; font-family: 'Lato', sans-serif; font-size:12px; font-weight:500; }
.navbar-default                         { background:transparent; border:0px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.navbar.navbar-default				    { border:0;}
@media (max-width: 768px)               {.navbar-default {background:  no-repeat 50% 0;}}
.caret                                  {color:inherit;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus                                 { color:#fff;}
.navbar-default .navbar-nav > li > a                                                                                                    { color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus                                                  {color:#fff; background-color:inherit;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus   { color:inherit;background-color:inherit;}
.dropdown-menu, .highlighted                                                                                                            {background-color:inherit;}
.dropdown-menu > li > a                                                                                                                 {color:#fff;}
.nav > li                                                                                                                               { }
.navbar-default .navbar-collapse, .navbar-default .navbar-form                                                                          {border:0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus                                                              { background-color:#d61a19;}
.navbar-default .navbar-toggle .icon-bar            {background-color:#fff;}
.navbar-collapse 					                { padding-left:0; padding-right:0;}
.responsiveNav, .level1.nav.navbar-nav.static       { float:none !important;}/*Used to remove asp.net style*/

/* ------Media Query ----------*/

@media (max-width:768px) {
.nav.navbar-nav li#navi1 	{ border-top-left-radius:0em; }
.last					 	{ border-top-right-radius:0em;	}
.nav.navbar-nav>li>a	 	{ margin-bottom:0;	}
#clinic-hours-base		 	{ margin-top:5px; } 
#contact-content			{ background-image:	none;}
}

/*justified nav fix */
@media (min-width: 769px) {
.navbar .navbar-inner      			{ padding: 0;}
.navbar .nav               			{ margin: 0;display: table;width: 100%;}
.navbar .nav > li          			{ display: table-cell;width: auto;float: none;}
.navbar .nav > li > a      			{ font-weight: bold;text-align: center;}
.navbar .nav > li:first-child a 	{ border-left: 0;border-radius: 3px 0 0 3px;}
.navbar .nav > li:last-child a    	{ border-right: 0;border-radius: 0 3px 3px 0;}
}