/*
Theme Name: Vets Group
Theme URI: http://www.awd.com.au
Author: AWD
Author URI:
Description: Theme created for Vets in Melbourne Group
Version: 1.0
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: vets-melbourne
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

aqua - 008da9
blue - 0169b2
orange - #f04e23
green - #357b38;

	font-family: 'Lato', sans-serif;
	@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700')


@keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateY(50px);
  }
  100% {
    opacity:1;
	transform: translateY(-50%);
  }
}
@-webkit-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateY(50px);
  }
  100% {
    opacity:1;
	transform: translateY(-50%);
  }
}

@-moz-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateY(50px);
  }
  100% {
    opacity:1;
	transform: translateY(-50%);
  }
}

@-o-keyframes fadeInSlide {
  0% {
    opacity:0;
	transform: translateY(50px);
  }
  100% {
    opacity:1;
	transform: translateY(-50%);
  }
}



html,body{
	width:100%;
	height:100%;
}

body{
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	color:#555;
}
a{
	color:#008da9;
}
p{
	margin-bottom:15px;
}
img{
	height:auto;
	max-width:100%;
}
h1,h2,h3,h4,h5,h6{
	color:#008da9;
	font-weight:700;
}
h1,
h2.title,
h3.title{
	font-size:28px;
	position:relative;
	display:inline-block;
	margin:0 auto;
	margin-bottom:20px;
	line-height:1.3;
	color:#333;
}
h1.nomargin,
h2.nomargin,
h3.nomargin{
	margin-bottom:0;
}

p + h3{ margin-top:35px; }


/*header*/
	header#main-header{position:absolute; width:100%; background:#fff; z-index:60; left:0; top:0; }
	.site-branding{
		height:64px;
	}
	.site-title{margin-top:5px; position:relative;}

	.site-title #logo{
		position:absolute; left:0; top:5px; z-index:61;
		text-align:center; display:block;
		width:100%;
	}
	.site-title #logo img {
		width:230px;
	}
	.page-header-top-right{
		margin-top:26px;
	}
	
	@media (min-width:768px){
		header#main-header{
			position:fixed;
		}
		.site-branding{
			margin-bottom:20px;
			height:78px;
		}
		.site-title #logo{top:10px; text-align:left; width:auto; }
		.site-title #logo img{ width:auto; }
	}
	@media (min-width:991px){
		.site-branding{
			height:76px;
		}
		.site-title{ margin-top:10px; }
	}
	@media (min-width:1200px){
		.site-branding{
			height:78px;
		}
	}



/*navigation*/
.menu-bar{
	background:#008da9;
	height:83px;
	z-index:1;
	position:relative;
}
	@media (min-width:768px){
		.menu-bar{
			height:49px;
		}
	}



.navbar-default{
	background-image:none;
	box-shadow:none;
	border-radius:0;
	background:none;
	border:none;
	text-align:right;
	margin-bottom:0;
}




ul#menu-main-menu{
	display:inline-block;
	float:none;
	
}
ul.ubermenu-nav{
	display:block;
}
.navbar{
	min-height:0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a{
	box-shadow:none;
	background:transparent;
	text-shadow:none;
	color:#333;
}
.navbar-default .navbar-nav > li > a:after{
	content:"";
	border-bottom:4px solid #008da9;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	transition:0.2s all;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#333;
}
.navbar-default .navbar-nav > li > a:hover:after{
	width:100%;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	box-shadow:none;
	background:transparent;
	text-shadow:none;
	color:#333;
}
.navbar-nav > li {
	padding:0 5px;
}
.navbar-nav > li > a{
	padding-top:2px;
	padding-bottom:2px;
	font-weight:600;
	font-size:17px;
	position:relative;
}
.navbar-default .navbar-nav > li > a{
	color:#333;
}
.navbar-brand, .navbar-nav > li > a{
	text-shadow:none;
}
 


/*parent menu*/
nav .ubermenu-nav .ubermenu-item a.ubermenu-target{ padding:0; }
nav .ubermenu-nav .ubermenu-item a.ubermenu-target span{ font-weight:700; font-size:15px; padding:16px 27px 14px 13px;}

nav.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
	margin-top:-6px;
}

/*book online button*/
nav .ubermenu-nav #menu-item-163893 span{
	padding:17px 13px 14px 13px;
	background:#fe7e00;
	transition:0.5s all ease;
}
nav .ubermenu-nav #menu-item-163893 span:hover{
	background:#fe5a00;
}

/*submenu*/
nav .ubermenu .ubermenu-item .ubermenu-submenu-drop{	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)}
nav .ubermenu-nav .ubermenu-submenu .ubermenu-item a.ubermenu-target{ font-weight:700; font-size:15px; transition:0.5s all ease; }
nav .ubermenu-nav .ubermenu-submenu .ubermenu-item a.ubermenu-target span{
	font-weight:700; font-size:14px; 
	padding:15px 30px;
	width:100%;
}

	/*hover*/
	nav .ubermenu-nav .ubermenu-submenu .ubermenu-item a.ubermenu-target:hover{ background:#008da9; color:#fff; }

/*drop down menu*/
.navbar-collapse{
	position:absolute;
	z-index:2;
	background:rgba(255,255,255,0.9);
	width:100%;
	border:none;
	margin-top:35px;
	padding-left:0;
	padding-right:0;
	margin-left:-15px;
}
.navbar-collapse ul,
.navbar-collapse ul li,
.navbar-collapse ul li a{
	width:100%;
	text-align:center;
	margin:0;
	font-weight:700;
}
.navbar-collapse ul li a{
	padding-top:15px;
	padding-bottom:15px;
	font-weight:normal;
	color:#333;
}
.navbar-collapse ul li ul li a{
	color:#333;
}
.nav > li > a:focus,
.nav > li > a:hover,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover{
	background:#034a58;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#999;
}
	@media (min-width:768px){
		.navbar-collapse{
			position:absolute;
			z-index:2;
			background:rgba(255,255,255,0.9);
			width:100%;
			border:none;
			margin-top:19px;
			padding-left:15px;
			padding-right:15px;
			margin-left:0;
		}
	}




	/*mega menu*/
	nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item a.ubermenu-target span{
		font-weight:700; font-size:14px; 
		padding:15px 30px;
	}	


/*submenu mega menu*/	
nav .ubermenu-nav .ubermenu-submenu .ubermenu-item a.ubermenu-target{ font-weight:700; font-size:15px; transition:0.5s all ease; }
	/*hover*/
	nav .ubermenu-nav .ubermenu-submenu .ubermenu-item a.ubermenu-target:hover{ background:#0169b2; color:#fff; }
	
/*ubermenu*/
body .ubermenu .ubermenu-item .ubermenu-submenu-drop{
	background:#fff;
}
.navbar-collapse ul li ul li a.ubermenu-target{
	text-align:left;
}
/*mega menu - heading*/
nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-level-1 a.ubermenu-target{
	font-weight:700;
	border-bottom:1px solid #ccc;
	font-size:18px;
	color:#0169b2;
}
nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-level-1 a.ubermenu-target:hover{
	background:#fff;
	color:#0169b2;
}
nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-level-1 a.ubermenu-target span{
	  font-weight: 700;
    font-size: 18px;
    padding: 20px 10px 5px;
    width: 100%;
}
	/*level 2*/
	nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-level-2 a.ubermenu-target{
		color:#333;
		font-weight:700;
		border-bottom:none;
		background:transparent;
		padding:0;
	}
	nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-level-2 a.ubermenu-target span{
	   font-weight: 700;
		font-size: 14px;
		padding: 7px 10px;
		width: 100%;		
	}
	
	nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega > li{
		padding:15px;
	}
	nav .ubermenu-nav .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item-type-custom div{
		text-align:center;
	}
	
	
.navbar-collapse .ubermenu .ubermenu-nav .ubermenu-column-1-6 {
    width: 16.66666666%;
}
/*mega menu - menu items*/
	.navbar-collapse ul li ul li.ubermenu-column > ul.ubermenu-submenu > a.ubermenu-target{
		color:#333;
	}
	nav.ubermenu .ubermenu-autocolumn,
	nav.ubermenu .ubermenu-submenu-type-stack { padding-top:0; padding-bottom:0; }

	nav .ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0,
	nav.ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left{
		float:none;
	}

	
.menu-bar .collapse { display:block; }


	
	
	
	
/*page general*/
.header-spacer{ height:147px; }

.content-overlay{
	width:100%;
	height:100%;
	top:147px;
	background:rgba(0,0,0,0.5);
	opacity:0;
	z-index:-20;
	position:fixed;
	transition: opacity 0.3s ease 0s, z-index 0s ease 0.3s;
}
.content-overlay.active{
	z-index:50;
	opacity:1;
	transition: opacity 0.3s ease 0s, z-index 0s ease 0s;
}



/*--banner--*/
#banner-wrapper {
	position:relative;
	height:auto;
}
#banner-wrapper .full-height,
#banner-wrapper .full-height .metaslider,
#banner-wrapper .full-height .metaslider > div,
#banner-wrapper .full-height .metaslider > div > div,
#banner-wrapper .full-height .metaslider > div > div > ul,
#banner-wrapper .full-height .metaslider > div > div > ul li {
	height:auto;
	overflow:hidden;
}
.banner-holder{
	border-bottom:10px solid #008da9;
/*	border-color:#024a58; */
}
.banner-holder .metaslider .flexslider{margin-bottom:0; margin-top:0; border-radius:0; }

.banner-holder img, 
.banner-holder .metaslider .slides img{
	position:relative;
	height:auto;
}

	/*subpage banner*/
	.sub-banner.banner-holder{
		height:250px;
		width:100%;
		overflow:hidden;
	}
	.sub-banner.banner-holder img{
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		max-width: none;
		height:100%;
		width:auto;
	}


	}

.banner-holder .metaslider{
	max-width:100% !important;
}
.banner-holder .metaslider #metaslider_140452.flexslider ul li .container,
.banner-holder .metaslider #metaslider_140452.flexslider ul li .container .row{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.banner-holder .metaslider .caption-wrap{
	opacity:1;
	z-index:2;
	height:100%;
	background:transparent;
}
.banner-holder .metaslider .caption{
	position: relative;
	top: 50%;
	left: 50%;
	margin-left:-25%;
	transform: translateY(-50%);
	position:absolute;
	padding:50px 0;
	font-size:16px;
	border-bottom:none;
	text-align:center;
	width:50%;
	background:rgba(255,255,255,0.7);
	opacity:0;
	-webkit-animation: fadeInSlide 1s ease 1s forwards;
    -moz-animation: fadeInSlide 1s ease 1s forwards;
    -o-animation: fadeInSlide 1s ease 1s forwards;
    animation: fadeInSlide 1s ease 1s forwards;		
}
.metaslider .caption h3{
	color:#333;
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-size:32px;
	font-weight:bold;
}
.metaslider .caption h2{
	color:#333;
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-size:32px;
	font-weight:bold;
}
.banner-holder .metaslider img{
	width:100%;
	height:auto;
}
	/*home banner buttons*/
	.banner-cta { padding-top:20px; }
	.banner-cta a{display:inline-block; padding:12px 15px; color:#fff;}

	
	.banner-cta a.btn-green,
	.banner-cta a.btn-blue{
		color:#fff;
		display:inline-block;
		padding:12px 25px;
		position:relative;
		text-align:center;
		background:#0169b2;
	}
	.banner-cta a.btn-green{
		margin-left:30px;
		background-color:#357b38;
	}
	
	.banner-cta a.btn-green .text,
	.banner-cta a.btn-blue .text{
		position: relative;
		z-index: 2;
		font-size:16px;
		font-weight:600;
	}
	.banner-cta a.btn-green:hover,
	.banner-cta a.btn-blue:hover{
		color:#fff;
		text-decoration:none;
	}
	.banner-cta a.btn-green:after,
	.banner-cta a.btn-blue:after{
		background:#2d9432;
		bottom:0;
		content:"";
		display:block;
		height:0;
		left:0;
		position:absolute;
		transition:all 0.3s ease-in-out 0s;
		width:100%;
	}
	.banner-cta a.btn-blue:after{
		background:#008da9;
	}
	
	.banner-cta a.btn-green:hover::after,
	.banner-cta a.btn-blue:hover::after{
		bottom:auto;
		height:100%;
		top:0;
	}






.title-holder{
	position:absolute;
	z-index:2;
	bottom:5px;
	min-width:33%;
}
.title-holder h1{
	background:rgba(255,255,255,0.8);
	padding:5px 15px;
	margin-bottom:0;
	width:100%;
	font-size:24px;
}
.title-holder .breadcrumb{
	background:#0169b2;
	color:#fff;
	padding:3px 15px;
	width:100%;
	border-radius:0;
	font-size:10px;
	margin-bottom:0;
}
.title-holder .breadcrumb a{
	color:#fff;
	text-decoration:none;
}


	






.nopadding{
	padding:0;
}
.container.nopadding-xs{
	padding:0;
	overflow:hidden;
}

/*page heading*/
.page-title{overflow:hidden;}




/*general*/

	/*swipe link*/
	a.swipe{ position:relative; padding-bottom:5px;}
	a.swipe:hover{ text-decoration:none; }
	a.swipe:after{
	content: "";
	background-color:#0169b2;
	bottom:3px;
	display:block;
	position:absolute;
	right:0;
	width:0;
	height:2px;
	transition:all 0.3s ease-in-out
	}
	a.swipe:hover::after{
		left: 0;
		right: auto;
		width: 100%;
	}

.table{
	display:table;
}
.table-cell{
	display:table-cell;
	float:none;
}
.row.nomargin{
	margin-left:-15px;
	margin-right:-15px;
}
.pr10{
	padding-right:10px;
}
a.btn-aqua-border{
	border:2px solid #008da9;
	color:#333;
	display:inline-block;
	padding:5px 15px;
	position:relative;
	text-align:center;
}
a.btn-aqua-border .text{
    position: relative;
    z-index: 2;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
}
a.btn-aqua-border:hover{
	color:#fff;
	text-decoration:none;
}
a.btn-aqua-border:after{
	background:#008da9;
	bottom:0;
	content:"";
	display:block;
	height:0;
	left:0;
	position:absolute;
	transition:all 0.3s ease-in-out 0s;
	width:100%;
}
a.btn-aqua-border:hover::after{
	bottom:auto;
	height:100%;
	top:0;
}



/*subpages*/
.subpage-content{
	
}
	.subpage-content a{
		text-decoration:underline;
		color:#333;
	}

/*service list page*/
.service-list-panel{
	height:400px;
	padding-bottom:25px;
}
.service-list-panel h3{
	color:#333;
}
.service-list-panel ul{
	padding:0;
	margin:0;
}
.service-list-panel ul li{
	list-style:none;
}
.service-list-panel ul li a{
	display:block;
	padding:3px;
}


	
/*blog list pages*/	
#blog-holder{
	background:#f0f0f0;
}
.listing-item {
}
#blog-holder .blog-list-holder{
	background:#fff;
	height:500px;
	margin-bottom:30px;
	box-shadow: 0 0 0 #999;
	transition:all 0.5s ease;
}
#blog-holder .blog-list-holder:hover{
	box-shadow:0 0 20px #999;

}

#blog-holder .listing-item a.image { height:200px; overflow:hidden; display:block; position:relative; }
#blog-holder .listing-item a.image img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	transition:all 0.5s ease;
}	
#blog-holder .blog-list-holder:hover a.image img{
	transform:scale(1.1, 1.1);
}
#blog-holder .news-title-holder a.title {
	color:#333; padding:10px 10px 2px; font-size:24px;
	display:block; font-weight:600;
}	
#blog-holder .news-meta-holder { padding:0 10px; color:#999; }
#blog-holder .listing-item .excerpt { padding:10px; }
#blog-holder .listing-item .excerpt a.more-link {}

/*blog pages*/
	h1.entry-title{
		font-weight:700;
		font-size:36px;
		margin-bottom:5px;
	}
	h1.entry-title a{text-decoration:none;}
	
	.entry-image-holder{
		overflow:hidden;
		max-height:400px;
		margin-bottom:30px;
	}
	.entry-meta{
		color:#999;
		margin-bottom:30px;
	}
	.entry-meta-footer{
		color:#999;
		margin-top:20px;
	}
	.entry-meta a,
	.entry-meta-footer a{
		color:#999;
	}
	.entry-meta time.updated{ 
		display:none; 
	}



	
	
	
	
/*sidebar*/
	.sidebar ul{
		list-style:none; padding-left:0;
	}
	.sidebar ul li{
		position:relative;
	}
	.sidebar ul li a{
		border-bottom:1px solid #999;
		display:block;
		color:#333;
		padding:12px 15px;
		position:relative;
		z-index:2;
	}	
	.sidebar ul li a:hover{
		text-decoration:none;
	}
	.sidebar ul li:before{
		z-index:1;
		content: "";
		background-color:#f0f0f0;
		bottom:0;
		display:block;
		position:absolute;
		right:0;
		width:0;
		height:100%;
		transition:all 0.3s ease-in-out;
	}
		.sidebar ul li.menu-item-has-children:before{
			content:none;
		}
	.sidebar ul li:hover::before{
		left: 0;
		right: auto;
		width: 100%;
	}
		.sidebar ul li.menu-item-has-children:hover::before{
			content:none;
		}
	
	
	
		/*parent menus*/
		.sidebar ul li.menu-item-has-children > a{
			background:#0169b2;
			color:#fff;
		}
		.sidebar ul li.menu-item-has-children > a:hover{
			cursor:default;	
			text-decoration:none;
		}




/*staff*/
.nobanner h1{
	margin-bottom:0;
}
.nobanner .breadcrumb{
	background:transparent;
	padding-left:0;
	padding-right:0;
}
.staff-panel{
	background:#f0f0f0;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}
.staff-spacer{
	height:30px;
}
.staff-panel h3 { color:#333; }
.staff-panel h4{ font-size:13px; color:#008da9; }






/*animation*/
.fade-up .fade-element {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fade-up.in-view .fade-element {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.fade-right .fade-element {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fade-right.in-view .fade-element {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*service*/

#service-list{margin-top:20px; background:#fff; position:relative;}

#service-list h3.title{
	font-size:20px;
}
.service-text{
	font-size:16px;
}
.service-panel{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#service-list .service-panel a, .service-panel .valign-holder{
	display:block;
	color:#fff;
	background-size:cover;
	position:relative;
	height:250px;
}
#service-list .service-panel a:after,.service-panel .valign-holder:after {
	background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1, 1);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 1;
}
#service-list .service-panel a:hover:after, .service-panel .valign-holder:hover:after {
	transform:scale(0.9,0.8);
	width:100%;
	height:100%;
	opacity:1;
}
#service-list .service-panel a:hover, .service-panel .valign-holder:hover{
	text-decoration:none;
}
.service-panel .overlay{
	position:absolute;
	width:100%;
	height:100%;
}
.service-panel .overlay:after{
	border:1px solid #fff;
}
/*purple*/
.service-panel.service-panel-1 .overlay{
	background:rgba(92,46,145,0.7);
}
/*aqua*/
.service-panel.service-panel-2 .overlay{
	background:rgba(23,150,175,0.7);
}
/*orange - red*/
.service-panel.service-panel-3 .overlay{
	background:rgba(240,78,35,0.7);
}
/*orange*/
.service-panel.service-panel-4 .overlay{
	background:rgba(238,154,46,0.7);
}
/*green*/
.service-panel.service-panel-5 .overlay{
	background:rgba(64,153,89,0.7);
}
/*dark blue*/
.service-panel.service-panel-6 .overlay{
	background:rgba(25,88,100,0.7);
}

.service-panel-content{
	position:relative;
	z-index:2;
	font-size:20px;
	transition:0.5s all;
}
.service-panel a:hover .service-panel-content{
	padding-bottom:20px;
}
.service-panel .svg-icon{
	width:50px;
	height:50px;
	margin:0 auto;
	margin-bottom:6px;
}
.service-panel .svg-icon svg{
	fill:#fff;
}

#hp-service-list{
	margin-top: 75px;
	margin-bottom: 75px;
}
#hp-service-list .title, #hp-clinic-intro .title{color: 034b59; font-size: 30px;}

#hp-service-list .service-panel{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.service-panel .valign-holder{
	height:280px;
}
/* .service-subtitle{
	opacity: 1;
	height:1.2;
	transition: all 0.5s ease 0.4s;
} */
.service-text{font-size: 24px;}
.service-sublist {
    list-style: none;
    width: 100%;
    padding-left: 0;
	
	transition: all 0.5s ease;
}
.service-sublist li{
	display: block;
	height: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.service-sublist li::after{
	content: "\f0da";
	font-family: FontAwesome;
}
.service-sublist li a{
	color: #fff;
	font-size: 16px;
}
/* .service-panel .valign-holder:hover .service-subtitle{
	opacity: 0;
	height:0;
	transition: all 0.5s ease;
} */
.service-panel .valign-holder:hover .service-sublist{

	transition: all 0.5s ease 0.4s;
}
.service-panel .valign-holder:hover .service-sublist li{
	opacity: 1;
	height:1.2em;
	transition: all 0.3s linear 0.3s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(2){
	height:1.2em;
	transition: all 0.3s linear 0.6s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(3){
	height:1.2em;
	transition: all 0.3s linear 0.9s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(4){
	height:1.2em;
	transition: all 0.3s linear 1.2s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(5){
	height:1.2em;
	transition: all 0.3s linear 1.5s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(6){
	height:1.2em;
	transition: all 0.3s linear 1.8s;
}
.service-panel .valign-holder:hover .service-sublist li:nth-child(7){
	height:1.2em;
	transition: all 0.3s ease 2.1s;
}

@media(max-width: 767px){
	.service-panel .valign-holder .service-sublist li{
		opacity: 1 !important;
		height:1.2em !important;
	}
}


/*latest blog section*/
#latest-blog{
	background:url(img/paw_bg.jpg);
	color:#fff;
	padding:75px 0;
	position:relative;
	z-index:2;
}
#latest-blog h3{
	color:#fff;
}
#latest-blog .excerpt{
	font-size:15px;
}
ul.display-posts-listing,
ul.display-posts-listing li{
	list-style:none;
	margin:0;
	text-align:left;
}
ul.display-posts-listing li{
	margin-bottom:30px;
}
ul.display-posts-listing{
	margin:0;
	padding:0;
}
ul.display-posts-listing a.title{
	color:#fff;
	font-size:24px;
	display:inline-block;
	margin:15px 0;
	font-weight:700;
}





/*footer contact*/
#page-contact-details{
	border-top:1px solid #999;
	position:relative;
	background:#fff;
}
.footer-contact{
	height:auto;
}
.footer-contact-right{height:200px;}


#above-footer{
	position:relative;
	background:#008da9;
}
.bkgrd-aqua h3.gform_title{
	color:#fff;
}
.form-holder{
	padding:20px 15px;
	background:#008da9;
}
.form-holder .gform_wrapper{
	width:100%;
	max-width:100%;
}
.form-holder .gform_wrapper h3.gform_title{
	font-size:28px;
}
#field_1_1 div,
#field_1_2 div,
#field_1_4 div,
#field_1_5 div{
	position:relative;
}
#field_1_1 div:before,
#field_1_2 div:before,
#field_1_4 div:before,
#field_1_5 div:before{
	color:#fff;
    font-family: FontAwesome;
    left:10px;
    position:absolute;
    top:3px;
	font-size:26px;
	opacity:0;
	transition:0.5s all;
}
/*name*/
#field_1_1 div:before{content:"\f007";}
/*phone*/
#field_1_2 div:before{content:"\f095";}
/*email*/
#field_1_4 div:before{
	content:"\f003";
	font-size:20px;
}
/*enquiry*/
#field_1_5 div:before{
	content:"\f27b";
	font-size:22px;
}

#field_1_1 div:hover:before,
#field_1_2 div:hover:before,
#field_1_4 div:hover:before,
#field_1_5 div:hover:before{
	opacity:1;
}
#field_1_1 div:hover input,
#field_1_2 div:hover input,
#field_1_5 div:hover input,
#field_1_4 div:hover textarea{
	border:1px solid #0169b2;
	border-left:38px solid #0169b2;
}

/*default placeholder styling*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
/*blue background form placeholder styling*/
#gform_wrapper_1 input::-webkit-input-placeholder,
#gform_wrapper_1 textarea::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
    color:     #999;
}
#gform_wrapper_1 input:-moz-placeholder,
#gform_wrapper_1 textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color:        #999;
   opacity:  1;
}
#gform_wrapper_1 input::-moz-placeholder, 
#gform_wrapper_1 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:         #999;
   opacity:  1;
}
#gform_wrapper_1 input:-ms-input-placeholder,
#gform_wrapper_1 textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
   color:       #999;
}


.form-holder h3{
	color:#fff;
}

.form-holder .gform_wrapper .top_label input.large,
.form-holder .gform_wrapper .top_label select.large,
.form-holder .gform_wrapper .top_label textarea.textarea{
	width:100%;
	background:#fff;
	border:1px solid #fff;
	transition:0.5s all;
	font-size:16px;
	padding:10px;
	color:#333;
}
body .form-holder .gform_wrapper ul li.gfield{
	margin-top:0;
}
body .form-holder .gform_wrapper .top_label div.ginput_container{
	margin-top:20px;
}
.form-holder .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	padding:15px 10px;
	margin:0;
}
.form-holder .gform_wrapper .top_label .gfield_label{
	display:none;
}
.form-holder .gform_wrapper .top_label input.large:focus,
.form-holder .gform_wrapper .top_label select.large:focus,
.form-holder .gform_wrapper .top_label textarea.textarea:focus{
	background:#fff;
}
.form-holder .gform_footer.top_label{
	position:relative;
}
.form-holder .gform_wrapper .gform_footer input.button,
.form-holder .gform_wrapper .gform_footer input[type="submit"],
.form-holder .gf_browser_ie.gform_wrapper .gform_footer input.button{
	background:#fe7e00;
	color:#fff;
	border:none;
	padding:12px 40px 12px 50px;
	font-size:17px;
	transition:0.5s all ease-in-out;
}
.form-holder .gform_wrapper .gform_footer input.button:hover,
.form-holder .gform_wrapper .gform_footer input[type="submit"]:hover{
	background:#fe5a00;
}
.form-holder .gform_footer.top_label:before{
	font-size:23px;
    font-family: FontAwesome;
    left:17px;
    position:absolute;
    top:8px;
	content:"\f1b0";
	color:#fff;
}

.form-holder .gform_wrapper .gform_footer{
	padding:0;
}
.left50width{
	left:0;
	width:50%;
	position:absolute;	
}
.right50width{
	left:50%;
	width:50%;
	position:absolute;
}
.contact-details{
	height:auto;
	padding-top:45px;
	padding-bottom:30px;
}
.contact-details .valign-content{
	position: relative;
	top: auto;
	transform: none;
}
.contact-details h3{font-size:28px; color:#333; margin-top:0;}
.contact-details h4{color:#008da9; font-size:20px;}
.contact-details .svg-holder,
.contact-details svg{
	width:45px;
	height:45px;
}
.contact-details svg{fill:#0169b2;}
.contact-details .svg-holder{padding-right:3px;}
.contact-content{float:left; padding-top:5px;}
.book-btn{color:#fff; background:#0169b2; text-align:center; display:inline-block; padding:10px 20px; margin:10px 0; transition:0.5s all;}
.book-btn:hover{ color:#fff; text-decoration:none; background:#008da9;}
.contact-info{margin-top:15px; margin-bottom:25px; clear:both; }
.contact-panel-bottom{
	margin-top:20px;
	margin-bottom:20px;
	font-weight:700;
	font-size:20px;
}
.contact-content{display:table; margin-left:5px;
overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.contact-content-row{display:table-row;}
.contact-content .day{display:table-cell;}
.contact-content .time{display:table-cell; padding-left:8px;}

/*subscription form*/
#subscribe-form{
	background:#02304a;
	position:relative;
}
#subscribe-form #mc_embed_signup form{
	padding-left:0;
}
#subscribe-form h4{
	color:#fff;
	display:inline-block;
}
#subscribe-form #mc_embed_signup input.email{
	display:inline-block;
	padding: 10px;
	margin: 10px 0;
	text-indent: 5px;
	width: 100%;
	min-width: 130px;
	font-size:18px;
}
#subscribe-form #mc_embed_signup input.button{
	display:inline-block;
	width: 100%;
	margin: 10px 0 10px 0;
	min-width: 90px;
	height: 48px;
	line-height: 40px;
	background:#0169b2;
	border-radius:0;
	border:none;
	color:#fff;
	padding:4px;
	font-weight:bold;
}
#subscribe-form #mc_embed_signup input::-moz-placeholder{
	color:#999;
}

footer{
	color:#999;
	position:relative;
	text-align:center;
	background:url(img/footer-img.jpg) no-repeat #fff;
	background-position:right bottom;
	background-attachment: fixed;
}
footer .container{
/*	background:url(img/footer-img.jpg) right no-repeat;
	background-size:contain; */
	padding-bottom:20px;
}
footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
footer ul li{padding:0;}
footer ul li:first-child{}
footer ul li a{color:#999;}

footer ul li a{color:#999;}

footer .footer-menu .widget_nav_menu a{
	position:relative;
	padding-bottom:5px;
}
footer .footer-menu .widget_nav_menu a:hover{ text-decoration:none;}

footer .footer-menu .widget_nav_menu a:after{
	content: "";
	background-color:#0169b2;
	bottom:3px;
	display:block;
	position:absolute;
	right:0;
	width:0;
	height:2px;
	transition:all 0.3s ease-in-out
}
footer .footer-menu .widget_nav_menu a:hover::after{
    left: 0;
    right: auto;
    width: 100%;
}

/*facebook widget*/
	.fb_iframe_widget{
		float:right;
	}




.footer-right{padding-top:20px; font-size:14px;}
.footer-right span{display:block;}
.footer-right.text-right{text-align:center;}

h3.footer-title{
	color:#333;
	font-size:28px;
}
.footer-location{
	padding-top:20px; padding-bottom:40px;
	border-top:1px solid #02304a;
	 color:#02304a; line-height:1.7; font-size:14px;
	 text-align:left;
}
.footer-location a{ color:#02304a; }

.location-name{ font-weight:bold; font-size:17px; color:#0169b2; padding-top:30px; }
.location-address{ margin-bottom:30px; }
/*footer menu*/
.footer-menu a{ color:#02304a; line-height:1.7; font-size:14px; }


.spacer{
	margin-top:75px;
	margin-bottom:75px;
}
.spacer-xs-top{
	margin-top:0px;
	margin-bottom:75px;
}
.spacer-lesstop{
	margin-top:35px;
	margin-bottom:75px;
}
.bkgrd-aqua{
	background:#008da9;
	color:#fff;
}
.text-center{
	text-align:center;
}
.relative{
	position:relative;
}
.valign-holder {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.valign-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


/*** Spacers ***/
	.m0t	{ margin-top: 0; }
	.m3t	{ margin-top: 3px; }
	.m5t	{ margin-top: 5px; }
	.m20t 	{ margin-top: 20px; }
	.m30t 	{ margin-top: 30px; }
	.m40t 	{ margin-top: 40px; }
	.m50t 	{ margin-top: 50px; }
	.m70t 	{ margin-top: 70px; }
	.m100t 	{ margin-top: 100px; }
	.m150t 	{ margin-top: 150px; }

	.m0b	{ margin-bottom:0;}
	.m3b	{ margin-bottom:3px;}
	.m5b	{ margin-bottom:5px;}
	.m20b 	{ margin-bottom: 20px; }
	.m30b 	{ margin-bottom: 30px; }
	.m40b 	{ margin-bottom: 40px; }
	.m50b 	{ margin-bottom: 50px; }
	.m70b 	{ margin-bottom: 70px; }
	.m100b 	{ margin-bottom: 100px; }
	.m150b 	{ margin-bottom: 150px; }

	.m20tb 	{ margin: 20px 0; }
	.m30tb 	{ margin: 30px 0; }
	.m50tb 	{ margin: 50px 0; }
	.m100tb { margin: 100px 0; }
	.m150tb { margin: 150px 0; }
	.m200tb { margin: 200px 0; }

	.p0l 	{ padding-left: 0; }
	.p0r 	{ padding-right: 0; }
	.p0t 	{ padding-top: 0; }
	.p0b	{ padding-bottom: 0; }

	.p20t 	{ padding-top: 20px; }
	.p30t 	{ padding-top: 30px; }
	.p50t 	{ padding-top: 50px; }
	.p70t 	{ padding-top: 70px; }
	.p90t 	{ padding-top: 90px; }
	.p100t 	{ padding-top: 100px; }
	.p150t 	{ padding-top: 150px; }

	.p20b   { padding-bottom: 20px; }
	.p30b   { padding-bottom: 30px; }
	.p50b   { padding-bottom: 50px; }
	.p70b   { padding-bottom: 70px; }
	.p90b   { padding-bottom: 90px; }
	.p100b  { padding-bottom: 100px; }
	.p150b  { padding-bottom: 150px; }

	.p0tb 	{ padding-top: 0; padding-bottom: 0; }
	.p3tb 	{ padding-top: 3px; padding-bottom: 3px; }
	.p20tb 	{ padding-top: 20px; padding-bottom: 20px; }
	.p25tb 	{ padding-top: 25px; padding-bottom: 25px; }
	.p30tb 	{ padding-top: 30px; padding-bottom: 30px; }
	.p50tb 	{ padding-top: 50px; padding-bottom: 50px; }
	.p70tb 	{ padding-top: 70px; padding-bottom: 70px; }
	.p90tb 	{ padding-top: 90px; padding-bottom: 90px; }
	.p100tb { padding-top: 100px; padding-bottom: 100px; }

	.xmargin { margin:0; }
	.xmargin-lr { margin-left: 0; margin-right: 0; }
	.xpadding { padding: 0; }
	.xpadding-lr { padding-left: 0; padding-right: 0; }







/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
	@media only screen and (max-width : 767px) {
		.header-address, .header-phone{ display:none; }
		.metaslider .caption{ display:none; }
		.blue-bkgrd{ display:none; }
		/*hide book online if smaller than 767px*/
		nav .ubermenu-nav #menu-item-163893 {display:none;}
		#mobile-cta{padding-top:15px; padding-bottom:15px;}
		.mobile-cta-btn{text-align:center; display:block; padding:10px 20px; color:#fff; font-weight:bold; transition:0.5s all;}
		.mobile-cta-phone{background:#008da9;}
		.mobile-cta-book{background:#0169b2;}
		.mobile-cta-btn:hover{background:#008da9; color:#fff; text-decoration:none;}
		.col-xs-6.cta-holder-l{padding-right:7px;}
		.col-xs-6.cta-holder-r{padding-left:7px;}
	}
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.site-title #logo img {
			width: 330px;
		}
	
		h1,
		h2.title{
			font-size:32px;
			margin-bottom:30px;
		}
		h3.title{
			font-size:24px;
			margin-bottom:30px;
		}
		
		h1.title:before,
		h2.title:before,
		h3.title:before{
			border-top:2px solid #f0f0f0;
			position:absolute;
			left:-120px;
			top:50%;
			width:100px; 
			content:"";
		}
		h1.title:after,
		h2.title:after,
		h3.title:after{
			border-top:2px solid #f0f0f0;
			position:absolute;
			right:-120px;
			top:50%;
			width:100px; 
			content:"";
		}
		/*page heading*/
		.page-title{overflow:visible;}
		.site-title{margin-bottom:0;}
		.header-address,
		.header-phone{
			display:inline-block;
			text-align:left;
			white-space:nowrap;
		}
		.header-phone{
			margin-left:15px;
		}
		header .address,
		header .phone{
			float:left;
			padding-right:5px;
		}
		header .phone{
			padding-left:5px;
			padding-top:6px;
		}
		header .address{
			padding-top:6px;
			line-height:1.2;
			color:#333;
		}
		header .phone a{
			color:#333;
			font-weight:700;
			font-size:25px;
		}
		/*icon styling*/
		.st0{fill:#0169b2;}
		.st1{fill:#FFFFFF;}
		header .svg-holder,
		header .svg-holder svg{
			width:50px;
			height:50px;
		}
		header .svg-holder{
			float:left;
		}
		.header-phone{
			font-size:24px;
		}
		/*--banner--*/
		.banner-holder .metaslider .slides img{
			width:100%;
			margin-left:0;
			left:0;
			height:auto;
			z-index:1;
		}
		.sub-banner.banner-holder{
			height:350px;
		}
		.sub-banner.banner-holder img{
			width:100%;
			margin-left:0;
			left:auto;
			right:auto;
			/*bottom:auto;
			top:auto;*/
			position:relative;
			height:auto;
			z-index:1;
			top: 50%; 
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		@media(max-width: 480px) {
			.sub-banner.banner-holder img { width: 100%; height: auto; }
		}
		.title-holder{
			bottom:30px;
		}
		.title-holder h1{
			font-size:28px;
		}
		.title-holder .breadcrumb{
			font-size:13px;
		}
		
		

		/*drop down menu*/
		.navbar-collapse{
			position:relative;
			z-index:2;
			background:transparent;
			width:100%;
			border:none;
			margin-top:0px;
			padding-right:0;
			padding-left:0;
			text-align:right;
		}
		.navbar-collapse ul,
		.navbar-collapse ul li,
		.navbar-collapse ul li a{
			width:auto;
			text-align:center;
			margin:0;
		}
		.navbar-collapse ul li{
			float:left;
		}
		.navbar-collapse ul li a{
			padding:10px;
			font-weight:normal;
			border-top:none;
			font-size:14px;
		}
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus,
		.navbar-default .navbar-nav > li > a,
		.navbar-default .navbar-nav > a,
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > a:hover,
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .open > a{
			color:#fff;
		}
		.navbar-default .navbar-nav > li > a:after{
			border-color:#01bce1;
		}
		.navbar-default .navbar-nav > .active > a:after{
			width:100%;
		}
		
		
		.navbar-collapse ul li a{color:#fff;}
		
		/*homepage*/
		#service-list{margin-top:0;}
		#service-list h3.title { font-size:28px; }
		.contact-info{ clear:none;}
		.contact-panel-bottom{
			margin-top:0px;
			margin-bottom:20px;
		}
		.contact-details h3{font-size:36px; margin-top:0;}
		.contact-details h4{font-size:24px;}
		
		.footer-contact{
			height:890px;
		}
		
		.service-list-panel{
			height:340px;
		}
		
		
		
		#location-list{background:#eee; padding:15px 0 5px;}
		.location-address{ margin-bottom:0; }
		.row.nomargin{
			margin-left:0;
			margin-right:0;
		}
		
		/*subscription form*/
		#subscribe-form #mc_embed_signup input.email{
			margin: 10px;
			width: 50%;
		}
		#subscribe-form #mc_embed_signup input.button{
			width:160px;
		}
		
		footer .container{
			background-size:auto;
			text-align:left;
		}
		.footer-right{padding-top:0;}
		.footer-right.text-right{text-align:right;}
		.footer-right span{display:inline;}
		
		.spacer-xs-top{
			margin-top:75px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		/*hide home menu between 992 - 1200*/
		#menu-item-140948{
			display:none;
		}
		
		.header-spacer{
			height:145px;
		}		
		/*offset banner to bottom*/
		.banner-holder .metaslider .caption{
			top:70%;
		}
	
		#main-content{font-size:15px;}
		.blue-bkgrd{height:335px;}
		.form-holder{padding:20px 30px;}
		.contact-details{
			height:700px;
			padding-top:0;
			padding-bottom:0;
		}
			.contact-details .valign-content{
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}
		
		/*staff page*/
		.staff-panel{
			height:340px;
		}
		.footer-contact{
			height:700px;
		}
		
    }
	@media(min-width:1200px){
	
		/*hide home menu between 992 - 1200. Show in this size*/
		#menu-item-140948{
			display:inline-block;
		}
	
		/*menu*/
		nav .ubermenu-nav .ubermenu-item a.ubermenu-target span{
			font-weight:700; font-size:15px; padding:17px 27px 14px 16px;
		}
		/*book online button*/
		nav .ubermenu-nav #menu-item-163893 span{
			padding:17px 16px 14px 14px;
		}
		.header-spacer{
			height:147px;
		}
		/*--banner--*/
		
		#banner-wrapper {
			height:calc(100% - 147px);
		}
		#banner-wrapper .full-height,
		#banner-wrapper .full-height .metaslider,
		#banner-wrapper .full-height .metaslider > div,
		#banner-wrapper .full-height .metaslider > div > div,
		#banner-wrapper .full-height .metaslider > div > div > ul,
		#banner-wrapper .full-height .metaslider > div > div > ul li {
			height:100%;
		}


	
		.metaslider .caption h3{
			font-size:38px;
		}
		.metaslider .caption h2{
			font-size:38px;
		}
		.title-holder h1,
		.title-holder .breadcrumb{
			padding-left:60px;
		}
		.service-list-panel{
			height:520px;
		}
		/*subscription form*/
		#subscribe-form #mc_embed_signup input.email{
			margin: 10px;
			width: 58%;
		}
		#subscribe-form #mc_embed_signup input.button{
			width:200px;
		}
		
		/*staff page*/
		.staff-panel{
			height:366px;
		}
		
	}
	@media(min-width:1400px){
		body{font-size:16px;}
		
		/*menu*/
		nav .ubermenu-nav .ubermenu-item a.ubermenu-target span{
			font-weight:700; font-size:15px; padding:14px 27px 12px 16px;
		}
		/*book online button*/
		nav .ubermenu-nav #menu-item-163893 span{
			padding:14px 16px 12px 14px;
		}
		.metaslider .caption h3{
			font-size:44px;
		}
		.metaslider .caption h2{
			font-size:44px;
		}
		
		/*--banner--*/
		.banner-holder .metaslider .caption{
			width:54%;
			margin-left:-27%;
		}
		
			/*subpage*/
			.title-holder{
				font-size:45px;
			}
			.title-holder h1{
				font-size:34px;
			}
			
		/*staff page*/
		.staff-panel{
			height:429px;
		}
		
		
		.blue-bkgrd{height:430px;}
		h1 { font-size:36px;}
		h2.title, h3.title{font-size:28px;}
		.container{width:1370px;}
		.form-holder{padding:20px 50px 20px 0;}
		.navbar-collapse ul li a{
			font-size:18px;
		}
		.sub-banner.banner-holder{
			height:520px;
		}

		/* surgery page */
		body.page-id-164544 .sub-banner.banner-holder img {
			top: 50%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}

	@media (max-width: 767px) {
		/* surgery page */
		body.page-id-164544 .sub-banner.banner-holder img {
			-webkit-transform: none;
			-moz-transform: none;
			transform: none;
			width: 100%; height: auto;
		}
	}


body.home .service-list .main-title {
	font-size: 28px; font-weight: 700;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 1.3;
    color: #333;
}

body.home .service-list .title {
	font-size: 28px; font-weight: 700;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 1.3;
    color: #333;
}

@media only screen and (min-width: 768px) {
	body.home .service-list .main-title {
	    font-size: 32px;
    	margin-bottom: 30px;
	}

	body.home .service-list .title {
		font-size: 28px;
	}
}