body { }

.clear {clear: both;}


header {width: 100%; padding: 20px 0 20px; float: left;}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed', sans-serif;}
.navigation li {font-family: 'Open Sans Condensed', sans-serif;}

h1 {font-size: 180%; color: #58585a; font-weight: 200;}
h2 {font-size: 160%; color: #5eb5df; font-weight: 200;}
h3 {font-size: 120%; color: #5eb5df; font-weight: 200;}
h4 {font-size: 115%; color: #5eb5df; font-weight: 200; }
h5 {font-size: 80%; color:#767677; font-weight: 400;}
p{ font-family: helvetica, sans-serif;}

a:active {outline: none!important;}
h2:active {outline: none!important;}
a:focus {outline: none!important;}
h2:focus {outline: none!important;}

[class*="column"] + [class*="column"]:last-child{ float: left; }

.orbit-container, .blue-back { background: #48abda;}

.contact h1 {margin-left: 580px!important;}


.cmsmap {

-webkit-box-shadow: 0 0 5px 5px #BDBDBD;
box-shadow: 0 0 5px 5px #BDBDBD;
border: 3px solid #fff;
}


.orbit-container .orbit-slide-number {display: none;}
 }
 
 .orbit-container .orbit-timer .orbit-progress {display: none!important;}
 
.orbit-container .orbit-timer  {display: none!important;}
 }
 
p {color: #767677; font-size: 85%; line-height: 1.6em;}
article li {color: #767677; font-size: 85%; line-height: 1.6em;  padding-bottom: 6px; list-style-position: inside; text-indent: -12px;}
article ul {margin: 20px 0 20px 15px;}

.blog li {list-style-type: none;}
.blog h2 {margin-bottom: 0px;}

article.contact li {color: #767677; font-size: 85%; line-height: 1.6em;  padding-bottom: 0px; list-style-type: none; text-indent: -6px; }
article.contact p {margin-bottom: 2px;}
article.contact ul {margin: 8px 0 0px 0;}

.listing ul {margin-left: 0px;}

small {font-size: 80%;}

header h4 {margin: 0 0 3px;}

.grey {color: #868c94;}
.blue {color:#67b6db;}

samp {color:#5eb5df;}

.map-holder {float:left; padding: 50px;}
.map-holder iframe {width: 100%; margin: 15px 0 15px; box-shadow: 0 0 11px -2px #000000;}


.hentry {padding-bottom: 20px; border-bottom: 1px solid #1ca0cd;}

.strapline {padding-top: 7px; padding-left: 100px;}

.no-left-padding {padding-left: 0px;}
.no-right-padding {padding-right: 0px;}

.hd-contact {margin-top: 10px; float: left; width: 100%;}

.navigation {margin-top: 25px; float: left; width: 100%; height: 39px; padding: 6px 0px; background: #f0f0f0;}

.navigation li {display: block; float: left; padding: 0px; margin: 0px; }
.navigation a {padding: 10px 25px; color: #67b6db; font-size: 115%; border-right: 1px solid #bcbdc0;background: #f0f0f0; transition: all 0.35s ease 0s; margin: 0px; font-weight: 200;}
.navigation a:hover { background: #48abda; transition: all 0.35s ease 0s; color: #ffffff;}

.navigation a.last {border: none!important;}


.reveal-modal {z-index: 9999!important;}
.reveal-modal-bg {z-index: 999!important;}


.side-nav{ background: #f0f0f0; padding: 0em 1em 1em;}
.side-nav li{ list-style: none; }
.side-nav .sub-link{ margin-left: 1em; } 
.side-nav li a:hover{ color: #4dbfa3;}
.side-nav h2{ margin: 1em 0 0 0;}
.side-nav ul ul li a::before{ content: ">  "; padding-left: 1em;}

.sub-multiple{
	position: relative!important;
	left: 0!important;
}

.sub-multiple ul{
	left: 0!important;
	}
.sub-multiple ul li{
	width: 100%;
	}
.sub-multiple li a{
	color: #fff!important;
	
	}
	
.sub-multiple h2{
	font-size: 1.2em;
}

.sub-multiple ul li a::before{ content: ">  "; padding-left: 1em;}

.site-background { background-image: url(../images/back.jpg); background-repeat: no-repeat; height: 270px; background-size: cover;}


.banner { margin: 30px 20px; padding: 8px; background: #ffffff; box-shadow: 0 0 11px -2px #000000; position: relative; bottom: 0px;}

.condition-content{ margin-top: 180px; }
.content {position: relative; top: 180px;}
.urolift-content{ margin-bottom: 180px; }

.blue-box {background: #48abda; float:left; min-height: 200px; width: 90%; margin: 0 5%; box-shadow: 0 0 8px -2px #000000; padding: 25px 35px;}
.blue-box h2 {color: #ffffff;}
.blue-box p {color: #d8eef7;}
.blue-box a {color: #d8eef7;}

.blue-box hr {border-color: #ffffff;}

.bold {font-weight: bold;}

footer {float:left; margin-top: 50px; width: 100%; border-top: 1px solid #58585a; padding-top: 20px;padding-bottom: 30px;}
.social-icons {float: right;}

.video {width: 90%; margin: 5% 5% 60px;  border: #fff 4px solid; box-shadow: 0 0 8px -2px #000000;}
.video img {width: 100%;}
.video {opacity: 1; transition: all 0.35s ease 0s;}
.video:hover {opacity: 0.75; transition: all 0.35s ease 0s;}

.specialist-image img  { box-shadow: 0 0 8px -2px #000000;}


.twitter {opacity: 1; transition: all 0.35s ease 0s;}
.linkedin {opacity: 1; transition: all 0.35s ease 0s;}

.twitter:hover {opacity: 0.75; transition: all 0.35s ease 0s;}
.linkedin:hover {opacity: 0.75; transition: all 0.35s ease 0s;}

samp {font-family: helvetica;}


.privacy {width: 100%; padding: 20px 20px 20px 50px;} 
.privacy table {margin: 10px 0 10px 0;}
.privacy td {margin:0;font-family: Arial, Helvetica, sans-serif;font-size: 80%;color: #000;line-height: 1.7em;text-align: left;padding: 10px;}
#cccwr p {font-size: 12px;color: #000;}


button, .button {margin-bottom: 0px!important;}


.specialist-image {padding: 10px 65px;}
.specialist-image img {width: 100%; }



.entry-date {font-size: 75%;}


.blue-box .hentry {list-style-type: none!important; border: none; padding-bottom: 0px;}
.blue-box h2 {margin-bottom: 0px;}
.blue-box h1 {color: #ffffff;}

.homepage h1 {color: #5eb5df; }

h2:active {border: none!important;}
h2:focus {border: none!important;}

button, .button {box-shadow: none!important;}




.ipad-nav {display:none!important;}
.ipad-desk {display:none!important;}


/* Urolift page */
.blue-callout{
	background-color: #47abda;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
}

.orange-callout{
	background-color: #e6a023;
	padding: 1em;
	text-align: center
}

.callout h2, .callout h3{ color: #fff;}

.urolift{
	margin: 1em 0;	
	padding: 8px;
	background: #ffffff;
	box-shadow: 0 0 11px -2px #000000;
	position: relative;
	bottom: 0px;
}

.urolift:hover .flex-prev, .urolift:hover .flex-next{

	top: 50%;
}

.urolift .flex-direction-nav a.flex-next::before{	
	content: url(../images/next-small.png);
}

.urolift .flex-direction-nav a.flex-prev::before{	
	content: url(../images/prev-small.png);
}

.urolift-content h2{ margin-top: 1em;}

.urolift-content .callout h2{ margin-top: 0.5em;}

.space{
	margin: 1em 0;
	}


@media all and (max-width: 1279px)  {

}



@media all and (max-width: 1150px)  {

.strapline { padding-left: 20px;}

.navigation a {padding: 10px 26px; }

}


@media all and (max-width: 1000px)  {

.navigation a {padding: 10px 24px;}
.content { top: 170px;}
.condition-content { margin-top: 170px;}


}

@media all and (max-width: 970px)  {

.navigation a {padding: 10px 23px;}
.content { top: 160px;}
.condition-content { margin-top: 160px;}
}

@media all and (max-width: 950px)  {

.navigation a {padding: 10px 24px;}
.content { top: 150px;}
.condition-content { margin-top: 150px;}
.ipad-nav {display:block!important;}
.desktop-nav {display:none!important;}
.ipad-desk {display:block!important;}
}


@media all and (max-width: 910px)  {

.navigation a {padding: 10px 22px;}
.content { top: 140px;}
.condition-content { margin-top: 140px;}
}


@media all and (max-width: 880px)  {

.navigation a {padding: 10px 20px;}
.content { top: 120px;}
.condition-content { margin-top: 120px;}
.urolift-content{ margin-bottom: 6em; }


}

@media all and (max-width: 840px)  {

.navigation a {padding: 10px 19px;  font-size: 100%;}
.content { top: 100px;}
.condition-content { margin-top: 100px;}


}


@media all and (max-width: 810px)  {

.navigation a {padding: 10px 18px;}
.content { top: 90px;}
.condition-content { margin-top: 90px;}

}


@media all and (max-width: 780px)  {

.navigation a {padding: 10px 17px;}




}




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

.columns { padding: 0 25px;}
.site-background { background-image: none; }
.content {top: 0px;}
.condition-content { margin-top: 0px;}
.video {margin: 5% 5% 30px;}
header {margin-bottom: 30px;}
article {float:left; padding: 0 10px!important;}
header {padding-top: 60px;}
.ui-accordion .ui-accordion-content {padding-left: 0px!important; padding-right: 0px!important;}
.ipad-desk {margin-bottom: 15px; margin-top: 15px;}
.urolift-content{ margin-bottom: 1em; }

header{ margin-bottom: 0; }

.condition-content .columns{
	padding: 0px;
	}
.side-nav{ padding: 0em 1em 1em!important;}
}




.ie8 #menu {display: none!important;}
.ie8 #header {display: none!important;}
.ie8 .hide-for-small {display:block!important;}
.ie8 .navigation li a {padding: 11px 27px;}
.ie8 .content {top: 150px;}
.ie8 .twitter {float: left;}
.ie8 .linkedin {float: right;}

.ipad body {font-size: 85%;}
.ipad .navigation a {font-size: 125%!important;}

.chrome .contact ul {margin-left: 10px!important;}