/*! jquery.stepy.min.css - github.com/wbotelhos/stepy - 17/07/06 */
.stepy-step{display:none}.stepy-step.stepy-active{display:block}.stepy-back,.stepy-finish,.stepy-next{visibility:hidden}.stepy-back.stepy-active,.stepy-finish.stepy-active,.stepy-next.stepy-active{visibility:visible}

/* Stepy overrides */
.stepy-back,.stepy-finish,.stepy-next{visibility:visible}

/*! AeroLink Pro */
.aerolink *, .aerolink *:before, .aerolink *:after {
  margin-top: 0;
  box-sizing: border-box;
}
.aerolink p {
  margin: 0 0 1em;
}
.aerolink fieldset {
  margin: 0;
  padding: 0;
}

.hidden { display: none; }
.aerolink .text-sm,
.aerolink .btn.text-sm { font-size: .75em; }
.aerolink .btn.text-sm { padding: .25em 1em; }
.aerolink .text-lg,
.aerolink .btn.text-lg { font-size: 1.2em; }
.aerolink .btn.text-sm,
.aerolink .btn.text-lg {
  overflow: initial;
  font-size: .8em;
}
.aerolink .text-c { text-align: center; }
.aerolink .text-r { text-align: right; }
.aerolink .align-l { float: left; }
.aerolink .align-r { float: right; }
.aerolink .align-t { vertical-align: top; }
.aerolink .align-m { vertical-align: middle; }
.aerolink .align-r::before,
.aerolink .align-r::after {
  clear: both;
  content: "";
}
.aerolink .align-n { float: none; }
.aerolink .pad-t { padding-top: 1.5em; }
.aerolink .pad-tb { padding: 1em 0; }
.aerolink .col { clear: both; }
.aerolink .col-12 {
  width: 100%;
  float: none;
  clear: both;
}

.aerolink h3 {
  font-weight: 700;
  font-size: 1.1rem;
}
.aerolink label { vertical-align: top; }
.aerolink .req.error label { color: #c33; }

.aerolink input[type="text"], .aerolink input[type="email"],
.aerolink input[type="password"], .aerolink input[type="number"],
.aerolink textarea, .aerolink select {
  width: 98%;
  padding: .25em;
  background: #fff;
  line-height: 1.4;
  margin-bottom: .25em;
  border-radius: .25em;
  border: 1px solid #ccc;
}
.aerolink button, .aerolink .gm-style button, .aerolink input[type="button"],
.aerolink input[type="reset"], .aerolink input[type="submit"] {
  padding: .4em 1em;
  border-radius: .25em;
}
.aerolink select {
  max-width: 12em;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAAAXNSR0IArs4c6QAAAF1JREFUGBljZGBgsAHidiBWBuIfQIwMmIAcViDOAeL1yBKE2CDDPgLxfyw4n5BmXPIWQAmQC5ENrcWlmFhxc6DC71BDm4nVhKyOGZkDZD8F4mdA/BWI84AY5FqSAACLShUKHjxo1QAAAABJRU5ErkJggg==') right 50% no-repeat;
  -webkit-appearance: none;
  -moz-appearance:    none;
}
.aerolink input.sm, .aerolink select.sm {
  width: 4em;
}
.aerolink input.md, .aerolink select.md {
  width: 6em;
}
.aerolink input.lg, .aerolink select.lg {
  width: 13em;
}

.aerolink table, .aerolink th, .aerolink td {
  vertical-align: top;
  border-left: 0 !important;
  border-right: 0 !important;
}
.aerolink thead th {
  border: 0;
  text-align: center;
  background-color: rgba(0,0,0,.025);
}
.aerolink hr {
  border: 0;
  width: 30%;
  padding: .5em 0;
  margin: 1em auto;
  color: transparent;
  border-bottom: 1px solid #ddd;
  border-bottom-color: rgba(0,0,0,.1);
}

.aerolink .btn {
  border: 0;
  outline: 0;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  overflow: hidden;
  background: #999;
  font-weight: 700;
  text-transform: uppercase;
}
  .aerolink .btn:hover { box-shadow: inset 99em 0 0 rgba(255,255,255,.1); }
  .aerolink .btn:active { box-shadow: inset 99em 0 0 rgba(0,0,0,.2); }
  .aerolink .btn.btn-primary { background-color: #476399; }
  .aerolink .btn.btn-confirm { background-color: #479947; }
  .aerolink .btn.btn-danger { background-color: #994747; }
  .aerolink .btn.btn-confirm-inv {
    color: #479947;
    background-color: #ddefe3;
  }
  .aerolink .btn.btn-danger-inv {
    color: #994747;
    background-color: #efe2e3;
  }

.aerolink .info {
  padding: 1em;
  margin: 1em 0;
  background: #eee;
}
  .aerolink .info p:last-of-type { margin: 0; }
  .aerolink .info.warning {
    padding: 2em 4em;
    background: #fffade;
  }

.aerolink .form-stacked {}
  .aerolink .form-stacked label {
    display: block;
    font-size: .8em;
    font-weight: 500;
    text-transform: uppercase;
  }
  .aerolink .form-stacked input[type="text"], .aerolink .form-stacked input[type="email"], .aerolink .form-stacked input[type="password"],
  .aerolink .form-stacked input[type="number"], .aerolink .form-stacked textarea, .aerolink .form-stacked select {
    max-width: 22em;
  }
  .aerolink .form-inline textarea,
  .aerolink .form-stacked textarea {
    height: 8em;
    max-width: 48em;
  }

.js .home .aerolink fieldset .info {
  display: none;
}
  .js .page .aerolink > fieldset {
    border: 0;
    display: block;
  }
    .stepy-step legend,
    .stepy-1 legend {
      display: none;
    }

.stepy-header {
  padding: 0;
  margin: 0 0 1em;
  list-style: none;
}
  .stepy-header li {
    color: #999;
    cursor: pointer;
    margin-right: 3em;
    display: inline-block;
  }
  .stepy-header div {
    color: #ccc;
    line-height: 1;
    font-size: .85em;
  }
  .stepy-header span {
    font-size: 1.2em;
  }
    .stepy-header .stepy-active span {
      color: #222;
    }
.stepy-navigator {
  display: none;
}
.stepy-2 .stepy-navigator {
  z-index: 1000;
  margin-top: -6em;
  position: relative;
}
.stepy-navigator a {
  width: 7em;
  color: #fff;
  padding: .5em;
  background: #222;
  text-align: center;
  display: inline-block;
  border: 0;
  box-shadow: none;
}
.stepy-navigator a:hover {
  color: #fff;
  background: #f60;
}
.stepy-navigator .button-next {
  float: right;
}
.stepy-4 .btns {
  text-align: center;
}
.stepy-active .stepy-finish { visibility: visible; }

.aerolink .stepy-1 .info { display: none; }

.job-enquiry { width: 100%; }

.aerolink .enquiry-address {
  padding: .9em;
  background: #fff;
  position: relative;
  border: 1px solid #aaa;
  box-shadow: inset 1px 4px 9px -6px;
  border-color: #aaa #bbb #ccc #ddd;
}
  .aerolink .enquiry-address p { margin-bottom: .5em; }
  .aerolink .enquiry-address input.txt-address,
  .aerolink .enquiry-address input.txt-address:focus {
    border: 0;
    outline: 0;
    padding: 0;
    font-size: 1.6em;
  }
    .aerolink .enquiry-address .txt-address:-webkit-autofill {
      box-shadow: 0 0 0 2em #aaa inset;
    }
  .aerolink .enquiry-address .address-detect {
    display: none;
  }
    .has-geo .aerolink .enquiry-address .address-detect {
      display: inline;
    }

#map-canvas {
  left: 50%;
  right: 50%;
  clear: both;
  width: 100%;
  width: 100vw;
  height: 40em;
  height: 90vh;
  transition: .5s;
  min-height: 32em;
  margin: 1em -50vw;
  position: absolute;
  background: #e9e5dc;
}
  #map-canvas img { max-width: none; }
  .map-canvas-pad {
    height: 32em;
    height: calc(90vh + 2em);
    min-height: 32em;
  }

.aerolink ol.job-checklist {
  margin: 0 auto;
  max-width: 52em;
  padding: 0 0 2em;
}
  .aerolink .job-checklist li,
  .aerolink .job-checklist label {
    color: #000;
  }
  .aerolink .job-checklist label {
    margin-right: 1em;
  }
  .aerolink .job-checklist li {
    padding: 1em;
    border-bottom: 1px solid #ccc79a;
  }
  .aerolink .job-checklist select {
    width: 7em;
    float: right;
    margin-left: 1em;
  }
  .aerolink .job-checklist hr {
    margin: 1em auto 2em;
  }
  .aerolink .job-checklist .info {
    margin: 0;
    padding: 0;
    color: #060;
    display: none;
    background: transparent;
  }
  .aerolink .job-checklist .info.no-comply {
    color: #c33;
  }
  .aerolink .job-checklist .tips {
    color: #060;
    display: block;
    margin: .5em 0;
    font-size: .85em;
    padding: .5em 1em;
    border:1px solid #080;
    border-color: #0806;
  }
  .aerolink .job-checklist .tips a:link,
  .aerolink .job-checklist .tips a:visited {
    color: #060;
    text-decoration: underline;
  }
  .aerolink .job-checklist.request .info,
  .aerolink .job-checklist .request .info {
    display: block;
  }


.aerolink .job-overview {
  width: 100%;
  border-collapse: collapse;
}
  .aerolink .job-overview td {
    padding: 1em .5em;
    border-bottom: 1px solid #ddd;
  }
  .aerolink .job-overview ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .job-overview h3 small {
    opacity: .5;
    display: block;
    font-weight: 400;
  }
  .aerolink .job-overview label b {
    display: block;
    font-size: .8em;
    font-weight: 500;
    text-transform: uppercase;
  }
  .aerolink .job-overview .ir-products label b { display: none; }
    .aerolink .job-overview .ir-products .ir-product > .pad-t { padding-top: 0; }
    .aerolink .job-overview .ir-products > .ir-product:first-child label b { display: block; }
    .aerolink .job-overview .ir-products > .ir-product:first-child  > .pad-t { padding-top: 1.25em; }
    .aerolink .job-overview .ir-product { padding: .25em 0; }
  .aerolink .jo-data { width: 9em; }

.aerolink .btn-confirm:disabled,
.aerolink .hazards-confirmed:disabled {
  opacity: .2;
  cursor: not-allowed;
}
.aerolink .eg {
  width: 2em;
  height: 2em;
  opacity: .5;
  cursor: help;
  position: relative;
  margin: 0 0 0 .75em;
  display: inline-block;
  border: 2px solid #000;
  vertical-align: middle;
  background-color: #ccc;
}
  .aerolink .rate-1 .eg { border-color: #ffff00; background-color: rgba(255, 255, 0, 0.253); }
  .aerolink .rate-2 .eg { border-color: #0affff; background-color: rgba(20, 69, 83, 0.336); }
  .aerolink .rate-3 .eg { border-color: #ffc0cb; background-color: rgba(114, 53, 76, 0.2); }
  .aerolink .haz .eg { background-color: #fc0107; }
  .aerolink .pas .eg { background-color: #fd8008; }
  .aerolink .exc .eg:after {
    top: .2em;
    left: .25em;
    width: 1.25em;
    height: 1.3em;
    content: "";
    position: relative;
    display: inline-block;
    border: 2px solid inherit;
    background-color: #fd8008;
  }

.aerolink .kml-selector {
  top: 60px;
  right: 0;
  right: 10px;
  width: 18em;
  height: 30em;
  padding: 1em;
  z-index: 1001;
  font-size: 13px;
  transition: .2s;
  overflow: scroll;
  background: #fff;
  position: absolute;
  border-radius: .15em;
  box-shadow: 1px 2px 3px rgba(0,0,0,.4);
}
  .aerolink .kml-selector:before {
    top: 1em;
    right: 1em;
    cursor: pointer;
    content: "\25B2";
    line-height: 1.2;
    position: absolute;
  }
  .aerolink .kml-selector h3 {
    line-height: 1;
    cursor: pointer;
  }
.aerolink .kml-selector ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aerolink .kml-selector li {
    list-style: none;
  }
  .aerolink .kml-selector input {
    margin: 0 .5em 0 0;
  }
  .aerolink .kml-selector.closed {
    height: 3em;
    overflow: hidden;
  }
    .aerolink .kml-selector.closed:before {
      content: "\25BC";
    }
    .aerolink .kml-selector.closed ul {
      display: none;
    }

@media (min-width: 640px) {
  .btn-draw > div > div {
    margin-right: .5em;
    padding: 1em !important;
  }
  .btn-draw b {
    width: 60px;
    bottom: -1em;
    color: #fff;
    bottom: 1.25em;
    text-align:center;
    position: absolute;
    margin-left: 1em !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
  }
  .btn-draw > div > div {
    cursor: pointer;
    margin-left: 1em !important;
    margin-right: 1em !important;
    padding: .5em 2em !important;
    border-radius: 4px !important;
  }

  div#btn-bar {
    padding: 1em 2em 2.5em;
    background: rgba(0,0,0,.5);
  }

}

@media (max-width: 799px) {
  .aerolink .enquiry-address .text {
    font-size: 1.2em;
  }
}

@media (min-width: 800px){
  .aerolink button, .aerolink input[type="button"],
  .aerolink input[type="reset"], .aerolink input[type="submit"] {
    padding: .75em 1.5em;
  }

  .aerolink .col { width: 100%; }
  .aerolink .col-2,
  .aerolink .col-3,
  .aerolink .col-4,
  .aerolink .col-6 { float: left; }
  .aerolink .col-1 { width: 8.333333333%;}
  .aerolink .col-2 { width: 16.666666667%; }
  .aerolink .col-3 { width: 25%; }
  .aerolink .col-4 { width: 33.33333%; }
  .aerolink .col-6 { width: 50%; }
  .aerolink .form-inline select,
  .aerolink .form-inline textarea,
  .aerolink .form-inline input[type="text"],
  .aerolink .form-inline input[type="number"] {
    max-width: 16em;
  }
  .aerolink .enquiry-address input.txt-address {
    padding-right: 9em;
  }
  .aerolink .enquiry-address .btns {
    top: .65em;
    right: .65em;
    position: absolute;
  }
  .aerolink .form-inline textarea {
    height: 10em;
    max-width: 50em;
  }
  .aerolink .job-checklist label {
    width: 10em;
    line-height: 1.2;
    text-align: left;
    margin: 0 0 1em 1.5em;
    display: inline-block;
  }
    .aerolink .job-checklist label.wide {
      width: 21.8em;
    }
  .aerolink .job-checklist label input {
    float: left;
    margin-left: -1.5em;
  }
}

/* Tutorial video */
.aerolink .video-tutorial {
  max-width: 15rem;
  margin: 2rem auto;
  position: relative;
  border-radius: .4em;
  padding: 0 9em 9em 9em;
  border: 1px solid #ffc100;
  background: #ffc100 url('/content/uploads/tutorial_video.jpg');
  background-size: cover;
}
.aerolink .video-tutorial .popup-youtube {
  top: 75%;
  left: 50%;
  z-index: 1;
  font-size: 18px;
  color: #fff;
  width: 4em;
  height: 2em;
  background: #111;
  position: absolute;
  text-align: center;
  line-height: 2.25em;
  border-radius: .5em;
  display: inline-block;
  margin: -3.5em 0 0 -2em;
  transition: .3s background;
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
.aerolink .video-tutorial .popup-youtube:hover {
  color: #fff;
  background: #ffc100;
}
.aerolink .video-tutorial .popup-youtube:after {
  width: 12em;
  display: block;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  margin-left: -75%;
  padding-top: .5em;
  line-height: 1.4;
  text-shadow: 0 1px 4px #000;
  text-shadow: 0 1px 3px rgba(0,0,0,.75);
  content: "Need help? Watch our tutorial video";
}
@media (min-width: 960px){
  .aerolink .video-tutorial {
    right: 0;
    top: -8em;
    position: absolute;
  }
}
@media (min-width: 1200px){
  .aerolink .video-tutorial {
  }
}
.mfp-close:hover,.mfp-close:focus {
  background: transparent !important;
}

/* Debug styles */
.gm-style .gm-style-iw {
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.panel-debug {
  color: #fff;
  padding: 2em;
  font-size: .8em;
  margin-top: 5em;
  background: #666;
}
  .panel-debug input[type=text],
  .panel-debug textarea {
    border: 0;
    width: 100%;
    color: #fff;
    outline: none;
    padding: .5em;
    background: #888;
  }

  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }