@import url(https://fonts.googleapis.com/css?family=Archivo:400,400i,500,600,700);@import url(https://fonts.googleapis.com/css?family=Archivo+Black);/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
    \*------------------------------------*/
  /**
     * Search field in the Select2 dropdown.
     */
  /**
     * No outline for all search fields - in the dropdown
     * and inline in multi Select2s.
     */
  /**
     * Adjust Select2's choices hover and selected styles to match
     * Bootstrap 3's default dropdown styles.
     *
     * @see http://getbootstrap.com/components/#dropdowns
     */
  /**
     * Clear the selection.
     */
  /**
     * Address disabled Select2 styles.
     *
     * @see https://select2.github.io/examples.html#disabled
     * @see http://getbootstrap.com/css/#forms-control-disabled
     */
  /*------------------------------------*      #DROPDOWN
    \*------------------------------------*/
  /**
     * Dropdown border color and box-shadow.
     */
  /**
     * Limit the dropdown height.
     */
  /*------------------------------------*      #SINGLE SELECT2
    \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
    \*------------------------------------*/
  /**
     * Address Bootstrap control sizing classes
     *
     * 1. Reset Bootstrap defaults.
     * 2. Adjust the dropdown arrow button icon position.
     *
     * @see http://getbootstrap.com/css/#forms-control-sizes
     */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
    \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  background-color: #182b4b;
  border: 1px solid #182b4b;
  border-radius: 4px;
  color: #fff;
  font-size: 1em;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-search--dropdown {
  background-color: #182b4b;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 1em;
}

.select2-results {
  background-color: #182b4b;
  border-color: #182b4b;
  color: #667386;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
       * Firefox 19+
       *
       * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
       */
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #f2f2f2;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #f2f2f2;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #f2f2f2;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #f2f2f2;
}

.select2-container--bootstrap .select2-results__option {
  padding: 6px 12px;
  /**
       * Disabled results.
       *
       * @see https://select2.github.io/examples.html#disabled-results
       */
  /**
       * Hover state.
       */
  /**
       * Selected state.
       */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: none;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #182b4b;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--open {
  /**
       * Make the dropdown arrow point up while the dropdown is visible.
       */
  /**
       * Handle border radii of the container when the dropdown is showing.
       */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 0;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px !important;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px;
  /**
       * Adjust the single Select2's dropdown arrow button appearance.
       */
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #fff;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
       * Make Multi Select2's choices match Bootstrap 3's default button styles.
       */
  /**
       * Minus 2px borders.
       */
  /**
       * Clear the selection.
       */
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
       * Make the dropdown arrow point up while the dropdown is visible.
       */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
       * Make the dropdown arrow point up while the dropdown is visible.
       */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
       * Single Select2
       *
       * 1. Makes sure that .select2-selection__placeholder is positioned
       *    correctly.
       */
  /**
       * Multiple Select2
       */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*  #ADDITIONAL GOODIES
  \*------------------------------------*/

/**
   * Address Bootstrap's validation states
   *
   * If a Select2 widget parent has one of Bootstrap's validation state modifier
   * classes, adjust Select2's border colors and focus states accordingly.
   * You may apply said classes to the Select2 dropdown (body > .select2-container)
   * via JavaScript match Bootstraps' to make its styles match.
   *
   * @see http://getbootstrap.com/css/#forms-control-validation
   */

.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
   * Select2 widgets in Bootstrap Input Groups
   *
   * @see http://getbootstrap.com/components/#input-groups
   * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
   */

/**
   * Reset rounded corners
   */

.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  /**
     * Adjust z-index like Bootstrap does to show the focus-box-shadow
     * above appended buttons in .input-group and .form-group.
     */
  /**
     * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
     * Multi Select2's height which - depending on how many elements have been selected -
     * may grow taller than its initial size.
     *
     * @see http://getbootstrap.com/components/#input-groups
     */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open,
.input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top;
}

/**
   * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
   *
   * Provides `!important` for certain properties of the class applied to the
   * original `<select>` element to hide it.
   *
   * @see https://github.com/select2/select2/pull/3301
   * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
   */

.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
   * Display override for inline forms
   */

@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}

body {
  font-family: Archivo, sans-serif;
  color: #ffffff;
  background-color: #11213d;
  font-size: 14px;
}

a {
  color: #b5becc;
}

h1,
h2,
h3,
h4 {
  font-family: Archivo Black, sans-serif;
}

hr {
  border-top: 1px solid #263b5e;
  margin: 0 0 26px 0;
}

label {
  font-weight: normal;
}

.label {
  font-weight: normal;
}

.label-success {
  background-color: #2ea517;
}

.label-danger {
  background-color: #ff3639;
}

.label-default {
  background-color: #535e70;
  color: #ccc;
}

.alert-success,
.alert-danger {
  background-color: transparent;
}

.alert-success {
  border-color: #2ea517;
}

.alert-danger {
  border-color: #ff3639;
}

.success,
.alert-success {
  color: #2ea517;
}

.danger,
.alert-danger {
  color: #ff3639;
}

.form-control {
  background-color: #11213d;
  color: #fff;
  border-color: #11213d;
}

/** Tables **/

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-color: #2c3d5b;
  font-size: 1em;
  color: #fff;
  padding: 18px 18px 18px 0;
  vertical-align: middle;
}

.table > thead > tr > th {
  color: #535e70;
  font-size: 12px;
  padding-bottom: 18px;
}

.table td img {
  border-radius: 3px;
}

.table-responsive {
  border: none;
  background-image: -webkit-gradient(linear, left top, right top, from(#1b2e4e), to(#1b2e4e)), -webkit-gradient(linear, left top, right top, from(#1b2e4e), to(#1b2e4e)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 20, 0.5)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 20, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #1b2e4e, #1b2e4e), linear-gradient(to right, #1b2e4e, #1b2e4e), linear-gradient(to right, rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 20, 0.5), rgba(255, 255, 255, 0));
  /* Shadows */
  /* Shadow covers */
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: #1b2e4e;
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
  background-attachment: local, local, scroll, scroll;
}

/** Header **/

header {
  margin-top: 29px;
}

header .logo {
  float: left;
  display: block;
}

header .slogan {
  float: left;
  margin: 5px 0 0 45px;
  color: #fff;
}

header .slogan .slogan-1 {
  font-size: 0.929em;
  margin-bottom: 7px;
}

header .slogan .slogan-2 {
  font-size: 1.429em;
  font-family: Archivo Black, sans-serif;
}

header .contact {
  float: right;
  margin-top: 10px;
  font-size: 1.143em;
}

header .contact a {
  color: #fff;
}

header .contact a:hover {
  text-decoration: none;
}

header .contact a i {
  color: #0060ff;
  margin-left: 8px;
}

.logo {
  background: transparent url(/images/logo.png) no-repeat;
  background-size: 100%;
  height: 32px;
  width: 96px;
}

@media (min-width: 768px) {
  .logo {
    height: 61px;
    width: 183px;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo {
    background-image: url(/images/logo@2x.png);
  }
}

.in-cart-total {
  width: 17px;
  height: 17px;
  position: absolute;
  font-size: 9px;
  text-align: center;
  font-weight: 300;
  border-radius: 50%;
  background-color: #0060ff;
  color: #fff;
  margin-top: -10px;
  right: -7px;
  padding-top: 2px;
  opacity: 0;
}

.in-cart-total.active {
  opacity: 1;
}

@-webkit-keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.nav > li.search-nav-item {
  padding-right: 20px;
}

/** Navigation **/

.navbar {
  padding: 0;
  margin: 30px 0 0 0;
}

.nav > li {
  padding-left: 0px;
  padding-right: 40px;
}

.nav > li.active a {
  border-bottom: 3px solid #0060ff;
  color: #fff;
}

.nav > li > a {
  padding-left: 0;
  padding-right: 0;
  padding-top: 21px;
  padding-bottom: 22px;
  line-height: 14px;
  font-weight: bold;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.nav > li > a:hover {
  background: none;
  color: #fff;
}

.nav > li > a.btn {
  padding: 15px 30px 16px;
  font-size: 1.143em;
  line-height: 1.143em;
  margin-top: 11px;
  font-weight: normal;
}

.nav .btn.btn-nav {
  padding: 10px 20px;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.nav > li .nav-icon {
  font-size: 17px;
}

#navbar {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#274570), to(#11213d));
  background-image: linear-gradient(to bottom, #274570, #11213d);
  padding-left: 24px;
  padding-right: 0;
  margin-bottom: 20px;
}

.nav .dropdown {
  margin-top: 9px;
}

.navbar-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#274570), to(#11213d));
  background-image: linear-gradient(to bottom, #274570, #11213d);
  margin-bottom: 20px;
}

.navbar-toggle {
  float: left;
}

.navbar-toggle .icon-bar {
  background: #fff;
}

.navbar-close {
  display: none;
}

.mobile-nav {
  display: block;
  padding-right: 15px;
  float: right;
}

.mobile-nav li {
  list-style: none;
  display: inline-block;
  padding-left: 19px;
  font-size: 1.429em;
}

.mobile-nav .top-search i {
  top: -4px;
}

@media (min-width: 768px) {
  .mobile-nav {
    display: none;
  }
}

.btn-my-account span {
  margin-left: 5px;
  vertical-align: -1px;
}

.dropdown ul {
  background: #004dcc;
}

.dropdown-menu {
  margin-top: -3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-top-right-radius: 0;
}

.dropdown-menu > li > a {
  color: #b5becc;
  padding: 10px 20px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
  background: none;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #navbar {
    background: #11213d;
    padding-top: 96px;
    padding-left: 0;
  }

  #navbar {
    position: fixed !important;
    top: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-box-shadow: 4px 0px 21px -7px rgba(0, 0, 0, 0.53);
    box-shadow: 4px 0px 21px -7px rgba(0, 0, 0, 0.53);
    margin-left: -16px;
  }

  .navbar-nav {
    margin: 0 15px;
  }

  .nav > li {
    font-size: 1.429em;
    padding-right: 0;
  }

  .nav > li.active a {
    border-bottom: none;
  }

  .nav > li > a.btn.btn-nav {
    font-size: 0.8em;
  }

  .nav-open .logo {
    position: fixed;
    z-index: 9999;
  }

  .navbar-close {
    position: fixed;
    right: 0;
    padding: 25px 40px;
    font-size: 27px;
    cursor: pointer;
    top: 0;
    display: block;
  }
}

.slide-in,
.slide-out {
  height: 100% !important;
  overflow-y: auto;
  display: block;
}

.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
  animation: slide-out 0.2s forwards;
  -webkit-animation: slide-out 0.2s forwards;
}

@keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
  }
}

@keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(-120%);
  }
}

/** Subnav **/

.subnav {
  margin-top: -30px;
  margin-bottom: 20px;
  padding: 10px 50px;
}

.subnav ul {
  padding: 0 0 0 10px;
  background: rgba(255, 255, 255, 0.04);
}

.subnav li {
  list-style: none;
  display: inline-block;
  padding: 10px 15px;
}

/** Buttons **/

a.btn,
button.btn {
  letter-spacing: -0.5px;
}

a.btn.btn-primary,
button.btn.btn-primary {
  background-color: #0060ff;
  border-color: #0060ff;
  color: #ffffff;
}

a.btn.btn-primary:hover,
a.btn.btn-primary.focus,
a.btn.btn-primary:focus,
a.btn.btn-primary:active,
button.btn.btn-primary:hover,
button.btn.btn-primary.focus,
button.btn.btn-primary:focus,
button.btn.btn-primary:active {
  background-color: #004dcc;
  border-color: #004dcc;
}

.dropdown.open .btn.btn-primary {
  background-color: #004dcc;
  border-color: #004dcc;
}

/** Paging **/

.pagination > li > a,
.pagination > li > span {
  border: none;
  background: none;
  color: #ffffff;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  background: none;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: none;
  color: #0060ff;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background: #0060ff;
  color: #ffffff;
  border-radius: 8px;
}

/** Breadcrumbs **/

.breadcrumbs {
  text-align: center;
}

.breadcrumbs ul {
  list-style: none;
  display: inline-table;
  width: 100%;
  padding: 0;
  margin: 0;
}

.breadcrumbs ul li {
  display: table-cell;
}

.breadcrumbs ul li.active a {
  color: #fff;
}

.breadcrumbs ul li a {
  display: block;
  float: left;
  background: #1b2e4e;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  color: #657185;
  width: 100%;
}

.breadcrumbs ul li a:after {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 7px solid #1b2e4e;
  position: absolute;
  right: -7px;
  top: 0;
  z-index: 1;
}

.breadcrumbs ul li a:before {
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #11213d;
  position: absolute;
  left: 0;
  top: 0;
}

.breadcrumbs ul li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.breadcrumbs ul li:first-child a:before {
  display: none;
}

.breadcrumbs ul li:last-child a {
  padding-right: 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.breadcrumbs ul li:last-child a:after {
  display: none;
}

.breadcrumbs ul li a:hover {
  background: #357DFD;
  color: #fff;
}

.breadcrumbs ul li a:hover:after {
  border-left-color: #357DFD;
  color: #fff;
}

/** Toast **/

.jq-icon-success {
  background: #2ea517;
}

.jq-icon-error {
  background: #ff3639;
}

/** Images **/

.no-image {
  background: #263857;
  height: 60px;
  color: #8c94a1;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  width: 60px;
  font-size: 30px;
  border-radius: 3px;
}

/** Modal **/

.modal-content {
  background: #1b2e4e;
}

.modal-header {
  background: #11213d;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 0;
}

.modal-header .close {
  text-shadow: none;
  color: #fff;
}

/** Footer **/

footer {
  background-color: rgba(255, 255, 255, 0.04);
  color: #657185;
  padding: 28px 0 36px;
  margin-top: 48px;
}

footer a {
  color: #657185;
}

footer p {
  margin-bottom: 20px;
}

.footer-title {
  color: #b5becc;
  margin-bottom: 17px;
  font-size: 1.143em;
  font-weight: 600;
}

.card {
  background-color: transparent;
  color: #657185;
  border-radius: 8px;
  border: 0;
  margin-bottom: 19px;
}

.card .card-header {
  background-color: transparent;
  color: #ffffff;
  font-size: 1.429em;
  border-bottom: 0;
  font-weight: 500;
  line-height: 1;
  padding: 0;
  margin: 0 0 17px 0;
}

.card .card-title {
  font-size: 1.143em;
  margin-bottom: 14px;
  letter-spacing: -0.5px;
  font-weight: 600;
}

.card-body {
  background-color: #1b2e4e;
  border-radius: 8px;
  padding: 32px;
  line-height: 1.43;
}

.card-body a {
  color: #0060ff;
}

.card-body p {
  margin-bottom: 20px;
}

.card-body .highlight {
  color: #fff;
}

.card-body a.link-secondary {
  color: #657185;
}

.card-body a.link-secondary:hover {
  color: #f1f1f1;
}