select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
font-size: 16px;
}
label, input, button, select, textarea {
font-size: 16px;
}

/* twitter type ahead, bg text color */
.tt-hint {
    color: #aaa !important;
}

body {
	/* original from bootstrap
	font-family: 'Open Sans', Calibri, Candara, Arial, sans-serif;
	*/
	font-family: "Helvetica neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: white; /*rgba(0, 0, 0, 0.9);  */
	z-index: -100;  
	/*background-image: url('/assets/images/bbgg.jpg'); */
	background-repeat: no-repeat;  
	background-position: center center;  
	-webkit-background-size: cover;  
	-moz-background-size: cover;  
	-o-background-size: cover;  
	background-size: cover;
}
.brandname{text-align:center; font-size:18px; padding:10px 0px; cursor:pointer;}
.jobtype{text-align:left; font-size:18px; padding:10px 0px; cursor:pointer;color:#888}
.jobtypeheader{
border-top: 1px #ddd solid;
text-align: left;
color: black;
font-size: 20px;
padding: 15px 0px;
}

.dronesforhire .navbar .nav>li>a {
padding: 25px 7px 15px;
}

/* twitter typeahead */
.tt-dropdown-menu {
padding: 8px 5px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
width: 97%;
}

#sampleimage{
background-image:url('/assets/images/loading.gif');
background-repeat: no-repeat;
background-position: center;
min-height:150px;
}
img.ourpeople{
width:100%;
height:auto;
}
.quote{
background: #0f82f5;
color: white;
margin-bottom: -10px;
padding: 5px 0px;
margin-right: 5px;
}
.quoteOnTop{
	color:grey !important;
	font-style: italic;
	font-size:12px;
}
#shopSignupHing {
width: 135px;
height: 50px;
background-position: 0px 0px;
background-repeat: no-repeat;
float: right;
margin-left: -135px;
display: block;
overflow:visible;
}
#shopSignupHing img{
margin-top: 50px;
margin-left: 65px;
}
#shopSignupHing div{
margin-top: 50px;
margin-left: 0px;
text-align: center;
color: white;
font-size: 16px;
background: black;
padding-bottom: 10px;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
input:-moz-placeholder { color: #ccc;}
#details{display:none} /* hide detail at the beginning */
.checkbox.inline, .radio.inline {
	white-space: nowrap;	
}
.navbar .brand {
padding: 5px 20px 5px;
}
.navbar .nav>li>a {
padding: 15px 10px 15px;
}
/* make hover show submenu 
http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click
*/
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;    
}
a.menu:after, .dropdown-toggle:after {
    content: none;
}
.beta{
margin-top: -35px;
margin-left: 253px;
color: grey;
font-size: 13px;
}
.hidden-desktop .beta{
color: grey;
font-size: 10px;
}
.alert {
margin-bottom: 5px;
padding: 8px 15px 8px 14px;
}

.form-horizontal .controls {
margin-left: 120px;
}
.form-horizontal .control-label {
width: 110px;
}
.form-horizontal .form-actions {
padding-left: 120px;
}
.form-horizontal .control-group {
margin-bottom: 10px;
}
label.error{color:#ff7518;}

#showchart .popover {
max-width: initial;
}
.well{padding: 19px}
.well-large {
padding: 30px;
}
a.white{color:white !important}
.ourpeople_banner{
background-image: url("/assets/images/banners/ourpeople.jpg") !important;
background-size: cover !important;
min-height: 200px !important;
margin-bottom: 15px;
background-position: 70%;
}
.banner1{
background-image: url("/assets/images/banners/1.jpg") !important;
background-size: cover !important;
background-position: 0% 0%;
}
.banner2{
background-image: url("/assets/images/banners/climb.jpg") !important;
background-size: cover !important;
background-position: 0% 25%;
}
.banner3{
background-image: url("/assets/images/banners/road.jpg") !important;
background-size: cover !important;
background-position: 0% 25%;
}
.banner4{
background-image: url("/assets/images/banners/crowd.jpg") !important;
background-size: cover !important;
background-position: 0% 25%;
}
.banner5{
background-image: url("/assets/images/banners/greenhill.jpg") !important;
background-size: cover !important;
background-position: 0% 25%;
}
.banner6{
background-image: url("/assets/images/banners/6.jpg") !important;
background-size: cover !important;
background-position: 0% 25%;
}
.banner a{color:white;text-decoration:underline}
.hidden-phone.banner{
	background-color: #0f82f5;
    /*height: 250px;*/
    padding: 0px 160px;
	font-weight: bold;
    /*line-height: 250px;*/
	font-size: 45px;
	vertical-align:middle;
}
.hidden-phone.banner.line1{
	padding-top:100px;
	height:150px
}
.hidden-phone.banner.line2{
	padding-top:70px;
	height:180px
}
.visible-phone.banner{
	background-color: #0f82f5;
    /*height: 100px;*/
    padding: 0px 80px;
    /*line-height: 80px;*/
	vertical-align:middle;
	font-size: 18px;
}
.visible-phone.banner.line1{
	padding-top:30px;
	height:110px
}
.visible-phone.banner.line2{
	padding-top:20px;
	height:120px
}

h1.banner,h3.banner {
color:white;line-height:1.2;
text-shadow: 2px 2px black;
}
.qtip-target a, a.qtip-link{ /*a[rel=popover], */
color:#fff;

}
/* fix the icon-push-first-line-text-to-left problem */
li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] {
display: initial;
}
footer p{
	text-align:center;
	color:grey;
}

/** missing or modified from the cosmo theme **/
.carousel {
margin-bottom: 0px;
}
.carousel-indicators {
top:initial;
cursor:pointer;
position: absolute;
bottom: 45px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #fff;
}

.carousel-control {
position: absolute;
margin-top: 0px;
width: 45px;
height: 45px;
border-radius: 30px;
}

/**************  qtip2  **************/
.qtip-target {
width: 100%;
padding: 2px 15px 2px 15px;
margin-left: -15px;
}
.qtip-link{
width: 150px;
display: inline-block;
margin: 5px;
}
.qtip{
	max-width: 500px; /* Change this? */
	opacity: 0.9 !important;
	background-color:black;
	border:none;
	color:white;
	font-size: 14px;
}

.tooltip{
font-size:13px;
}
.pure-background{
background:#f5f5f5;
/*background-image: url('/assets/images/2001-worn-graph-paper-background.jpg')'*/
}





.pagination ul > li > a {
    margin-bottom: 5px;
}





/* shop sale tag and message */
.saleTag{
    font-size: 16px;
    display: inline-block;
    background: yellow;
    padding: 2px 5px;
    border-radius: 5px;
    margin:5px 0px 0px 0px;
}
.saleMessage{
color:#444;
font-size:13px;
}
@media(max-width: 480px) {
form#enquiry-form-drone1, form#enquiry-form-drone2
{margin:0px !important;}
}