@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300');

@media (min-width:992px) {.row{margin:0 15px;}}

html {font-size:calc(112% + 0.25vw);}

body {padding-top:50px; font-family:'Open Sans', sans-serif;}

a.danger {color:#b71414;}

.navbar-inverse {background-color:#0a0a0a;}

.navbar-brand {height:50px; padding-top:10px; padding-bottom:0;}
@media (min-width:768px) {.navbar-brand{padding-left:0;}}
.navbar-brand>img {height:34px; width:126px;}

.nav>li>a {
	padding: 16px 12px;
	font-family:'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size:21px;
}

.navbar-inverse .navbar-nav>li>a {color:#efefef;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background-color:#191919;}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {background-color:#191919;}

.dropdown-menu {font-size:18px; padding:8px 20px;}
.dropdown-header {font-size:21px; font-weight:bold;}
@media (max-width:767px) {.dropdown-header {display:none;}}
.dropdown-menu>li>a {padding:8px 20px;}
@media (max-width:767px) {.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:8px 15px 8px 25px;}}

@media (min-width:2500px)						 	{header {background:transparent url(../../img/cityscape2560x963.jpg) center top no-repeat;}}
@media (min-width:1880px) 	and (max-width:2499px) 	{header {background:transparent url(../../img/cityscape1920x722.jpg) center top no-repeat;}}
@media (min-width:1600px) 	and (max-width:1879px) 	{header {background:transparent url(../../img/cityscape1600x602.jpg) center top no-repeat;}}
@media (min-width:1200px) 	and (max-width:1599px) 	{header {background:transparent url(../../img/cityscape1200x564.jpg) center top no-repeat;}}
@media (min-width:992px) 	and (max-width:1199px) 	{header {background:transparent url(../../img/cityscape992x467.jpg) center top no-repeat;}}
@media (min-width:768px) 	and (max-width:991px) 	{header {background:transparent url(../../img/cityscape758x613.jpg) center top no-repeat;}}
@media (max-width:767px) 							{header {background:transparent url(../../img/cityscape468x855.jpg) center top no-repeat;}}
header {background-size:cover; min-height:100px;}

@media (min-width:768px) {header .container {padding-left:0; padding-right:0;}}

@media (min-width:768px) {header .row {margin-left:0; margin-right:0;}}

@media (min-width:768px) {header .request {padding-left:0;}}

@media (min-width:768px) {header .about{padding-right:0;}}

header .btn {color:white; background-color:rgba(0,0,0,0.7); position: relative; text-align:left; overflow:hidden; margin-top:3vh; margin-bottom:3vh; padding:1vh 1vw;}
header .btn:hover, header .btn:focus, header .btn.focus {color:white; background-color:rgba(0,0,0,1.0); transition: all .2s;}

header .btn:before {
	position: absolute;
	font-family: 'FontAwesome';
	font-size:4rem;
	bottom:calc(-35%);
	right: calc(-4%);
	color:rgba(255,255,255,0.7);
	font-weight:normal;
}
header .request .btn:before {content:"\f1b9";}
header .about .btn:before {content:"\f007";}

@media (min-width:768px) {header {padding-top:6vh; padding-bottom:6vh;}}
@media (max-width:767px) {header {padding-top:8vh; padding-bottom:8vh;}}

header .btn h3, header .btn small {display:block; color:white;}

header .btn h3 {font-size:2rem; font-family:'Open Sans Condensed', sans-serif; font-weight:700; margin:0; padding:0;}

header .btn small {font-size:1rem;}

#banner-phone {background:#F4F4F4 url(../../img/band2560-f4f4f4.png) center bottom no-repeat; padding:calc(1vh) 15px 44px;}
#banner-phone p {text-align:center; color:black; margin:0;}
#banner-phone p.number {font-size:2rem; font-weight:700;}
#banner-phone p.strapline {font-size:1.25rem; font-weight:normal; margin-bottom:-22px;}
#banner-phone p a {color:black;}
#banner-phone p a:hover {color:black; text-decoration:underline;}

main {min-height:800px;}
main {padding-top:1rem;}

footer {margin-top:3rem;}

.listmanage li {list-style-type:none; margin-left:0.25rem; font-size:0.75rem; line-height:1.5rem;}

.modal {z-index:9999;}

.bg-pharmaceutical {background-color:#fec9ff; color:black;}

/* clear for gallery items so they stay in nice, clean rows. */
@media (min-width:1200px){
    /*4 columns */
    .photo-gallery .col-lg-1:nth-child(12n+1){clear:left;}
    .photo-gallery .col-lg-2:nth-child(6n+1){clear:left;}
    .photo-gallery .col-lg-3:nth-child(4n+1){clear:left;}
    .photo-gallery .col-lg-4:nth-child(3n+1){clear:left;}
    .photo-gallery .col-lg-6:nth-child(odd){clear:left;}
    /*3 columns*/
    /*
	.photo-gallery .col-md-1:nth-child(12n+1){clear:left;}
    .photo-gallery .col-md-2:nth-child(6n+1){clear:left;}
    .photo-gallery .col-md-3:nth-child(4n+1){clear:left;}
    .photo-gallery .col-md-4:nth-child(3n+1){clear:left;}
    .photo-gallery .col-md-6:nth-child(odd){clear:left;}*/
}
@media (min-width:992px) and (max-width:1199px){
    .photo-gallery .col-md-1:nth-child(12n+1){clear:left;}
    .photo-gallery .col-md-2:nth-child(6n+1){clear:left;}
    .photo-gallery .col-md-3:nth-child(4n+1){clear:left;}
    .photo-gallery .col-md-4:nth-child(3n+1){clear:left;}
    .photo-gallery .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .photo-gallery .col-sm-1:nth-child(12n+1){clear:left;}
    .photo-gallery .col-sm-2:nth-child(6n+1){clear:left;}
    .photo-gallery .col-sm-3:nth-child(4n+1){clear:left;}
    .photo-gallery .col-sm-4:nth-child(3n+1){clear:left;}
    .photo-gallery .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .photo-gallery .col-xs-1:nth-child(12n+1){clear:left;}
    .photo-gallery .col-xs-2:nth-child(6n+1){clear:left;}
    .photo-gallery .col-xs-3:nth-child(4n+1){clear:left;}
    .photo-gallery .col-xs-4:nth-child(3n+1){clear:left;}
    .photo-gallery .col-xs-6:nth-child(odd){clear:left;}
}

@media (min-width:1200px) {.photo-gallery .caption h3 {margin:0; padding:0; font-size:1.0rem;}}
@media (max-width:1199px) {.photo-gallery .caption h3 {margin:0; padding:0; font-size:0.9rem;}}
@media (min-width:1200px) {.photo-gallery img {max-height:200px; max-width:100%; margin:0 auto;}}
@media (min-width:992px) and (max-width:1199px){.photo-gallery img {max-height:150px; max-width:100%; margin:0 auto;}}
@media (min-width:768px) and (max-width:991px){.photo-gallery img {max-height:200px; max-width:100%; margin:0 auto;}}
@media (min-width:468px) and (max-width:767px){.photo-gallery img {max-height:175px; max-width:100%; margin:0 auto;}}
@media (max-width:467px) {.photo-gallery img {max-height:300px; max-width:100%; margin:0 auto;}}

.alert dl {margin-bottom:0;}

.panel-heading.no-header {padding:5px 15px;}
.panel-heading>.row {margin-left:0; margin-right:0;}

table.service-list {margin-bottom:2rem;}
table.service-list .group-title h3 {margin:0; padding:0;}
table.service-list .zone .btn.detail-link {margin-top:0.25rem; font-weight:normal;}

#dashboard-public .row.actiongroup {margin-bottom:3rem;}

#submit-new-delivery .panel-body h3:first-child {margin-top:0; padding-top:0;}
#submit-new-delivery .action-link {display:block;}
#submit-new-delivery .action-link {text-decoration:none;}

.custom-pagination select {
    display:block;
    width:85px;
    border-radius:0px;
    float:left;
    margin-left: -1px;
}
.custom-pagination input {
    display:inline-block;
    width:85px;
    border-radius:0px;
    float:left;
    vertical-align: top;
    margin-left: -1px;
}

.zoomable {
    transition: transform .2s; /* Animation */
}

.zoomable:hover {
    transform: scale(1.1);
}
.zoomable-xs:hover {
    transform: scale(1.025);
}
.zoomable-sm:hover {
    transform: scale(1.05);
}
.zoomable-md:hover {
    transform: scale(1.2);
}

.panel {border-radius:0;}
.alert {border:none; border-radius:0;}

#output-service-list .panel-heading {
    border-top-right-radius: 0;
	border-top-left-radius: 0;
}
#output-service-list .panel-group .panel-heading {
    border-bottom:5px;
}
#output-service-list .panel-primary>.panel-heading {
    border-color: white;
}
#output-service-list .panel-group .panel {
    border-radius: 0;
}
#output-service-list .panel-title {display:block;}
#output-service-list a.panel-title:focus, a.panel-title:active {color:white;}

/* disable printing of links when a page is printed */
@media print {
	a[href]:after {
	  content: none
	}
  }
/* disable printing of elements with this class name */
@media print {
	body {margin-top:0; padding-top:0;}
	nav, header, footer {display:none; content:none;}
	main {margin:0; padding:0;}
	main {font-size:80%}
	h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:0;}
	.hidden-print {
	  content: none;
	  display: none;
	}
  }

.btn-inline-left {margin-right:6px;}
.btn-inline-right {margin-left:6px;}

.btn-outline {
    background-color: transparent;
    color: inherit;
	transition: all .5s;
	border-width:1px!important;
}

.btn-primary.btn-outline {
	color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
	color: #5bc0de;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
}

.btn-danger.btn-outline {
	color: #d9534f;
}
.btn-success.btn-outline.active, .btn-success.btn-outline:focus {color:white;}
.btn-bordered {
	border-width:1px!important;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline:0 none;
}

.btn {
	border-width:0;
	font-weight:700;
	border-radius:0;
}
/*
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background:#FFFFFF;
	border-color:#0c1216;
	color:#0c1216;
}
.btn-default:active, .btn-default.active {
	border-color:#0c1216;
	box-shadow:none;
}
.btn-primary {
	background:#3f5f72;
	color:#ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background:#1e6691;
}
.btn-primary:active, .btn-primary.active {
	background:#1e6691;
	box-shadow:none;
}
.btn-success {
	background:#529e57;
	color:#ffffff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background:#399b40;
}
.btn-success:active, .btn-success.active {
	background:#399b40;
	box-shadow:none;
}
.btn-info {
	background:#4cbddd;
	color:#ffffff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background:#34b9de;
}
.btn-info:active, .btn-info.active {
	background:#34b9de;
	box-shadow:none;
}
.btn-warning {
	background:#b17d45;
	color:#ffffff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background:#b87430;
}
.btn-warning:active, .btn-warning.active {
	background:#b87430;
	box-shadow:none;
}
.btn-danger {
	background:#f25454;
	color:#ffffff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background:#f26d6d;
}
.btn-danger:active, .btn-danger.active {
	background:#f26d6d;
	box-shadow:none;
}
*/