/*
$sprite: sprite-map("sprite*/
/*.png", $spacing: 5px);
$bg: sprite-map("bg*/
/*.png", $spacing: 5px);

@mixin sprite($map1x: false, $filename: false, $dimension: false, $image: true, $position: false, $repeat: false) {
  @if $map1x != false {
    @if $filename != false and $dimension == true {
      width: image-width(sprite-file($map1x, $filename));
      height: image-height(sprite-file($map1x, $filename));
    }
    @if $filename != false and $image == true and $position == true {
      $ending: null;
      @if $repeat == 'x' {
        $ending: repeat-x;
      } @else if $repeat == 'y' {
        $ending: repeat-y;
      } @else if $repeat == 'no' {
        $ending: no-repeat;
      } @else if $repeat != false {
        $ending: unquote($repeat);
      }
      @if $repeat != false {
        background: sprite-url($map1x) sprite-position($map1x, $filename) $ending;
      } @else {
        background-image: sprite-url($map1x);
        background-position: sprite-position($map1x, $filename);
      }
    } @else {
      @if $image == true {
        background-image: sprite-url($map1x);
      }
      @if $position == true {
        background-position: sprite-position($map1x, $filename);
      }
      @if $repeat == 'x' {
        background-repeat: repeat-x;
      } @else if $repeat == 'y' {
        background-repeat: repeat-y;
      } @else if $repeat == 'no' {
        background-repeat: no-repeat;
      } @else if $repeat != false {
        background-repeat: unquote($repeat);
      }
    }
  }
}*/
html,
body {
  min-width: 768px;
  height: 100%;
}

body {
  position: relative;
  background: #fff;
  font: 14px/normal Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000;
  overflow: hidden;
}

a {
  color: #2599cf;
  text-decoration: none;
}
a:hover, a:focus {
  color: #2599cf;
}
a:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  padding: 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  color: #999;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 20px;
}

p {
  margin-bottom: 18px;
}

ul,
ol {
  margin-bottom: 18px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

dl {
  margin-bottom: 18px;
}

abbr[title],
abbr[data-original-title] {
  border-bottom: none;
}

.page-wrapper {
  padding-top: 50px;
}

.text-default,
a.text-default:hover {
  color: #666;
}

.text-primary,
a.text-primary:hover {
  color: #333;
}

.text-success,
a.text-success:hover {
  color: #47aa42;
}

.text-danger,
a.text-danger:hover {
  color: #fc4632;
}

.text-warning,
a.text-warning:hover {
  color: #fc9632;
}

.text-info,
a.text-info:hover {
  color: #2599cf;
}

.text-more,
.text-more-invert {
  color: #2599cf;
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}
.text-more .icon,
.text-more-invert .icon {
  margin-right: 6px;
}

.text-more-invert {
  text-decoration: underline;
}
.text-more-invert:hover {
  text-decoration: none;
}

.text-accent span,
.text-accent strong {
  font-size: 18px;
}

.container {
  width: 960px !important;
}

.row-inline-block > [class^=col-] {
  display: inline-block;
  float: none;
  margin: 0 -0.125em;
  vertical-align: text-top;
}

.marker-checkbox-group li:first-child .checkbox {
  margin-top: 0;
}
.marker-checkbox-group .label-block input[type="checkbox"] {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: static;
  cursor: pointer;
}
.marker-checkbox-group .label-block span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.marker-flow .marker-group {
  border: solid #000;
  border-width: 0 1px;
  padding: 10px;
  position: relative;
  margin-top: 30px;
}
.marker-flow .marker-group:before {
  content: 'and';
  text-align: center;
  text-transform: uppercase;
  line-height: 10px;
  padding: 10px 0;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: -30px;
}
.marker-flow .marker-group:first-child {
  margin-top: 0;
}
.marker-flow .marker-group:first-child:before {
  display: none;
}
.marker-flow .marker-group .border {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.marker-flow .marker-group .border:after, .marker-flow .marker-group .border:before {
  content: '';
  position: absolute;
  right: -1px;
  background-color: #000;
  width: 10px;
  height: 1px;
}
.marker-flow .marker-group .border:after {
  right: -1px;
}
.marker-flow .marker-group .border:before {
  left: -1px;
}
.marker-flow .marker-group .border.top {
  top: 0;
}
.marker-flow .marker-group .border.bottom {
  bottom: 1px;
}
.marker-flow .and-block {
  text-align: center;
  text-transform: uppercase;
  line-height: 10px;
  padding: 10px 0;
}
.marker-flow .mask-block {
  padding: 0 10px;
  border: 1px solid #fff;
  display: none;
}

.marker {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #dddddd;
  margin-top: 0;
  position: relative;
}

.marker-block .marker {
  margin-top: 30px;
}
.marker-block .marker:before {
  content: 'and';
  text-align: center;
  text-transform: uppercase;
  line-height: 10px;
  padding: 10px 0;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: -30px;
}
.marker-block .marker:first-child {
  margin-top: 0;
}
.marker-block .marker:first-child:before {
  display: none;
}

.mask {
  background-color: #b5d9fd;
  margin-top: 10px;
  display: none;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.mask:hover {
  background-color: #8db5fd;
  cursor: pointer;
}

.marker-avatar {
  width: 438px;
}
