@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; }
							

body				                { font-family: 'geometria_lightlight', sans-serif;}
h1, .h1, h2, .h2, h3, .h3 			{ margin-top: 0;}
h2, h3, h4 			                { font-weight: 300; font-size:24px;	}
h1					                { font-weight: 400; font-size:26px; }
img					                { max-width:100%;}

/*Page Layout*/
#wrapper 			{ width:100%;  height: 100%; margin:0;}
#main-content-base	{ margin-top:0;} 
#main-content		{ padding:15px;overflow:hidden;}
#nav-bar_container	{ padding-bottom:20px;}
div.adverts		{clear:both;padding:15px;}
.adblock1H,.adblock2H  	{text-align:center;}

/*header */
#header-top 		{ width:100%; min-height:50px; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:0; border-top-right-radius: 20px; border-top-left-radius: 20px; }
#header-content		{ width:100%; min-height:150px;	margin-left:auto; margin-right:auto; margin-top:0;}
#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; }
.vetAfterhours		{margin-bottom:0px; padding-bottom:10px;}
@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;margin:0;}
                            }
.imgLogo            {padding:10px;padding-left:15px;display:inline-block;}
.vetName .name, .vetPhone a.phone, .vetAfterhours .afterhourPhone   {color:inherit; text-decoration:none;}


/*applied style --14-jun-2017*/
.vetPhone{color:#fff;}
/*applied style --14-jun-2017*/

.name               { text-transform:uppercase;}

#socialMediaLinks { padding: 5px 15px;text-align: right;}
#socialMediaLinks a {font-size: 2.2em;padding-left: 15px;}
#socialMediaLinks a:hover {text-decoration: none;}
.SearchBoxArea .SearchBox {background-color: #efefef;border: 1px solid #999;line-height: 27px;}
.SearchBoxArea a {padding: 2px 8px;margin-right: 15px;border: 1px solid #999;border-left: none;box-sizing: border-box;line-height: 25px;display: inline-block;
}

/*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-box	{ width:95%; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:0; margin-bottom:20px; margin-left:8px; margin-right:8px;overflow:hidden; }
#clinic-hours-box img{ margin:0;	}
.local2u            {width:100%;display:block; text-align:center;}

/*footer*/
.bottom 			{ clear:both; height: 50px; }
.bottom p 			{ padding-top:15px; padding-bottom:15px; font-size:10px;}

/*----- Sub page layout ----*/
#subpage-content			{ padding-left:35px; padding-right:20px; padding-bottom:0; padding-top:10px; }
#subpage-base-image			{ text-align:right;}
#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:275px; padding-top:25px;}


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

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

/*----Social media top bar styles -----*/
@media (min-width: 992px)   { 
	.onlineBookingHolder {position:absolute;padding-top:8px;}  
	.onlineBookingHolder .btn {border-top-left-radius: 4px;border-top-right-radius: 4px;font-size:18px;padding-left:15px;padding-right:25px;}
	}
.onlineBookingHolder .btn::before {font:normal normal normal 14px/1 FontAwesome;content: "\f073";padding-right:10px;font-size:20px;}

@media (min-width: 768px) and (max-width: 991px) { 
	.onlineBookingHolder .btn {border-top-left-radius: 0px;border-top-right-radius: 0px;}
}

@media (max-width: 767px)   {   
		#socialMediaLinks { padding:0;width:100%;text-align:center;padding-bottom:10px;}
		#social-media-container label {display:none;}
		#logo_img {padding:15px;}
	}
@media (max-width: 767px)   {   
		.searchBox {float: none !important;padding-top: 10px !important;padding-left: 0px !important;max-width: 100% !important;margin-top:56px;}
		.onlineBookingHolder {width:100%; margin-top:0px;position:absolute;top:0;left:0;padding-left:15px;padding-right:15px;}
		.onlineBookingHolder .btn { width:100%;font-size:18px;font-weight:700;margin-bottom:10px;height:56px;}
	}
.onlineBookingHolder .btn { border-color: rgba(0,0,0,.0);}
.onlineBookingHolder .btn:hover {}



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


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

@media (max-width:768px) {
	
	#nav-bar_container		{ padding-bottom:0; }
	
	.nav-justified>li>a		{ margin-bottom:0;}

	#clinic-hours-base		{ margin-top:5px;}
	
	#contact-content		{ background-image:	none !important;}
	
}
/*
.navbar-nav 						{ margin: 0; }
.navbar-default .navbar-brand 		{ color: #FFF;}
.navbar.navbar-default				{ background-color:#0499DB;}
.navbar-default .navbar-nav li a 	{ color: #FFF; font-family: 'Lato', sans-serif; font-size:12px; font-weight:500; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #0499db; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF;}
.navbar-nav li a:hover 				{ color:#333030; background-color: transparent; }
.navbar-toggle 						{ color: #fff; font-size: 32px; margin-right: 25px; padding: 2px 5px; line-height: 32px; }

	
.navbar 							{ border: 1px solid transparent; margin-bottom: 0;}
*/
.navbar.navbar-default				{ border:0;}
.navbar-collapse 					{ padding-left:0; padding-right: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 	    { 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: 767px)               {.navbar-default {background: url(images/menu-bg.jpg) 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:inherit; 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, .navbar-default .navbar-nav > li > a.highlighted                                                                        { color:inherit;background-color:inherit;}
.dropdown-menu > li > a                                                                                                                 {color:#fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus                                                                            {background-color:inherit;}
.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:767px) {
.nav.navbar-nav>li>a	 	{ margin-bottom:0;	}
#clinic-hours-base		 	{ margin-top:5px; } 
#contact-content			{ background-image:	none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:inherit;}
}

/*justified nav fix */
@media (min-width: 767px) {
.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;border-left: 1px solid rgba(255,255,255,.75);border-right: 1px solid rgba(0,0,0,.1);}
.navbar .nav > li:first-child a 	{ border-left: 0;}
.navbar .nav > li:last-child a    	{ border-right: 0;}
.navbar .nav > li > ul              { width: 100%;}
a.level2.dynamic {text-overflow: ellipsis; overflow: hidden;}
}
.carousel-inner .item img {min-width:100%}