/*
Copy-pasted from Sundog
*/
@font-face {
  font-family: 'Segoe UI';
  src: url('/fonts/segoe-ui/light/latest.eot');
  src: local("Segoe UI Light"), url('/fonts/segoe-ui/light/latest.eot?#iefix') format('embedded-opentype'), url('/fonts/segoe-ui/light/latest.woff') format('woff'), url('/fonts/segoe-ui/light/latest.ttf') format('truetype'), url('/fonts/segoe-ui/light/latest.svg#web') format('svg');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Segoe UI';
  src: url('/fonts/segoe-ui/semilight/latest.eot');
  src: local("Segoe UI Semilight"), url('/fonts/segoe-ui/semilight/latest.eot?#iefix') format('embedded-opentype'), url('/fonts/segoe-ui/semilight/latest.woff') format('woff'), url('/fonts/segoe-ui/semilight/latest.ttf') format('truetype'), url('/fonts/segoe-ui/semilight/latest.svg#web') format('svg');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Segoe UI';
  src: url('/fonts/segoe-ui/normal/latest.eot');
  src: local("Segoe UI"), url('/fonts/segoe-ui/normal/latest.eot?#iefix') format('embedded-opentype'), url('/fonts/segoe-ui/normal/latest.woff') format('woff'), url('/fonts/segoe-ui/normal/latest.ttf') format('truetype'), url('/fonts/segoe-ui/normal/latest.svg#web') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Segoe UI';
  src: url('/fonts/segoe-ui/semibold/latest.eot');
  src: local("Segoe UI Semibold"), url('/fonts/segoe-ui/semibold/latest.eot?#iefix') format('embedded-opentype'), url('/fonts/segoe-ui/semibold/latest.woff') format('woff'), url('/fonts/segoe-ui/semibold/latest.ttf') format('truetype'), url('/fonts/segoe-ui/semibold/latest.svg#web') format('svg');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Segoe UI';
  src: url('/fonts/segoe-ui/bold/latest.eot');
  src: local("Segoe UI Bold"), url('/fonts/segoe-ui/bold/latest.eot?#iefix') format('embedded-opentype'), url('/fonts/segoe-ui/bold/latest.woff') format('woff'), url('/fonts/segoe-ui/bold/latest.ttf') format('truetype'), url('/fonts/segoe-ui/bold/latest.svg#web') format('svg');
  font-style: normal;
  font-weight: 700;
}
/*
Copy-pasted from Sundog
font-internal(@size, @line-height)

Internal font definer.

@size - size of the font.
@line-height - line-height of the font.

Style guide: mixins.font-internal
*/
/*
font-super()

Preset definition for font-super.

Style guide: mixins.font-super
*/
/*
font-heading1()

Preset definition for font-heading1.

Style guide: mixins.font-heading1
*/
/*
font-heading2()

Preset definition for font-heading2.

Style guide: mixins.font-heading2
*/
/*
font-heading3()

Preset definition for font-heading3.

Style guide: mixins.font-heading3
*/
/*
font-heading4()

Preset definition for font-heading4.

Style guide: mixins.font-heading4
*/
/*
font-heading5()

Preset definition for font-heading5.

Style guide: mixins.font-heading5
*/
/*
font-heading6()

Preset definition for font-heading6.

Style guide: mixins.font-heading6
*/
/*
font-regular()

Preset definition for font-regular.

Style guide: mixins.font-regular
*/
/*
font-mini()

Preset definition for font-mini.

Style guide: mixins.font-mini
*/
/*
font-micro()

Preset definition for font-micro.

Style guide: mixins.font-micro
*/
/*
font-code()

Preset definition for font-code.

Style guide: mixins.font-code
*/
/*
Copy-pasted from Sundog
Button

Your standard button suitable for clicking. http://sundog.azurewebsites.net/

Markup:
<a href="" class="button {{modifier_class}}">Button</a>

:hover - Hover state
.button-primary - Primary button (CTAs)
.button-secondary - Secondary button
.button-block - Full width
.button-tiny - tiny size
.button-little - Little size
.button-small - Small size
.button-large - Large size
[disabled="disabled"] - Disabled button state  http://sundog.azurewebsites.net/

Style guide: button
*/
.button {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-color: #00abec;
  border: 0;
  color: #ffffff !important;
  display: block;
  fill: #ffffff;
  font-size: 24px;
  font-weight: 300;
  padding: 5px 20px 8px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}
.button:hover {
  background-color: #0086b9;
}
.button.button-primary {
  background-color: #a5ce00;
}
.button.button-primary:hover {
  background-color: #7c9b00;
}
.button.button-secondary {
  background-color: #1B348E;
}
.button.button-secondary:hover {
  background-color: #132463;
}
.button .icon {
  margin-top: -5px;
  height: 20px;
  width: 20px;
}
button.button,
[type='submit'],
[type='button'] {
  width: 100%;
}
button[disabled],
[type='submit'][disabled],
[type='button'][disabled],
button[disabled]:hover,
[type='submit'][disabled]:hover,
[type='button'][disabled]:hover {
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
/*
Store Button

Button for the store

Markup: button-store.html

Style guide: button.store
*/
.button-store {
  background-color: #1a1a1a;
  position: relative;
  color: #ffffff !important;
  font-weight: 200;
  padding: 1px 20px 2px 50px;
  text-align: left;
  display: inline-block;
}
.button-store .top,
.button-store .bottom {
  display: block;
}
.button-store .top {
  font-size: 12px;
}
.button-store .bottom {
  font-size: 15px;
  margin-top: -5px;
}
.button-store .icon {
  margin-top: 0;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.button-store:hover {
  background-color: #1a1a1a;
  text-decoration: none;
}
@media only screen and (min-width: 540px) {
  button.button,
  [type='submit'],
  [type='button'] {
    width: auto;
  }
  .button {
    display: inline-block;
  }
  .button.button-block {
    display: block;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
  }
  .button.button-tiny {
    font-size: 15px;
    padding: 3px 10px 4px;
  }
  .button.button-little {
    font-size: 16px;
    padding: 6px 12px 7px;
  }
  .button.button-small {
    font-size: 20px;
    padding: 5px 15px 8px;
  }
  .button.button-large {
    font-size: 34px;
    padding: 8px 25px 11px;
  }
}
/*
Copy-pasted from Sundog
Typography

Use "auto" setting on leading. Use sentence casing site wide.

Markup:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Style guide: typography
*/
body {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #505050;
  font-family: 'Segoe UI Condensed', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
/*
Typography: Links

Description.

Markup:
<p><a href="">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit.</p>

Style guide: typography.links
*/
a {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/*
Typography: Paragraphs

Description.

Markup:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt ut elit a placerat. Nullam eu congue felis. Phasellus mattis, ipsum ut tincidunt pharetra, diam mi placerat lorem, eu porta magna erat quis sapien.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt ut elit a placerat. Nullam eu congue felis. Phasellus mattis, ipsum ut tincidunt pharetra, diam mi placerat lorem, eu porta magna erat quis sapien.</p>

Style guide: typography.paragraphs
*/
p {
  font-size: 15px;
  margin: 12px 0;
}
/*
Typography: Font

Description.

Markup:
<p class="{{modifier_class}}">Lorem ipsum dolor sit amet</p>

.text-super - Description.
.text-heading1 - Description.
.text-heading2 - Description.
.text-heading3 - Description.
.text-heading4 - Description.
.text-heading5 - Description.
.text-heading6 - Description.
.text-regular - Description.
.text-mini - Description.
.text-micro - Description.
.text-center - Description.
.text-justify - Description.
.text-left - Description.
.text-right - Description.
.text-bold - Description.
.text-semibold - Description.
.text-normal - Description.
.text-semilight - Description.
.text-light - Description.
.text-uppercase - Description.
.text-palette01 - Description.
.text-palette02 - Description.
.text-palette03 - Description.
.text-palette04 - Description.
.text-palette05 - Description.
.text-palette06 - Description.
.text-palette07 - Description.
.text-palette08 - Description.
.text-palette09 - Description.
.text-palette10 - Description.
.text-palette11 - Description.
.text-palette12 - Description.
.text-palette13 - Description.
.text-slate01 - Description.
.text-slate02 - Description.
.text-slate03 - Description.
.text-slate04 - Description.
.text-slate05 - Description.
.text-slate06 - Description.
.text-slate07 - Description.
.text-slate08 - Description.
.text-slate09 - Description.

Style guide: typography.font
*/
.text-regular {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
h1,
.text-heading1 {
  font-weight: 200;
  font-size: 34px;
  line-height: 1.18;
  margin: 0 0 12px;
}
h2,
.text-heading2 {
  font-weight: 200;
  font-size: 24px;
  line-height: 1.17;
  margin: 0 0 12px;
}
h3,
.text-heading3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 12px;
  position: relative;
}
h4,
.text-heading4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  margin: 0 0 12px;
}
h5,
.text-heading5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 8px;
}
h6,
.text-heading6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
.text-super {
  font-weight: 200;
  font-size: 46px;
  line-height: 1.22;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
}
.text-mini {
  font-size: 12px;
}
.text-micro {
  font-size: 10px;
}
/*
Typography: Blockqoute

Description.

Markup:
<blockquote>"I quote: This is a blockquote. End quote."</blockquote>

Style guide: typography.blockqoutes
*/
blockquote {
  font-size: 12px;
  font-style: italic;
  margin: 0;
}
/*
Typography: Lists

Description.

Markup:
<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend nunc non ultricies ornare. Pellentesque auctor tellus dolor, quis fringilla nunc mollis vel.</li>
    <li>Morbi sit amet libero tellus. Etiam pretium lacus et nisl imperdiet mollis sed et odio. Cum sociis natoque penatibus et magnis dis parturient montes.</li>
    <li>Ascetur ridiculus mus. Integer metus erat, porta eu sapien vitae, ullamcorper sagittis lacus. Aenean sodales turpis nec mi molestie commodo.</li>
</ul>
<ol>
    <li>
        Chapter One
        <ol>
            <li>Section One</li>
            <li>Section Two </li>
            <li>Section Three </li>
        </ol>
    </li>
    <li>Chapter Two</li>
    <li>Chapter Three  </li>
</ol>

Style guide: typography.lists
*/
ul,
ol {
  list-style-position: outside;
  margin-bottom: 14px;
  margin-left: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
  padding-bottom: 0;
}
ul li,
ol li {
  font-size: inherit;
  margin-bottom: 12px;
}
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}
ul {
  list-style-type: disc;
  padding-left: 17px;
}
ol {
  list-style-type: decimal;
  padding-left: 27px;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
b,
strong,
.text-bold {
  font-weight: 700;
}
.text-semibold {
  font-weight: 600;
}
.text-normal {
  font-weight: 400;
}
.text-semilight {
  font-weight: 300;
}
.text-light {
  font-weight: 200;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-break-all {
  word-break: break-all;
}
.text-palette01 {
  color: #ffffff;
}
.text-palette02 {
  color: #00abec;
}
.text-palette03 {
  color: #0072c6;
}
.text-palette04 {
  color: #a5ce00;
}
.text-palette05 {
  color: #89c402;
}
.text-palette06 {
  color: #1B348E;
}
.text-palette07 {
  color: #002050;
}
.text-palette08 {
  color: #68217a;
}
.text-palette09 {
  color: #008272;
}
.text-palette10 {
  color: #ba141a;
}
.text-palette11 {
  color: #ff8c00;
}
.text-palette12 {
  color: #dd5900;
}
.text-slate01 {
  color: #1a1a1a;
}
.text-slate02 {
  color: #303030;
}
.text-slate03 {
  color: #3e3d4d;
}
.text-slate04 {
  color: #505050;
}
.text-slate05 {
  color: #525252;
}
.text-slate06 {
  color: #6a6a6a;
}
.text-slate07 {
  color: #969696;
}
.text-slate08 {
  color: #dedede;
}
.text-slate09 {
  color: #eeeeee;
}
@media only screen and (min-width: 768px) {
  h1,
  .text-heading1 {
    font-weight: 200;
    font-size: 46px;
    line-height: 1.22;
    letter-spacing: -0.01em;
    margin: 0 0 12px;
  }
  h2,
  .text-heading2 {
    font-weight: 200;
    font-size: 34px;
    line-height: 1.18;
    margin: 0 0 12px;
  }
  h3,
  .text-heading3 {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.17;
    margin: 0 0 12px;
    position: relative;
  }
  h4,
  .text-heading4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 12px;
  }
  h5,
  .text-heading5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33;
    margin: 0 0 8px;
  }
  h6,
  .text-heading6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 12px;
  }
  .text-super {
    font-weight: 200;
    font-size: 62px;
    line-height: 1.16;
    letter-spacing: -0.01em;
    margin: 0 0 16px;
  }
}
/*
Form

Description.

Markup:
<div class="row">
    <div class="column medium-4">
        <div class="form-row">
            <label for="text">Form field:</label>
            <input type="text" id="text" placeholder="Form field" />
        </div>
        <div class="form-row">
            <label for="select">Form field:</label>
            <select id="select">
                <option value="form-field">Form field</option>
            </select>
        </div>
        <div class="form-row">
            <label for="textarea">Form field:</label>
            <textarea id="textarea" placeholder="Form field"></textarea>
        </div>
        <div class="form-row">
            <input id="checkbox" name="checkbox" type="checkbox" value="true" />
            <label for="checkbox">I accept</label>
        </div>
        <div class="form-row">
            <div>
                <input id="radio-1" name="radio" type="radio" value="1" />
                <label for="radio-1">I accept</label>
            </div>
            <div>
                <input id="radio-2" name="radio" type="radio" value="2" />
                <label for="radio-2">I will accept</label>
            </div>
            <div>
                <input id="radio-3" name="radio" type="radio" value="3" />
                <label for="radio-3">I did accept</label>
            </div>
        </div>
        <div class="form-row">
            <button class="button" type="submit">Submit</button>
        </div>
    </div>
</div>

Style guide: form
*/
input[type='text'],
select,
textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #dedede;
  color: #3e3d4d;
  display: block;
  line-height: 1.2;
  outline: none;
  padding: 5px;
  width: 100%;
}
input[type='text']:focus,
select:focus,
textarea:focus {
  border: 2px solid #00abec;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
textarea {
  height: 70px;
}
label {
  cursor: pointer;
  display: inline-block;
  vertical-align: text-bottom;
}
.form-row:after {
  clear: both;
  content: '';
  display: table;
}
.form-row + .form-row {
  margin-top: 12px;
}
.form-element {
  display: block;
  position: relative;
}
.character-count {
  color: #ffffff;
  float: right;
  font-size: 10px;
}
.character-count.error {
  color: #ba141a;
}
.container {
  padding: 0;
  margin: 0;
}
.row {
  margin: 0;
  padding: 0;
}
[class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
ul {
  padding-left: 0 !important;
}
html {
  height: 100%;
  background-color: #0072c6;
}
body {
  height: 100%;
  background-color: #0072c6;
}
body span {
  color: #ffffff;
  /*default font color to white*/
}
body p {
  color: #ffffff;
  /*default font color to white*/
}
body h1 {
  color: #ffffff;
  /*default font color to white*/
}
body h2 {
  color: #ffffff;
  /*default font color to white*/
}
body h3 {
  color: #ffffff;
  /*default font color to white*/
}
body h4 {
  color: #ffffff;
  /*default font color to white*/
}
body h5 {
  color: #ffffff;
  /*default font color to white*/
}
.background-color01 {
  background-color: #ffffff;
}
.background-color02 {
  background-color: #00abec;
}
.background-color03 {
  background-color: #0072c6;
}
.background-color04 {
  background-color: #a5ce00;
}
.background-color05 {
  background-color: #89c402;
}
.background-color06 {
  background-color: #1B348E;
}
.background-color07 {
  background-color: #002050;
}
.background-color08 {
  background-color: #68217a;
}
.background-color09 {
  background-color: #008272;
}
.background-color10 {
  background-color: #ba141a;
}
.background-color11 {
  background-color: #ff8c00;
}
.background-color12 {
  background-color: #dd5900;
}
header {
  border-bottom: 1px solid #969696;
}
.airscontainer-padding {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 12px;
}
.airscontainer {
  margin: 0 auto;
  padding: 0 12px;
}
@media (min-width: 768px) {
  .airscontainer-padding {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .airscontainer {
    margin: 0 auto;
    padding: 0 24px;
  }
}
header {
  background-color: #1a1a1a !important;
}
.airsnav {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}
.navbar {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  margin: 0;
}
.navbar-header {
  background-color: #1a1a1a;
  color: #ffffff !important;
}
.navbar-default {
  border: none !important;
  background-color: #1a1a1a;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none !important;
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    height: 50px !important;
  }
  div.navbar-collapse.collapse ul {
    height: 50px !important;
  }
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #1a1a1a;
}
.navbar-default .navbar-collapse {
  border: none;
  background-color: #1a1a1a;
}
.navbar-default .navbar-toggle {
  border-color: #505050 !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #eeeeee;
}
.navbar-brand {
  border-radius: 0px;
  border-color: #1a1a1a;
  background-image: none !important;
  color: #00abec !important;
  padding-left: 0 !important;
  font-size: 24px;
}
.navbar-default .navbar-nav > .active > a {
  background-color: #1a1a1a !important;
  background-image: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
}
.navbar .active {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  background-image: none !important;
}
.navbar-nav > li > a {
  background-color: #1a1a1a !important;
  text-shadow: none !important;
  color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 10px;
}
.navbar button {
  border-radius: 0px;
  border-color: #505050;
  width: auto;
}
.navbar-right {
  font-size: 12px;
}
footer {
  background-color: #1a1a1a;
  padding-top: 12px;
  font-size: 12px;
  border-top: 1px solid #969696;
  height: 105px;
}
@media (min-width: 768px) {
  footer {
    padding-top: 48px;
  }
}
footer .icon-microsoft {
  fill: #ffffff;
  height: 25px;
  width: 87px;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  footer .footer-right-column {
    float: right;
  }
}
footer span {
  color: #ffffff;
}
footer span a {
  color: #ffffff;
}
@font-face {
  font-family: 'sundog';
  src: url('/fonts/BAPIMDL2.eot');
  src: local("sundogo"), url('/fonts/BAPIMDL2.eot?#iefix') format('embedded-opentype'), url('/fonts/BAPIMDL2.svg') format('svg'), url('/fonts/BAPIMDL2.ttf') format('truetype'), url('/fonts/BAPIMDL2.woff') format('woff'), url('/fonts/BAPIMDL2.woff2') format('woff2');
}
.sf-chevron-right:before {
  font-family: sundog;
  content: '\E76C';
  speak: none;
}