html, body {
	height: 100%;
}
.drone-hero {
	background: #5688c5 url('../img/drone-blue-offset.png');
	background-repeat: no-repeat;
	background-position: center top;
	height: 400px;
	width: 100%;
	background-attachment: fixed;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

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

}
.logo {
  max-width: 200px;
  display: block;
  float: left;
}
h1 {
	font-weight: 700;
	text-align: left;
	font-size: 4em;
}
h2 {
	font-weight: 400;
	font-size: 1.5em;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}
h4 {
	margin-top: 0;
}
ol.steps {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.steps > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0.5em 2.5em; /* Give each list item a left margin to make room for the numbers */
    padding:0.5em 1em; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    background:#00a5b5;
    color: #fff;
}
ol.steps > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0;
    left:-2.5em;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
/*     margin-right:8px; */
    padding:0.5em;
    color:#fff;
    background:#666;
    font-weight:bold;
    text-align:center;
}
/*
 li ol,
 li ul {margin-top:6px;}
 ol ol li:last-child {margin-bottom:0;}
*/

ol.rounded-list ol.rounded-list {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
ol.rounded-list{
counter-reset: li;
    margin: 0 0 0 0.75em;
    padding: 0;
}

ol.rounded-list > li {
	    list-style: none; /* Remove default numbering */
	    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0;
    background: #EEEFF0;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

ol.rounded-list > li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #ff8300;
    color: #fff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.textarea {
	height: 200px; 
	width: 100%; 
	overflow-y: scroll; 
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0.5em;
	font-size: 0.875em;
}


.mktoForm {
	background: #38353E !important;
	width:100% !important;
	max-width:100% !important;

}

/*
.mktoForm .mktoAsterix {
	float:left !important;
	padding-right: 5px;
}
*/
.mktoForm .mktoButtonWrap.mktoPurpleCandy button.mktoButton {
	background: #ff8300 !important;
	font-size: 1.25em;
	margin-top: 0.5em;
}
.mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:hover {
background: #e67600 !important;
}
.mktoForm input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm div.mktoLogicalField.mktoInvalid {
border: 1px solid red !important;
}

.mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
max-width: 80%;
width: 325px !important;
}
@media only screen and (max-width: 480px){
.mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField  {
	max-width: 100% !important;
}
}
/*
.mktoButtonRow {
display: inline-block;
position: relative;
}
*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icon-font.eot');
	src:url('fonts/icon-font.eot?#iefix') format('embedded-opentype'),
		url('fonts/icon-font.woff') format('woff'),
		url('fonts/icon-font.ttf') format('truetype'),
		url('fonts/icon-font.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
	content: "\e004";
}
.icon-rss:before{
	content:"\e003";
}
.icon-googleplus:before{content:"\e005";}
.icon-facebook:before{content:"\e006";}
.icon-youtube:before{content:"\e002";}
.icon-linkedin:before{content:"\e008";}
.social > a {
	font-size: 2em;
	color: #00a5b5; text-decoration: none;
}

.social {
	font-size: 2em;
}

footer {
	background: #38353E;
	color: #fff;
}
footer a {
	color: #fff;
}
@media only screen and (min-width: 49em) {
	h1 {
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		font-size: 4em;
		line-height: 1.2;
	}
	h2 {
		font-size: 3em;
	}
}