/* Load boilerplate.css BEFORE this stylesheet */
 
/* Load devices.css AFTER this stylesheet */

/* Load custom.css AFTER this stylesheet please */


/*Lets's get our typeface sorted first.*/

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('../fonts/lato-fontfacekit/Lato-BlaIta-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-BlaIta-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-BlaIta-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBlack';
    src: url('../fonts/lato-fontfacekit/Lato-Bla-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-Bla-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-Bla-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../fonts/lato-fontfacekit/Lato-BolIta-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-BolIta-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-BolIta-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/lato-fontfacekit/Lato-Bol-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-Bol-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-Bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('../fonts/lato-fontfacekit/Lato-RegIta-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-RegIta-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-RegIta-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/lato-fontfacekit/Lato-Reg-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-Reg-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-Reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('../fonts/lato-fontfacekit/Lato-LigIta-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-LigIta-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-LigIta-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/lato-fontfacekit/Lato-Lig-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-Lig-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-Lig-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('../fonts/lato-fontfacekit/Lato-HaiIta-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-HaiIta-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-HaiIta-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairline';
    src: url('../fonts/lato-fontfacekit/Lato-Hai-webfont.eot');
    src: url('../fonts/lato-fontfacekit/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-fontfacekit/Lato-Hai-webfont.woff') format('woff'),
         url('../fonts/lato-fontfacekit/Lato-Hai-webfont.ttf') format('truetype'),
         url('../fonts/lato-fontfacekit/Lato-Hai-webfont.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* Sticky Footer */

html, body {
	height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -90px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.footer-wrap, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 90px; 
}
.footer-wrap {
  background: #d7d7d2;
  width: 100%;
  display: table;
}




body {
	background: #f8f7f1;
	color: #888; 
	font-family: "LatoRegular", sans-serif;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/* lets give the good browsers a bit of hover easing goodness! */
a, input, textarea { 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



/* Link styles */

a, a:link, a:active {color: rgba(53,173,172,0.65); text-decoration: none;}
a:visited {color: rgb(53,173,172);color: rgba(53,173,172,0.65); text-decoration: none;}
a:hover {text-decoration: none;}
p a:hover {text-decoration: underline;}

/* Linked images - consistent across site */
article a img, aside a img {
	border: none; 
	background: #fff;
}
article a:hover img, 
aside a:hover img,
.tags a {
	background: rgb(53,173,172);
	opacity: 0.8;
}
.article, .block {
	padding-bottom: 25px;
	border-bottom: 2px solid #eaeaea;
	margin: 20px 0;
}
.article:last-child, .block:last-child {
	border-bottom: none;
}
input::-webkit-input-placeholder {color:#aaa;}
input:-moz-placeholder {color:#aaa;}
input:placeholder {color:#aaa;}




/* Some Layout */
header {position: relative; padding: 0;}
nav {background: rgba(0,0,0,0.3);}
article {margin: 0 20px 40px 20px;}
.content {position: relative;}
header form label {display: none;}
.lt-ie10 header form label {display: block;}

footer {background: min-height: 40px;}

.biline {font: 2.4em "LatoRegular", sans-serif;}

#credits p {
    color: #CCCCCC;
    margin: 1.4em;
    text-align: right;
}
.navbar-fixed-top {display: none;}

.navbar .nav li a {
    border-radius: 3px 3px 3px 3px;
    color: #ccc;
    font-weight: normal;
    padding: 6px 15px;
    display: block;
    text-decoration: none;
}





/* Typography */
h1, h2, h3, h4, h5, p, table, form, ul, ol, dl, blockquote, .breadcrumbs {
	margin: .6em 0 .4em 0;
}
.sidebar h1, .sidebar h2 {
	margin: .4em 0;
}
h1, h2, h3, h4, h5 {
	line-height: 1em;
	font-weight: normal;
	font-family: "LatoRegular", sans-serif;
}
h1, h2, h3, h4, h5, .nav > li > a, input[type="submit"], .btn {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
h1 {font-family: "LatoLight", sans-serif; font-size: 2.6em; margin: .2em 0 .2em 0;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
.sidebar h3 {font-size: 1.6em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.3em;}
p {
	font-size: 1em; 
	line-height: 1.4em; 
	font-family: "LatoLight", sans-serif;
}

.carousel h2, .carousel h3, .carousel h4, .carousel p {
	margin: .2em 0;
}

blockquote {
	margin: .8em 40px .8em 15px;
	padding: .4em 0 .4em 40px;
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	background: url(../images/quotemarks.png) no-repeat 3px 2px;
	color: #777;
}
blockquote p {
	margin: 0.4em 0;
}
cite {
    clear: both;
    display: block;
    color: #777;
    font-style: normal;
    font-weight: normal;
    margin: -1em 0 1.2em 0;
    text-align: right;
    width: 100%;
}
.more {
	white-space: nowrap;
}

/* Set the font-weight */
.font-bold {
    font-weight: bold;
}


/* Lists */
ul, ol, dl {
	margin: .5em 20px 1.5em 0;
	list-style-position: outside;
}
ul {
	margin: .5em 20px 1.5em 40px;
}
ul ul, ol ol, ol ul, ul ol {
	margin: 0 0 .4em 15px;
}
article ul, article ol {
	margin: .8em 0 .4em 20px;
}
aside ul, aside ol {
	margin-left: 0;
}
article ul li, aside ul li {
	margin: .1em 0;
	padding: .2em 0;
	padding-left: 16px;
	list-style: none;
	background: url(../images/bullet.png) no-repeat left center;
}
article ul ul li, aside ul ul li {
	list-style-type: disc;
}

article ol li, aside ol li {
	list-style: decimal outside none;
    margin: 0.1em 0 0.1em 20px;
    padding: 0.2em 0;
    position: relative;
}


article dl dt, article dl dd,
aside dl dt, aside dl dd {
	display: inline-block;
	min-width: 90px;
	margin-bottom: .4em;
	line-height: 1em;
}

article dl dt, aside dl dt {
	font-weight: normal;
	clear: left;
}
article dl dd, aside dl dd {
	clear: right;
	padding-left: .5em;
	margin-left: .5em;
	color: #444444;
}




/* Tables - reset with just a little styling */
table {
	margin: .4em;
	padding: 0;
}
th, td {
	padding: .5em 20px 0 0;
	text-align: left;
}
th {
	font-size: 1.2em;
}
th:last-child, td:last-child {
	border-right: none;
}

/* Tables - zebra styling */
.zebra th, .zebra td {
	padding: .4em .8em;
	text-align: left;
	border: 1px solid #ccc;
}
.zebra tr {
	background: #f9f9f9;
}
.zebra tr:nth-child(odd) {
	background: #ddd;
}
.zebra th {
	font-size: 1.1em;
	background: #555;
	color: #fff;
}


/* tables with divs */
input, textarea {
	max-width: 100% !important;
}
.table {display: table; position: relative; margin-bottom: 0;}
.row {display: table-row; position: relative; margin-left: 0;}
.cell {display: table-cell;position: relative;}

.table * {
	 -moz-box-sizing: border-box; 
	 -webkit-box-sizing: border-box; 
	 box-sizing: border-box;
}

.table,
.table .row {
	width: 100%;
}
.table .cell {float: left; padding-right: 5px;}
.table .row .cell:last-child {padding-right: 0;}
.table .table .row label {display: block;}
/*.cell {width: 100%; height: auto;}*/
.percent100 {width: 100%;}
.percent90 {width: 90%;}
.percent80 {width: 80%;}
.percent75 {width: 75%;}
.percent70 {width: 70%;}
.percent66 {width: 66.6667%;}
.percent60 {width: 60%;}
.percent50 {width: 50%;}
.percent45 {width: 45%;}
.percent40 {width: 40%;}
.percent33 {width: 33.3334%;}
.percent30 {width: 30%;}
.percent27-5 {width: 27.5%;}
.percent26-5 {width: 26.5%;}
.percent23 {width: 23%;}
.percent21 {width: 21%;}
.percent19 {width: 19%;}
.percent17 {width: 17%;}
.quarter, .percent25 {width: 25%;}
.fifth, .percent20 {width: 20%;}
.sixth {width: 16.6667%;}
.percent15 {width: 15%;}
.seventh {width: 14.2857%;}
.eighth {width: 12.5%;}
.tenth, .percent10 {width: 10%;}
.percent6-666 {width: 6.666%;}
.sixteenth {width: 6.25%;}
.percent5 {width: 5%;}
.percent3-333 {width: 3.3334%;}
.percent2-5 {width: 2.5%;}
.percent2 {width: 2%;}
.percent1 {width: 1%;}
.table input, 
.table textarea,
.table select {
	width: 100%;
}
.table input[type="submit"] {
	width: auto !important;
}
select, input[type="file"] {
	height: 32px;
	line-height: 32px;
    padding: 7px 0;
}
.table .cell.border-left {border-left:  2px solid #ddd; padding-left: 5px;}


/* Hide the dropdown title from the list of options */
.bootstrap-select.btn-group .dropdown-menu li:first-child {
	display: none;
}




/* Forms */
input, button, select, textarea {
	font-family: 'LatoLight', sans-serif;
}
aside form {}

input, textarea {
    /*font-size: 1.3em !important;*/
	/*padding: 10px !important;*/
	border: 2px solid #ddd;
}
textarea {
	min-height: 80px;
}

/* input inner shadow */
input[type="text"], textarea {
}
/* extra input inner shadow on focus - it's the little things etc...*/
input[type="text"]:focus, textarea:focus {
	-moz-box-shadow: #ddd 1px 1px 3px inset; /* FF3.5+ */
	-webkit-box-shadow: #ddd 1px 1px 3px inset; /* Saf3.0+, Chrome */
	box-shadow: #ddd 1px 1px 3px inset; /* Opera 10.5, IE9, Chrome 10+ */
}

.checkboxList input {border: none;padding: 0;}

.lt-ie9 input[type="checkbox"] {
	vertical-align: -.1em; 
	padding: 0 !important;
	border: none
}
input[type="radio"] {
    width: auto;
}



.btn {text-decoration: none;}

input[type="submit"], input[type="button"], .btn {
	width: auto;
	font-family: LatoRegular, sans-serif;
	font-size: 16px !important;
	padding: 4px 12px !important;
	border: 0;
	color: #fff;
	cursor: pointer;
	background-color: rgb(53,173,172);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
	line-height: 27px;
	position: relative;
}
input[type="submit"]:hover, input[type="button"]:hover, 
.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active, 
.btn.disabled, 
.btn[disabled] {
	color: #fff;
	background-color: rgba(53,173,172,0.85);
}

input[type="submit"]:active, input[type="button"]:active {
	background-color: #555555;
	
	-moz-box-shadow: none; /* FF3.5+ */
	-webkit-box-shadow: none; /* Saf3.0+, Chrome */
	box-shadow: none; /* Opera 10.5, IE9, Chrome 10+ */
}

/* Fix for Firefox submit button extra height issue */
input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]:focus {
	background-color: #555555;
}
/* END Fix for Firefox */





.table label {
	font-weight: normal;
}
.table .cell fieldset legend {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 5px;
	border-bottom: none;
}
.table .cell fieldset label {
	font-weight: normal;
	display: inline-block;
	float: left;
	margin-left: 5px;
}
.table .cell fieldset span {
	display: block;
	height: 24px;
}
input[type="image"], input[type="checkbox"], input[type="radio"] {
	width: auto !important;
	height: auto;
	padding: 0;
	margin: 2px 0;
	line-height: normal;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: left;
}
input[type="file"] {
	line-height: 1em;
	padding: 0 !important;
	height: 19px;
	vertical-align: middle;
	margin: 7px 0;
}
.table input[type="submit"] {
	margin: 0;
}
.table .cell input[type="submit"] {
	margin: 0 0 0 0;
	width: 100% !important;
}



/*Select Boxes*/
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.selectpicker {
	background: #fffeff;
	color: #888;
	border: 2px solid #ccc;
}
.find-doctor .btn, .find-doctor .btn-default {
	background: rgb(53,173,172);
	color: #fff;
	border: 2px solid rgb(53,173,172);
}

input, textarea {
background: #e0e0e0;
text-shadow: 0 1px 0 #fff;
border-color: #ccc;
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
background-color: transparent;
}
.inline .btn, .inline input, .inline textarea {
	max-width: 200px !important;
	margin: 5px 10px 5px 0;
}
.btn {
text-align: center;
cursor: pointer;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 5px solid #888;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
}
.find-doctor .caret {
border-top: 5px solid rgb(53,173,172);
}


button > span.caret:before {
	border-left: 2px solid #fff;
	content: '';
	display: block;
	width: 30px;
	height: 6em;
	top: -3.2em;
	left: -1em;
	position: absolute;
}
.dropdown-menu>li>a {
	font-weight: normal;
	color: #444;
	font-size: 18px;
	line-height: 1.5em;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
.bootstrap-select>.btn {
	width: 100% !important;
}

.btn-group>.btn:first-child, input, textarea {
	border-radius: 4px !important;
}

.bootstrap-select .btn:focus {
	outline: none !important;
}

.btn-group.open .dropdown-toggle {
	 -webkit-box-shadow: none; 
	 box-shadow: none; 
}
.find-doctor .btn,
.title .btn,
input, textarea {
	text-shadow: none;
}
.dropdown-menu a:focus {
	outline: none;
}

.find-doctor .table .cell,
.title .table .cell {
padding-right: 20px;
}
.find-doctor .table .cell.number,
.title .table .cell.number {
	padding-left: 0;
	margin-left: -8px;
	margin-right: 8px;
}

@media only screen and (max-width: 1139px) {
.find-doctor .table .cell.number, .title .table .cell.number {
	margin-left: -12px;
	margin-right: 12px;
}
}

.find-doctor .number span,
.title .number span {
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 20px;
	line-height: 38px;
	height: 34px;
	width: 34px;
	color: #fff;
	color: rgba(244,255,255,0.65);
	background: rgba(244,255,255,0.2);
	text-align: center;
}
.find-doctor .table .cell.search,
.title .table .cell.search {
	margin-left: 10px;
}
.find-doctor input[type="submit"], .find-doctor input[type="button"],
.title input[type="submit"], .title input[type="button"] {
	background: rgba(255,255,255,0.9) !important;
	border-color: rgba(255,255,255,0.1) !important;
}
.find-doctor input[type="submit"]:hover, .find-doctor input[type="button"]:hover,
.title input[type="submit"]:hover, .title input[type="button"]:hover {
	background: rgba(255,255,255,1) !important;
	border-color: rgba(255,255,255,1) !important;
}
.find-doctor input[type="submit"] {
    padding: 2px !important;
}



/* Brand Colour - BASELINE */
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
	font-size: 15px;
	line-height: 27px;
}
button > span.caret:before {
	border-left: 2px solid #ccc;
}
button:hover > span.caret:before,
button:focus > span.caret:before,
.find-doctor button > span.caret:before {
	border-left: 2px solid rgb(53,173,172);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	border-color: rgb(53,173,172);
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: rgb(53,173,172);
	background-color: #fffeff;
	border: 2px solid rgba(53,173,172,1);
}
input[type="submit"], input[type="button"] {
	background: rgba(53,173,172,0.9);
	border: 2px solid rgba(53,173,172,0.1);
}
input[type="submit"]:hover, input[type="button"]:hover {
	background: rgba(53,173,172,1);
	border: 2px solid rgba(53,173,172,1);
}	
	
	

/*White - on dark background */
.find-doctor .btn-group>.btn, .find-doctor .btn-group>.dropdown-menu, .find-doctor .btn-group>.popover,
.title .btn-group>.btn, .title .btn-group>.dropdown-menu, .title .btn-group>.popover, 
input, textarea  {
	font-size: 16px;
	line-height: 22px;
}
.find-doctor .btn-default,
.title .btn-default {
color: rgb(53,173,172);
border-color: #ccc;
}
.find-doctor .btn-default,
.title .btn-default, 
.find-doctor input, 
.find-doctor textarea {
text-shadow: 0 1px 0 #fff;
border-color: #ccc;
}

.find-doctor .btn,
.title .btn, 
.find-doctor input, 
.find-doctor textarea {
color: rgb(53,173,172);
border: 2px solid rgb(53,173,172);
}
.find-doctor .caret,
.title .caret {
border-top: 5px solid rgb(53,173,172);
}

.find-doctor button > span.caret:before,
.title button > span.caret:before {
	border-left: 2px solid #fff;
}
.find-doctor .btn-default:hover, 
.find-doctor .btn-default:focus, 
.find-doctor .btn-default:active, 
.find-doctor .btn-default.active, 
.find-doctor .open .dropdown-toggle.btn-default,
.title .btn-default:hover, 
.title .btn-default:focus, 
.title .btn-default:active, 
.title .btn-default.active, 
.title .open .dropdown-toggle.btn-default  {
color: rgb(53,173,172);
background-color: white;
border-color: rgb(53,173,172);
}

.find-doctor .btn-default:hover, 
.find-doctor .btn-default:focus, 
.find-doctor .btn-default:active, 
.find-doctor .btn-default.active, 
.find-doctor .open .dropdown-toggle.btn-default,
.title .btn-default:hover, 
.title .btn-default:focus, 
.title .btn-default:active, 
.title .btn-default.active, 
.title .open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: rgba(255,255,255,0.15);
	border-color: #fff;
}
.find-doctor input[type="submit"], .find-doctor input[type="button"],
.title input[type="submit"], .title input[type="button"]  {
	background: rgba(255,255,255,0.9) !important;
	border: 2px solid rgba(255,255,255,0.1) !important;
}
.find-doctor input[type="submit"]:hover, .find-doctor input[type="button"]:hover,
.title input[type="submit"]:hover, .title input[type="button"]:hover {
	background: rgba(255,255,255,1) !important;
	border: 2px solid rgba(255,255,255,1) !important;;
}




/* Checkboxes
----------------------------------- */
.icheckbox,
.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    background: url('../images/icons/gpm-icon-sprite.png'); no-repeat;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #ccc;
}

.icheckbox {
    background-position: 0 0;
}
    .icheckbox.hover {
        background-position: -867px -2px;
        background-color: rgb(53,173,172);
        border-color: rgb(53,173,172);
    }
    .icheckbox.checked {
        background-position: -867px -2px;
        background-color: rgb(53,173,172);
        border-color: rgb(53,173,172);
    }
    .icheckbox.disabled {
        background-position: -72px 0;
        cursor: default;
        background-color: #ccc;
        border-color: #ccc;
    }
    .icheckbox.checked.disabled {
        background-position: -96px 0;
        background-color: #ccc;
        border-color: #ccc;
    }

.iradio {
    background-position: -120px 0;
    background-size: inherit;
}
    .iradio.hover {
        background-position: -867px -2px;
        background-color: rgb(53,173,172);
        border-color: rgb(53,173,172);
        background-size: inherit;
    }
    .iradio.checked {
        background-position: -867px -2px;
        background-color: rgb(53,173,172);
        border-color: rgb(53,173,172);
        background-size: inherit;
    }
    .iradio.disabled {
        background-position: -192px 0;
        cursor: default;
        background-color: #ccc;
        border-color: #ccc;
    }
    .iradio.checked.disabled {
        background-position: -216px 0;
        background-color: #ccc;
        border-color: #ccc;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox,
    .iradio {
        /*background-image: url('../images/icons/gpm-icon-sprite.png');*/
        /*-webkit-background-size: 240px 24px;
        background-size: 240px 24px;*/
    }
}




/*Social Buttons on links,buttons,submits*/

.login-register-form .btn.google, input[type="submit"].google {
	background: rgb(21,106,235) !important;
	border-color: rgb(21,106,235);
	padding: 15px 0px !important;
}
.btn.google:hover, input[type="submit"].google:hover {
	background: rgba(21,106,235,0.85) !important;
	border-color: rgba(21,106,235,0.85);
}
.btn.google:before, input[type="submit"].google:before {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 5px;
	background: transparent url('../images/icons/gpm-icon-sprite.png') no-repeat -1189px -1px;
}
.login-register-form .btn.facebook, input[type="submit"].facebook {
	background: rgb(59,89,152) !important;
	border-color: rgb(59,89,152);
	padding: 15px 0px !important;
}
.btn.facebook:hover, input[type="submit"].facebook:hover {
	background: rgba(59,89,152,0.85) !important;
	border-color: rgba(59,89,152,0.85);
}
.btn.facebook:before, input[type="submit"].facebook:before {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 5px;
	background: transparent url('../images/icons/gpm-icon-sprite.png') no-repeat -1155px -1px;
}





	



/* Accordion */
.accordion .new {
	padding: .4em 0;
}
.accordion .accordion-section .new {
	padding: 0;
}
.abutton {
    font-size: 20px;
    margin-bottom: 10px;
}
.abutton a {
    padding-top: 6px;
}
.abutton a:focus {
	outline: none;
}
.abutton,
.infos li li a,
.infos span.title {
	position: relative !important;
	display: block;
	line-height: 1.2em;
    margin-top: 0;
}

.abutton a.trigger:before {
	content: '';
	float: left !important;
	display: block !important;
	text-indent: -99999px !important;
	background-image: url('../images/icons/gpm-icon-sprite.png');
	background-position: -686px -39px !important;
	background-color: transparent !important;
	height: 32px;
	width: 32px;
	font-size: 18px;
	margin: -4px 3px 0 0;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#results li li a,
.accordion-section span.abutton,
.infos li li a {
	font-size: 16px;
	font-family: 'LatoRegular', sans-serif;
}

.abutton a.open:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-transform: rotate(-45deg);
}

#results .list li {
	padding: 0 !important;
	border-bottom: 2px solid #3a3a3a;
}

.accordion .new {
	border-bottom: 4px solid rgba(205,205,205,0.35);
} 
.accordion  .new .new {
	border-bottom: none;
} 
.accordion-section {
	display: block;
	padding: 5px 5px 20px 5px;
}





/* video/youtube objects in .block_1's */
.block_1 object {height: 200px; width: 100%;} 





/* Pagination */
/* Bootstrap Pagination */
.pagination {
	height: 36px;
	clear: both;
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pagination li {
	display: inline;
}
.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
	color: #888 !important;
	background: #fff;
}
.pagination a:hover, .pagination .active a {
	background-color: rgb(53,173,172);
	text-decoration: none;
	color: #fff !important;
}
.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.pagination li:last-child a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* END: Bootstrap Pagination */






/* @group #feature-slider */

.feature-slider ul {list-style-type: none; padding:0; margin: 0;}
.feature-slider, ul#slider li {padding:0; position: relative;}
ul#slider li {max-width:100%;}
.block_6 .feature-slider, ul#slider li {}

.feature-slider li {display: none;}
.feature-slider img {max-width: 100%;}

.feature-slider #slider-desc li {
	background: #222;
}

.feature-slider #slider-desc li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 22%;
    color: #FFFFFF;
    font-size: 1.5em;
    height: auto;
    /*padding: 10px 50px 30px 50px;*/
    padding: 0 5% 2.5% 5%;
    width: auto;
}


ul#slider {position: relative;}
#slider_nav li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
cursor: pointer;
}
ul#slider_nav {
	bottom: 3%;
    padding: 0;
    margin: 0;
    right: 2%;
    position: absolute;
    z-index: 99;
    text-align: right;
}
.lt-ie8 ul#slider_nav {
}
ul#slider-desc {
	margin: 0;
}
ul#slider_nav li {
	background-image: url(../images/button.png);
    background-position: 50% 50%;
    background-size: 100% 100%;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 3px;
    padding: 7px;
}
ul#slider_nav li:hover {
background-image: url(../images/button_selected.png);
}
ul#slider_nav li#button_selected {
background-image: url(../images/button_selected.png);
}
ul#slider_nav li#button_selected:hover {
}

/* @end */







/* ///////////////////////////////////////////////////////// 
 .top 
///////////////////////////////////////////////////////// */

.top{
	position: absolute;
	width: 100%;
	z-index: 1;
}
.top .container {
	width: 100%;
}

ul.toplinks {
	list-style: none;
	margin: 0;
}
ul.toplinks li {
	list-style: none;
	display: block;
	color: #888;
	float: right;
	padding: 0;
}
ul.toplinks li.home a,
ul.toplinks li.login-out-link.in a {
	border-left: none;
}

ul.toplinks li.home {
	float: left;
}
ul.toplinks li a {
	padding: 0 10px 0 28px;
	color: #ddd;
	background: #444;
	background: rgba(50,50,50,0.75);
	border-left: 1px solid #888;
	display: block;
	height: 30px;
	line-height: 30px;
	position: relative;
}
/*ul.toplinks li.home a {
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -200%;
}*/
/*ul.toplinks li.home a:hover {
	padding: 0 10px 0 32px;
	text-indent: 0;
}*/
ul.toplinks li a:before {
	content: '';
	display: block;
	height: 30px;
	width: 26px;
	background-color: transparent;
	background-image: url('../images/icons/gpm-icon-sprite.png');
	background-position: 0 0;
	position: absolute;
	left: 2px;
	top: 0;
	opacity: .8;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
ul.toplinks li a:hover {
	color: #fff;
	background-color: #222;
	background-color: rgba(0,0,0,0.75);
	text-decoration: none;
}
ul.toplinks li a:hover:before {
	opacity: 1;
}
/*ul.toplinks li a:before {
	content: '';
	display: block;
	color: #999;
	padding: 0 .6em 0 .3em;
	font-size: 1em;
	font-weight: normal;
}*/
.home a:before {
	background-position: -942px -3px !important;
}
.logged-in-name a:before {
	background-position: -1013px -3px !important;
}
.login-out-link a:before {
	background-position: -1084px -3px !important;
}
.login-out-link.out a:before {
	background-position: -1120px -3px !important;
}
.account a:before {
	background-position: -1013px -3px !important;
}
.signin a:before {
	background-position: -1048px -3px !important;
}
.register a:before {
	background-position: -1048px -3px !important;
}
.homepage a:before {
	background-position: -1517px -3px !important;
}


/* ///////////////////////////////////////////////////////// 
 .head 
///////////////////////////////////////////////////////// */

#masthead-wrapper {
    background: url(../images/transparency-white.png) repeat 0 0;
    margin: 10px 0;
}
.logo {
	width: 17.543859649122805%;
	height: 17.543859649122805%;
	margin: 0.8771929824561403% 0 0.8771929824561403% 0.8771929824561403%;
	background:#fff;
	display: table;
	text-align: center;
}
.logo:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
.logo img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.login-register-form .logo {
	margin: 0 auto 15px auto;
	background: #fff;
	display: table;
	text-align: center;
	max-width: 100%;
    width: 120px;
    height: 120px;
}

.banner {
	margin: 0.8771929824561403% 0.8771929824561403% 0.8771929824561403% 0;
	float: right;
    overflow: hidden;
    width: 79.82456140350878%;
}
    .banner a, .banner img {
        line-height: 0;
        display: block;
    }

.head {
	background-color: rgba(40,40,40,0.5);
	overflow: hidden;
	position: relative;
}

@-moz-document url-prefix() {
    .head {
    	background-color: rgba(40,40,40,0.6);
    }
}

.banner-bg {
	display: block;
	-webkit-filter: blur(10px);
	/*filter: url('filters.svg#blur');*/
	background: url(../images/banner.jpg);
	background-size: cover;
	width: 140%;
	height: 140%;
	position: absolute;
	opacity: 1;
	z-index: -1;
	left: -20%;
	top: -20%;
}

span.or {
	color: #888;
	font-style: italic;
	font-size: 1.8em;
	font-family: "LatoRegular", sans-serif;
	line-height: 3em;
	margin: 0;
	padding: 10px 0;
}

ul.section-icons {
	width: 200px;
	float: left;
	margin: 16px 0 0 200px;
}
.section-icons li {
	float: left;
	position: relative;
	text-align: center;
	width: 64px;
	height: 48px;	
	list-style-type: none;
}
.section-icons li a {
	display: block;
	width: 64px;
	height: 48px;	
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.section-icons li a span {
	position: absolute;
	bottom: -11px;
	display: none;
	text-align: center;
	color: #ccc;
}
.section-icons li a:hover span {
	display: block;
}
.section-icons li a.people:hover span {
	left: 9px;
}
.section-icons li a.properties:hover span {
	left: 1px;
}
.section-icons li a.organisations:hover span {
	left: -8px;
}


.section-icons li a.people {
	/*background: url(../images/section-icons.png) no-repeat -20px 0;*/
	background: url(../images/section-icons.png) no-repeat -20px -50px;
	opacity: .5;
}
.section-icons li a.people:hover {
	/*background: url(../images/section-icons.png) no-repeat -20px -48px;*/
	opacity: 1;
}
.section-icons li a.properties {
	/*background: url(../images/section-icons.png) no-repeat -120px 0;*/
	background: url(../images/section-icons.png) no-repeat -120px -50px;
	opacity: .5;
}
.section-icons li a.properties:hover {
	/*background: url(../images/section-icons.png) no-repeat -120px -48px;*/
	opacity: 1;
}
.section-icons li a.organisations {
	/*background: url(../images/section-icons.png) no-repeat -220px 0;*/
	background: url(../images/section-icons.png) no-repeat -220px -50px;
	opacity: .5;
}
.section-icons li a.organisations:hover {
	/*background: url(../images/section-icons.png) no-repeat -220px -48px;*/
	opacity: 1;
}


#topsearch input[type="text"] {
	margin-right: 2px;
	font-family: "LatoRegular", sans-serif;
	font-style: italic;
	background: #ffffff url(../images/icons/search-icon.png) no-repeat right center;
	width: 150px;
	height: auto;
	height: 15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
article textarea:placeholder {
	font-family: "LatoRegular", sans-serif;
	font-style: italic;
}
article textarea::-webkit-input-placeholder {font-family: "LatoRegular", sans-serif;
	font-style: italic;}
article textarea:-moz-placeholder {font-family: "LatoRegular", sans-serif;
	font-style: italic;}
article textarea::-moz-placeholder {font-family: "LatoRegular", sans-serif;
	font-style: italic;}
article textarea:-ms-input-placeholder {font-family: "LatoRegular", sans-serif;
	font-style: italic;}


/* ///////////////////////////////////////////////////////// 
 .crumbs 
///////////////////////////////////////////////////////// */

.crumbs {
}
/* Breadcrumbs */

ul.breadcrumbs {
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 10px;
}
article ul.breadcrumbs {
	padding: 4px 0 5px 0;
}
ul.breadcrumbs li {
	list-style: none;
	float: left;
	position: relative;
	padding: 7px 4px 6px 30px;
	margin: 0;
	color: #888;
	font-size: 1.3em;
}
ul.breadcrumbs li:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1300px -2px;
	position: absolute;
	left: 0;
	top: 0;
}
ul.breadcrumbs li:first-child:before {
	content: ;
	background: none;
}


ul.breadcrumbs li:first-child {
	background: none;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
}
ul.breadcrumbs li a {
	display: block;
	color: #888;
}
ul.breadcrumbs li a:hover {
	display: block;
	color: #555;
	text-decoration: none;
}
ul.breadcrumbs li:first-child a {
	text-indent: -9999px;
	padding: 0;
	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -903px -3px transparent;
	opacity: .65;
	width: 30px;
	height: 30px;
	margin-top: -5px;
}
ul.breadcrumbs li:first-child a:hover {
	opacity: 1;
}
.lt-ie8 ul.breadcrumbs li:first-child a {
	width: 14px;
	padding: 0 0 0 0;
}

.breadcrumbs  li:first-child:before {
    display:none;
}


/* ///////////////////////////////////////////////////////// 
 .head-two 
///////////////////////////////////////////////////////// */

.head-two {
	background: rgb(53,173,172);
	color: #fff;
	min-height: 10px;
}
.head-two .container {
}
.head-two form {
	margin: 0;
	padding: 10px 0;
	padding-left: 8px;
}
.head-two form legend {
	font-size: 1.8em;
	font-family: "LatoLightItalic", sans-serif;
	color: #fff;
	border-bottom: none;
	margin: 0 0 .4em -8px;
}
.head-two input[type="submit"] {
	float: right;
	margin: 30px 20px;
	background: #fff;
	border: 2px solid #eaeaea;
	color: rgb(53,173,172);
}

.tags, .tags li {
	list-style-type: none;
	margin: .5em 0;
}
.tags li a {
	color: #fff;
	padding: .2em .5em .2em .4em;
	float: left;
	margin-right: 3px;
	text-decoration: none;
}
.tags li a:hover {
	-moz-box-shadow: 0 0 3px rgb(100,100,100); /* FF3.5+ */
	-webkit-box-shadow: 0 0 3px rgb(100,100,100); /* Saf3.0+, Chrome */
	box-shadow: 0 0 3px rgb(100,100,100);
}
.tags li a span.delete {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 3px 4px 0 0;
	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -300px 1px;
}
.add-tag {
	margin: .5em 0;
}
.add-tag input[type="text"] {
	padding: .15em .4em .25em .4em !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 2px solid #ccc;
	-moz-box-shadow: inset 0 0 0 #000000;
	-webkit-box-shadow: inset 0 0 0 #000000;
	box-shadow: inset 0 0 0 #000000;
	width: 130px;
	height: auto;
}
.booking .head-two {
    display: none;
}




/* ///////////////////////////////////////////////////////// 
.mid 
///////////////////////////////////////////////////////// */

.wrapper.mid {
	padding-bottom: 50px;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav > li > a {
  display: block;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 2px solid #ddd;
  margin: 1em 0;
}
.nav-tabs > li {
  margin-bottom: -2px;
  padding: 0;
  background: none;
}
.nav-tabs > li:first-child {
  margin-left: 12px;
}
.nav-tabs > li > a {
	line-height: 20px;
	padding-bottom: 10px;
    padding-top: 10px;
	border: 2px solid transparent;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-size: 1.3em;
	font-weight: normal;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
  background: #eee;
  text-decoration: none;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 2px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs > li > a.icon {
  position: relative;
  padding-left: 36px !important;
}




/* @group Icons */

.icon {
	padding-left: 32px;
	position: relative;
	line-height: 18px;
	display: block;
}
.icon.medium {
	padding-left: 38px;
	line-height: 24px;
}
.icon.sml {
	padding-left: 18px;
}
.sidebar h2.icon, 
.sidebar h3.icon {
	padding-left: 0;
}
p.icon {
	margin: 0;
}
.add-comment p.icon {
	margin: 2px 0;
}
.add-comment input[type="submit"] {
	margin-top: -0.3em !important;
}
.add-comment {
	margin-bottom: 20px;
}
.icon:before {
	content: '';
	display: block;	
	position: absolute;
	width: 36px;
	height: 36px;
	opacity: .65;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	left: 0;
}
.sidebar h2.icon:before, 
.sidebar h3.icon:before {
	left: auto;
	right: -3px;
	top: -4px;
}
.accordion .icon:before {
	left: 7px;
}
.accordion .icon:before {
	opacity: 1;
}
.nav-tabs > li > a.icon:before {
	left: 8px;
	top: 7px;
}
.icon:hover:before {
	opacity: 1;
}
.icon.history:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1500px 1px;
}
.icon.accounts:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1600px 1px;
}
.icon.analysis:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1700px 1px;
}
.icon.tennants:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1800px 1px;
}
.icon.files:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1900px 1px;
}

.icon.rental-details:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2500px 1px;
}
.icon.property-features:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2600px 1px;
}
.icon.specifications:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2700px 1px;
}
.icon.details:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2400px 1px;
}
.icon.image:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2300px 1px;
}
.icon.tick:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1500px 1px;
}
.icon.cal:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2100px 1px;
}
.icon.files-docs:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2800px 1px;
}


.icon.parking:before {
background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2900px 1px;
}
.icon.bedrooms:before {
background: url(../images/icons/gpm-icon-sprite.png) no-repeat -3000px 1px;
}
.icon.bathrooms:before {
background: url(../images/icons/gpm-icon-sprite.png) no-repeat -3100px 1px;
}



.icon.add:before {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -800px 1px;
}
.icon.edit {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1100px 1px;
}
.icon.remove {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1200px 1px;
}
.icon.add-fave {
  background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1300px 1px;
}
.icon:before:hover {
	opacity: .8;
}


.comment .icon:before {
	content: '';
	display: block;	
	position: absolute;
	width: 36px;
	height: 36px;
	opacity: .65;
	left: 0;
	top: -2px;
 	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -2000px 1px;
}
.file .icon:before, 
.icon.file:before  {
	content: '';
	display: block;	
	position: absolute;
	width: 36px;
	height: 36px;
	opacity: .65;
	left: 0;
	top: -2px;
	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1900px 1px;
}
.icon.upload-file:before  {
	content: '';
	display: block;	
	position: absolute;
	width: 36px;
	height: 36px;
	opacity: .65;
	left: 12px;
	top: 0;
	background: url(../images/icons/gpm-icon-sprite.png) no-repeat -1900px 1px;
}

.comment .date, .file .date {
	padding-left: 32px;
}

.comment .cell,
.file .cell {
	border-bottom: 2px solid #ddd;
	padding-bottom: 10px;
	/*margin-bottom: 10px;*/
	padding-top: 10px;
}
.comment:last-child .cell, 
.file:last-child .cell {
	border-bottom: none;
}
form.comment {
	margin-bottom: 1em;
}
form.comment p.upload-file,
form.comment input[type="submit"] {
	margin-top: .2em;
}

.upload-file {
	display: inline-block;
	margin-left: 10px;
	font-size: 1.3em;
	position: relative;
	padding-left: 28px;
}

.add {
	font-size: 16px;
	line-height: 1em;
}
.add a {
	display: inline-block;
}
.add a:nth-child(even) {
	border-left: 2px solid #ccc;
	margin-left: 8px;
	padding-left: 8px;
}

.icon.edit {
  text-indent: -9999px;
  position: absolute;
  right: 29px;
  bottom: 5px;
  width: 24px;
  height: 24px;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.icon.remove {
  text-indent: -9999px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 24px;
  height: 24px;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.icon.add-fave {
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	z-index: 2;
	margin: 0;
	padding: 0;
}
.icon.edit,
.icon.remove,
.icon.add-fave {
	opacity: .65;
}
.icon.edit:hover,
.icon.remove:hover,
.icon.add-fave:hover {
	opacity: 1;
}

/* @end Icons */

/* ////////////////////////////////////
Sidebar
//////////////////////////////////// */

.dashboard aside {
	border-top: 2px solid #ccc;
}
.sidebar aside:first-child {
	border-top: none;
}

/*files-documents*/

.files-documents li {
	list-style-type: none;
	background: none;
	padding-left: 0;
}

/* Home Page */

.home h1 {
    margin: 20px 0;
}
.home .has-classes {
    margin-right: 4%;
}
.home .widget.bg.map {
    background: transparent;
}

/* Clinician-page */

.clinician .profile.lg {
    width: 100%;
    padding: 0;
}
.clinician .profile-link {
    display: block;
    float: left;
    margin-right: 20px;
}
.clinician .details {
    float: left;
}
.profile.lg h2 {
    font-size: 2.5em;
    margin-bottom: 0;
}
.profile.lg p {
    font-size: 1.3em;
}
.clinician .book-session {
        margin-top: 0;
        border-bottom: 4px solid rgba(205,205,205,.35);
        padding-bottom: 30px;
}
    }
.clinician .widget.sessions {
    margin-right: 0;
    margin-left: 4%;
}
.clinician h2.appointment-heading {
    margin-bottom: 20px;
}
.clinician .site-address.widget {
    padding: 0 15px;
}
.clinician .site-address h3 {
    margin-bottom: 5px;
    font-size: 1.4em;
}
.clinician .site-address p {
    margin-top: 0;
    font-size: 1.1em;
}
.clinician .site .map {
    box-shadow: none;
}

/* Login Page */
html, body.login {
	height: 100%;
}
body.login {
	background: url(../images/orange-colour-strip.gif) repeat-x center top;
}
.login .table-wrapper {
	height: 100%;
	width:100%;
	display: table;
	background: url(../images/buildings.png) no-repeat 10% bottom;
	vertical-align: middle;
}
.login .table-wrapper-centred {
	height: 30%;
	min-height: 200px;
	width:100%;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/buildings.png) no-repeat 10% bottom;
}
.login .wrapper.mid {
	height: 10px;
	background: none;
}
.login .container {
	width: 640px;
}
.login #brand img {
	margin: 0;
}
.login ul.toplinks {
	margin: 0;
	position: absolute;
	bottom: 22px;
	right: 0;
}
.login .table {
	margin: 0;
	padding: 20px 0;
}
.login .head-two input[type="submit"] {
	float: none;
	margin: 0;
	width: 100% !important;
}
.login input[type="text"] {
	font-family: "LatoRegular", sans-serif;
	font-style: italic;
}
.login legend {
	font-weight: normal;
	margin: 0;
	color: #555;
}
.login p {
	color: #555;
}
.login #credits p {
	margin: 1.4em 0;
	text-align: right;
}
.login p.password-reset {
	margin: 0;
	text-align: right;
}

/* ////////////////////////////////////
Footer
//////////////////////////////////// */

.wrapper.foot {
	display: table-cell;
	vertical-align: middle;
}
footer {
	color: #888;
	font-family: "LatoLight", sans-serif;
	text-align: right;
	font-size: 1.3em;
}

/* ////////////////////////////////////
Progress Bar
//////////////////////////////////// */

/* Form Progress */
.progress-wrapper {
  margin: 5px auto 20px auto;
}
.progress-wrapper .circle,
.progress-wrapper .bar {
  display: inline-block;
  background: #fff;
  width: 40px; height: 40px;
  border-radius: 40px;
  border: 1px solid #d5d5da;
  text-align: center;
}
.progress-wrapper .bar {
  position: relative;
  width: 80px;
  height: 6px;
  margin: 0 -4px 32px -4px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 0;
}
.progress-wrapper .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 3px;
  color: #b5b5ba;
  font-size: 17px;
}
.progress-wrapper .circle .title {
  color: #b5b5ba;
  font-size: 13px;
  line-height: 30px;
  margin-left: -5px;
}

/* Done / Active */
.progress-wrapper .bar.done,
.progress-wrapper .circle.done {
  background: #eee;
}
    .progress-wrapper .bar.done {
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
.progress-wrapper .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progress-wrapper .circle.done .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress-wrapper .circle.done .title {
  color: #444;
}
.progress-wrapper .circle.active .label {
  color: #FFF;
  background: #0c95be;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress-wrapper .circle.active .title {
  color: #0c95be;
}
    .progress-wrapper .title strong {
        color: #8bc435;
    }

/* ////////////////////////////////////
Results Section
//////////////////////////////////// */
section.results {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* ////////////////////////////////////
Widgets
//////////////////////////////////// */

.widget {
	padding: 20px;
}
.widget.sml {
	padding: 15px;
}
.widget.bg {
	background: #fff;
	box-shadow: 4px 4px rgba(120,120,120,0.1);
}

/* Site widget 2/3 */
.site.lg {
	padding: 0;
}

.sessions .empty p {
	padding: 10px 35px;
	font-size: 1.5em;
	line-height: 2em;
}

/* Site widget small */
.site.sml {
	
}

/* Google maps */
.map {
	width: 100%;
	height: 200px;
	background: #fff;
	padding: 0;
}
.map iframe {
	padding: 2px;
	width: 100%;
}
.map a img {
	background: transparent !important;
	opacity: 0.65 !important;
}
.map a:hover img {
	background: transparent !important;
	opacity: 1 !important;
}

/* Book a Class */
.book-a-class {
	width: 100%;
	height: 100%;
}
.book-a-class h2 {
	margin-top: .2em;
}
.related-practitioner {
    padding: 40px 0 0 0;
}
.related-practitioner .widget.profile {
    padding-top: 0;
}
.related-practitioner .widget h2 {
    margin-top: 0;
}

.book-appointment .site-content {
    display: flex;
}

.book-appointment .site-content .col-6-12 {
    flex: 1;
}

.book-appointment .site-content .map {
    height: 100%;
    min-height: 200px;
}

.book-appointment .site-content iframe {
    height: 100% !important;
}

.book-a-class-btn {
    width: auto;
}

/* Site Address */
.site-address.widget {
    padding: 0 20px 0 0;
}
.site-address h2 {
	margin-top: .2em;
}
.site-address h2 .more {
	font-size: .625em;
}
.site-address p {
    font-size: 16px;
}

/* Profile GENERAL */
.profile .profile-pic {
	background: #9e9e9e;
	padding: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* Profile LG */
.profile.lg {
	width: 49%;
	margin: 10px 1% 10px 0;
	float: left;
}
.profile.lg:nth-child(2n+2) {
	margin: 10px 0 10px 1%;
}

.profile.lg h1 {
	margin: .4em 0 .2em 0;
}

.profile.lg p {
	font-size: 1em;
	margin: .2em 0;
}

/* Profile ASIDE */
.profile.aside {

}
.profile.aside:nth-child(2n+2) {
	margin: 10px 0 10px 1%;
}
.profile.aside .profile-pic {
	width: 192px;
	height: 192px;
	float: left;
}
.profile.aside .details {
	padding: 5px 0;
}
.profile.aside h2 {
	margin: .4em 0 .2em 0;
	clear: both;
}

.profile.aside p, .profile.lg p {
	font-size: 1em;
	margin: .2em 0;
}

/* Profile SMALL */
.profile.sml {
	width: 49%;
	margin: 10px 1% 10px 0;
	float: left;
    max-height: 180px;
    min-height: 180px;
    overflow-y: auto;
}
.profile.sml:nth-child(2n+2) {
	margin: 10px 0 10px 1%;
}
.profile.sml .profile-pic {
	width: 64px;
	height: 64px;
	float: left;
    margin-right: 15px;
}
.profile h3 {
	margin: .15em 0;
}

.profile p {
	font-size: .9em;
	margin: .2em 0;
}

/* Site Aside */
.widget.site.aside {
	padding: 0;
}
.widget.site.aside .map {
	width: 100%;
	height: 200px;
	background:#fff;
	padding: 0;
}

/* Sessions */
.book-session {
	margin: 30px 0;
}
.widget.sessions {
	padding: 0;
	margin-left: 4%;
	float: left;
	width: 96%;
}
.sessions .table {
	display: table;
	height: 100%;
	box-sizing: border-box;
}
.sessions .table .row {
	display: table-row;
	height: 100%;
	box-sizing: border-box;
}
.sessions .table .cell {
	display: table-cell;
	/* height: 100%; */
	float: none; 
	padding-right: 0; 
	box-sizing: border-box;
}
.head span {
	display: block;
}
.title .cell {
	padding: 15px !important;
}
.sessions form {
	margin: 0;
	padding: 0;
}
.sessions .table .title {
	background: rgb(53,173,172);
	color: #fff;
}
.sessions .head {
	height: 50px;
	color: #fff;
	padding: 6px 8px;
	font-family: 'LatoBold', sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
}
.sessions .head span {
	font-family: 'LatoRegular', sans-serif;
	font-size: .8em;
}
.sessions .cell.prev,
.sessions .cell.next {
	width: 4%;
	padding-left: 0;
	padding-right: 0;
}
.sessions .cell.call {
	width: 92%;
}
.sessions .cal .div {
	display: table;
}
.sessions .cell ul {
	margin: 5px 0;
}
.sessions .cell ul li {
	list-style-type: none;
}
.sessions .cell ul li a {
	color: #555;
	display: block;
	padding: 5px 8px;
}
.sessions .cell ul li a:hover {
	background-color: rgb(53,173,172);
	color: #fff;
}
.dates .cell:nth-child(odd) {
	background: rgba(180,180,180,0.1);
/*	border-left: 1px solid rgba(50,50,50,0.1);
	border-right: 1px solid rgba(50,50,50,0.1);*/
}
.sessions .title {
	height: 68px;
}
.sessions .title h2 {
	margin: 0;
	line-height: 1.35em;
	float: left;
}
.sessions .title .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
	padding: 0;
	margin: 0;
	float: right;
	width: 225px;
}

.sessions .prev .head,
.sessions .next .head {
	text-indent: -300%;
	overflow: hidden;
	background-image: url(../images/icons/gpm-icon-sprite.png);
	background-repeat: no-repeat;
	background-size: auto;
}
.sessions .next .head {
	background-position: -1480px 7px !important;
}

.sessions .prev .head {
	background-position: -1443px 7px !important;
}
.sessions a:hover .head {
	opacity: .8;
}

/* Book a class */

.class-item {
	width: 49%;
	height: 94px;
	margin: 10px 10px 10px 0;
    /* margin: 10px 1% 10px 0; */ /* Ideal but it fails in Chrome */
	float: left;
	display: table;
	padding: 0;
}

.class-item:nth-child(even) {
    margin: 10px 0 10px 10px;
}

.class-item .cal-icon {
	background: rgb(53,173,172) url(../images/icons/gpm-icon-sprite.png) no-repeat -1651px 10px;
	padding: 38px 10px 0 10px;
	text-align: center;
	color: #fff;
}
.class-item .mth {
	display: block;
	font-size: 1em;
	line-height: 1em;
}
.class-item .day {
	display: block;
	font-size: 1.8em;
	line-height: 1em;
}
.class-item .details {
	padding: 10px 20px;
	vertical-align: middle;
}
.class-item .check {
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}
.class-item .check input {
	float: none;
}
.class-item .class-time {
	display: block;
}
.class-item .spots {
	display: block;
	font-size: 1.6em;
	font-family: 'LatoLight', sans-serif;
	margin: .2em 0 0 0;
}
.class-item .submit-booking {
	margin: 20px 0;
}

.responsive-submit-booking {
    white-space: normal;
}

.class-item .book-class h1 {
	clear: both;
	display: block;
}

@media only screen and (max-width: 1139px) {
	.class-item .cal-icon {
		width: 20%;
		background: rgb(53,173,172) url(../images/icons/gpm-icon-sprite.png) no-repeat -1646px 10px;
	}
	.class-item .details {
		width: 65%;
	}
	.class-item .check {
		
	}
}

/* Book a class - CONFIRMATION */
.confirmation {
	position: relative;
	min-height: 200px;
	padding: 0;
}
.confirmation > .widget {
	padding: 0;
	margin: 0;
}
.confirmation form.table > .row {
	border-bottom: 2px solid #eaeaea;
}
.confirmation .cal-icon {
	display: block;
	background: rgb(53,173,172) url(../images/icons/gpm-icon-sprite.png) no-repeat -1651px 10px;
	width: 83px;
	height: 94px;
	text-align: center;
	color: #fff;
}
.confirmation .cal-icon {
	background: rgb(53,173,172) url(../images/icons/gpm-icon-sprite.png) no-repeat -1651px 10px;
	padding: 38px 10px 0 10px;
	text-align: center;
	color: #fff;
}
.confirmation .mth {
	display: block;
	font-size: 1em;
	line-height: 1em;
}
.confirmation .day {
	display: block;
	font-size: 1.8em;
	line-height: 1em;
}
.confirmation h1 {
	line-height: 1.5em;
}

legend {
	color: #888;
	border-bottom: none;
	font-size: 1.8em;
	margin: .5em 0;
}


/* Profile */
.profile input {
	width: 100% !important;
	max-width: 100% !important;
}
.profile form h2 {
	margin: 0;
} 

.table label {
	font-weight: normal;
	margin-top: 1.6em;
	font-size: 1.3em;
} 
.profile input[type="submit"] {
	margin-top: 1em !important;
}
.clinician .read-more {
    display: none;
}

/* Registration form */
body.login {
        background: #f8f7f1;
    }
    .login .container {
        width: 100%;
        margin: 0 auto;
    }
    .login .wrapper.head {
        display: none;
    }
    .login .wrapper.mid {
        height: auto;
    }
    .register-login {
        padding-top: 0;
        margin-top: 20px;
    }
    .login-register-form {
        padding: 10px 15px 30px 15px;
    }
    .login-register-form .logo {
        margin: 0 auto;
    }
    .wrapper.mid .login-register-form h1 {
        margin: 10px 0;
        text-align: center;
        font-size: 1.2em;
    }
    .login-register-form form.table {
        margin: 0 0 10px 0;
    }
    .login-register-form form.table h1 {
        font-size: 1.6em !important;
        margin-bottom: 5px !important;
    }
.register-login h3 {
	margin-bottom: 6px;
	font-size: 1.2em;
}
.register-login p {
	font-size: 1.1em;
	margin: .5em 0;
	font-family: "LatoRegular", sans-serif;
}

.login-register-form {
	max-width: 310px;
	margin: 0 auto;
	padding: 20px 10px 30px 10px;
}
.login-register-form h1 {
    font-size: 24px;
    text-align: center;
}
.login-register-form input,
.login-register-form .btn {
	margin: 6px 0 !important;
	width: 100%;
}
.login-register-form .register-btn{
    background: transparent;
    border: none;
    box-shadow: none;
    color: #4C4C4C;
    text-decoration: underline;
}
.login-register-form .register-btn:hover{
    background: transparent;
    color: #000;
    box-shadow: none;
    border: none;
}
.login-register-form input[type="submit"],
.login-register-form .btn {
	text-align: center;
	width: 100% !important;
	padding: 6px 0px;
	line-height: 16px !important;
}
.login-register-form .bootstrap-select.btn-group .btn .filter-option {
    left: 8px;
    line-height: 16px;
}
.login-register-form .bootstrap-select.btn-group .btn .caret {
    right: 10px;
}
#dob-fields label {
    color: #aaaaaa;
    margin: 5px 0 0 0;
    font-size: 15px;
}
#dob-fields .btn-group {
    width: 32%;
    float: left;
    margin-right: 5px;
}
#dob-fields .btn-group:last-child {
    margin-right: 0;
}
    
    .login-register-form .btn {
        font-size: 16px;   
        margin-bottom: 0 !important;
        line-height: 22px;
    }
    .login-register-form #dob-fields .btn {
        font-size: 14px;
    }
    .login-register-form .bootstrap-select.btn-group:not(.input-group-btn) {
        margin-bottom: 0;
    }
    .bootstrap-select.btn-group:not(.input-group-btn) {
        margin-bottom: 5px !important;
    }

    .myaccount .widget.col-percent75 {
        padding: 0;
    }
    .myaccount .table {
        margin-top: 0;
    }
    .myaccount .table label {
        margin-top: 10px;
    }
    .myaccount h2.name {
        font-size: 1.6em;
    }
.reg-additional {
	width: 300px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1em;
}

/* Style Validation errors*/

.validation-summary-errors ul {
    margin-left : 1px !important
}

.validation-summary-errors li {
    font-size: 1.1em;
    margin: .5em 0;
    font-family: "LatoRegular", sans-serif;
    list-style:none;
}

.validation-summary-errors li:before {
    content:"* ";
}

/* Change Password */
.change-password h1 {
	font-size: 2.4em; /* Nice to have it one line without making the longer titles smaller. */
}

/* Site Page */

#site-meta {
    border-bottom: 4px solid rgba(205,205,205,.35);
    padding-bottom: 25px;
}
#site-details {
    margin-bottom: 0;
}
    #site-details h2 {
        font-size: 2.2em;
    }
    #site-details iframe {
        width: 100%;
    }
.site .map {
    height: 200px;
}
.site-content {
    margin-left: 4%;
    background: #fff;
    box-shadow: 4px 4px rgba(120,120,120,.1);
}
.home .map iframe, .site .map iframe {
    height: 200px;
    width: 100%;
}
h2.appointment-heading {
    font-size: 2.4em;
}
.site .book-session {
    margin-top: 10px;
}
.site .clinician .widget.sessions {
    margin-right: 0;
    margin-left: 4%;
}

/* Booking Summary Page */
.booking .widget .row {
 display: block;
}
.booking-details {
    margin: 0;
    padding-bottom: 15px;
}
ul.booking-summary {
    margin: .5em 0 1em 0;
}
ul.booking-summary li {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.6em;
font-size: 1.4em;
}

/* Booking Confirmation Page */

.sms-confirm.article {
    margin: 0;
    padding: 0;
}
.sms-confirm legend {
    margin-top: 0;
}
label#displayMessage {
    margin-top: 0.8em;
}
.booking .table {
    margin-top: 0;
}
    .booking .table .article {
        margin: 0;
        padding: 0;
    }
.book-class.confirmation .appointment-confirmation, .book-class.confirmation .practitioner-confirmation {
    padding-bottom: 5px;
}
.practitioner-confirmation h3 {
    margin: 0.6em 0 0.2em 0;
}
    .practitioner-confirmation p {
        font-size: 1.1em;
        margin: 0.2em 0;
    }

/* Error */
.error h1 {
	font-size: 4em;
}
.error p {
	font-size: 1.3em;    
}
.errors {
    font-size: 2em;
    color:red;
}












/* /////////////////////////////////////////////////////////////////////////////////
RESPONSIVE 
///////////////////////////////////////////////////////////////////////////////// */


/* iPad 767px - 1024px */

/*@media only screen and (min-width : 768px) and (max-width : 1024px) {*/
@media only screen and (max-width : 1024px) {

.class-item .cal-icon {
min-width: 92px !important;
}

.map iframe {
max-width: 100%;
min-width: 100%;
}

.banner-bg {
	overflow: hidden;
}

.wrapper.top .container {
	margin: 0;
}

.find-doctor .percent21 {
width: 15%;
}

.find-doctor input[type="text"], .find-doctor input[type="submit"], .find-doctor input[type="button"], .find-doctor .btn {
	font-size: 14px !important;
}
    .find-doctor .dropdown-menu > li > a {
        font-size: 15px;
    }
.find-doctor .table .cell.number, .title .table .cell.number {
margin-left: -16px;
margin-right: 16px;
}

.profile .widget .col-percent75 {
	width: 50%;
}
.profile .widget .col-percent25 {
	width: 50%;
}
    .profile-link {
        float: left;
        width: auto;
    }
    .profile.aside .details {
        width: 50%;
        float: left;
    }
    .widget.sessions {
        margin-left: 0;
        width: 100%;
    }
    .site .clinician .widget.sessions {
        margin-left: 0;
    }
    .widget.book-a-class {
        padding-top: 15px;
        height: auto;
    }
    
    .clinician .col-9-12, .clinician .col-9-9, .clinician .widget.sessions {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .clinician .site-address.widget {
        padding: 0;
    }
    .clinician .site.aside {
        background: transparent;
        box-shadow: none;
    }
    .clinician .map iframe {
        padding: 0 2px 2px 0;
    }
    .clinician .site .map {
        box-shadow: 4px 4px rgba(120,120,120,.1);
        background: #fff;
    }
    .clinician .widget.profile.lg {
        padding-right: 0;
    }
    .accordion {
        padding-top: 10px;
    }
    .site-address {
        width: 100%;
    }
    .site-content {
        margin-left: 0;
    }
    #site-details .col-9-12, .home .results .col-9-12 {
        width: 100%;
        margin-top: 5px;
    }

    .profile.aside p, .profile.lg p {
	font-size: 1.2em;
}

    .search .widget.profile {
        padding: 0 0 5px 0;
    }

}

@media only screen and (max-width : 959px) {
    .book-appointment .site-content {
        display: block;
    }

    .book-appointment .site-content .map {
        height: 200px;
    }
}

/* iPhone > 767px */

@media only screen and (max-width : 767px) {

/*General*/
.logo img {
    width: 150px;
    height:150px;
    vertical-align: middle;
}
.profile.sml {
    max-height:600px;      
    width: 100%;  
}

.inline .btn, .inline input, .inline textarea {
	max-width: 100% !important;
	margin: 5px 0;
	display: block;
}
.head .col-4-4 {
width: 100%;
}
ul.breadcrumbs {
    padding: 10px 0;
    display:none;
}
ul.breadcrumbs li {
	font-size: 1em;
	padding: 7px 0 6px 24px;
}
ul.breadcrumbs li:before {
	-ms-transform: scale(.7,.7); /* IE 9 and up */
    -webkit-transform: scale(.7,.7); 
    transform: scale(.7,.7);
}
ul.breadcrumbs li:first-child a {
	-ms-transform: scale(.8,.8); /* IE 9 and up */
    -webkit-transform: scale(.8,.8); 
    transform: scale(.8,.8);
}
ul.breadcrumbs li:first-child a {
	margin-top: -7px;
	width: 24px;
}
ul.breadcrumbs li:before {
	width: 24px;
	left: -3px;
}
ul.breadcrumbs li a {
height: 24px !important;
}


.wrapper.mid {
    padding-top: 15px;
}


.class-item .details {
	width: 80%;
}
input[type="submit"], input[type="button"] {
	width: 100%;
}

/* Home */
ul.toplinks {
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
ul.toplinks li a {
	text-indent: -9999px;
	width: 32px;
	padding-right: 0;
	overflow: hidden;
}
ul.toplinks li a:hover,
ul.toplinks li a:active {
	text-indent: 0;
	width: auto;
	padding-right: 10px;
}

.logo {
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100%;
	height: auto;
    margin: 0;
}

.banner {
	display: none;
}
.head-two form legend {
	font-size: 1.4em;
	text-align: center;
}

.find-doctor {
    display: none;
}

.home .find-doctor {
    display: block;
}

.find-doctor .table {
	padding-left: 0;
	margin-left: 0;
}

.find-doctor input[type="text"], .find-doctor input[type="submit"], .find-doctor input[type="button"], .find-doctor .btn {
	font-size: 18px !important;
}

.find-doctor .percent3-333.number {
	width: 39px;
	min-width: 39px;
	max-width: 39px;
	padding-left: 15px !important;
	margin-right: 20px !important;
}
.find-doctor .percent25,
.find-doctor .percent23 {
	min-width: 280px;
	max-width: 100%;
}
.find-doctor .percent15.submit,
.find-doctor .percent21.submit {
	min-width: 100%;
	max-width: 100%;
	text-align: center;
	margin: .8em auto;
	clear: both;
}
.find-doctor .percent15.submit input,
.find-doctor .percent21.submit input {
	min-width: 260px;
	max-width: 100%;
	text-align: center;
}
.find-doctor .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.find-doctor .input-group.date {
width: 100% !important;
}

.find-doctor .table .cell, .title .table .cell {
	padding-right: 0;
}
.find-doctor .percent3-333.number {
	width: 10%;
	min-width: 10%;
	margin: 0 !important;
	padding: 0 !important;
	display: none;
}
.find-doctor .number span {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100%;
}

.find-doctor .percent27-5,
.find-doctor .percent26-5,
.find-doctor .percent19,
.find-doctor .percent17 {
	width: 100%;
}
    .find-doctor .percent19 {
        margin-bottom: 6px;
    }

.find-doctor .btn-group>.btn {
}

.widget.book-a-class button.btn.dropdown-toggle.selectpicker.btn-default,
.widget.book-a-class input[type="submit"], .widget.book-a-class input[type="button"] {
font-size: 1.15em !important;
}
.widget.book-a-class .cell input[type="submit"] {
font-size: 1.15em !important;
}
.profile.sml {
	height: auto;
}
.profile.sml a.image-hold{
    width: 100%;
    display: block;
    float: left;
    TEXT-ALIGN: CENTER;
}
.profile.sml .profile-pic {
    width: auto;
    height: auto;
    margin: 0 auto 15px;
    float: none;
}
.profile h3 {
    clear: both;
    float:left;
    width:auto;
    margin: 0 auto;
    display: block;
    text-align:center;
}
.profile.sml h4{
    display: block;
    float: left;
    width: 100%;
    position: relative;
}
.profile.sml span{
    display: block;
    float: left;
    width:100%;
    position: relative;
}
.profile.sml a.see-more{
    display: block;
    position:relative;
    float: left;
}
.profile.lg .profile-pic {
    clear: both;
    margin-bottom: 1em;
}


/* Site */
.sessions .title .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
	margin-top: .8em;
}

.widget.sessions {
	margin-left: 0;
    width: 100%;
}
.sessions .table .cell.number {
display: block;
width: 100%;
text-align: center;
}
.cell seventh {
	
}

/* Profile */
.profile .widget {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* optional */
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}

.profile .widget .row.content {
	width: 100%;
}
.profile .cell.col-percent100 {
	width: 100%;
}

.profile .widget .col-percent25 {
width: 100%;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.profile .widget .col-percent75 {
width: 100%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

/* Clinician */
.profile.lg {
	width: auto;
}

.widget.profile.lg, .widget.profile.aside {
padding: 0 20px 20px 0;
}

.profile-link {
        display: block;
        float: left;
        clear: none;
        overflow: hidden;
        width: 120px;
        margin-right: 20px;
    }
    .widget.profile.lg, .widget.profile.aside {
        padding-bottom: 5px;
    }
    .profile.aside .details, .profile.lg .details {
        float: left;
        clear: none;
        width: 65%;
        padding: 0;
        display: block;
    }
    .profile.aside .profile-pic, .profile.lg .profile-pic {
        margin: 0 0 5px 0;
        width: 120px;
        height: 120px;
        clear: none;
        float: left;
    }
    .profile.aside h2, .profile.lg h2 {
        font-size: 1.8em;
    }
    .profile.aside p, .profile.lg p {
        font-size: 1.1em;
    }


.map iframe {
min-width: 100%;
}


.pagination ul {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}



.class-item {
width: 100%;
height: 94px;
margin: 0 0 10px 0 !important;
float: left;
}

.class-item .cal-icon {
min-width: 92px !important;
width: 92px;
}

/* .book-class.confirmation */

.progress-wrapper { 
    padding-left: 80px;
}
    .progress-wrapper .bar {
        width: 55px;
    }

.book-class.confirmation .col-percent10 {
position: absolute;
width: auto;
height: auto;
}
.book-class.confirmation .col-percent90 {
width: 100%;
}
.confirmation h1 {
line-height: 1em;
margin-bottom: 1em;
font-size: 2.4em;
margin-top: .6em;
display: table-cell;
vertical-align: middle;
height: 74px !important;
padding-left: 35%;
}


.book-class.confirmation .article {
padding-bottom: 20px;
margin: 10px 0;
}
    .book-class.confirmation .article.appointment-confirmation, .book-class.confirmation .article.practitioner-confirmation {
        padding-bottom: 8px;
    }
    .book-class legend {
        font-size: 1.5em;
        line-height: 1.1em;
    }
    .book-class.confirmation .table .article {
        padding-bottom: 0;
    }
    .book-class.confirmation .booking-details {
        margin-top: 0;
        padding-bottom: 5px;
    }
    
.booking input[type="button"], .booking input[type="submit"] {
    max-width: 260px !important;
}


/*Error*/

.error h1 {
font-size: 2.4em;
}


/* Search results */
h1.results-heading {
font-size: 1.2em;
line-height: 1.2em;
margin: 0;
}

}



/* iPhone > 767px */

@media only screen and (max-width : 480px) {

    .head-two form {
        padding: 5px 0;
    }

        .head-two form legend {
            margin-bottom: 0;
        }

    .find-doctor .percent21.submit {
        margin-bottom: 5px;
    }

    .wrapper.mid h1 {
        font-size: 2.1em;
        margin-bottom: 15px;
        font-weight: bold;
    }

        .wrapper.mid h1.results-heading {
            font-size: 1.1em;
            font-weight: normal;
        }

            .wrapper.mid h1.results-heading span {
                font-weight: bold;
                display: block;
                width: 100%;
            }

    .accordion h2 {
        margin: 0 0 10px 0;
        font-size: 1.5em;
    }

        .accordion h2 a {
            padding-top: 8px;
        }

    .accordion .abutton a.trigger:before {
        margin-top: -5px;
    }

    .widget.profile.lg {
        padding: 0 0 15px 0;
        margin: 3px 0 0 0;
        width: 100%;
    }

    .widget.profile.aside {
        padding: 0;
        margin-bottom: 5px;
    }
    .profile-link {
        display: block;
        float: left;
        clear: none;
        overflow: hidden;
        width: 85px;
        margin-right: 12px;
    }
    .profile.aside .details, .profile.lg .details {
        float: left;
        clear: none;
        width: 65%;
        padding: 5px 0;
    }
    .profile.aside p, .profile.lg p {
        font-size: 1em;
    }
    .profile .widget {
        display: block;
    }

    .widget.profile p a {
        font-weight: bold;
        font-size: 1.1em;
        display: block;
        padding-top: 2px;
    }

    .profile.aside .profile-pic, .profile.lg .profile-pic {
        margin: 0 0 5px 0;
        width: 85px;
        height: 85px;
        clear: none;
        float: left;
    }
    .profile h3, .profile.aside h2, .profile.lg h2 {
        font-size: 1.4em;
        margin: 0 0 1px 0;
    }

    .book-session {
        margin-top: 0;
    }

    .widget.sessions {
        margin-left: 0;
        width: 100%;
    }

        .widget.sessions .title h2 {
            font-size: 1.6em;
            line-height: 1em;
        }

    .widget.site {
        background: #fff;
    }

        .widget.site.lg {
            box-shadow: 4px 4px rgba(120,120,120,0.1);
            margin-bottom: 6px;
        }
.home .widget.site.lg {
    box-shadow: none;
    background: transparent;
    margin-bottom: 0;
}
    .home .widget.site-address {
        padding-bottom: 0;
    }
    .home section.results {
        margin-bottom: 0;
    }

    .results .map {
        display: none;
    }

    .widget.bg.map {
        box-shadow: none;
    }

    .widget.site.aside {
        margin-bottom: 20px;
    }

        .widget.site.aside .map, .widget.site.aside .map iframe {
            height: 205px;
        }

    .widget.site-address {
        padding: 10px;
    }

    #site-details h2 {
        font-size: 2em;
        line-height: 1em;
        margin: 2px 0 5px 0;
    }
    h2.appointment-heading {
        font-size: 2em;
    }

        .site-address h2 span.more {
            display: inline-block;
            line-height: 1em;
            font-size: 0.70em;
            width: 100%;
        }

    .widget.site-address p {
        margin: 4px 0 2px 0;
    }

    .book-class legend {
        font-size: 1.4em;
        line-height: 1.2em;
    }

    .widget.book-a-class h2 {
            font-size: 1.8em;
            margin-top: 0;
    }

    h4.class-heading {
        margin-bottom: 15px;
    }
    .book-class.confirmation .article {
        margin: 0;
        padding-bottom: 0;
    }
    .book-class.confirmation .article h4 {
            line-height: 1.3em;
    }
    .book-class.confirmation .widget.site.lg {
        box-shadow: none;
        margin-bottom: 10px;
    }
    ul.booking-summary li.class-time {
        font-size: 1.1em;
        margin-bottom: 5px;
    }
    .practitioner-confirmation p {
        font-size: 1.2em;
    }
    .book-class.confirmation .article {
        margin-bottom: 10px;
    }
    ul.booking-summary {
        margin-top: 0;
    }
    .practitioner-confirmation ul.booking-summary, .appointment-confirmation ul.booking-summary {
        padding-top: 15px;
    }
    #confirmSMSCode {
        margin-bottom: 20px;
    }
    .confirm-sms legend {
        margin-top: 0;
    }
    .table label#displayMessage {
        margin: 15px 0 5px 0;
    }
    .clinician .widget.site.aside {
        display: none;
    }




    .find-doctor .btn-group > .btn, .find-doctor .btn-group > .dropdown-menu, .find-doctor .btn-group > .popover, .title .btn-group > .btn, .title .btn-group > .dropdown-menu, .title .btn-group > .popover, input, textarea {
        font-size: 16px;
        line-height: 22px;
        padding: 5px 8px;
    }
    .find-doctor input[type="text"], .find-doctor input[type="submit"], .find-doctor input[type="button"], .find-doctor .btn {
        font-size: 16px !important;
    }
    .date input {
        height: 35px !important;
    }

    .progress-wrapper { 
        padding-left: 62px;
    }
    .progress-wrapper .circle {
        width: 28px;
        height: 28px;
        border-radius: 28px;  
    }
    .progress-wrapper .bar {
        width: 37px;
        margin: 0 -3px 26px -5px;
    }
    .progress-wrapper .circle .label {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 20px;
        font-size: 11px;
    }
    .progress-wrapper .circle .title {
        font-size: 11px;
    }
    .confirmation .cal-icon {
        padding: 38px 6px 0 6px;
        width: 71px;
        height: 85px;
        background-position: -1656px 7px
    }
    .confirmation h1 {
        margin-bottom: .45em;
        margin-top: 0em;
        height: 60px;
        line-height: 1;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

/* /////////////////////////////////////////////////////////////////////////////////
END: RESPONSIVE 
///////////////////////////////////////////////////////////////////////////////// */

#header-form input, #header-form textarea{

border: 2px solid #fff;
border-top: 2px solid #fff;
border-color: #fff;

}



#header-form .caret, #header-form .caret:active{
border-top: 5px solid #fff;
border-bottom: 0px;
}

#header-form .btn, .title .btn, #header-form .form-control {
    color: white;
    
}

#header-form button > span.caret:before {
border-color: white; 
}

#header-form .btn, #header-form .btn:hover, #header-form input:hover
#header-form textarea,
#header-form .btn-default:hover {
color: #fff;
border: 2px solid #fff;
}

.top-corner-right
{
    position: absolute;
    top: 5px;
    right: 5px;
}