article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover,
a:active {
  outline: 0; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

#map_canvas img {
  max-width: none; }

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button,
input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

body {
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 22px;
  color: #4a484c;
  background-color: #f9f9f9; }

a {
  color: #d87a68;
  text-decoration: none; }

a:hover {
  color: #ce5640;
  text-decoration: none; }

.yui3-g {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  word-spacing: -.43em;
  text-rendering: optimizespeed; }

.opera-only :-o-prefocus,
.yui3-g {
  word-spacing: -.43em; }

.yui3-u {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.yui3-u-1,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-2-3,
.yui3-u-1-4,
.yui3-u-3-4,
.yui3-u-1-5,
.yui3-u-2-5,
.yui3-u-3-5,
.yui3-u-4-5,
.yui3-u-1-6,
.yui3-u-5-6,
.yui3-u-1-8,
.yui3-u-3-8,
.yui3-u-5-8,
.yui3-u-7-8,
.yui3-u-1-12,
.yui3-u-5-12,
.yui3-u-7-12,
.yui3-u-11-12,
.yui3-u-1-24,
.yui3-u-5-24,
.yui3-u-7-24,
.yui3-u-11-24,
.yui3-u-13-24,
.yui3-u-17-24,
.yui3-u-19-24,
.yui3-u-23-24 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.yui3-u-1 {
  display: block;
  width: auto; }

.yui3-u-1-2 {
  width: 50%; }

.yui3-u-1-3 {
  width: 33.33333%; }

.yui3-u-2-3 {
  width: 66.66666%; }

.yui3-u-1-4 {
  width: 25%; }

.yui3-u-3-4 {
  width: 75%; }

.yui3-u-1-5 {
  width: 20%; }

.yui3-u-2-5 {
  width: 40%; }

.yui3-u-3-5 {
  width: 60%; }

.yui3-u-4-5 {
  width: 80%; }

.yui3-u-1-6 {
  width: 16.656%; }

.yui3-u-5-6 {
  width: 83.33%; }

.yui3-u-1-8 {
  width: 12.5%; }

.yui3-u-3-8 {
  width: 37.5%; }

.yui3-u-5-8 {
  width: 62.5%; }

.yui3-u-7-8 {
  width: 87.5%; }

.yui3-u-1-12 {
  width: 8.3333%; }

.yui3-u-5-12 {
  width: 41.6666%; }

.yui3-u-7-12 {
  width: 58.3333%; }

.yui3-u-11-12 {
  width: 91.6666%; }

.yui3-u-1-24 {
  width: 4.1666%; }

.yui3-u-5-24 {
  width: 20.8333%; }

.yui3-u-7-24 {
  width: 29.1666%; }

.yui3-u-11-24 {
  width: 45.8333%; }

.yui3-u-13-24 {
  width: 54.1666%; }

.yui3-u-17-24 {
  width: 70.8333%; }

.yui3-u-19-24 {
  width: 79.1666%; }

.yui3-u-23-24 {
  width: 95.8333%; }

.yui3-u-none {
  display: none; }

.yui3-force-block {
  display: block !important; }

.yui3-force-none {
  display: none !important; }

.yui3-pull-left {
  float: left; }

.yui3-pull-right {
  float: right; }

.yui3-pull-none {
  float: none; }

.va-middle {
  vertical-align: middle; }

.va-top {
  vertical-align: top; }

.va-bottom {
  vertical-align: bottom; }

.ta-left {
  text-align: left; }

.ta-right {
  text-align: right; }

.ta-center {
  text-align: center; }

.yui3-u.table-cell {
  display: table-cell;
  word-wrap: break-line;
  word-break: break-word; }

.break-line {
  word-wrap: break-line;
  word-break: break-word; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.float-left,
.fixed-left {
  float: left; }

.float-right,
.fixed-right {
  float: right; }

.mg-b-10 {
  margin-bottom: 10px; }

.mg-b-20 {
  margin-bottom: 20px; }

.mg-b-30 {
  margin-bottom: 30px; }

.mg-b-40 {
  margin-bottom: 40px; }

.mg-t-10 {
  margin-top: 10px; }

.mg-t-20 {
  margin-top: 20px; }

.mg-t-30 {
  margin-top: 30px; }

.mg-t-40 {
  margin-top: 40px; }

.mg-r-10 {
  margin-right: 10px; }

.mg-r-20 {
  margin-right: 20px; }

.mg-r-30 {
  margin-right: 30px; }

.mg-r-40 {
  margin-right: 40px; }

.mg-l-10 {
  margin-left: 10px; }

.fixed-col.icon-showcase {
  width: 140px; }
.fixed-col.icon-view {
  width: 77px; }
.fixed-col.app-detail-icon {
  width: 100px; }
.fixed-col.autocomplete-icon {
  width: 60px; }
.fixed-col.button-app-icon {
  width: 48px; }

.flex-col {
  float: right;
  width: 100%; }
  .flex-col.icon-showcase {
    margin-left: -140px; }
  .flex-col.icon-view {
    margin-left: -77px; }
  .flex-col.app-detail-icon {
    margin-left: -100px; }
  .flex-col.autocomplete-icon {
    margin-left: -60px; }
  .flex-col.button-app-icon {
    margin-left: -48px; }

.icon-showcase .flex-col-inside {
  margin-left: 140px; }
.icon-view .flex-col-inside {
  margin-left: 77px; }
.app-detail-icon .flex-col-inside {
  margin-left: 100px; }
.autocomplete-icon .flex-col-inside {
  margin-left: 60px; }
.button-app-icon .flex-col-inside {
  margin-left: 48px; }

.fixed-col-right {
  float: right;
  position: relative; }
  .fixed-col-right.button-col {
    width: 106px; }
  .fixed-col-right.recommend-button-col {
    width: 100px; }
  .fixed-col-right.button-action-col {
    width: 33px; }

.flex-col-left {
  float: left;
  width: 100%; }
  .flex-col-left.button-col {
    margin-right: -106px; }
  .flex-col-left.recommend-button-col {
    margin-right: -100px; }
  .flex-col-left.button-action-col {
    margin-right: -33px; }

.flex-col-left-inside {
  width: auto;
  float: none;
  position: static; }
  .button-col .flex-col-left-inside {
    margin-right: 106px; }
  .recommend-button-col .flex-col-left-inside {
    margin-right: 100px; }
  .button-action-col .flex-col-left-inside {
    margin-right: 33px; }

html.breakpoint-phone .m-yui3-g {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  word-spacing: -.43em;
  text-rendering: optimizespeed; }
html.breakpoint-phone .opera-only :-o-prefocus,
html.breakpoint-phone .m-yui3-g {
  word-spacing: -.43em; }
html.breakpoint-phone .m-yui3-u {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }
html.breakpoint-phone .m-yui3-u-1,
html.breakpoint-phone .m-yui3-u-1-2,
html.breakpoint-phone .m-yui3-u-1-3,
html.breakpoint-phone .m-yui3-u-2-3,
html.breakpoint-phone .m-yui3-u-1-4,
html.breakpoint-phone .m-yui3-u-3-4,
html.breakpoint-phone .m-yui3-u-1-5,
html.breakpoint-phone .m-yui3-u-2-5,
html.breakpoint-phone .m-yui3-u-3-5,
html.breakpoint-phone .m-yui3-u-4-5,
html.breakpoint-phone .m-yui3-u-1-6,
html.breakpoint-phone .m-yui3-u-5-6,
html.breakpoint-phone .m-yui3-u-1-8,
html.breakpoint-phone .m-yui3-u-3-8,
html.breakpoint-phone .m-yui3-u-5-8,
html.breakpoint-phone .m-yui3-u-7-8,
html.breakpoint-phone .m-yui3-u-1-12,
html.breakpoint-phone .m-yui3-u-5-12,
html.breakpoint-phone .m-yui3-u-7-12,
html.breakpoint-phone .m-yui3-u-11-12,
html.breakpoint-phone .m-yui3-u-1-24,
html.breakpoint-phone .m-yui3-u-5-24,
html.breakpoint-phone .m-yui3-u-7-24,
html.breakpoint-phone .m-yui3-u-11-24,
html.breakpoint-phone .m-yui3-u-13-24,
html.breakpoint-phone .m-yui3-u-17-24,
html.breakpoint-phone .m-yui3-u-19-24,
html.breakpoint-phone .m-yui3-u-23-24 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }
html.breakpoint-phone .m-yui3-u-1 {
  display: block;
  width: auto; }
html.breakpoint-phone .m-yui3-u-1-2 {
  width: 50%; }
html.breakpoint-phone .m-yui3-u-1-3 {
  width: 33.33333%; }
html.breakpoint-phone .m-yui3-u-2-3 {
  width: 66.66666%; }
html.breakpoint-phone .m-yui3-u-1-4 {
  width: 25%; }
html.breakpoint-phone .m-yui3-u-3-4 {
  width: 75%; }
html.breakpoint-phone .m-yui3-u-1-5 {
  width: 20%; }
html.breakpoint-phone .m-yui3-u-2-5 {
  width: 40%; }
html.breakpoint-phone .m-yui3-u-3-5 {
  width: 60%; }
html.breakpoint-phone .m-yui3-u-4-5 {
  width: 80%; }
html.breakpoint-phone .m-yui3-u-1-6 {
  width: 16.656%; }
html.breakpoint-phone .m-yui3-u-5-6 {
  width: 83.33%; }
html.breakpoint-phone .m-yui3-u-1-8 {
  width: 12.5%; }
html.breakpoint-phone .m-yui3-u-3-8 {
  width: 37.5%; }
html.breakpoint-phone .m-yui3-u-5-8 {
  width: 62.5%; }
html.breakpoint-phone .m-yui3-u-7-8 {
  width: 87.5%; }
html.breakpoint-phone .m-yui3-u-1-12 {
  width: 8.3333%; }
html.breakpoint-phone .m-yui3-u-5-12 {
  width: 41.6666%; }
html.breakpoint-phone .m-yui3-u-7-12 {
  width: 58.3333%; }
html.breakpoint-phone .m-yui3-u-11-12 {
  width: 91.6666%; }
html.breakpoint-phone .m-yui3-u-1-24 {
  width: 4.1666%; }
html.breakpoint-phone .m-yui3-u-5-24 {
  width: 20.8333%; }
html.breakpoint-phone .m-yui3-u-7-24 {
  width: 29.1666%; }
html.breakpoint-phone .m-yui3-u-11-24 {
  width: 45.8333%; }
html.breakpoint-phone .m-yui3-u-13-24 {
  width: 54.1666%; }
html.breakpoint-phone .m-yui3-u-17-24 {
  width: 70.8333%; }
html.breakpoint-phone .m-yui3-u-19-24 {
  width: 79.1666%; }
html.breakpoint-phone .m-yui3-u-23-24 {
  width: 95.8333%; }
html.breakpoint-phone .m-yui3-u-none {
  display: none; }
html.breakpoint-phone .m-yui3-force-block {
  display: block !important; }
html.breakpoint-phone .m-yui3-force-none {
  display: none !important; }
html.breakpoint-phone .m-yui3-pull-left {
  float: left; }
html.breakpoint-phone .m-yui3-pull-right {
  float: right; }
html.breakpoint-phone .m-yui3-pull-none {
  float: none; }

html.breakpoint-tablet .t-yui3-g {
  letter-spacing: -.31em;
  *letter-spacing: normal;
  word-spacing: -.43em;
  text-rendering: optimizespeed; }
html.breakpoint-tablet .opera-only :-o-prefocus,
html.breakpoint-tablet .t-yui3-g {
  word-spacing: -.43em; }
html.breakpoint-tablet .t-yui3-u {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }
html.breakpoint-tablet .t-yui3-u-1,
html.breakpoint-tablet .t-yui3-u-1-2,
html.breakpoint-tablet .t-yui3-u-1-3,
html.breakpoint-tablet .t-yui3-u-2-3,
html.breakpoint-tablet .t-yui3-u-1-4,
html.breakpoint-tablet .t-yui3-u-3-4,
html.breakpoint-tablet .t-yui3-u-1-5,
html.breakpoint-tablet .t-yui3-u-2-5,
html.breakpoint-tablet .t-yui3-u-3-5,
html.breakpoint-tablet .t-yui3-u-4-5,
html.breakpoint-tablet .t-yui3-u-1-6,
html.breakpoint-tablet .t-yui3-u-5-6,
html.breakpoint-tablet .t-yui3-u-1-8,
html.breakpoint-tablet .t-yui3-u-3-8,
html.breakpoint-tablet .t-yui3-u-5-8,
html.breakpoint-tablet .t-yui3-u-7-8,
html.breakpoint-tablet .t-yui3-u-1-12,
html.breakpoint-tablet .t-yui3-u-5-12,
html.breakpoint-tablet .t-yui3-u-7-12,
html.breakpoint-tablet .t-yui3-u-11-12,
html.breakpoint-tablet .t-yui3-u-1-24,
html.breakpoint-tablet .t-yui3-u-5-24,
html.breakpoint-tablet .t-yui3-u-7-24,
html.breakpoint-tablet .t-yui3-u-11-24,
html.breakpoint-tablet .t-yui3-u-13-24,
html.breakpoint-tablet .t-yui3-u-17-24,
html.breakpoint-tablet .t-yui3-u-19-24,
html.breakpoint-tablet .t-yui3-u-23-24 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }
html.breakpoint-tablet .t-yui3-u-1 {
  display: block;
  width: auto; }
html.breakpoint-tablet .t-yui3-u-1-2 {
  width: 50%; }
html.breakpoint-tablet .t-yui3-u-1-3 {
  width: 33.33333%; }
html.breakpoint-tablet .t-yui3-u-2-3 {
  width: 66.66666%; }
html.breakpoint-tablet .t-yui3-u-1-4 {
  width: 25%; }
html.breakpoint-tablet .t-yui3-u-3-4 {
  width: 75%; }
html.breakpoint-tablet .t-yui3-u-1-5 {
  width: 20%; }
html.breakpoint-tablet .t-yui3-u-2-5 {
  width: 40%; }
html.breakpoint-tablet .t-yui3-u-3-5 {
  width: 60%; }
html.breakpoint-tablet .t-yui3-u-4-5 {
  width: 80%; }
html.breakpoint-tablet .t-yui3-u-1-6 {
  width: 16.656%; }
html.breakpoint-tablet .t-yui3-u-5-6 {
  width: 83.33%; }
html.breakpoint-tablet .t-yui3-u-1-8 {
  width: 12.5%; }
html.breakpoint-tablet .t-yui3-u-3-8 {
  width: 37.5%; }
html.breakpoint-tablet .t-yui3-u-5-8 {
  width: 62.5%; }
html.breakpoint-tablet .t-yui3-u-7-8 {
  width: 87.5%; }
html.breakpoint-tablet .t-yui3-u-1-12 {
  width: 8.3333%; }
html.breakpoint-tablet .t-yui3-u-5-12 {
  width: 41.6666%; }
html.breakpoint-tablet .t-yui3-u-7-12 {
  width: 58.3333%; }
html.breakpoint-tablet .t-yui3-u-11-12 {
  width: 91.6666%; }
html.breakpoint-tablet .t-yui3-u-1-24 {
  width: 4.1666%; }
html.breakpoint-tablet .t-yui3-u-5-24 {
  width: 20.8333%; }
html.breakpoint-tablet .t-yui3-u-7-24 {
  width: 29.1666%; }
html.breakpoint-tablet .t-yui3-u-11-24 {
  width: 45.8333%; }
html.breakpoint-tablet .t-yui3-u-13-24 {
  width: 54.1666%; }
html.breakpoint-tablet .t-yui3-u-17-24 {
  width: 70.8333%; }
html.breakpoint-tablet .t-yui3-u-19-24 {
  width: 79.1666%; }
html.breakpoint-tablet .t-yui3-u-23-24 {
  width: 95.8333%; }
html.breakpoint-tablet .t-yui3-u-none {
  display: none; }
html.breakpoint-tablet .t-yui3-force-block {
  display: block !important; }
html.breakpoint-tablet .t-yui3-force-none {
  display: none !important; }
html.breakpoint-tablet .t-yui3-pull-left {
  float: left; }
html.breakpoint-tablet .t-yui3-pull-right {
  float: right; }
html.breakpoint-tablet .t-yui3-pull-none {
  float: none; }

html.breakpoint-tablet .float-right,
html.breakpoint-tablet .float-left,
html.breakpoint-phone .float-right,
html.breakpoint-phone .float-left {
  float: none; }

.container {
  width: 1152px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1; }
  .container:before, .container:after {
    display: table;
    content: ""; }
  .container:after {
    clear: both; }

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1; }
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: ""; }
  .container-fluid:after {
    clear: both; }

p, div.layout-like-p {
  margin: 0 0 11px; }
  p small, div.layout-like-p small {
    font-size: 14px;
    color: #999999; }

.lead {
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 200;
  line-height: 33px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #706d73;
  text-rendering: optimizelegibility; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999999; }

h1 {
  font-size: 30px;
  line-height: 44px; }
  h1 small {
    font-size: 18px; }

h2 {
  font-size: 24px;
  line-height: 44px; }
  h2 small {
    font-size: 18px; }

h3 {
  font-size: 18px;
  line-height: 33px; }
  h3 small {
    font-size: 14px; }

h4, h5, h6 {
  line-height: 22px; }

h4 {
  font-size: 14px; }
  h4 small {
    font-size: 12px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px;
  color: #999999;
  text-transform: uppercase; }

.page-header {
  padding-bottom: 21px;
  margin: 22px 0;
  border-bottom: 1px solid #333333; }

.page-header h1 {
  line-height: 1; }

ul, ol {
  padding: 0;
  margin: 0 0 11px 25px; }

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

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  line-height: 22px; }

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none; }

dl {
  margin-bottom: 22px; }

dt,
dd {
  line-height: 22px; }

dt {
  font-weight: bold;
  line-height: 21px; }

dd {
  margin-left: 11px; }

.dl-horizontal dt {
  float: left;
  width: 120px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.dl-horizontal dd {
  margin-left: 130px; }

ul.ul-horizontal li {
  display: inline-block; }

hr {
  margin: 22px 0;
  border: 0;
  border-top: 1px solid #dddddd; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.muted, body .note-style {
  color: #999999; }

.text-warning {
  color: #c09853; }

.text-error {
  color: #d44646; }

.text-info {
  color: #d44646; }

.text-success {
  color: #468847; }

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 22px;
  border-left: 5px solid #dddddd; }
  blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 27.5px; }
  blockquote small {
    display: block;
    line-height: 22px;
    color: #999999; }
    blockquote small:before {
      content: '\2014 \00A0'; }
  blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #dddddd;
    border-left: 0; }
    blockquote.pull-right p,
    blockquote.pull-right small {
      text-align: right; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 22px;
  font-style: normal;
  line-height: 22px; }

small {
  font-size: 100%; }

.increase-font {
  font-size: 130%; }

cite {
  font-style: normal; }

.hide-textindent {
  text-indent: -999em;
  overflow: hidden;
  text-decoration: none; }

.danger {
  color: #d44646; }

hr.spacer {
  border: none;
  margin: 65px; }

code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 15px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8; }

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 14.8px;
  line-height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  pre.prettyprint {
    margin-bottom: 22px; }
  pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

form {
  margin: 0 0 22px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 33px;
  font-size: 24px;
  line-height: 44px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }
  legend small {
    font-size: 16.5px;
    color: #999999; }

label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px; }

input,
button,
select,
textarea {
  font-family: Georgia, "Times New Roman", Times, serif; }

label {
  display: block;
  margin-bottom: 5px; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 22px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 22px;
  color: #333333; }

input,
textarea {
  width: 100%; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  padding-left: 10px; }
  html.breakpoint-phone textarea, html.breakpoint-tablet textarea, html.breakpoint-phone
  input[type="text"], html.breakpoint-tablet
  input[type="text"], html.breakpoint-phone
  input[type="password"], html.breakpoint-tablet
  input[type="password"], html.breakpoint-phone
  input[type="datetime"], html.breakpoint-tablet
  input[type="datetime"], html.breakpoint-phone
  input[type="datetime-local"], html.breakpoint-tablet
  input[type="datetime-local"], html.breakpoint-phone
  input[type="date"], html.breakpoint-tablet
  input[type="date"], html.breakpoint-phone
  input[type="month"], html.breakpoint-tablet
  input[type="month"], html.breakpoint-phone
  input[type="time"], html.breakpoint-tablet
  input[type="time"], html.breakpoint-phone
  input[type="week"], html.breakpoint-tablet
  input[type="week"], html.breakpoint-phone
  input[type="number"], html.breakpoint-tablet
  input[type="number"], html.breakpoint-phone
  input[type="email"], html.breakpoint-tablet
  input[type="email"], html.breakpoint-phone
  input[type="url"], html.breakpoint-tablet
  input[type="url"], html.breakpoint-phone
  input[type="search"], html.breakpoint-tablet
  input[type="search"], html.breakpoint-phone
  input[type="tel"], html.breakpoint-tablet
  input[type="tel"], html.breakpoint-phone
  input[type="color"], html.breakpoint-tablet
  input[type="color"], html.breakpoint-phone
  .uneditable-input, html.breakpoint-tablet
  .uneditable-input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html.touch textarea, html.touch
  input[type="text"], html.touch
  input[type="password"], html.touch
  input[type="datetime"], html.touch
  input[type="datetime-local"], html.touch
  input[type="date"], html.touch
  input[type="month"], html.touch
  input[type="time"], html.touch
  input[type="week"], html.touch
  input[type="number"], html.touch
  input[type="email"], html.touch
  input[type="url"], html.touch
  input[type="search"], html.touch
  input[type="tel"], html.touch
  input[type="color"], html.touch
  .uneditable-input {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
    html.breakpoint-phone textarea:focus, html.breakpoint-tablet textarea:focus, html.breakpoint-phone
    input[type="text"]:focus, html.breakpoint-tablet
    input[type="text"]:focus, html.breakpoint-phone
    input[type="password"]:focus, html.breakpoint-tablet
    input[type="password"]:focus, html.breakpoint-phone
    input[type="datetime"]:focus, html.breakpoint-tablet
    input[type="datetime"]:focus, html.breakpoint-phone
    input[type="datetime-local"]:focus, html.breakpoint-tablet
    input[type="datetime-local"]:focus, html.breakpoint-phone
    input[type="date"]:focus, html.breakpoint-tablet
    input[type="date"]:focus, html.breakpoint-phone
    input[type="month"]:focus, html.breakpoint-tablet
    input[type="month"]:focus, html.breakpoint-phone
    input[type="time"]:focus, html.breakpoint-tablet
    input[type="time"]:focus, html.breakpoint-phone
    input[type="week"]:focus, html.breakpoint-tablet
    input[type="week"]:focus, html.breakpoint-phone
    input[type="number"]:focus, html.breakpoint-tablet
    input[type="number"]:focus, html.breakpoint-phone
    input[type="email"]:focus, html.breakpoint-tablet
    input[type="email"]:focus, html.breakpoint-phone
    input[type="url"]:focus, html.breakpoint-tablet
    input[type="url"]:focus, html.breakpoint-phone
    input[type="search"]:focus, html.breakpoint-tablet
    input[type="search"]:focus, html.breakpoint-phone
    input[type="tel"]:focus, html.breakpoint-tablet
    input[type="tel"]:focus, html.breakpoint-phone
    input[type="color"]:focus, html.breakpoint-tablet
    input[type="color"]:focus, html.breakpoint-phone
    .uneditable-input:focus, html.breakpoint-tablet
    .uneditable-input:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer; }

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

.uneditable-textarea {
  width: auto;
  height: auto; }

select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px; }

select {
  width: 220px;
  border: 1px solid #bbb; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

.input-flex {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 930px; }

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 850px; }

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 770px; }

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 690px; }

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 610px; }

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 530px; }

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 450px; }

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 370px; }

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 290px; }

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 210px; }

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 130px; }

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 50px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: text;
  background-color: #dddddd;
  border-color: #ddd; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853; }
  .control-group.warning .checkbox:focus,
  .control-group.warning .radio:focus,
  .control-group.warning input:focus,
  .control-group.warning select:focus,
  .control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e; }
    html.breakpoint-phone .control-group.warning .checkbox:focus, html.breakpoint-tablet .control-group.warning .checkbox:focus, html.breakpoint-phone
    .control-group.warning .radio:focus, html.breakpoint-tablet
    .control-group.warning .radio:focus, html.breakpoint-phone
    .control-group.warning input:focus, html.breakpoint-tablet
    .control-group.warning input:focus, html.breakpoint-phone
    .control-group.warning select:focus, html.breakpoint-tablet
    .control-group.warning select:focus, html.breakpoint-phone
    .control-group.warning textarea:focus, html.breakpoint-tablet
    .control-group.warning textarea:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #d44646; }
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #d44646;
  border-color: #d44646; }
  .control-group.error .checkbox:focus,
  .control-group.error .radio:focus,
  .control-group.error input:focus,
  .control-group.error select:focus,
  .control-group.error textarea:focus {
    border-color: #bb2c2c;
    -webkit-box-shadow: 0 0 6px #e79999;
    -moz-box-shadow: 0 0 6px #e79999;
    box-shadow: 0 0 6px #e79999; }
    html.breakpoint-phone .control-group.error .checkbox:focus, html.breakpoint-tablet .control-group.error .checkbox:focus, html.breakpoint-phone
    .control-group.error .radio:focus, html.breakpoint-tablet
    .control-group.error .radio:focus, html.breakpoint-phone
    .control-group.error input:focus, html.breakpoint-tablet
    .control-group.error input:focus, html.breakpoint-phone
    .control-group.error select:focus, html.breakpoint-tablet
    .control-group.error select:focus, html.breakpoint-phone
    .control-group.error textarea:focus, html.breakpoint-tablet
    .control-group.error textarea:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #d44646;
  background-color: #f2dede;
  border-color: #d44646; }

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847; }
  .control-group.success .checkbox:focus,
  .control-group.success .radio:focus,
  .control-group.success input:focus,
  .control-group.success select:focus,
  .control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b; }
    html.breakpoint-phone .control-group.success .checkbox:focus, html.breakpoint-tablet .control-group.success .checkbox:focus, html.breakpoint-phone
    .control-group.success .radio:focus, html.breakpoint-tablet
    .control-group.success .radio:focus, html.breakpoint-phone
    .control-group.success input:focus, html.breakpoint-tablet
    .control-group.success input:focus, html.breakpoint-phone
    .control-group.success select:focus, html.breakpoint-tablet
    .control-group.success select:focus, html.breakpoint-phone
    .control-group.success textarea:focus, html.breakpoint-tablet
    .control-group.success textarea:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }
  input:focus:required:invalid:focus,
  textarea:focus:required:invalid:focus,
  select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7; }
    html.breakpoint-phone input:focus:required:invalid:focus, html.breakpoint-tablet input:focus:required:invalid:focus, html.breakpoint-phone
    textarea:focus:required:invalid:focus, html.breakpoint-tablet
    textarea:focus:required:invalid:focus, html.breakpoint-phone
    select:focus:required:invalid:focus, html.breakpoint-tablet
    select:focus:required:invalid:focus {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

.form-actions {
  padding: 21px 20px 22px;
  margin-top: 22px;
  margin-bottom: 22px;
  background-color: whitesmoke;
  border-top: 1px solid #e5e5e5;
  *zoom: 1; }
  .form-actions:before, .form-actions:after {
    display: table;
    content: ""; }
  .form-actions:after {
    clear: both; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: white;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); }
  html.breakpoint-phone .uneditable-input, html.breakpoint-tablet .uneditable-input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

:-moz-placeholder {
  color: #999999; }

:-ms-input-placeholder {
  color: #999999; }

::-webkit-input-placeholder {
  color: #999999; }

.help-block,
.help-inline {
  color: #555555; }

.help-block {
  display: block;
  margin-bottom: 11px; }

.help-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-prepend,
.input-append {
  margin-bottom: 5px; }
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input,
  .input-append input,
  .input-append select,
  .input-append .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: middle;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; }
    .input-prepend input:focus,
    .input-prepend select:focus,
    .input-prepend .uneditable-input:focus,
    .input-append input:focus,
    .input-append select:focus,
    .input-append .uneditable-input:focus {
      z-index: 2; }
  .input-prepend .uneditable-input,
  .input-append .uneditable-input {
    border-left-color: #ccc; }
  .input-prepend .add-on,
  .input-append .add-on {
    display: inline-block;
    width: auto;
    height: 22px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    text-shadow: 0 1px 0 white;
    vertical-align: middle;
    background-color: #dddddd;
    border: 1px solid #ccc; }
  .input-prepend .add-on,
  .input-prepend .btn,
  .input-append .add-on,
  .input-append .btn {
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .input-prepend .active,
  .input-append .active {
    background-color: #e7f4df;
    border-color: #90cb6f; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }
.input-append .uneditable-input {
  border-right-color: #ccc;
  border-left-color: #eee; }
.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; }

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0; }
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label {
  display: inline-block; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.control-group {
  margin-bottom: 11px; }

legend + .control-group {
  margin-top: 22px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 22px;
  *zoom: 1; }
  .form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: ""; }
  .form-horizontal .control-group:after {
    clear: both; }
.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right; }
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 155px;
  *margin-left: 0; }
  .form-horizontal .controls:first-child {
    *padding-left: 155px; }
.form-horizontal .help-block {
  margin-top: 11px;
  margin-bottom: 0; }
.form-horizontal .form-actions {
  padding-left: 155px; }

.form-flexible * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.form-flexible input[type="text"],
.form-flexible input[type="password"],
.form-flexible input[type="datetime"],
.form-flexible input[type="datetime-local"],
.form-flexible input[type="date"],
.form-flexible input[type="month"],
.form-flexible input[type="time"],
.form-flexible input[type="week"],
.form-flexible input[type="number"],
.form-flexible input[type="email"],
.form-flexible input[type="url"],
.form-flexible input[type="search"],
.form-flexible input[type="tel"],
.form-flexible input[type="color"],
.form-flexible textarea, .form-flexible select {
  width: 100%;
  height: 32px; }

/* Backport of bootstrap 3 input groups */
.input-group {
  display: table;
  position: relative;
  border-collapse: separate;
  /* in bootstrap 3 this is .form-control */ }
  .input-group input {
    display: table-cell;
    width: 100%;
    margin-bottom: 0 !important; }
  .input-group .input-group-btn {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell; }
    .input-group .input-group-btn:last-child > .btn {
      margin-left: -1px;
      position: relative;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 22px; }
  .table th,
  .table td {
    padding: 8px;
    line-height: 22px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd; }
  .table th {
    font-weight: bold; }
  .table thead th {
    vertical-align: bottom; }
  .table caption + thead tr:first-child th,
  .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0; }
  .table tbody + tbody {
    border-top: 2px solid #dddddd; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #dddddd; }
  .table-bordered caption + thead tr:first-child th,
  .table-bordered caption + tbody tr:first-child th,
  .table-bordered caption + tbody tr:first-child td,
  .table-bordered colgroup + thead tr:first-child th,
  .table-bordered colgroup + tbody tr:first-child th,
  .table-bordered colgroup + tbody tr:first-child td,
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top: 0; }
  .table-bordered thead:first-child tr:first-child th:first-child,
  .table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px; }
  .table-bordered thead:first-child tr:first-child th:last-child,
  .table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px; }
  .table-bordered thead:last-child tr:last-child th:first-child,
  .table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px; }
  .table-bordered thead:last-child tr:last-child th:last-child,
  .table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px; }

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #ececec; }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: whitesmoke; }

table .span1 {
  float: none;
  width: 44px;
  margin-left: 0; }
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0; }
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0; }
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0; }
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0; }
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0; }
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0; }
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0; }
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0; }
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0; }
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0; }
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0; }
table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0; }
table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0; }
table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0; }
table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0; }
table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0; }
table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0; }
table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0; }
table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0; }
table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0; }
table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0; }
table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0; }
table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30); }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown:hover .caret,
.open .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }
  html.breakpoint-phone .dropdown-menu, html.breakpoint-tablet .dropdown-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 10px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid white; }
  .dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 22px;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: white;
  text-decoration: none;
  background-color: #d87a68; }

.open {
  *z-index: 1000; }
  .open .dropdown-menu {
    display: block; }

.pull-right .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid black;
  content: "\2191"; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.well-plain, .well, .well-sides-only {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 20px; }

.well-style, .well, .well-sides-only, .well-elevated {
  background-color: white;
  border: 1px solid #dddddd; }
  .well-style blockquote, .well blockquote, .well-sides-only blockquote, .well-elevated blockquote {
    border-color: #dddddd; }

.well-elevated {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .well-elevated, html.breakpoint-tablet .well-elevated {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.well-sides-only {
  padding: 0 19px; }

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1;
    filter: alpha(opacity=100); }

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  .collapse.in {
    height: auto; }

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close.relative {
    z-index: 2;
    position: relative; }
  .close.space-5 {
    margin: 5px; }
  .close:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.label,
.badge {
  font-size: 13.536px;
  font-weight: bold;
  line-height: 14px;
  color: white;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999; }

.label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; }

a.label:hover, a.badge:hover {
  color: white;
  text-decoration: none;
  cursor: pointer; }

.label-important, .badge-important {
  background-color: #d44646; }

.label-important[href], .badge-important[href] {
  background-color: #bb2c2c; }

.label-warning, .badge-warning {
  background-color: #f89406; }

.label-warning[href], .badge-warning[href] {
  background-color: #c67605; }

.label-success, .badge-success {
  background-color: #468847; }

.label-success[href], .badge-success[href] {
  background-color: #356635; }

.label-info, .badge-info {
  background-color: #d44646; }

.label-info[href], .badge-info[href] {
  background-color: #bb2c2c; }

.label-inverse, .badge-inverse {
  background-color: #333333; }

.label-inverse[href], .badge-inverse[href] {
  background-color: #1a1a1a; }

.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 15px 32px 15px 32px;
  background-color: #dddddd;
  border: 0;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #646166;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 54px;
  -moz-border-radius: 54px;
  border-radius: 54px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .btn, html.breakpoint-tablet .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn:hover {
  background-color: #e5e5e5;
  color: #646166;
  border-bottom: 0; }

.btn-gray:hover {
  color: #4a484c; }

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  color: #575a5c;
  background-color: #dddddd;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  html.breakpoint-phone .btn.disabled, html.breakpoint-tablet .btn.disabled, html.breakpoint-phone
  .btn[disabled], html.breakpoint-tablet
  .btn[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn.disabled:hover,
.btn[disabled]:hover {
  color: #575a5c;
  background-color: #dddddd; }

.btn-large {
  padding: 9px 14px;
  font-size: 18px;
  line-height: normal; }

.btn-large [class^="icon-"] {
  margin-top: 1px; }

.btn-small {
  padding: 7px 15px 7px 15px;
  font-size: 12px;
  line-height: 22px; }

.btn-small [class^="icon-"] {
  margin-top: -1px; }

.btn-mini {
  padding: 2px 6px;
  font-size: 14px;
  line-height: 18px; }

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-blue.active,
.btn-inverse.active,
.btn-empty.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-primary,
.btn-warning,
.btn-danger,
.btn-success,
.btn-info,
.btn-blue {
  color: white; }
  .btn-primary:hover,
  .btn-warning:hover,
  .btn-danger:hover,
  .btn-success:hover,
  .btn-info:hover,
  .btn-blue:hover {
    color: white; }

.btn-primary {
  background-color: #d87a68; }
  .btn-primary:hover {
    background-color: #db8574; }

.btn-warning {
  background-color: #fbb450; }
  .btn-warning:hover {
    background-color: #fbba5f; }

.btn-danger {
  background-color: #d44646; }
  .btn-danger:hover {
    background-color: #d75252; }

.btn-success {
  background-color: #90cb6f; }
  .btn-success:hover {
    background-color: #99cf7a; }

.btn-info {
  background-color: #5bc0de; }
  .btn-info:hover {
    background-color: #68c5e1; }

.btn-blue {
  background-color: #e39e91; }
  .btn-blue:hover {
    background-color: #e6a89d; }

.btn-gray {
  color: #4a484c;
  text-shadow: none;
  background-color: #dddddd; }
  .btn-gray:hover {
    background-color: #e5e5e5; }

.btn-inverse {
  background-color: #555555; }
  .btn-inverse:hover {
    background-color: #5d5d5d; }

.btn-empty,
.btn-empty:hover {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0; }

.btn-as-link {
  background-color: rgba(0, 0, 0, 0);
  border: 0; }
  .btn-as-link:hover {
    background-color: rgba(8, 8, 8, 0); }

button.btn,
input[type="submit"].btn {
  -webkit-font-smoothing: antialiased;
  *padding-top: 2px;
  *padding-bottom: 2px; }
  button.btn::-moz-focus-inner,
  input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0; }
  button.btn.btn-large,
  input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px; }
  button.btn.btn-small,
  input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px; }
  button.btn.btn-mini,
  input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px; }

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em; }
  .btn-group:before, .btn-group:after {
    display: table;
    content: ""; }
  .btn-group:after {
    clear: both; }
  .btn-group:first-child {
    *margin-left: 0; }

.btn-group + .btn-group {
  margin-left: 5px; }

.btn-toolbar {
  margin-top: 11px;
  margin-bottom: 11px; }
  .btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

.btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 54px;
  -moz-border-radius-topleft: 54px;
  border-top-left-radius: 54px;
  -webkit-border-bottom-left-radius: 54px;
  -moz-border-radius-bottomleft: 54px;
  border-bottom-left-radius: 54px; }

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 54px;
  -moz-border-radius-topright: 54px;
  border-top-right-radius: 54px;
  -webkit-border-bottom-right-radius: 54px;
  -moz-border-radius-bottomright: 54px;
  border-bottom-right-radius: 54px; }

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px; }

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px; }

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 4px;
  *padding-bottom: 4px; }
  html.breakpoint-phone .btn-group > .dropdown-toggle, html.breakpoint-tablet .btn-group > .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-group > .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px; }

.btn-group > .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px; }

.btn-group > .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .btn-group.open .dropdown-toggle, html.breakpoint-tablet .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
.btn-group.open .btn.dropdown-toggle {
  background-color: #c1c1c1; }
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #d46c58; }
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406; }
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f; }
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351; }
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4; }
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222; }

.btn .caret {
  margin-top: 7px;
  margin-left: 0; }

.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.btn-mini .caret {
  margin-top: 5px; }

.btn-small .caret {
  margin-top: 6px; }

.btn-large .caret {
  margin-top: 6px;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px; }

.dropup .btn-large .caret {
  border-bottom: 5px solid black;
  border-top: 0; }

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 0.75;
  filter: alpha(opacity=75); }

.btn-group-spaced .btn {
  display: inline-block;
  margin-left: 3px; }
  .btn-group-spaced .btn:first-child {
    margin-left: 0px; }

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em; }
  .btn-group:before, .btn-group:after {
    display: table;
    content: ""; }
  .btn-group:after {
    clear: both; }
  .btn-group:first-child {
    *margin-left: 0; }

.btn-group + .btn-group {
  margin-left: 5px; }

.mgt-btn-toolbar {
  margin-top: 11px;
  margin-bottom: 11px; }
  .mgt-btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

.btn-group > .mgt-btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-group > .mgt-btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 54px;
  -moz-border-radius-topleft: 54px;
  border-top-left-radius: 54px;
  -webkit-border-bottom-left-radius: 54px;
  -moz-border-radius-bottomleft: 54px;
  border-bottom-left-radius: 54px; }

.btn-group > .mgt-btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 54px;
  -moz-border-radius-topright: 54px;
  border-top-right-radius: 54px;
  -webkit-border-bottom-right-radius: 54px;
  -moz-border-radius-bottomright: 54px;
  border-bottom-right-radius: 54px; }

.btn-group > .mgt-btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px; }

.btn-group > .mgt-btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px; }

.btn-group > .mgt-btn:hover,
.btn-group > .mgt-btn:focus,
.btn-group > .mgt-btn:active,
.btn-group > .mgt-btn.active {
  z-index: 2; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 4px;
  *padding-bottom: 4px; }
  html.breakpoint-phone .btn-group > .dropdown-toggle, html.breakpoint-tablet .btn-group > .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-group > .mgt-btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px; }

.btn-group > .mgt-btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px; }

.btn-group > .mgt-btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .btn-group.open .dropdown-toggle, html.breakpoint-tablet .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
.btn-group.open .mgt-btn.dropdown-toggle {
  background-color: #c1c1c1; }
.btn-group.open .mgt-btn-primary.dropdown-toggle {
  background-color: #d46c58; }
.btn-group.open .mgt-btn-warning.dropdown-toggle {
  background-color: #f89406; }
.btn-group.open .mgt-btn-danger.dropdown-toggle {
  background-color: #bd362f; }
.btn-group.open .mgt-btn-success.dropdown-toggle {
  background-color: #51a351; }
.btn-group.open .mgt-btn-info.dropdown-toggle {
  background-color: #2f96b4; }
.btn-group.open .mgt-btn-inverse.dropdown-toggle {
  background-color: #222222; }

.mgt-btn .caret {
  margin-top: 7px;
  margin-left: 0; }

.mgt-btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.mgt-btn-mini .caret {
  margin-top: 5px; }

.mgt-btn-small .caret {
  margin-top: 6px; }

.mgt-btn-large .caret {
  margin-top: 6px;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px; }

.dropup .mgt-btn-large .caret {
  border-bottom: 5px solid black;
  border-top: 0; }

.mgt-btn-primary .caret,
.mgt-btn-warning .caret,
.mgt-btn-danger .caret,
.mgt-btn-info .caret,
.mgt-btn-success .caret,
.mgt-btn-inverse .caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 0.75;
  filter: alpha(opacity=75); }

.btn-group-spaced .mgt-btn {
  display: inline-block;
  margin-left: 3px; }
  .btn-group-spaced .mgt-btn:first-child {
    margin-left: 0px; }

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 22px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853; }
  .alert p:last-child {
    margin-bottom: 0; }

.alert-heading {
  color: inherit; }

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #d44646; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #d44646; }

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px; }

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0; }

.alert-block p + p {
  margin-top: 5px; }

.nav {
  margin-left: 0;
  margin-bottom: 22px;
  list-style: none; }

.nav > li > a {
  display: block; }

.nav > li > a:hover {
  text-decoration: none;
  background-color: #dddddd; }

.navbar .nav > li.pull-right {
  float: right; }

.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #d87a68; }

.nav-list [class^="icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 10px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }
  .nav-tabs:before, .nav-tabs:after,
  .nav-pills:before,
  .nav-pills:after {
    display: table;
    content: ""; }
  .nav-tabs:after,
  .nav-pills:after {
    clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  margin-bottom: -1px; }

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 22px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }
  .nav-tabs > li > a:hover {
    border-color: #dddddd #dddddd #dddddd; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  background-color: white;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: white;
  background-color: #d87a68; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #d87a68;
  border-bottom-color: #d87a68;
  margin-top: 6px; }

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #ce5640;
  border-bottom-color: #ce5640; }

.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333; }

.nav > .dropdown.active > a:hover {
  color: black;
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  color: white;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: white;
  border-bottom-color: white;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }
  .tabbable:before, .tabbable:after {
    display: table;
    content: ""; }
  .tabbable:after {
    clear: both; }

.tab-content {
  overflow: auto; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }
  .tabs-below > .nav-tabs > li > a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd; }

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover {
  border-color: #dddddd #dddddd #dddddd #dddddd; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: white; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover {
  border-color: #dddddd #dddddd #dddddd #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: white; }

.navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 22px; }

.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#1f1f1f', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
  html.breakpoint-phone .navbar-inner, html.breakpoint-tablet .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.navbar .container {
  width: auto; }

.nav-collapse.collapse {
  height: auto; }

.navbar {
  color: white; }
  .navbar .brand:hover {
    text-decoration: none; }
  .navbar .brand {
    float: left;
    display: block;
    padding: 8px 20px 12px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: white; }
  .navbar .navbar-text {
    margin-bottom: 0;
    line-height: 40px; }
  .navbar .navbar-link {
    color: white; }
    .navbar .navbar-link:hover {
      color: rgba(255, 255, 255, 0.8); }
  .navbar .btn,
  .navbar .btn-group {
    margin-top: 5px; }
  .navbar .btn-group .btn {
    margin: 0; }

.navbar-form {
  margin-bottom: 0;
  *zoom: 1; }
  .navbar-form:before, .navbar-form:after {
    display: table;
    content: ""; }
  .navbar-form:after {
    clear: both; }
  .navbar-form input,
  .navbar-form select,
  .navbar-form .radio,
  .navbar-form .checkbox {
    margin-top: 5px; }
  .navbar-form input,
  .navbar-form select {
    display: inline-block;
    margin-bottom: 0; }
  .navbar-form input[type="image"],
  .navbar-form input[type="checkbox"],
  .navbar-form input[type="radio"] {
    margin-top: 3px; }
  .navbar-form .input-append,
  .navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap; }
    .navbar-form .input-append input,
    .navbar-form .input-prepend input {
      margin-top: 0; }

.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0; }
  .navbar-search .search-query {
    padding: 4px 9px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: white;
    background-color: #626262;
    border: 1px solid #151515;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
    html.breakpoint-phone .navbar-search .search-query, html.breakpoint-tablet .navbar-search .search-query {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .navbar-search .search-query :-moz-placeholder {
      color: #cccccc; }
    .navbar-search .search-query :-ms-input-placeholder {
      color: #cccccc; }
    .navbar-search .search-query ::-webkit-input-placeholder {
      color: #cccccc; }
    .navbar-search .search-query:focus, .navbar-search .search-query.focused {
      padding: 5px 10px;
      color: #333333;
      text-shadow: 0 1px 0 white;
      background-color: white;
      border: 0;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
      outline: 0; }
      html.breakpoint-phone .navbar-search .search-query:focus, html.breakpoint-tablet .navbar-search .search-query:focus, html.breakpoint-phone .navbar-search .search-query.focused, html.breakpoint-tablet .navbar-search .search-query.focused {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0; }

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px; }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0; }

.navbar .nav.pull-right {
  float: right; }

.navbar .nav > li {
  display: block;
  float: left; }

.navbar.highlight .nav > li {
  -webkit-box-shadow: -1px 0 0 black, inset 1px 0 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: -1px 0 0 black, inset 1px 0 0 rgba(255, 255, 255, 0.1);
  box-shadow: -1px 0 0 black, inset 1px 0 0 rgba(255, 255, 255, 0.1); }
  html.breakpoint-phone .navbar.highlight .nav > li, html.breakpoint-tablet .navbar.highlight .nav > li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.navbar .nav > li > a, .navbar .nav > li > span.fake-link {
  float: none;
  padding: 9px 10px 11px;
  line-height: 19px;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 22px; }

.navbar .btn-group {
  margin: 0;
  padding: 5px 5px 6px; }

.navbar .nav > li > a:hover, .navbar .nav > li > span.fake-link:hover {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none; }

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  background-color: #222222; }

.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #222222;
  border-right: 1px solid #333333; }

.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0; }

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#1f1f1f', GradientType=0);
  border-color: #222222 #222222 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); }
  .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background-color: #222222;
    *background-color: #151515; }
  .navbar .btn-navbar:active, .navbar .btn-navbar.active {
    background-color: #090909 \9; }
  html.breakpoint-phone .navbar .btn-navbar, html.breakpoint-tablet .navbar .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  html.breakpoint-phone .navbar .btn-navbar .icon-bar, html.breakpoint-tablet .navbar .btn-navbar .icon-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px; }

.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px; }
.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 10px; }

.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto; }
.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid white;
  border-bottom: 0;
  bottom: -6px;
  top: auto; }

.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
  border-top-color: white;
  border-bottom-color: white; }

.navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent; }

.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
  color: white; }

.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  left: auto;
  right: 0; }
  .navbar .pull-right .dropdown-menu:before,
  .navbar .dropdown-menu.pull-right:before {
    left: auto;
    right: 12px; }
  .navbar .pull-right .dropdown-menu:after,
  .navbar .dropdown-menu.pull-right:after {
    left: auto;
    right: 13px; }

.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 22px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, white, whitesmoke);
  background-image: -ms-linear-gradient(top, white, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, white, whitesmoke);
  background-image: -o-linear-gradient(top, white, whitesmoke);
  background-image: linear-gradient(top, white, whitesmoke);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f2f2f2', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white; }
  html.breakpoint-phone .breadcrumb, html.breakpoint-tablet .breadcrumb {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 white; }
  .breadcrumb .divider {
    padding: 0 5px;
    color: #999999; }
  .breadcrumb .active a {
    color: #333333; }

.modal-open .dropdown-menu {
  z-index: 2050; }
.modal-open .dropdown.open {
  *z-index: 2050; }
.modal-open .popover {
  z-index: 2060; }
.modal-open .tooltip {
  z-index: 2070; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: white;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  html.breakpoint-phone .modal, html.breakpoint-tablet .modal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .modal.fade {
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    top: -25%; }
  .modal.fade.in {
    top: 50%; }

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee; }
  .modal-header .close {
    margin-top: 2px; }

.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  *zoom: 1; }
  html.breakpoint-phone .modal-footer, html.breakpoint-tablet .modal-footer {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .modal-footer:before, .modal-footer:after {
    display: table;
    content: ""; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  .tooltip.top {
    margin-top: -2px; }
  .tooltip.right {
    margin-left: 2px; }
  .tooltip.bottom {
    margin-top: 2px; }
  .tooltip.left {
    margin-left: -2px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid black; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px; }
  .popover.top {
    margin-top: -5px; }
  .popover.right {
    margin-left: 5px; }
  .popover.bottom {
    margin-top: 5px; }
  .popover.left {
    margin-left: -5px; }
  .popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black; }
  .popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid black; }
  .popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black; }
  .popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black; }
  .popover .arrow {
    position: absolute;
    width: 0;
    height: 0; }

.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
  html.breakpoint-phone .popover-inner, html.breakpoint-tablet .popover-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html.breakpoint-phone .popover-inner {
    width: 220px; }

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.popover-content {
  padding: 14px;
  background-color: white;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  .popover-content p, .popover-content ul, .popover-content ol {
    margin-bottom: 0; }

html.breakpoint-phone .container, html.breakpoint-tablet .container {
  width: auto; }

html.breakpoint-phone .nav-collapse {
  -webkit-transform: translate3d(0, 0, 0); }
html.breakpoint-phone .page-header h1 small {
  display: block;
  line-height: 22px; }
html.breakpoint-phone input[type="checkbox"],
html.breakpoint-phone input[type="radio"] {
  border: 1px solid #ccc; }
html.breakpoint-phone .form-horizontal .control-group > label {
  float: none;
  width: auto;
  padding-top: 0;
  text-align: left; }
html.breakpoint-phone .form-horizontal .controls {
  margin-left: 0; }
html.breakpoint-phone .form-horizontal .control-list {
  padding-top: 0; }
html.breakpoint-phone .form-horizontal .form-actions {
  padding-left: 10px;
  padding-right: 10px; }
html.breakpoint-phone .modal {
  position: fixed;
  top: 80px;
  left: 10px;
  right: 10px;
  width: auto;
  margin: 0; }
  html.breakpoint-phone .modal.fade.in {
    top: auto; }
html.breakpoint-phone .modal-header .close {
  padding: 10px;
  margin: -10px; }
html.breakpoint-phone .carousel-caption {
  position: static; }

html.breakpoint-tablet body {
  padding-left: 20px;
  padding-right: 20px; }
html.breakpoint-tablet .navbar-fixed-top,
html.breakpoint-tablet .navbar-fixed-bottom {
  margin-left: -20px;
  margin-right: -20px; }
html.breakpoint-tablet .container-fluid {
  padding: 0; }
html.breakpoint-tablet .dl-horizontal dt {
  float: none;
  clear: none;
  width: auto;
  text-align: left; }
html.breakpoint-tablet .dl-horizontal dd {
  margin-left: 0; }
html.breakpoint-tablet .row-fluid {
  width: 100%; }
html.breakpoint-tablet .row,
html.breakpoint-tablet .thumbnails {
  margin-left: 0; }
html.breakpoint-tablet [class*="span"],
html.breakpoint-tablet .row-fluid [class*="span"] {
  float: none;
  display: block;
  width: auto;
  margin-left: 0; }
html.breakpoint-tablet .input-large,
html.breakpoint-tablet .input-xlarge,
html.breakpoint-tablet .input-xxlarge,
html.breakpoint-tablet input[class*="span"],
html.breakpoint-tablet select[class*="span"],
html.breakpoint-tablet textarea[class*="span"],
html.breakpoint-tablet .uneditable-input {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
html.breakpoint-tablet .input-prepend input,
html.breakpoint-tablet .input-append input,
html.breakpoint-tablet .input-prepend input[class*="span"],
html.breakpoint-tablet .input-append input[class*="span"] {
  display: inline-block;
  width: auto; }

.icon-repost:before {
  content: "\f079"; }

html,
body {
  width: 100%;
  height: 100%; }
  html.breakpoint-tablet html, html.breakpoint-phone html, html.breakpoint-tablet
  body, html.breakpoint-phone
  body {
    padding: 0; }

body {
  -webkit-font-smoothing: antialiased; }
  body ::selection {
    background: #cbccce;
    color: white; }
  body ::-moz-selection {
    background: #cbccce;
    color: white; }
  body ::-webkit-selection {
    background: #cbccce;
    color: white; }
  body .subpixel {
    -webkit-font-smoothing: subpixel-antialiased; }
  body .georgia {
    font-family: Georgia, "Times New Roman", Times, serif; }
  body.lighter-purple-wrapper .wrapper {
    background-color: #8071b6; }
  body.purple-wrapper .wrapper {
    background-color: #1e0c29; }
  body.dark-wrapper .wrapper {
    background-color: #212a31; }
  body.white-wrapper, body.white-wrapper .wrapper {
    background-color: white; }
  body.transparent {
    background-color: transparent; }
  body.transition-all * {
    -webkit-transition: all 0.12s ease-in;
    -moz-transition: all 0.12s ease-in;
    -ms-transition: all 0.12s ease-in;
    -o-transition: all 0.12s ease-in;
    transition: all 0.12s ease-in; }
    body.transition-all *.popover, body.transition-all *.popover * {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none; }
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    line-height: normal; }
  body h1 {
    font-size: 35px;
    color: #4a484c;
    margin-bottom: 20px; }
    html.breakpoint-phone body h1 {
      font-size: 25px;
      margin-bottom: 10px; }
  body h2 {
    font-size: 16px; }
    body h2.text-transform.border-bottom {
      line-height: 16px; }
  body h4 {
    font-size: 14px; }
    body h4.text-transform.border-bottom {
      line-height: 14px; }
  body h2.border-bottom,
  body h4.border-bottom {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd; }
  body h2.text-transform,
  body h4.text-transform {
    text-transform: uppercase; }
  body a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    body a:hover {
      -webkit-transition: color 0.15s linear;
      -moz-transition: color 0.15s linear;
      -ms-transition: color 0.15s linear;
      -o-transition: color 0.15s linear;
      transition: color 0.15s linear; }
  body form textarea,
  body form input[type="phone"],
  body form input[type="text"],
  body form input[type="password"],
  body form input[type="datetime"],
  body form input[type="datetime-local"],
  body form input[type="date"],
  body form input[type="month"],
  body form input[type="time"],
  body form input[type="week"],
  body form input[type="number"],
  body form input[type="email"],
  body form input[type="url"],
  body form input[type="search"],
  body form input[type="tel"],
  body form input[type="color"],
  body form .uneditable-input,
  body .form-flexible textarea,
  body .form-flexible input[type="phone"],
  body .form-flexible input[type="text"],
  body .form-flexible input[type="password"],
  body .form-flexible input[type="datetime"],
  body .form-flexible input[type="datetime-local"],
  body .form-flexible input[type="date"],
  body .form-flexible input[type="month"],
  body .form-flexible input[type="time"],
  body .form-flexible input[type="week"],
  body .form-flexible input[type="number"],
  body .form-flexible input[type="email"],
  body .form-flexible input[type="url"],
  body .form-flexible input[type="search"],
  body .form-flexible input[type="tel"],
  body .form-flexible input[type="color"],
  body .form-flexible .uneditable-input {
    height: 36px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid #dddddd;
    color: #4a484c;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    -ms-transition: border-color 0.2s linear;
    -o-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear; }
    html.breakpoint-phone body form textarea, html.breakpoint-tablet body form textarea, html.breakpoint-phone
    body form input[type="phone"], html.breakpoint-tablet
    body form input[type="phone"], html.breakpoint-phone
    body form input[type="text"], html.breakpoint-tablet
    body form input[type="text"], html.breakpoint-phone
    body form input[type="password"], html.breakpoint-tablet
    body form input[type="password"], html.breakpoint-phone
    body form input[type="datetime"], html.breakpoint-tablet
    body form input[type="datetime"], html.breakpoint-phone
    body form input[type="datetime-local"], html.breakpoint-tablet
    body form input[type="datetime-local"], html.breakpoint-phone
    body form input[type="date"], html.breakpoint-tablet
    body form input[type="date"], html.breakpoint-phone
    body form input[type="month"], html.breakpoint-tablet
    body form input[type="month"], html.breakpoint-phone
    body form input[type="time"], html.breakpoint-tablet
    body form input[type="time"], html.breakpoint-phone
    body form input[type="week"], html.breakpoint-tablet
    body form input[type="week"], html.breakpoint-phone
    body form input[type="number"], html.breakpoint-tablet
    body form input[type="number"], html.breakpoint-phone
    body form input[type="email"], html.breakpoint-tablet
    body form input[type="email"], html.breakpoint-phone
    body form input[type="url"], html.breakpoint-tablet
    body form input[type="url"], html.breakpoint-phone
    body form input[type="search"], html.breakpoint-tablet
    body form input[type="search"], html.breakpoint-phone
    body form input[type="tel"], html.breakpoint-tablet
    body form input[type="tel"], html.breakpoint-phone
    body form input[type="color"], html.breakpoint-tablet
    body form input[type="color"], html.breakpoint-phone
    body form .uneditable-input, html.breakpoint-tablet
    body form .uneditable-input, html.breakpoint-phone
    body .form-flexible textarea, html.breakpoint-tablet
    body .form-flexible textarea, html.breakpoint-phone
    body .form-flexible input[type="phone"], html.breakpoint-tablet
    body .form-flexible input[type="phone"], html.breakpoint-phone
    body .form-flexible input[type="text"], html.breakpoint-tablet
    body .form-flexible input[type="text"], html.breakpoint-phone
    body .form-flexible input[type="password"], html.breakpoint-tablet
    body .form-flexible input[type="password"], html.breakpoint-phone
    body .form-flexible input[type="datetime"], html.breakpoint-tablet
    body .form-flexible input[type="datetime"], html.breakpoint-phone
    body .form-flexible input[type="datetime-local"], html.breakpoint-tablet
    body .form-flexible input[type="datetime-local"], html.breakpoint-phone
    body .form-flexible input[type="date"], html.breakpoint-tablet
    body .form-flexible input[type="date"], html.breakpoint-phone
    body .form-flexible input[type="month"], html.breakpoint-tablet
    body .form-flexible input[type="month"], html.breakpoint-phone
    body .form-flexible input[type="time"], html.breakpoint-tablet
    body .form-flexible input[type="time"], html.breakpoint-phone
    body .form-flexible input[type="week"], html.breakpoint-tablet
    body .form-flexible input[type="week"], html.breakpoint-phone
    body .form-flexible input[type="number"], html.breakpoint-tablet
    body .form-flexible input[type="number"], html.breakpoint-phone
    body .form-flexible input[type="email"], html.breakpoint-tablet
    body .form-flexible input[type="email"], html.breakpoint-phone
    body .form-flexible input[type="url"], html.breakpoint-tablet
    body .form-flexible input[type="url"], html.breakpoint-phone
    body .form-flexible input[type="search"], html.breakpoint-tablet
    body .form-flexible input[type="search"], html.breakpoint-phone
    body .form-flexible input[type="tel"], html.breakpoint-tablet
    body .form-flexible input[type="tel"], html.breakpoint-phone
    body .form-flexible input[type="color"], html.breakpoint-tablet
    body .form-flexible input[type="color"], html.breakpoint-phone
    body .form-flexible .uneditable-input, html.breakpoint-tablet
    body .form-flexible .uneditable-input {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body form textarea:focus,
    body form input[type="phone"]:focus,
    body form input[type="text"]:focus,
    body form input[type="password"]:focus,
    body form input[type="datetime"]:focus,
    body form input[type="datetime-local"]:focus,
    body form input[type="date"]:focus,
    body form input[type="month"]:focus,
    body form input[type="time"]:focus,
    body form input[type="week"]:focus,
    body form input[type="number"]:focus,
    body form input[type="email"]:focus,
    body form input[type="url"]:focus,
    body form input[type="search"]:focus,
    body form input[type="tel"]:focus,
    body form input[type="color"]:focus,
    body form .uneditable-input:focus,
    body .form-flexible textarea:focus,
    body .form-flexible input[type="phone"]:focus,
    body .form-flexible input[type="text"]:focus,
    body .form-flexible input[type="password"]:focus,
    body .form-flexible input[type="datetime"]:focus,
    body .form-flexible input[type="datetime-local"]:focus,
    body .form-flexible input[type="date"]:focus,
    body .form-flexible input[type="month"]:focus,
    body .form-flexible input[type="time"]:focus,
    body .form-flexible input[type="week"]:focus,
    body .form-flexible input[type="number"]:focus,
    body .form-flexible input[type="email"]:focus,
    body .form-flexible input[type="url"]:focus,
    body .form-flexible input[type="search"]:focus,
    body .form-flexible input[type="tel"]:focus,
    body .form-flexible input[type="color"]:focus,
    body .form-flexible .uneditable-input:focus {
      border-color: #898d90;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-transition: border-color 0.15s linear;
      -moz-transition: border-color 0.15s linear;
      -ms-transition: border-color 0.15s linear;
      -o-transition: border-color 0.15s linear;
      transition: border-color 0.15s linear; }
      html.breakpoint-phone body form textarea:focus, html.breakpoint-tablet body form textarea:focus, html.breakpoint-phone
      body form input[type="phone"]:focus, html.breakpoint-tablet
      body form input[type="phone"]:focus, html.breakpoint-phone
      body form input[type="text"]:focus, html.breakpoint-tablet
      body form input[type="text"]:focus, html.breakpoint-phone
      body form input[type="password"]:focus, html.breakpoint-tablet
      body form input[type="password"]:focus, html.breakpoint-phone
      body form input[type="datetime"]:focus, html.breakpoint-tablet
      body form input[type="datetime"]:focus, html.breakpoint-phone
      body form input[type="datetime-local"]:focus, html.breakpoint-tablet
      body form input[type="datetime-local"]:focus, html.breakpoint-phone
      body form input[type="date"]:focus, html.breakpoint-tablet
      body form input[type="date"]:focus, html.breakpoint-phone
      body form input[type="month"]:focus, html.breakpoint-tablet
      body form input[type="month"]:focus, html.breakpoint-phone
      body form input[type="time"]:focus, html.breakpoint-tablet
      body form input[type="time"]:focus, html.breakpoint-phone
      body form input[type="week"]:focus, html.breakpoint-tablet
      body form input[type="week"]:focus, html.breakpoint-phone
      body form input[type="number"]:focus, html.breakpoint-tablet
      body form input[type="number"]:focus, html.breakpoint-phone
      body form input[type="email"]:focus, html.breakpoint-tablet
      body form input[type="email"]:focus, html.breakpoint-phone
      body form input[type="url"]:focus, html.breakpoint-tablet
      body form input[type="url"]:focus, html.breakpoint-phone
      body form input[type="search"]:focus, html.breakpoint-tablet
      body form input[type="search"]:focus, html.breakpoint-phone
      body form input[type="tel"]:focus, html.breakpoint-tablet
      body form input[type="tel"]:focus, html.breakpoint-phone
      body form input[type="color"]:focus, html.breakpoint-tablet
      body form input[type="color"]:focus, html.breakpoint-phone
      body form .uneditable-input:focus, html.breakpoint-tablet
      body form .uneditable-input:focus, html.breakpoint-phone
      body .form-flexible textarea:focus, html.breakpoint-tablet
      body .form-flexible textarea:focus, html.breakpoint-phone
      body .form-flexible input[type="phone"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="phone"]:focus, html.breakpoint-phone
      body .form-flexible input[type="text"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="text"]:focus, html.breakpoint-phone
      body .form-flexible input[type="password"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="password"]:focus, html.breakpoint-phone
      body .form-flexible input[type="datetime"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="datetime"]:focus, html.breakpoint-phone
      body .form-flexible input[type="datetime-local"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="datetime-local"]:focus, html.breakpoint-phone
      body .form-flexible input[type="date"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="date"]:focus, html.breakpoint-phone
      body .form-flexible input[type="month"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="month"]:focus, html.breakpoint-phone
      body .form-flexible input[type="time"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="time"]:focus, html.breakpoint-phone
      body .form-flexible input[type="week"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="week"]:focus, html.breakpoint-phone
      body .form-flexible input[type="number"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="number"]:focus, html.breakpoint-phone
      body .form-flexible input[type="email"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="email"]:focus, html.breakpoint-phone
      body .form-flexible input[type="url"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="url"]:focus, html.breakpoint-phone
      body .form-flexible input[type="search"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="search"]:focus, html.breakpoint-phone
      body .form-flexible input[type="tel"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="tel"]:focus, html.breakpoint-phone
      body .form-flexible input[type="color"]:focus, html.breakpoint-tablet
      body .form-flexible input[type="color"]:focus, html.breakpoint-phone
      body .form-flexible .uneditable-input:focus, html.breakpoint-tablet
      body .form-flexible .uneditable-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
  body form label input[type="checkbox"],
  body form .checkbox-container input[type="checkbox"],
  body .form-flexible label input[type="checkbox"],
  body .form-flexible .checkbox-container input[type="checkbox"] {
    margin-right: 2px; }
  body form label input[type="checkbox"],
  body .form-flexible label input[type="checkbox"] {
    margin-top: -1px; }
  body form .checkbox-container input[type="checkbox"],
  body .form-flexible .checkbox-container input[type="checkbox"] {
    margin-top: -2px; }
  body .select2-results li.select2-highlighted {
    background: #d36854; }
  body :-moz-placeholder {
    color: #898d90; }
  body :-ms-input-placeholder {
    color: #898d90; }
  body ::-webkit-input-placeholder {
    color: #898d90; }
  body .tooltip {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: normal; }
  body .popover .popover-content,
  body .popover .popover-inner,
  body .popover .popover-title {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  body .popover.top .arrow {
    border-top-color: #b7b7b7; }
  body .popover.right .arrow {
    border-right-color: #b7b7b7; }
  body .popover.left .arrow {
    border-left-color: #b7b7b7; }
  body .popover.bottom .arrow {
    border-bottom-color: #b7b7b7; }
  body .popover .popover-inner {
    padding: 1px;
    background: #b7b7b7;
    -webkit-box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.1); }
    html.breakpoint-phone body .popover .popover-inner, html.breakpoint-tablet body .popover .popover-inner {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  body .popover .popover-title {
    color: #4a484c;
    text-transform: none;
    font-size: 14px;
    line-height: normal;
    background-color: #f9f9f9;
    border-bottom-color: #dddddd; }
  body .modal {
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 0 3000px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    html.breakpoint-phone body .modal, html.breakpoint-tablet body .modal {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body .modal .modal-header {
      background-color: #f9f9f9;
      border-bottom-color: #dddddd; }
      body .modal .modal-header strong {
        font-weight: normal;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body .modal .modal-footer {
      border-top: 1px solid #dddddd;
      background-color: #f9f9f9;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      html.breakpoint-phone body .modal .modal-footer, html.breakpoint-tablet body .modal .modal-footer {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    body .modal .btn + .btn {
      margin-left: 8px; }
  body .muted, body .note-style {
    color: #7c8084; }
  body .note-style {
    font-style: italic; }
    body .note-style.dark {
      color: #4a484c; }
  body .close {
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
    text-shadow: none;
    opacity: 0.3;
    filter: alpha(opacity=30); }
  body .dropdown-menu {
    border: 1px solid #dddddd;
    background-color: white;
    color: #6f7477;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    html.breakpoint-phone body .dropdown-menu, html.breakpoint-tablet body .dropdown-menu {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body .dropdown-menu li a {
      display: block;
      border-bottom: 1px solid #eeeeee;
      text-transform: none;
      font-family: "Montserrat", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: #575a5c; }
      body .dropdown-menu li a:hover {
        color: #575a5c; }
    body .dropdown-menu li:last-child a {
      border-bottom: 0; }
    body .dropdown-menu .btn-small.btn-primary {
      font-size: 14px; }
  body .transition-color,
  body .transition-color i,
  body .transition-color strong {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    body .transition-color:hover, body .transition-color:hover i, body .transition-color:hover strong,
    body .transition-color i:hover,
    body .transition-color i:hover i,
    body .transition-color i:hover strong,
    body .transition-color strong:hover,
    body .transition-color strong:hover i,
    body .transition-color strong:hover strong {
      -webkit-transition: color 0.15s linear;
      -moz-transition: color 0.15s linear;
      -ms-transition: color 0.15s linear;
      -o-transition: color 0.15s linear;
      transition: color 0.15s linear; }
  body [class^="icon-"],
  body [class*=" icon-"] {
    -webkit-font-smoothing: antialiased; }
  body .display-form-box .display-form-box-inner-padding, body .white-form-box .display-form-box-inner-padding {
    padding: 20px; }
  body .display-form-box .display-form-box-title, body .white-form-box .display-form-box-title {
    margin-bottom: 0;
    font-size: 22px;
    line-height: normal;
    border: 1px solid none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  body .white-form-box {
    background-color: white;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); }
    html.breakpoint-phone body .white-form-box, html.breakpoint-tablet body .white-form-box {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body .white-form-box .white-form-box-title {
      border: 1px solid #dddddd;
      background-color: white; }
  body .form-large-element {
    padding: 20px;
    font-size: 30px;
    line-height: normal;
    background-color: white; }
  body div.form-large div.controls input {
    margin-bottom: 10px;
    height: 46px;
    font-size: 16px; }
    body div.form-large div.controls input[type="checkbox"] {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      html.breakpoint-phone body div.form-large div.controls input[type="checkbox"], html.breakpoint-tablet body div.form-large div.controls input[type="checkbox"] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
  body div.form-large.sign-up-form .error,
  body div.form-large .login-form ul.errorlist,
  body div.form-large .help-inline {
    text-align: center;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #faecec;
    border: 1px solid #d44646;
    font-style: normal;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); }
    html.breakpoint-phone body div.form-large.sign-up-form .error, html.breakpoint-tablet body div.form-large.sign-up-form .error, html.breakpoint-phone
    body div.form-large .login-form ul.errorlist, html.breakpoint-tablet
    body div.form-large .login-form ul.errorlist, html.breakpoint-phone
    body div.form-large .help-inline, html.breakpoint-tablet
    body div.form-large .help-inline {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body div.form-large.sign-up-form .error.promo-code-warning,
    body div.form-large .login-form ul.errorlist.promo-code-warning,
    body div.form-large .help-inline.promo-code-warning {
      font-size: 16px;
      margin-top: 10px; }
    html.breakpoint-tablet body div.form-large.sign-up-form .error, html.breakpoint-phone body div.form-large.sign-up-form .error, html.breakpoint-tablet
    body div.form-large .login-form ul.errorlist, html.breakpoint-phone
    body div.form-large .login-form ul.errorlist, html.breakpoint-tablet
    body div.form-large .help-inline, html.breakpoint-phone
    body div.form-large .help-inline {
      font-size: 14px; }
    body div.form-large.sign-up-form .error a,
    body div.form-large .login-form ul.errorlist a,
    body div.form-large .help-inline a {
      color: #4a484c; }
      body div.form-large.sign-up-form .error a:hover,
      body div.form-large .login-form ul.errorlist a:hover,
      body div.form-large .help-inline a:hover {
        color: #2b2a2d; }
  body div.form-large.sign-up-form .form-vertical .control-group.field {
    margin: 0; }
  body div.form-large .help-inline {
    display: block; }
  body div.form-large .error {
    margin-top: 0; }
  body .btn-as-link.btn.btn-empty {
    margin-top: 0;
    padding: 0 10px 0 10px;
    font-size: 11px;
    color: #646166;
    line-height: 20px;
    border: 1px solid #dddddd;
    vertical-align: top; }
    body .btn-as-link.btn.btn-empty:hover {
      color: #4a484c; }
    body .btn-as-link.btn.btn-empty.remove {
      margin-left: 5px;
      color: #dc6767;
      border-color: #f1c2c2; }
      body .btn-as-link.btn.btn-empty.remove:hover {
        color: #d44646; }
  body .nav-block {
    position: relative; }
    body .nav-block:hover .icon-adn-bolt.menu-icon.icon-adn-bolt-hover {
      opacity: 1;
      filter: alpha(opacity=100); }
  body .subscribe-btn,
  body .subscribe-btn:visited {
    position: relative;
    display: inline-block;
    width: auto;
    height: 28px;
    padding: 0;
    border: 1px solid #bbb;
    background-color: #fafafa;
    white-space: nowrap;
    color: #4a484c;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    -webkit-box-shadow: inset 0 1px 0 white;
    -moz-box-shadow: inset 0 1px 0 white;
    box-shadow: inset 0 1px 0 white;
    background-color: rgba(228, 228, 228, 0.4);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#e4e4e4));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
    background-image: linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(252, 252, 252, 0)', endColorstr='#e1e1e1', GradientType=0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    html.breakpoint-phone body .subscribe-btn, html.breakpoint-tablet body .subscribe-btn, html.breakpoint-phone
    body .subscribe-btn:visited, html.breakpoint-tablet
    body .subscribe-btn:visited {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    body .subscribe-btn:hover,
    body .subscribe-btn:visited:hover {
      color: black;
      background-color: #fafafa;
      background-color: rgba(228, 228, 228, 0.4);
      background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
      background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#e4e4e4));
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
      background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
      background-image: linear-gradient(top, rgba(255, 255, 255, 0), #e4e4e4);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(252, 252, 252, 0)', endColorstr='#e1e1e1', GradientType=0); }
    body .subscribe-btn:active,
    body .subscribe-btn:visited:active {
      background-color: #e4e4e4;
      background-color: rgba(214, 214, 214, 0.6);
      background-image: -moz-linear-gradient(top, #d6d6d6, rgba(255, 255, 255, 0));
      background-image: -ms-linear-gradient(top, #d6d6d6, rgba(255, 255, 255, 0));
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6d6d6), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(top, #d6d6d6, rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(top, #d6d6d6, rgba(255, 255, 255, 0));
      background-image: linear-gradient(top, #d6d6d6, rgba(255, 255, 255, 0));
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgrey', endColorstr='rgba(252, 252, 252, 0)', GradientType=0);
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }
      html.breakpoint-phone body .subscribe-btn:active, html.breakpoint-tablet body .subscribe-btn:active, html.breakpoint-phone
      body .subscribe-btn:visited:active, html.breakpoint-tablet
      body .subscribe-btn:visited:active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    body .subscribe-btn .text-unsubscribe,
    body .subscribe-btn .text-subscribed,
    body .subscribe-btn:visited .text-unsubscribe,
    body .subscribe-btn:visited .text-subscribed {
      display: none; }
    body .subscribe-btn.subscribed .text-subscribe,
    body .subscribe-btn:visited.subscribed .text-subscribe {
      display: none; }
    body .subscribe-btn.subscribed .text-unsubscribe,
    body .subscribe-btn:visited.subscribed .text-unsubscribe {
      display: block; }
    body .subscribe-btn.subscribed-final,
    body .subscribe-btn:visited.subscribed-final {
      background: transparent;
      opacity: .5; }
      body .subscribe-btn.subscribed-final:hover,
      body .subscribe-btn:visited.subscribed-final:hover {
        color: #4a484c;
        background-color: transparent; }
      body .subscribe-btn.subscribed-final:active,
      body .subscribe-btn:visited.subscribed-final:active {
        color: #4a484c;
        background-color: transparent; }
      body .subscribe-btn.subscribed-final .text-subscribed,
      body .subscribe-btn:visited.subscribed-final .text-subscribed {
        display: block; }
      body .subscribe-btn.subscribed-final .text-subscribe,
      body .subscribe-btn.subscribed-final .text-unsubscribe,
      body .subscribe-btn:visited.subscribed-final .text-subscribe,
      body .subscribe-btn:visited.subscribed-final .text-unsubscribe {
        display: none; }
    body .subscribe-btn .button-text,
    body .subscribe-btn:visited .button-text {
      padding-left: 27px;
      padding-right: 5px; }

.pointer {
  cursor: pointer; }

html.breakpoint-tablet .main-content-container-inner {
  padding-left: 10px; }
html.breakpoint-phone .main-content-container-inner {
  padding: 0; }

.help-inline {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 5px; }

hr.mobile-header {
  display: none; }

.heading-with-hr,
html.breakpoint-tablet .mobile-header,
html.breakpoint-phone .mobile-header {
  text-align: center;
  color: #a3a6a9;
  font-size: 25px;
  line-height: normal;
  text-transform: none;
  border-bottom: 0; }
  .heading-with-hr span,
  html.breakpoint-tablet .mobile-header span,
  html.breakpoint-phone .mobile-header span {
    display: block;
    padding-bottom: 15px; }
  .heading-with-hr hr,
  html.breakpoint-tablet .mobile-header hr,
  html.breakpoint-phone .mobile-header hr {
    display: block;
    width: 30px;
    margin: 0 auto 30px auto; }
  .heading-with-hr.dark,
  html.breakpoint-tablet .mobile-header.dark,
  html.breakpoint-phone .mobile-header.dark {
    color: #4a484c; }
    .heading-with-hr.dark hr,
    html.breakpoint-tablet .mobile-header.dark hr,
    html.breakpoint-phone .mobile-header.dark hr {
      border-color: #4a484c; }

html.breakpoint-tablet .mobile-header,
html.breakpoint-phone .mobile-header {
  margin-bottom: 0;
  padding-bottom: 0; }
html.breakpoint-tablet hr,
html.breakpoint-tablet .mobile-header hr,
html.breakpoint-phone hr,
html.breakpoint-phone .mobile-header hr {
  margin-bottom: 15px; }
html.breakpoint-tablet .nav li hr,
html.breakpoint-phone .nav li hr {
  margin-bottom: 0; }

.wrapper {
  position: relative;
  min-height: 100%; }

.wide-container {
  width: 100%;
  border-top: 1px solid #dddddd; }
  .wide-container.white {
    background-color: white; }
  .wide-container.purple, .wide-container.blue {
    background-color: #1e0c29;
    color: white; }
    .wide-container.purple h1, .wide-container.blue h1 {
      color: white; }
    .wide-container.purple h2, .wide-container.blue h2 {
      color: #dddddd; }
  .wide-container.blue {
    background-color: #212a31; }
  .wide-container.blue-light {
    background-color: #bad7ed; }
  .wide-container.gray {
    background-color: #ededed; }
  .wide-container.gray-light {
    background-color: #f9f9f9; }
  .wide-container.inset-block {
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05); }
    html.breakpoint-phone .wide-container.inset-block, html.breakpoint-tablet .wide-container.inset-block {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .wide-container.top-block {
    margin-top: -15px;
    border-top: 0; }

html.breakpoint-phone .container, html.breakpoint-tablet .container {
  padding-right: 12px;
  padding-left: 12px; }
html.breakpoint-tablet .container.main-container-alpha {
  padding-right: 12px;
  padding-left: 12px; }
.container .hide {
  display: none; }

.main-content-block {
  padding: 30px 0 30px 0; }

html.breakpoint-widescreen.breakpoint-height_small .nav-vertically-responsive li a i, html.breakpoint-widescreen.breakpoint-height_mini .nav-vertically-responsive li a i, html.breakpoint-tablet.breakpoint-height_small .nav-vertically-responsive li a i, html.breakpoint-tablet.breakpoint-height_mini .nav-vertically-responsive li a i {
  font-size: 10px; }
html.breakpoint-widescreen.breakpoint-height_small .nav-vertically-responsive li a .icon-chevron-right, html.breakpoint-widescreen.breakpoint-height_mini .nav-vertically-responsive li a .icon-chevron-right, html.breakpoint-tablet.breakpoint-height_small .nav-vertically-responsive li a .icon-chevron-right, html.breakpoint-tablet.breakpoint-height_mini .nav-vertically-responsive li a .icon-chevron-right {
  top: 9px; }
html.breakpoint-widescreen.breakpoint-height_small .nav-vertically-responsive, html.breakpoint-tablet.breakpoint-height_small .nav-vertically-responsive {
  padding: 0 0 3px 0; }
  html.breakpoint-widescreen.breakpoint-height_small .nav-vertically-responsive li a, html.breakpoint-tablet.breakpoint-height_small .nav-vertically-responsive li a {
    padding-top: 6px;
    padding-bottom: 6px; }
html.breakpoint-widescreen.breakpoint-height_mini .nav-vertically-responsive, html.breakpoint-tablet.breakpoint-height_mini .nav-vertically-responsive {
  padding: 0 0 5px 0; }
  html.breakpoint-widescreen.breakpoint-height_mini .nav-vertically-responsive li a, html.breakpoint-tablet.breakpoint-height_mini .nav-vertically-responsive li a {
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px; }
    html.breakpoint-widescreen.breakpoint-height_mini .nav-vertically-responsive li a .icon-chevron-right, html.breakpoint-tablet.breakpoint-height_mini .nav-vertically-responsive li a .icon-chevron-right {
      top: 4px; }

.subnav-container {
  width: 100%;
  height: 34px;
  background-color: white;
  border-top: 1px solid #dddddd;
  line-height: 34px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #d36854; }
  .subnav-container .breadcrumb {
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    border: 0;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    html.breakpoint-phone .subnav-container .breadcrumb, html.breakpoint-tablet .subnav-container .breadcrumb {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .subnav-container .breadcrumb li {
      text-shadow: none; }
      .subnav-container .breadcrumb li a {
        display: inline-block;
        vertical-align: top;
        color: #898d90; }
      .subnav-container .breadcrumb li a:hover {
        color: #6f7477; }
      html.breakpoint-phone .subnav-container .breadcrumb li {
        font-size: 10px; }
        html.breakpoint-phone .subnav-container .breadcrumb li .icon-chevron-right {
          font-size: 9px; }
        html.breakpoint-phone .subnav-container .breadcrumb li:nth-child(3) a {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 85px; }
    .subnav-container .breadcrumb .icon-chevron-right {
      display: inline-block;
      color: #dddddd;
      margin-left: 3px;
      margin-right: 3px;
      font-size: 11px;
      line-height: normal; }
    .subnav-container .breadcrumb .ordering {
      line-height: 34px;
      margin-right: 0; }
      .subnav-container .breadcrumb .ordering a {
        display: inline-block;
        padding: 0 12px 0 12px;
        height: 34px;
        color: #898d90;
        border-left: 0;
        border-right: 1px solid #dddddd;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -ms-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear; }
        .subnav-container .breadcrumb .ordering a:hover {
          border-bottom: 0;
          background-color: #ededed;
          -webkit-transition: background-color 0.15s linear;
          -moz-transition: background-color 0.15s linear;
          -ms-transition: background-color 0.15s linear;
          -o-transition: background-color 0.15s linear;
          transition: background-color 0.15s linear; }
          html.breakpoint-phone .subnav-container .breadcrumb .ordering a:hover {
            border-left: 1px solid #dddddd;
            border-right: 1px solid #dddddd; }
        .subnav-container .breadcrumb .ordering a.selected, .subnav-container .breadcrumb .ordering a.selected:hover {
          background-color: #898d90;
          color: white; }
        .subnav-container .breadcrumb .ordering a:first-child, .subnav-container .breadcrumb .ordering a:first-child:hover {
          border-left: 1px solid #dddddd; }
      html.breakpoint-phone .subnav-container .breadcrumb .ordering {
        width: 100%;
        height: 34px;
        margin: 1px -12px 30px 0;
        padding-right: 24px;
        background-color: white;
        border-bottom: 1px solid #dddddd; }
        html.breakpoint-phone .subnav-container .breadcrumb .ordering a:hover,
        html.breakpoint-phone .subnav-container .breadcrumb .ordering a:first-child, html.breakpoint-phone .subnav-container .breadcrumb .ordering:first-child:hover {
          border-left: 0; }

.pointer {
  cursor: pointer; }

.link-color {
  color: #d87a68; }

.no-padding {
  padding: 0; }

.italic {
  font-style: italic; }

.or-block {
  position: relative;
  margin: 10px auto 10px auto;
  width: 100px;
  height: 30px;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif; }
  .or-block .or,
  .or-block hr {
    position: absolute; }
  .or-block .or {
    margin: 3px 0 0 -16px;
    left: 50%;
    z-index: 1;
    background-color: white;
    padding-left: 9px;
    padding-right: 9px; }
  .or-block hr {
    width: 100px;
    top: 15px;
    margin: 0; }

.popover .close {
  position: absolute;
  right: 15px;
  line-height: 18px; }
.popover.left .arrow {
  top: 97px;
  margin-top: 0; }
.popover .text-warning {
  margin-top: 10px;
  font-size: 12px;
  line-height: normal; }
.popover .send-to-me {
  position: relative; }
  .popover .send-to-me .btn {
    font-size: 11px;
    width: 100%;
    padding: 8px 0 8px 0;
    line-height: 20px; }
  .popover .send-to-me form {
    margin: 0; }
    .popover .send-to-me form input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
  .popover .send-to-me .vertical-btn {
    margin-top: 6px; }
  .popover .send-to-me .sent-message {
    font-size: 20px;
    text-align: center;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%; }
  .popover .send-to-me .send-to-phone-text {
    margin-bottom: 5px;
    margin-top: -5px; }

.btn-as-link {
  margin-top: -2px;
  -webkit-font-smoothing: antialiased; }
  .btn-as-link:hover {
    color: #ce5640;
    text-decoration: none; }

.emoji-container {
  width: 16px;
  height: 16px;
  display: inline-block; }
  .emoji-container .emoji {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    font-size: 1px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: 100%;
    display: inline-block; }

.basic-user {
  padding: 10px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #524f54;
  line-height: 18px;
  position: relative; }
  .basic-user > .content {
    margin-left: 50px; }
    .basic-user > .content > .media {
      position: absolute;
      left: 10px;
      top: 10px; }
  .basic-user .body {
    line-height: 40px; }
  .basic-user .avatar {
    display: block;
    width: 40px;
    height: 40px;
    background-size: 40px 40px; }
  .basic-user .username {
    padding-right: 5px; }
    .basic-user .username a {
      color: #333333; }
      .basic-user .username a:hover {
        color: #ce5640; }

.badges .app-store {
  margin-right: 10px;
  margin-top: 3px; }

.alert {
  margin: 15px 0 10px 0;
  padding: 10px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  line-height: normal;
  font-size: 12px;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .alert, html.breakpoint-tablet .alert {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .alert a {
    color: #636769; }
  .alert.alert-success {
    color: #5c9c38;
    background-color: #e7f4df;
    border: 1px solid #bbdfa7; }
  .alert.alert-danger, .alert.alert-error {
    background-color: #faecec;
    border: 1px solid #f1c2c2; }
  .alert.alert-warning {
    background-color: #f8f7eb;
    border: 1px solid #dfdaa7; }
  .alert.alert-info {
    background-color: #ebf2f8;
    border: 1px solid #a7c7df;
    color: #38709c; }

.boxed-group {
  background-color: white; }
  .boxed-group > h4,
  .boxed-group .boxed-group-inner {
    padding: 15px;
    border: 1px #dddddd solid; }
  .boxed-group > h4 {
    border-bottom: 0;
    margin: 0;
    background-color: #ededed; }
  .boxed-group h4 > .btn-mini {
    top: -4px;
    position: relative; }
  .boxed-group .boxed-group-inner form:last-child {
    margin-bottom: 0; }
  .boxed-group + .boxed-group {
    margin-top: 40px; }
  .boxed-group .alert:first-child {
    margin-top: 0; }

ul.help-inline {
  margin-left: 0; }
  ul.help-inline li {
    list-style: none; }

.colored-circle {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #dddddd;
  text-align: center;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -webkit-box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 2px #dddddd;
  -moz-box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 2px #dddddd;
  box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 2px #dddddd; }
  html.breakpoint-phone .colored-circle, html.breakpoint-tablet .colored-circle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .colored-circle:hover {
    background-color: #ededed;
    color: #4a484c; }
    .colored-circle:hover hr {
      width: 20px; }
  .colored-circle:focus {
    outline: none; }
  .colored-circle span {
    position: absolute;
    top: 23px;
    left: 27px; }
  .colored-circle hr {
    margin-top: 6px;
    width: 10px; }
  .colored-circle i, .nav .colored-circle i {
    color: #dddddd;
    font-size: 50px;
    line-height: 80px; }

html .nav-list {
  width: 258px;
  padding: 10px 0 20px 0;
  border-right: 1px solid #dddddd; }
  html .nav-list .nav-header,
  html .nav-list li a {
    padding: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    text-shadow: none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  html .nav-list .nav-header {
    color: #4a484c;
    border-bottom: 1px solid #dddddd;
    padding-left: 0;
    padding-bottom: 7px; }
    html.breakpoint-tablet html .nav-list .nav-header {
      font-size: 14px; }
    html .nav-list .nav-header .icon-remove-sign {
      margin-right: 0; }
      html .nav-list .nav-header .icon-remove-sign:hover {
        color: #706d73; }
  html .nav-list .nav.header .m-nav-toggle {
    display: inline-block;
    border: 0;
    margin: 9px 10px 0 0;
    padding: 3px 6px 2px 6px;
    border: 1px solid #dddddd;
    background-color: white;
    line-height: normal;
    color: #898d90; }
    html .nav-list .nav.header .m-nav-toggle:active {
      background-color: #ededed; }
  html .nav-list .nav-list-inner {
    padding: 15px;
    padding-top: 10px;
    padding-left: 0;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    text-align: justify;
    text-justify: inter-word; }
  html .nav-list li {
    border-bottom: 1px solid #eeeeee; }
    html .nav-list li:last-child {
      border-bottom: 0; }
    html .nav-list li a {
      position: relative;
      font-size: 13px;
      color: #898d90;
      padding-left: 30px;
      -webkit-transition: background-color 0.2s linear;
      -moz-transition: background-color 0.2s linear;
      -ms-transition: background-color 0.2s linear;
      -o-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear; }
      html .nav-list li a:hover {
        background-color: #ededed;
        -webkit-transition: background-color 0.15s linear;
        -moz-transition: background-color 0.15s linear;
        -ms-transition: background-color 0.15s linear;
        -o-transition: background-color 0.15s linear;
        transition: background-color 0.15s linear;
        border-bottom: 0; }
      html .nav-list li a .icon-chevron-right {
        position: absolute;
        top: 13px;
        right: 10px;
        display: none;
        font-size: 12px;
        line-height: normal;
        margin-right: 0; }
    html .nav-list li.active a, html .nav-list li.active a:hover {
      background-color: #898d90;
      text-shadow: none;
      color: #fff; }
      html .nav-list li.active a .icon-chevron-right, html .nav-list li.active a:hover .icon-chevron-right {
        display: inline-block; }
html.breakpoint-phone .nav-list li.active a .icon-chevron-right,
html.breakpoint-phone .nav-list li.active a:hover .icon-chevron-right {
  display: none; }
html.breakpoint-phone .nav-list.mobile-note-fix {
  margin: 0;
  margin-top: -30px;
  padding: 0; }
  html.breakpoint-phone .nav-list.mobile-note-fix .nav-list-inner {
    padding: 0; }
html.breakpoint-phone .header-hidden .nav-list.mobile-note-fix {
  margin-top: 0; }
html.breakpoint-tablet .nav-list {
  width: 95%;
  margin-right: 5%; }
html.breakpoint-phone .nav-list {
  margin-bottom: 0;
  border-bottom: 0;
  width: 100%;
  border-right: 0; }
  html.breakpoint-phone .nav-list:last-child {
    margin-bottom: 30px; }
html.breakpoint-tablet .nav-list li a {
  font-size: 12px;
  padding-left: 20px; }

.main-container-alpha {
  background-color: #f9f9f9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px; }

*,
*:focus {
  outline: 0; }

html.breakpoint-tablet .nav.header .container, html.breakpoint-phone .nav.header .container {
  padding-right: 12px;
  padding-left: 12px; }

.navbar-fixed-top .container,
.navbar-fixed-bottom .container,
.navbar .container {
  width: 1152px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px; }

html .navbar {
  height: 44px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  color: #d87a68;
  z-index: 10;
  position: relative;
  margin-bottom: 30px; }
  html .navbar .brand {
    width: 140px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    background-size: 140px 32px;
    background-repeat: no-repeat;
    background-image: url("/pau-static/images/alpha-logo.png"); }
    html.breakpoint-retina html .navbar .brand {
      background-image: url("/pau-static/images/alpha-logo@2x.png"); }
    html.breakpoint-tablet html .navbar .brand {
      margin: 0;
      padding: 0;
      margin-top: 6px; }
    html.breakpoint-phone html .navbar .brand {
      margin-left: 0;
      padding: 0; }
  html .navbar .navbar-inner {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #d87a68; }
  html .navbar .nav {
    margin-right: 0; }
    html .navbar .nav .dropdown-menu {
      padding: 0; }
  html .navbar .nav > li > a {
    color: #d87a68;
    text-shadow: none;
    font-weight: 400; }
    html .navbar .nav > li > a:hover {
      color: #d87a68; }
    html .navbar .nav > li > a .icon-chevron-down {
      font-size: 10px;
      margin-top: -10px; }

.header-box.dropdown {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee; }
  .header-box.dropdown a.dropdown-toggle {
    padding: 0;
    width: 130px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 44px; }
  .header-box.dropdown .dropdown-menu {
    min-width: 130px;
    margin-top: 1px;
    margin-right: -1px;
    border-top: none;
    text-align: center; }
    .header-box.dropdown .dropdown-menu:before, .header-box.dropdown .dropdown-menu:after {
      display: none; }
    .header-box.dropdown .dropdown-menu a {
      line-height: 35px;
      padding: 0;
      -webkit-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
      .header-box.dropdown .dropdown-menu a:hover {
        background-color: #eee; }

.main-column {
  margin-bottom: 20px; }

input:-moz-placeholder {
  color: #999999; }

.text-success {
  font-weight: bold;
  color: #6eba43; }

.well-elevated.empty {
  padding: 20px; }

div.user-follow-container {
  white-space: normal;
  word-wrap: normal; }
  html.breakpoint-phone div.user-follow-container div.body div.post-text {
    font-size: 12px; }
    html.breakpoint-phone div.user-follow-container div.body div.post-text div.user-description-block-inner {
      padding-right: 10%; }
  html.breakpoint-phone div.user-follow-container div.body .follow-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    padding: 4px;
    font-size: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

.post-container .body,
.message-container .body,
.single-post-container .text,
.user-description .user-description-text {
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */ }

.post-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  line-height: 18px;
  color: #524f54;
  padding: 15px 15px 5px 15px; }
  .post-container > .content {
    margin-left: 67px; }
    .post-container > .content > .media {
      position: absolute;
      left: 15px;
      top: 15px; }
  .post-container.highlight {
    background-color: #ffffef; }
  .post-container.higlight-fade {
    opacity: 0; }
    .post-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .post-container:last-child {
    border-bottom: 0; }
  .post-container .username {
    padding-right: 5px; }
    .post-container .username a {
      color: #333333;
      font-weight: bold; }
      .post-container .username a:hover {
        color: #ce5640; }
  .post-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .post-container .body.follow-body {
      min-height: 57px; }
    .post-container .body .post-text {
      overflow: hidden; }
      .post-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .post-container .body.has-media {
      position: relative;
      position: static; }
      .post-container .body.has-media .content {
        margin-right: 150px; }
        .post-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .post-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .post-container .body.has-media .content {
          margin-right: 60px; }
      .post-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .post-container .body.has-media .media, html.breakpoint-tablet .post-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .post-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .post-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .post-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .post-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .post-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .post-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .post-container .body.has-media .shadow-overlay,
      .post-container .body.has-media .icon-zoom-in,
      .post-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .post-container .body.has-media .inner-shadow-overlay,
      .post-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .post-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .post-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .post-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .post-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .post-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .post-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .post-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .post-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .post-container .body.has-media .shadow-overlay .icon-zoom-in,
        .post-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .post-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .post-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .post-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .post-container .footer-bottom li {
      margin-right: 5px; }
  .post-container .post-footer,
  .post-container .post-header {
    margin: 0;
    font-size: 12px; }
    .post-container .post-footer .username,
    .post-container .post-header .username {
      font-size: 14px; }
    .post-container .post-footer ul,
    .post-container .post-header ul {
      margin-bottom: 4px; }
      .post-container .post-footer ul li,
      .post-container .post-header ul li {
        margin-right: 10px; }
        .post-container .post-footer ul li a,
        .post-container .post-header ul li a {
          color: #6f7477; }
          .post-container .post-footer ul li a:hover,
          .post-container .post-header ul li a:hover {
            color: #ce5640; }
          .post-container .post-footer ul li a:hover i,
          .post-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .post-container .post-footer ul li.last,
        .post-container .post-header ul li.last {
          margin-right: 0; }
    .post-container .post-footer .icon-share-alt,
    .post-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .post-container .post-footer i,
    .post-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .post-container .post-footer .post-source, html.breakpoint-phone
    .post-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .post-container .post-reposted-by,
  .post-container .post-posted-from-place {
    margin-right: 15px; }
    .post-container .post-reposted-by .reposted-by-text,
    .post-container .post-reposted-by .posted-from-text,
    .post-container .post-reposted-by i,
    .post-container .post-reposted-by a,
    .post-container .post-posted-from-place .reposted-by-text,
    .post-container .post-posted-from-place .posted-from-text,
    .post-container .post-posted-from-place i,
    .post-container .post-posted-from-place a {
      color: #b0b3b5; }
    .post-container .post-reposted-by .reposted-by-text,
    .post-container .post-reposted-by .posted-from-text,
    .post-container .post-posted-from-place .reposted-by-text,
    .post-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .post-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .post-container .show-on-hover, html.breakpoint-tablet .post-container .show-on-hover {
      opacity: 1; }
    .post-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .post-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .post-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .post-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .post-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .post-container ul li.stream-marker-button {
      right: 50px; }
    .post-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .post-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .post-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }

.message-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  line-height: 18px;
  color: #524f54;
  padding: 15px 15px 5px 15px; }
  .message-container > .content {
    margin-left: 67px; }
    .message-container > .content > .media {
      position: absolute;
      left: 15px;
      top: 15px; }
  .message-container.highlight {
    background-color: #ffffef; }
  .message-container.higlight-fade {
    opacity: 0; }
    .message-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .message-container:last-child {
    border-bottom: 0; }
  .message-container .username {
    padding-right: 5px; }
    .message-container .username a {
      color: #333333;
      font-weight: bold; }
      .message-container .username a:hover {
        color: #ce5640; }
  .message-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .message-container .body.follow-body {
      min-height: 57px; }
    .message-container .body .post-text {
      overflow: hidden; }
      .message-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .message-container .body.has-media {
      position: relative;
      position: static; }
      .message-container .body.has-media .content {
        margin-right: 150px; }
        .message-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .message-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .message-container .body.has-media .content {
          margin-right: 60px; }
      .message-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .message-container .body.has-media .media, html.breakpoint-tablet .message-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .message-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .message-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .message-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .message-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .message-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .message-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .message-container .body.has-media .shadow-overlay,
      .message-container .body.has-media .icon-zoom-in,
      .message-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .message-container .body.has-media .inner-shadow-overlay,
      .message-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .message-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .message-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .message-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .message-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .message-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .message-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .message-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .message-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .message-container .body.has-media .shadow-overlay .icon-zoom-in,
        .message-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .message-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .message-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .message-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .message-container .footer-bottom li {
      margin-right: 5px; }
  .message-container .post-footer,
  .message-container .post-header {
    margin: 0;
    font-size: 12px; }
    .message-container .post-footer .username,
    .message-container .post-header .username {
      font-size: 14px; }
    .message-container .post-footer ul,
    .message-container .post-header ul {
      margin-bottom: 4px; }
      .message-container .post-footer ul li,
      .message-container .post-header ul li {
        margin-right: 10px; }
        .message-container .post-footer ul li a,
        .message-container .post-header ul li a {
          color: #6f7477; }
          .message-container .post-footer ul li a:hover,
          .message-container .post-header ul li a:hover {
            color: #ce5640; }
          .message-container .post-footer ul li a:hover i,
          .message-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .message-container .post-footer ul li.last,
        .message-container .post-header ul li.last {
          margin-right: 0; }
    .message-container .post-footer .icon-share-alt,
    .message-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .message-container .post-footer i,
    .message-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .message-container .post-footer .post-source, html.breakpoint-phone
    .message-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .message-container .post-reposted-by,
  .message-container .post-posted-from-place {
    margin-right: 15px; }
    .message-container .post-reposted-by .reposted-by-text,
    .message-container .post-reposted-by .posted-from-text,
    .message-container .post-reposted-by i,
    .message-container .post-reposted-by a,
    .message-container .post-posted-from-place .reposted-by-text,
    .message-container .post-posted-from-place .posted-from-text,
    .message-container .post-posted-from-place i,
    .message-container .post-posted-from-place a {
      color: #b0b3b5; }
    .message-container .post-reposted-by .reposted-by-text,
    .message-container .post-reposted-by .posted-from-text,
    .message-container .post-posted-from-place .reposted-by-text,
    .message-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .message-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .message-container .show-on-hover, html.breakpoint-tablet .message-container .show-on-hover {
      opacity: 1; }
    .message-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .message-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .message-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .message-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .message-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .message-container ul li.stream-marker-button {
      right: 50px; }
    .message-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .message-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .message-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }

.channel-dropdown-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  padding: 5px 5px 5px 5px;
  min-height: 65px; }
  .channel-dropdown-container > .content {
    margin-left: 67px; }
    .channel-dropdown-container > .content > .media {
      position: absolute;
      left: 5px;
      top: 5px; }

.directory-app-container {
  padding: 15px 15px 5px 15px;
  display: block;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  line-height: 18px;
  color: #524f54; }
  .directory-app-container.highlight {
    background-color: #ffffef; }
  .directory-app-container.higlight-fade {
    opacity: 0; }
    .directory-app-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .directory-app-container:last-child {
    border-bottom: 0; }
  .directory-app-container .username {
    padding-right: 5px; }
    .directory-app-container .username a {
      color: #333333;
      font-weight: bold; }
      .directory-app-container .username a:hover {
        color: #ce5640; }
  .directory-app-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .directory-app-container .body.follow-body {
      min-height: 57px; }
    .directory-app-container .body .post-text {
      overflow: hidden; }
      .directory-app-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .directory-app-container .body.has-media {
      position: relative;
      position: static; }
      .directory-app-container .body.has-media .content {
        margin-right: 150px; }
        .directory-app-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .directory-app-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .directory-app-container .body.has-media .content {
          margin-right: 60px; }
      .directory-app-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .directory-app-container .body.has-media .media, html.breakpoint-tablet .directory-app-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .directory-app-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .directory-app-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .directory-app-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .directory-app-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .directory-app-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .directory-app-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .directory-app-container .body.has-media .shadow-overlay,
      .directory-app-container .body.has-media .icon-zoom-in,
      .directory-app-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .directory-app-container .body.has-media .inner-shadow-overlay,
      .directory-app-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .directory-app-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .directory-app-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .directory-app-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .directory-app-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .directory-app-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .directory-app-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .directory-app-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .directory-app-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .directory-app-container .body.has-media .shadow-overlay .icon-zoom-in,
        .directory-app-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .directory-app-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .directory-app-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .directory-app-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .directory-app-container .footer-bottom li {
      margin-right: 5px; }
  .directory-app-container .post-footer,
  .directory-app-container .post-header {
    margin: 0;
    font-size: 12px; }
    .directory-app-container .post-footer .username,
    .directory-app-container .post-header .username {
      font-size: 14px; }
    .directory-app-container .post-footer ul,
    .directory-app-container .post-header ul {
      margin-bottom: 4px; }
      .directory-app-container .post-footer ul li,
      .directory-app-container .post-header ul li {
        margin-right: 10px; }
        .directory-app-container .post-footer ul li a,
        .directory-app-container .post-header ul li a {
          color: #6f7477; }
          .directory-app-container .post-footer ul li a:hover,
          .directory-app-container .post-header ul li a:hover {
            color: #ce5640; }
          .directory-app-container .post-footer ul li a:hover i,
          .directory-app-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .directory-app-container .post-footer ul li.last,
        .directory-app-container .post-header ul li.last {
          margin-right: 0; }
    .directory-app-container .post-footer .icon-share-alt,
    .directory-app-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .directory-app-container .post-footer i,
    .directory-app-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .directory-app-container .post-footer .post-source, html.breakpoint-phone
    .directory-app-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .directory-app-container .post-reposted-by,
  .directory-app-container .post-posted-from-place {
    margin-right: 15px; }
    .directory-app-container .post-reposted-by .reposted-by-text,
    .directory-app-container .post-reposted-by .posted-from-text,
    .directory-app-container .post-reposted-by i,
    .directory-app-container .post-reposted-by a,
    .directory-app-container .post-posted-from-place .reposted-by-text,
    .directory-app-container .post-posted-from-place .posted-from-text,
    .directory-app-container .post-posted-from-place i,
    .directory-app-container .post-posted-from-place a {
      color: #b0b3b5; }
    .directory-app-container .post-reposted-by .reposted-by-text,
    .directory-app-container .post-reposted-by .posted-from-text,
    .directory-app-container .post-posted-from-place .reposted-by-text,
    .directory-app-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .directory-app-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .directory-app-container .show-on-hover, html.breakpoint-tablet .directory-app-container .show-on-hover {
      opacity: 1; }
    .directory-app-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .directory-app-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .directory-app-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .directory-app-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .directory-app-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .directory-app-container ul li.stream-marker-button {
      right: 50px; }
    .directory-app-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .directory-app-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .directory-app-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }
  html.no-breakpoint-phone .directory-app-container {
    position: relative; }
    html.no-breakpoint-phone .directory-app-container > .content {
      margin-left: 95px; }
      html.no-breakpoint-phone .directory-app-container > .content > .media {
        position: absolute;
        left: 15px;
        top: 15px; }
  html.breakpoint-phone .directory-app-container {
    position: relative; }
    html.breakpoint-phone .directory-app-container > .content {
      margin-left: 50px; }
      html.breakpoint-phone .directory-app-container > .content > .media {
        position: absolute;
        left: 15px;
        top: 15px; }
    html.breakpoint-phone .directory-app-container .media img {
      width: 40px;
      height: 40px; }
    html.breakpoint-phone .directory-app-container .app-name {
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 160px;
      display: inline-block;
      height: 18px; }
    html.breakpoint-phone .directory-app-container .platform {
      position: relative;
      vertical-align: top;
      font-size: 10px;
      top: 1px; }
    html.breakpoint-phone .directory-app-container .body {
      margin-top: -5px;
      font-size: 12px; }
    html.breakpoint-phone .directory-app-container .header {
      margin-bottom: 0; }
    html.breakpoint-phone .directory-app-container > .content {
      height: 63px; }
  .directory-app-container:hover {
    background-color: #fafafa;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear; }
    .directory-app-container:hover .app-name {
      color: #d87a68; }
    .directory-app-container:hover .app-right-arrow {
      right: 10px; }
  .directory-app-container .owner,
  .directory-app-container .owner:hover {
    color: #4a484c; }
  .directory-app-container > .content {
    height: 90px; }
  .directory-app-container .app-name {
    color: #4a484c;
    margin-right: 5px;
    font-size: 18px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .directory-app-container .platform {
    font-size: 12px; }
  .directory-app-container .header {
    margin-bottom: 3px; }
  .directory-app-container .body {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 19px; }
  .directory-app-container .app-right-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 1.5em;
    margin-top: -.5em;
    color: #dddddd;
    -webkit-transition: right 0.15s linear;
    -moz-transition: right 0.15s linear;
    -ms-transition: right 0.15s linear;
    -o-transition: right 0.15s linear;
    transition: right 0.15s linear; }

.user-follow-container,
.channel-subscribe-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  line-height: 18px;
  color: #524f54;
  padding: 15px 15px 5px 15px; }
  .user-follow-container > .content,
  .channel-subscribe-container > .content {
    margin-left: 67px; }
    .user-follow-container > .content > .media,
    .channel-subscribe-container > .content > .media {
      position: absolute;
      left: 15px;
      top: 15px; }
  .user-follow-container.highlight,
  .channel-subscribe-container.highlight {
    background-color: #ffffef; }
  .user-follow-container.higlight-fade,
  .channel-subscribe-container.higlight-fade {
    opacity: 0; }
    .user-follow-container.higlight-fade.higlight-fade-in,
    .channel-subscribe-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .user-follow-container:last-child,
  .channel-subscribe-container:last-child {
    border-bottom: 0; }
  .user-follow-container .username,
  .channel-subscribe-container .username {
    padding-right: 5px; }
    .user-follow-container .username a,
    .channel-subscribe-container .username a {
      color: #333333;
      font-weight: bold; }
      .user-follow-container .username a:hover,
      .channel-subscribe-container .username a:hover {
        color: #ce5640; }
  .user-follow-container .body,
  .channel-subscribe-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .user-follow-container .body.follow-body,
    .channel-subscribe-container .body.follow-body {
      min-height: 57px; }
    .user-follow-container .body .post-text,
    .channel-subscribe-container .body .post-text {
      overflow: hidden; }
      .user-follow-container .body .post-text.user-description-block .user-description-block-inner,
      .channel-subscribe-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .user-follow-container .body.has-media,
    .channel-subscribe-container .body.has-media {
      position: relative;
      position: static; }
      .user-follow-container .body.has-media .content,
      .channel-subscribe-container .body.has-media .content {
        margin-right: 150px; }
        .user-follow-container .body.has-media .content .media,
        .channel-subscribe-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .user-follow-container .body.has-media .content,
      .channel-subscribe-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .user-follow-container .body.has-media .content, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .content {
          margin-right: 60px; }
      .user-follow-container .body.has-media .media,
      .channel-subscribe-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .user-follow-container .body.has-media .media, html.breakpoint-tablet .user-follow-container .body.has-media .media, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .media, html.breakpoint-tablet
        .channel-subscribe-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .user-follow-container .body.has-media .media, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .user-follow-container .body.has-media .media, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .user-follow-container .body.has-media .post-media,
      .channel-subscribe-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .user-follow-container .body.has-media .post-media img,
        .channel-subscribe-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .user-follow-container .body.has-media .post-media, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .user-follow-container .body.has-media .post-media img, html.breakpoint-phone
          .channel-subscribe-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .user-follow-container .body.has-media .shadow-overlay,
      .user-follow-container .body.has-media .icon-zoom-in,
      .user-follow-container .body.has-media .icon-play-circle,
      .channel-subscribe-container .body.has-media .shadow-overlay,
      .channel-subscribe-container .body.has-media .icon-zoom-in,
      .channel-subscribe-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .user-follow-container .body.has-media .inner-shadow-overlay,
      .user-follow-container .body.has-media .shadow-overlay,
      .channel-subscribe-container .body.has-media .inner-shadow-overlay,
      .channel-subscribe-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .user-follow-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .user-follow-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .user-follow-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .user-follow-container .body.has-media .shadow-overlay, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet
        .channel-subscribe-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .channel-subscribe-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .user-follow-container .body.has-media .shadow-overlay,
      .channel-subscribe-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .user-follow-container .body.has-media .shadow-overlay:hover,
        .channel-subscribe-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .user-follow-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .user-follow-container .body.has-media .shadow-overlay:hover .icon-play-circle,
          .channel-subscribe-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .channel-subscribe-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .user-follow-container .body.has-media .shadow-overlay .icon-zoom-in,
        .user-follow-container .body.has-media .shadow-overlay .icon-play-circle,
        .channel-subscribe-container .body.has-media .shadow-overlay .icon-zoom-in,
        .channel-subscribe-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .user-follow-container .body.has-media .shadow-overlay, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .user-follow-container .post-footer, html.breakpoint-phone
  .channel-subscribe-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .user-follow-container .footer-bottom, html.breakpoint-phone
  .channel-subscribe-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .user-follow-container .footer-bottom li, html.breakpoint-phone
    .channel-subscribe-container .footer-bottom li {
      margin-right: 5px; }
  .user-follow-container .post-footer,
  .user-follow-container .post-header,
  .channel-subscribe-container .post-footer,
  .channel-subscribe-container .post-header {
    margin: 0;
    font-size: 12px; }
    .user-follow-container .post-footer .username,
    .user-follow-container .post-header .username,
    .channel-subscribe-container .post-footer .username,
    .channel-subscribe-container .post-header .username {
      font-size: 14px; }
    .user-follow-container .post-footer ul,
    .user-follow-container .post-header ul,
    .channel-subscribe-container .post-footer ul,
    .channel-subscribe-container .post-header ul {
      margin-bottom: 4px; }
      .user-follow-container .post-footer ul li,
      .user-follow-container .post-header ul li,
      .channel-subscribe-container .post-footer ul li,
      .channel-subscribe-container .post-header ul li {
        margin-right: 10px; }
        .user-follow-container .post-footer ul li a,
        .user-follow-container .post-header ul li a,
        .channel-subscribe-container .post-footer ul li a,
        .channel-subscribe-container .post-header ul li a {
          color: #6f7477; }
          .user-follow-container .post-footer ul li a:hover,
          .user-follow-container .post-header ul li a:hover,
          .channel-subscribe-container .post-footer ul li a:hover,
          .channel-subscribe-container .post-header ul li a:hover {
            color: #ce5640; }
          .user-follow-container .post-footer ul li a:hover i,
          .user-follow-container .post-header ul li a:hover i,
          .channel-subscribe-container .post-footer ul li a:hover i,
          .channel-subscribe-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .user-follow-container .post-footer ul li.last,
        .user-follow-container .post-header ul li.last,
        .channel-subscribe-container .post-footer ul li.last,
        .channel-subscribe-container .post-header ul li.last {
          margin-right: 0; }
    .user-follow-container .post-footer .icon-share-alt,
    .user-follow-container .post-header .icon-share-alt,
    .channel-subscribe-container .post-footer .icon-share-alt,
    .channel-subscribe-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .user-follow-container .post-footer i,
    .user-follow-container .post-header i,
    .channel-subscribe-container .post-footer i,
    .channel-subscribe-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .user-follow-container .post-footer .post-source, html.breakpoint-phone
    .user-follow-container .post-header .post-source, html.breakpoint-phone
    .channel-subscribe-container .post-footer .post-source, html.breakpoint-phone
    .channel-subscribe-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .user-follow-container .post-reposted-by,
  .user-follow-container .post-posted-from-place,
  .channel-subscribe-container .post-reposted-by,
  .channel-subscribe-container .post-posted-from-place {
    margin-right: 15px; }
    .user-follow-container .post-reposted-by .reposted-by-text,
    .user-follow-container .post-reposted-by .posted-from-text,
    .user-follow-container .post-reposted-by i,
    .user-follow-container .post-reposted-by a,
    .user-follow-container .post-posted-from-place .reposted-by-text,
    .user-follow-container .post-posted-from-place .posted-from-text,
    .user-follow-container .post-posted-from-place i,
    .user-follow-container .post-posted-from-place a,
    .channel-subscribe-container .post-reposted-by .reposted-by-text,
    .channel-subscribe-container .post-reposted-by .posted-from-text,
    .channel-subscribe-container .post-reposted-by i,
    .channel-subscribe-container .post-reposted-by a,
    .channel-subscribe-container .post-posted-from-place .reposted-by-text,
    .channel-subscribe-container .post-posted-from-place .posted-from-text,
    .channel-subscribe-container .post-posted-from-place i,
    .channel-subscribe-container .post-posted-from-place a {
      color: #b0b3b5; }
    .user-follow-container .post-reposted-by .reposted-by-text,
    .user-follow-container .post-reposted-by .posted-from-text,
    .user-follow-container .post-posted-from-place .reposted-by-text,
    .user-follow-container .post-posted-from-place .posted-from-text,
    .channel-subscribe-container .post-reposted-by .reposted-by-text,
    .channel-subscribe-container .post-reposted-by .posted-from-text,
    .channel-subscribe-container .post-posted-from-place .reposted-by-text,
    .channel-subscribe-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .user-follow-container .show-on-hover,
  .channel-subscribe-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .user-follow-container .show-on-hover, html.breakpoint-tablet .user-follow-container .show-on-hover, html.breakpoint-phone
    .channel-subscribe-container .show-on-hover, html.breakpoint-tablet
    .channel-subscribe-container .show-on-hover {
      opacity: 1; }
    .user-follow-container .show-on-hover.crossposted-from,
    .channel-subscribe-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .user-follow-container .show-on-hover.crossposted-from, html.breakpoint-tablet
      .channel-subscribe-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .user-follow-container .show-on-hover.crossposted-from, html.breakpoint-phone
      .channel-subscribe-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .user-follow-container:hover .show-on-hover,
  .channel-subscribe-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .user-follow-container ul li.stream-marker-button,
  .channel-subscribe-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .user-follow-container ul li.stream-marker-button, html.breakpoint-phone
    .channel-subscribe-container ul li.stream-marker-button {
      right: 50px; }
    .user-follow-container ul li.stream-marker-button a:hover i,
    .channel-subscribe-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .user-follow-container.stream-highlight .stream-marker-button a i,
  .channel-subscribe-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .user-follow-container.stream-highlight .stream-marker-button a:hover,
  .channel-subscribe-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }

.post-stats-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  line-height: 18px;
  color: #524f54;
  padding: 20px 20px 15px 20px;
  color: #6f7477; }
  .post-stats-container > .content {
    margin-left: 90px; }
    .post-stats-container > .content > .media {
      position: absolute;
      left: 20px;
      top: 20px; }
  .post-stats-container.highlight {
    background-color: #ffffef; }
  .post-stats-container.higlight-fade {
    opacity: 0; }
    .post-stats-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .post-stats-container:last-child {
    border-bottom: 0; }
  .post-stats-container .username {
    padding-right: 5px; }
    .post-stats-container .username a {
      color: #333333;
      font-weight: bold; }
      .post-stats-container .username a:hover {
        color: #ce5640; }
  .post-stats-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .post-stats-container .body.follow-body {
      min-height: 57px; }
    .post-stats-container .body .post-text {
      overflow: hidden; }
      .post-stats-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .post-stats-container .body.has-media {
      position: relative;
      position: static; }
      .post-stats-container .body.has-media .content {
        margin-right: 150px; }
        .post-stats-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .post-stats-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .post-stats-container .body.has-media .content {
          margin-right: 60px; }
      .post-stats-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .post-stats-container .body.has-media .media, html.breakpoint-tablet .post-stats-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .post-stats-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .post-stats-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .post-stats-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .post-stats-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .post-stats-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .post-stats-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .post-stats-container .body.has-media .shadow-overlay,
      .post-stats-container .body.has-media .icon-zoom-in,
      .post-stats-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .post-stats-container .body.has-media .inner-shadow-overlay,
      .post-stats-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .post-stats-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .post-stats-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .post-stats-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .post-stats-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .post-stats-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .post-stats-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .post-stats-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .post-stats-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .post-stats-container .body.has-media .shadow-overlay .icon-zoom-in,
        .post-stats-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .post-stats-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .post-stats-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .post-stats-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .post-stats-container .footer-bottom li {
      margin-right: 5px; }
  .post-stats-container .post-footer,
  .post-stats-container .post-header {
    margin: 0;
    font-size: 12px; }
    .post-stats-container .post-footer .username,
    .post-stats-container .post-header .username {
      font-size: 14px; }
    .post-stats-container .post-footer ul,
    .post-stats-container .post-header ul {
      margin-bottom: 4px; }
      .post-stats-container .post-footer ul li,
      .post-stats-container .post-header ul li {
        margin-right: 10px; }
        .post-stats-container .post-footer ul li a,
        .post-stats-container .post-header ul li a {
          color: #6f7477; }
          .post-stats-container .post-footer ul li a:hover,
          .post-stats-container .post-header ul li a:hover {
            color: #ce5640; }
          .post-stats-container .post-footer ul li a:hover i,
          .post-stats-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .post-stats-container .post-footer ul li.last,
        .post-stats-container .post-header ul li.last {
          margin-right: 0; }
    .post-stats-container .post-footer .icon-share-alt,
    .post-stats-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .post-stats-container .post-footer i,
    .post-stats-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .post-stats-container .post-footer .post-source, html.breakpoint-phone
    .post-stats-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .post-stats-container .post-reposted-by,
  .post-stats-container .post-posted-from-place {
    margin-right: 15px; }
    .post-stats-container .post-reposted-by .reposted-by-text,
    .post-stats-container .post-reposted-by .posted-from-text,
    .post-stats-container .post-reposted-by i,
    .post-stats-container .post-reposted-by a,
    .post-stats-container .post-posted-from-place .reposted-by-text,
    .post-stats-container .post-posted-from-place .posted-from-text,
    .post-stats-container .post-posted-from-place i,
    .post-stats-container .post-posted-from-place a {
      color: #b0b3b5; }
    .post-stats-container .post-reposted-by .reposted-by-text,
    .post-stats-container .post-reposted-by .posted-from-text,
    .post-stats-container .post-posted-from-place .reposted-by-text,
    .post-stats-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .post-stats-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .post-stats-container .show-on-hover, html.breakpoint-tablet .post-stats-container .show-on-hover {
      opacity: 1; }
    .post-stats-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .post-stats-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .post-stats-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .post-stats-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .post-stats-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .post-stats-container ul li.stream-marker-button {
      right: 50px; }
    .post-stats-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .post-stats-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .post-stats-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }
  .post-stats-container .reposts,
  .post-stats-container .replies,
  .post-stats-container .stars {
    display: inline-block;
    margin-right: 10px;
    font-size: 10px; }
    .post-stats-container .reposts strong,
    .post-stats-container .replies strong,
    .post-stats-container .stars strong {
      font-size: 20px;
      color: #4a484c; }
    .post-stats-container .reposts p,
    .post-stats-container .replies p,
    .post-stats-container .stars p {
      margin: -5px 0 0; }
  .post-stats-container .stars a,
  .post-stats-container .reposts a {
    color: #6f7477; }
    .post-stats-container .stars a:hover, .post-stats-container .stars a:hover strong,
    .post-stats-container .reposts a:hover,
    .post-stats-container .reposts a:hover strong {
      color: #ce5640; }
  .post-stats-container .facepile {
    margin-left: 10px; }
    .post-stats-container .facepile ul {
      list-style-type: none;
      margin: 0; }
      .post-stats-container .facepile ul li.facepile-avatar {
        display: inline-block;
        margin-right: 3px; }

.channel-subscribe-container {
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd;
  position: relative;
  line-height: 18px;
  color: #524f54;
  padding: 15px 15px 5px 15px; }
  .channel-subscribe-container > .content {
    margin-left: 67px; }
    .channel-subscribe-container > .content > .media {
      position: absolute;
      left: 15px;
      top: 15px; }
  .channel-subscribe-container.highlight {
    background-color: #ffffef; }
  .channel-subscribe-container.higlight-fade {
    opacity: 0; }
    .channel-subscribe-container.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .channel-subscribe-container:last-child {
    border-bottom: 0; }
  .channel-subscribe-container .username {
    padding-right: 5px; }
    .channel-subscribe-container .username a {
      color: #333333;
      font-weight: bold; }
      .channel-subscribe-container .username a:hover {
        color: #ce5640; }
  .channel-subscribe-container .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .channel-subscribe-container .body.follow-body {
      min-height: 57px; }
    .channel-subscribe-container .body .post-text {
      overflow: hidden; }
      .channel-subscribe-container .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .channel-subscribe-container .body.has-media {
      position: relative;
      position: static; }
      .channel-subscribe-container .body.has-media .content {
        margin-right: 150px; }
        .channel-subscribe-container .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .channel-subscribe-container .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .content {
          margin-right: 60px; }
      .channel-subscribe-container .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .media, html.breakpoint-tablet .channel-subscribe-container .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .channel-subscribe-container .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .channel-subscribe-container .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .channel-subscribe-container .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .channel-subscribe-container .body.has-media .shadow-overlay,
      .channel-subscribe-container .body.has-media .icon-zoom-in,
      .channel-subscribe-container .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .channel-subscribe-container .body.has-media .inner-shadow-overlay,
      .channel-subscribe-container .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .channel-subscribe-container .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .channel-subscribe-container .body.has-media .shadow-overlay, html.breakpoint-tablet
        .channel-subscribe-container .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .channel-subscribe-container .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .channel-subscribe-container .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .channel-subscribe-container .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .channel-subscribe-container .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .channel-subscribe-container .body.has-media .shadow-overlay .icon-zoom-in,
        .channel-subscribe-container .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .channel-subscribe-container .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .channel-subscribe-container .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .channel-subscribe-container .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .channel-subscribe-container .footer-bottom li {
      margin-right: 5px; }
  .channel-subscribe-container .post-footer,
  .channel-subscribe-container .post-header {
    margin: 0;
    font-size: 12px; }
    .channel-subscribe-container .post-footer .username,
    .channel-subscribe-container .post-header .username {
      font-size: 14px; }
    .channel-subscribe-container .post-footer ul,
    .channel-subscribe-container .post-header ul {
      margin-bottom: 4px; }
      .channel-subscribe-container .post-footer ul li,
      .channel-subscribe-container .post-header ul li {
        margin-right: 10px; }
        .channel-subscribe-container .post-footer ul li a,
        .channel-subscribe-container .post-header ul li a {
          color: #6f7477; }
          .channel-subscribe-container .post-footer ul li a:hover,
          .channel-subscribe-container .post-header ul li a:hover {
            color: #ce5640; }
          .channel-subscribe-container .post-footer ul li a:hover i,
          .channel-subscribe-container .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .channel-subscribe-container .post-footer ul li.last,
        .channel-subscribe-container .post-header ul li.last {
          margin-right: 0; }
    .channel-subscribe-container .post-footer .icon-share-alt,
    .channel-subscribe-container .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .channel-subscribe-container .post-footer i,
    .channel-subscribe-container .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .channel-subscribe-container .post-footer .post-source, html.breakpoint-phone
    .channel-subscribe-container .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .channel-subscribe-container .post-reposted-by,
  .channel-subscribe-container .post-posted-from-place {
    margin-right: 15px; }
    .channel-subscribe-container .post-reposted-by .reposted-by-text,
    .channel-subscribe-container .post-reposted-by .posted-from-text,
    .channel-subscribe-container .post-reposted-by i,
    .channel-subscribe-container .post-reposted-by a,
    .channel-subscribe-container .post-posted-from-place .reposted-by-text,
    .channel-subscribe-container .post-posted-from-place .posted-from-text,
    .channel-subscribe-container .post-posted-from-place i,
    .channel-subscribe-container .post-posted-from-place a {
      color: #b0b3b5; }
    .channel-subscribe-container .post-reposted-by .reposted-by-text,
    .channel-subscribe-container .post-reposted-by .posted-from-text,
    .channel-subscribe-container .post-posted-from-place .reposted-by-text,
    .channel-subscribe-container .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .channel-subscribe-container .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .channel-subscribe-container .show-on-hover, html.breakpoint-tablet .channel-subscribe-container .show-on-hover {
      opacity: 1; }
    .channel-subscribe-container .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .channel-subscribe-container .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .channel-subscribe-container .show-on-hover.crossposted-from {
        max-width: 150px; }
  .channel-subscribe-container:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .channel-subscribe-container ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .channel-subscribe-container ul li.stream-marker-button {
      right: 50px; }
    .channel-subscribe-container ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .channel-subscribe-container.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .channel-subscribe-container.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }
  .channel-subscribe-container > .content {
    min-height: 110px; }
  .channel-subscribe-container .channel .channel-title {
    display: block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4a484c;
    font-weight: normal;
    font-size: 18px;
    line-height: normal; }
  .channel-subscribe-container .byline-frequency {
    font-size: 15px; }

.channel-subscribe-header {
  position: relative;
  line-height: 18px;
  color: #524f54; }
  .channel-subscribe-header > .content {
    margin-left: 110px; }
    .channel-subscribe-header > .content > .media {
      position: absolute;
      left: 0;
      top: 0; }
  .channel-subscribe-header.highlight {
    background-color: #ffffef; }
  .channel-subscribe-header.higlight-fade {
    opacity: 0; }
    .channel-subscribe-header.higlight-fade.higlight-fade-in {
      opacity: 1;
      -webkit-transition: opacity 1s ease-in;
      -moz-transition: opacity 1s ease-in;
      -ms-transition: opacity 1s ease-in;
      -o-transition: opacity 1s ease-in;
      transition: opacity 1s ease-in; }
  .channel-subscribe-header:last-child {
    border-bottom: 0; }
  .channel-subscribe-header .username {
    padding-right: 5px; }
    .channel-subscribe-header .username a {
      color: #333333;
      font-weight: bold; }
      .channel-subscribe-header .username a:hover {
        color: #ce5640; }
  .channel-subscribe-header .body {
    margin-bottom: 10px;
    min-height: 39px; }
    .channel-subscribe-header .body.follow-body {
      min-height: 57px; }
    .channel-subscribe-header .body .post-text {
      overflow: hidden; }
      .channel-subscribe-header .body .post-text.user-description-block .user-description-block-inner {
        padding-right: 5%; }
    .channel-subscribe-header .body.has-media {
      position: relative;
      position: static; }
      .channel-subscribe-header .body.has-media .content {
        margin-right: 150px; }
        .channel-subscribe-header .body.has-media .content .media {
          position: absolute;
          right: 60px;
          top: 15px; }
      .channel-subscribe-header .body.has-media .content {
        min-height: 100px;
        margin-left: 0; }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .content {
          margin-right: 60px; }
      .channel-subscribe-header .body.has-media .media {
        left: auto;
        padding: 4px;
        border: 1px solid #dddddd;
        background-color: white;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 2px 0 rgba(0, 0, 0, 0.05); }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .media, html.breakpoint-tablet .channel-subscribe-header .body.has-media .media {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .media {
          padding: 2px; }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .media {
          top: 35px;
          right: 11px;
          left: auto; }
      .channel-subscribe-header .body.has-media .post-media {
        position: relative;
        background-color: white; }
        .channel-subscribe-header .body.has-media .post-media img {
          display: block; }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .post-media {
          border: 0; }
          html.breakpoint-phone .channel-subscribe-header .body.has-media .post-media img {
            width: 40px;
            height: auto; }
      .channel-subscribe-header .body.has-media .shadow-overlay,
      .channel-subscribe-header .body.has-media .icon-zoom-in,
      .channel-subscribe-header .body.has-media .icon-play-circle {
        -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
        -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
        -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
        -o-transition: background-color 0.2s linear, opacity 0.2s linear;
        transition: background-color 0.2s linear, opacity 0.2s linear; }
      .channel-subscribe-header .body.has-media .inner-shadow-overlay,
      .channel-subscribe-header .body.has-media .shadow-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .inner-shadow-overlay, html.breakpoint-tablet .channel-subscribe-header .body.has-media .inner-shadow-overlay, html.breakpoint-phone
        .channel-subscribe-header .body.has-media .shadow-overlay, html.breakpoint-tablet
        .channel-subscribe-header .body.has-media .shadow-overlay {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      .channel-subscribe-header .body.has-media .shadow-overlay {
        z-index: 2;
        cursor: pointer; }
        .channel-subscribe-header .body.has-media .shadow-overlay:hover {
          background-color: rgba(0, 0, 0, 0.6);
          -webkit-transition: background-color 0.15s linear, opacity 0.15s linear;
          -moz-transition: background-color 0.15s linear, opacity 0.15s linear;
          -ms-transition: background-color 0.15s linear, opacity 0.15s linear;
          -o-transition: background-color 0.15s linear, opacity 0.15s linear;
          transition: background-color 0.15s linear, opacity 0.15s linear; }
          .channel-subscribe-header .body.has-media .shadow-overlay:hover .icon-zoom-in,
          .channel-subscribe-header .body.has-media .shadow-overlay:hover .icon-play-circle {
            opacity: 1;
            filter: alpha(opacity=100); }
        .channel-subscribe-header .body.has-media .shadow-overlay .icon-zoom-in,
        .channel-subscribe-header .body.has-media .shadow-overlay .icon-play-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -18px 0 0 -16px;
          font-size: 34px;
          color: rgba(255, 255, 255, 0.45);
          opacity: 0;
          filter: alpha(opacity=0); }
        html.breakpoint-phone .channel-subscribe-header .body.has-media .shadow-overlay {
          opacity: 0;
          filter: alpha(opacity=0); }
  html.breakpoint-phone .channel-subscribe-header .post-footer {
    font-size: 9px; }
  html.breakpoint-phone .channel-subscribe-header .footer-bottom {
    margin-bottom: 0; }
    html.breakpoint-phone .channel-subscribe-header .footer-bottom li {
      margin-right: 5px; }
  .channel-subscribe-header .post-footer,
  .channel-subscribe-header .post-header {
    margin: 0;
    font-size: 12px; }
    .channel-subscribe-header .post-footer .username,
    .channel-subscribe-header .post-header .username {
      font-size: 14px; }
    .channel-subscribe-header .post-footer ul,
    .channel-subscribe-header .post-header ul {
      margin-bottom: 4px; }
      .channel-subscribe-header .post-footer ul li,
      .channel-subscribe-header .post-header ul li {
        margin-right: 10px; }
        .channel-subscribe-header .post-footer ul li a,
        .channel-subscribe-header .post-header ul li a {
          color: #6f7477; }
          .channel-subscribe-header .post-footer ul li a:hover,
          .channel-subscribe-header .post-header ul li a:hover {
            color: #ce5640; }
          .channel-subscribe-header .post-footer ul li a:hover i,
          .channel-subscribe-header .post-header ul li a:hover i {
            -webkit-transition: color 0.15s linear;
            -moz-transition: color 0.15s linear;
            -ms-transition: color 0.15s linear;
            -o-transition: color 0.15s linear;
            transition: color 0.15s linear;
            color: #8a878d; }
        .channel-subscribe-header .post-footer ul li.last,
        .channel-subscribe-header .post-header ul li.last {
          margin-right: 0; }
    .channel-subscribe-header .post-footer .icon-share-alt,
    .channel-subscribe-header .post-header .icon-share-alt {
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .channel-subscribe-header .post-footer i,
    .channel-subscribe-header .post-header i {
      color: #b0b3b5;
      -webkit-transition: color 0.2s linear;
      -moz-transition: color 0.2s linear;
      -ms-transition: color 0.2s linear;
      -o-transition: color 0.2s linear;
      transition: color 0.2s linear; }
    html.breakpoint-phone .channel-subscribe-header .post-footer .post-source, html.breakpoint-phone
    .channel-subscribe-header .post-header .post-source {
      max-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .channel-subscribe-header .post-reposted-by,
  .channel-subscribe-header .post-posted-from-place {
    margin-right: 15px; }
    .channel-subscribe-header .post-reposted-by .reposted-by-text,
    .channel-subscribe-header .post-reposted-by .posted-from-text,
    .channel-subscribe-header .post-reposted-by i,
    .channel-subscribe-header .post-reposted-by a,
    .channel-subscribe-header .post-posted-from-place .reposted-by-text,
    .channel-subscribe-header .post-posted-from-place .posted-from-text,
    .channel-subscribe-header .post-posted-from-place i,
    .channel-subscribe-header .post-posted-from-place a {
      color: #b0b3b5; }
    .channel-subscribe-header .post-reposted-by .reposted-by-text,
    .channel-subscribe-header .post-reposted-by .posted-from-text,
    .channel-subscribe-header .post-posted-from-place .reposted-by-text,
    .channel-subscribe-header .post-posted-from-place .posted-from-text {
      margin-left: 1px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
  .channel-subscribe-header .show-on-hover {
    opacity: 0; }
    html.breakpoint-phone .channel-subscribe-header .show-on-hover, html.breakpoint-tablet .channel-subscribe-header .show-on-hover {
      opacity: 1; }
    .channel-subscribe-header .show-on-hover.crossposted-from {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 250px; }
      html.breakpoint-tablet .channel-subscribe-header .show-on-hover.crossposted-from {
        max-width: 90px; }
      html.breakpoint-phone .channel-subscribe-header .show-on-hover.crossposted-from {
        max-width: 150px; }
  .channel-subscribe-header:hover .show-on-hover {
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
  .channel-subscribe-header ul li.stream-marker-button {
    position: absolute;
    right: 8px;
    top: -2px;
    font-size: 18px; }
    html.breakpoint-phone .channel-subscribe-header ul li.stream-marker-button {
      right: 50px; }
    .channel-subscribe-header ul li.stream-marker-button a:hover i {
      opacity: 1;
      color: #d44646; }
  .channel-subscribe-header.stream-highlight .stream-marker-button a i {
    opacity: 1;
    color: #d44646; }
  .channel-subscribe-header.stream-highlight .stream-marker-button a:hover {
    cursor: pointer; }
  .channel-subscribe-header > .content {
    min-height: 110px; }

.related-broadcasts-modal-header,
.subscribe-popup-header {
  margin: -9px -15px -9px -15px;
  padding: 15px; }
  .related-broadcasts-modal-header h4,
  .subscribe-popup-header h4 {
    font-size: 18px;
    display: inline-block;
    color: #4a484c;
    margin: 0;
    padding: 0;
    line-height: normal;
    max-width: 500px; }
    html.breakpoint-phone .related-broadcasts-modal-header h4, html.breakpoint-phone
    .subscribe-popup-header h4 {
      font-size: 14px;
      max-width: 250px; }
  .related-broadcasts-modal-header .close,
  .subscribe-popup-header .close {
    margin-top: 0; }

.related-broadcasts-body {
  margin-left: -15px;
  margin-right: -15px; }
  .related-broadcasts-body .channel-subscribe-container {
    border-bottom-color: #eeeeee; }
  .related-broadcasts-body .related-broadcasts-body-inner {
    padding: 15px;
    padding-top: 0;
    border-bottom: 1px solid #eeeeee; }
  html.breakpoint-phone .related-broadcasts-body .channel-description-block,
  html.breakpoint-phone .related-broadcasts-body .channel-description-block + div {
    width: 100%;
    text-align: left; }

html.breakpoint-phone .modal.promote-related-broadcasts .modal-body {
  max-height: 170px; }

.related-broadcasts-button,
.subscribe-popup-button {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.directory-app-list {
  border: 1px solid #dddddd; }

.backfill-container {
  padding: 1em 0 1em 0;
  text-align: left;
  background-color: white;
  border-bottom: 1px solid #dddddd; }
  .backfill-container .content {
    font-size: 20px; }
    .backfill-container .content i {
      font-size: 25px;
      color: #b0b3b5; }
    .backfill-container .content span.text {
      padding-left: 10px;
      color: #898d90; }
    .backfill-container .content a {
      color: #333333; }
    .backfill-container .content span.loading-spinner {
      display: block;
      margin: 0px auto 10px;
      background-image: url("/static/palama/images/loader.gif") !important;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: 9999;
      color: #fff;
      min-width: 32px;
      min-height: 32px; }

.introduction-container {
  font-size: 15px;
  padding: 15px;
  text-align: center;
  position: relative;
  background-image: none;
  background-color: white; }
  .introduction-container .close {
    top: 10px;
    right: 10px;
    position: absolute;
    color: black;
    display: inline-block;
    width: 15px;
    height: 15px; }
    .introduction-container .close span.text {
      display: inline-block;
      text-indent: -9999em;
      width: 0; }

.popover.top .arrow {
  border-top-color: #555555;
  border-top-color: rgba(0, 0, 0, 0.5); }
.popover.right .arrow {
  border-right-color: #555555;
  border-right-color: rgba(0, 0, 0, 0.5); }
.popover.left .arrow {
  border-left-color: #555555;
  border-left-color: rgba(0, 0, 0, 0.5); }
.popover.bottom .arrow {
  border-bottom-color: #555555;
  border-bottom-color: rgba(0, 0, 0, 0.5); }
.popover .popover-inner {
  background: #555555;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
  html.breakpoint-phone .popover .popover-inner, html.breakpoint-tablet .popover .popover-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

html.breakpoint-widescreen .post-container.interaction,
html.breakpoint-tablet .post-container.interaction {
  padding: 15px; }
  html.breakpoint-widescreen .post-container.interaction i,
  html.breakpoint-tablet .post-container.interaction i {
    color: #b0b3b5;
    margin-right: 5px; }
  html.breakpoint-widescreen .post-container.interaction .interaction-facepile,
  html.breakpoint-tablet .post-container.interaction .interaction-facepile {
    width: 40px;
    padding-top: 5px;
    padding-right: 5px; }
  html.breakpoint-widescreen .post-container.interaction .interaction-facepiles,
  html.breakpoint-tablet .post-container.interaction .interaction-facepiles {
    padding-top: 10px;
    padding-left: 19px; }
  html.breakpoint-widescreen .post-container.interaction .timestamp,
  html.breakpoint-tablet .post-container.interaction .timestamp {
    color: #898d90; }
    html.breakpoint-widescreen .post-container.interaction .timestamp i,
    html.breakpoint-tablet .post-container.interaction .timestamp i {
      margin-right: 0; }
html.breakpoint-widescreen .post-container .body,
html.breakpoint-tablet .post-container .body {
  padding-right: 35px; }
html.breakpoint-widescreen .post-container .post-header,
html.breakpoint-tablet .post-container .post-header {
  position: relative; }
  html.breakpoint-widescreen .post-container .post-header ul,
  html.breakpoint-tablet .post-container .post-header ul {
    position: absolute;
    right: 0;
    top: 6px; }
    html.breakpoint-widescreen .post-container .post-header ul li,
    html.breakpoint-widescreen .post-container .post-header ul li:last-child,
    html.breakpoint-tablet .post-container .post-header ul li,
    html.breakpoint-tablet .post-container .post-header ul li:last-child {
      display: block;
      margin-right: 0; }
      html.breakpoint-widescreen .post-container .post-header ul li.repost,
      html.breakpoint-widescreen .post-container .post-header ul li:last-child.repost,
      html.breakpoint-tablet .post-container .post-header ul li.repost,
      html.breakpoint-tablet .post-container .post-header ul li:last-child.repost {
        margin-top: 5px; }
      html.breakpoint-widescreen .post-container .post-header ul li a i,
      html.breakpoint-widescreen .post-container .post-header ul li:last-child a i,
      html.breakpoint-tablet .post-container .post-header ul li a i,
      html.breakpoint-tablet .post-container .post-header ul li:last-child a i {
        font-size: 200%;
        color: #b0b3b5; }
      html.breakpoint-widescreen .post-container .post-header ul li a i.icon-repost.reposted,
      html.breakpoint-widescreen .post-container .post-header ul li a i.icon-star, html.breakpoint-widescreen .post-container .post-header ul li a:hover i,
      html.breakpoint-widescreen .post-container .post-header ul li:last-child a i.icon-repost.reposted,
      html.breakpoint-widescreen .post-container .post-header ul li:last-child a i.icon-star,
      html.breakpoint-widescreen .post-container .post-header ul li:last-child a:hover i,
      html.breakpoint-tablet .post-container .post-header ul li a i.icon-repost.reposted,
      html.breakpoint-tablet .post-container .post-header ul li a i.icon-star,
      html.breakpoint-tablet .post-container .post-header ul li a:hover i,
      html.breakpoint-tablet .post-container .post-header ul li:last-child a i.icon-repost.reposted,
      html.breakpoint-tablet .post-container .post-header ul li:last-child a i.icon-star,
      html.breakpoint-tablet .post-container .post-header ul li:last-child a:hover i {
        color: #d36854; }

.reply-to {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  border: 0;
  margin-top: 10px; }
  html.breakpoint-phone .reply-to, html.breakpoint-tablet .reply-to {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.in-reply-to ul.fixed-right,
.reply-to ul.fixed-right {
  display: none; }
  html.breakpoint-phone .in-reply-to ul.fixed-right, html.breakpoint-phone
  .reply-to ul.fixed-right {
    display: block; }

.post-detail-view .post-footer .post-source {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.alert-floating {
  position: absolute;
  top: -108px;
  width: 252px;
  margin-left: -120px;
  left: 50%;
  text-align: center;
  padding-left: 14px;
  padding-right: 14px; }

.single-post {
  margin-bottom: 20px;
  margin-top: 20px; }

.single-post-container {
  padding: 20px;
  position: relative; }
  .single-post-container > .content {
    margin-left: 90px; }
    .single-post-container > .content > .media {
      position: absolute;
      left: 20px;
      top: 20px; }
  html.breakpoint-phone .single-post-container {
    position: relative; }
    html.breakpoint-phone .single-post-container > .content {
      margin-left: 67px; }
      html.breakpoint-phone .single-post-container > .content > .media {
        position: absolute;
        left: 15px;
        top: 15px; }
    html.breakpoint-phone .single-post-container .avatar.large {
      width: 57px;
      height: 57px;
      background-size: 57px 57px; }
  .single-post-container p {
    min-height: 35px; }
  .single-post-container .username {
    color: #4a484c; }

.post-container.deleted .content,
.single-post-container.deleted .content {
  opacity: .2; }
.post-container [class^="icon-"],
.post-container [class*=" icon-"],
.single-post-container [class^="icon-"],
.single-post-container [class*=" icon-"] {
  color: #b0b3b5; }

.user-container {
  position: relative; }
  .user-container > .content {
    margin-left: 95px; }
    .user-container > .content > .media {
      position: absolute;
      left: 0;
      top: -14px; }
  html.breakpoint-phone .user-container .media {
    top: -23px; }
  .user-container h1 {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%; }
    html.breakpoint-phone .user-container h1 {
      font-size: 18px; }
  .user-container small {
    font-size: 12px;
    color: #898d90;
    max-width: 150px;
    margin-left: 3px; }
    html.breakpoint-phone .user-container small {
      display: block;
      margin-left: 0; }
  .user-container .username {
    color: #4a484c; }
  .user-container .verified {
    cursor: inherit; }
    .user-container .verified .text {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .user-container .rss-link-container {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0; }
    .user-container .rss-link-container li {
      font-size: 13px;
      display: inline-block;
      margin-left: 3px; }
      .user-container .rss-link-container li:first-child {
        margin-left: 0; }
      .user-container .rss-link-container li i {
        margin-right: 2px; }

.rss-link:hover {
  color: #ce5640; }
.rss-link:hover i {
  color: #8a878d; }
.rss-link i {
  color: #b0b3b5;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1); }

.hero-unit {
  position: relative;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  word-wrap: break-word;
  margin-bottom: 19px; }
  .hero-unit.explore .alpha-heading {
    margin-left: 0; }
    html.breakpoint-phone .hero-unit.explore .alpha-heading {
      margin-left: -5px;
      margin-bottom: -5px;
      font-size: 22px; }
  .hero-unit .alpha-heading {
    max-width: 600px;
    margin: 0 10px 0 38px;
    line-height: 30px; }
    html.breakpoint-phone .hero-unit .alpha-heading {
      line-height: normal;
      font-size: 14px;
      margin-left: 31px;
      margin-top: 6px; }
    .hero-unit .alpha-heading.search {
      color: #7c8084; }
      .hero-unit .alpha-heading.search .query {
        color: #4a484c; }
  .hero-unit p {
    margin: 0; }
  .hero-unit .alpha-heading-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background-color: #d36854;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px; }
    .hero-unit .alpha-heading-icon:hover {
      background-color: #d36854; }
    .hero-unit .alpha-heading-icon p,
    .hero-unit .alpha-heading-icon i {
      margin: 0;
      color: white;
      font-size: 18px;
      line-height: 28px; }
    .hero-unit .alpha-heading-icon i {
      font-size: 14px; }
    html.breakpoint-phone .hero-unit .alpha-heading-icon {
      left: 5px; }
  .hero-unit .info-right {
    display: block;
    margin-top: 7px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: normal; }
    html.breakpoint-phone .hero-unit .info-right {
      font-size: 14px; }
  html.breakpoint-phone .hero-unit.collapse-right .alpha-heading {
    position: relative;
    top: 6px; }
  html.breakpoint-phone .hero-unit.collapse-right .info-right {
    text-align: left;
    margin-top: 20px; }

.avatar {
  display: block;
  width: 57px;
  height: 57px;
  background-size: 57px 57px; }
  .avatar.large {
    width: 80px;
    height: 80px;
    background-size: 80px 80px; }
  .avatar.x-large {
    width: 100px;
    height: 100px;
    background-size: 100px 100px; }
  .avatar.small {
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }
  .avatar.facepile-size {
    margin: 0 3px 0 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px; }

.cover {
  background-position: center;
  background-color: #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dddddd;
  border-top: 0;
  border-bottom: 0;
  padding-top: 165px;
  color: white;
  margin-bottom: 0; }

.user-profile-bottom {
  background-color: white;
  border: 1px solid #dddddd;
  min-height: 50px;
  padding-top: 0; }
  .user-profile-bottom h1 {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 32px;
    line-height: normal;
    font-weight: normal; }
  .user-profile-bottom .verified {
    border-bottom: 0;
    padding-bottom: 0; }
    html.breakpoint-phone .user-profile-bottom .verified {
      padding-top: 8px; }
  .user-profile-bottom .form-flexible textarea {
    min-height: 100px; }
  .user-profile-bottom form {
    margin-bottom: -10px; }
  .user-profile-bottom .padding-left {
    margin-left: 20px; }
  .user-profile-bottom .user-description fieldset textarea {
    padding: 10px;
    color: #999999; }
    .user-profile-bottom .user-description fieldset textarea:focus {
      color: #555555; }

.user-profile {
  margin-top: -30px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .user-profile, html.breakpoint-tablet .user-profile {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html.breakpoint-phone .user-profile {
    margin-top: 30px; }
  .user-profile .user-btn-block form {
    margin: 0; }
  .user-profile .user-btn-block .mute-help .text-muted {
    display: none; }
  .user-profile .user-btn-block .mute-help.muted .text-muted, .user-profile .user-btn-block body .mute-help.note-style .text-muted, body .user-profile .user-btn-block .mute-help.note-style .text-muted {
    display: inline-block;
    color: #898d90; }
  .user-profile .user-btn-block .block-help .text-blocked {
    display: none; }
  .user-profile .user-btn-block .block-help.blocked .text-blocked {
    display: inline-block;
    color: #898d90; }
  .user-profile .user-btn-block .user-preferences-dropdown-block {
    display: inline-block;
    position: relative;
    margin-right: 5px; }
    .user-profile .user-btn-block .user-preferences-dropdown-block:hover .user-preferences-dropdown, .user-profile .user-btn-block .user-preferences-dropdown-block.open .user-preferences-dropdown {
      background-color: #fbfbfb;
      -webkit-transition: background-color 0.15s linear;
      -moz-transition: background-color 0.15s linear;
      -ms-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear; }
      .user-profile .user-btn-block .user-preferences-dropdown-block:hover .user-preferences-dropdown i, .user-profile .user-btn-block .user-preferences-dropdown-block.open .user-preferences-dropdown i {
        color: #6f7477; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .user-preferences-dropdown {
      width: 50px;
      padding: 6px 0 6px 0;
      color: #898d90;
      background-color: white;
      border: 1px solid #dddddd;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
      .user-profile .user-btn-block .user-preferences-dropdown-block .user-preferences-dropdown:focus {
        outline: transparent; }
      .user-profile .user-btn-block .user-preferences-dropdown-block .user-preferences-dropdown i {
        vertical-align: middle;
        line-height: normal;
        color: #b0b3b5; }
        .user-profile .user-btn-block .user-preferences-dropdown-block .user-preferences-dropdown i.icon-cog {
          font-size: 15px; }
        .user-profile .user-btn-block .user-preferences-dropdown-block .user-preferences-dropdown i.icon-chevron-down {
          font-size: 10px; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu {
      margin-top: -1px;
      padding: 0;
      left: inherit;
      right: 0;
      min-width: 100px;
      z-index: 1049; }
      .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu a {
        padding: 0 15px 0 15px;
        height: 34px;
        line-height: 34px;
        white-space: nowrap;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -ms-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear; }
        .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu a:hover {
          background-color: #ededed;
          -webkit-transition: background-color 0.15s linear;
          -moz-transition: background-color 0.15s linear;
          -ms-transition: background-color 0.15s linear;
          -o-transition: background-color 0.15s linear;
          transition: background-color 0.15s linear; }
      .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu .username {
        color: #d87a68; }
      html.breakpoint-phone .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu {
        min-width: 50px; }
        html.breakpoint-phone .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu a,
        html.breakpoint-phone .user-profile .user-btn-block .user-preferences-dropdown-block .dropdown-menu button {
          text-align: center;
          padding: 0 5px 0 5px; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .mute-btn .text-unmute {
      display: none; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .mute-btn.muted .text-mute, .user-profile .user-btn-block .user-preferences-dropdown-block body .mute-btn.note-style .text-mute, body .user-profile .user-btn-block .user-preferences-dropdown-block .mute-btn.note-style .text-mute {
      display: none; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .mute-btn.muted .text-unmute, .user-profile .user-btn-block .user-preferences-dropdown-block body .mute-btn.note-style .text-unmute, body .user-profile .user-btn-block .user-preferences-dropdown-block .mute-btn.note-style .text-unmute {
      display: inline-block; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .block-btn .text-unblock {
      display: none; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .block-btn.blocked .text-block {
      display: none; }
    .user-profile .user-btn-block .user-preferences-dropdown-block .block-btn.blocked .text-unblock {
      display: inline-block; }

html.breakpoint-phone .nav.header .logo {
  left: 28px; }

.sidebar {
  border: 0; }
  .sidebar .sidebar-fixed-part {
    width: 270px; }
    html.breakpoint-tablet .sidebar .sidebar-fixed-part {
      width: 100%; }
      html.breakpoint-tablet .sidebar .sidebar-fixed-part.stuck {
        width: 25%; }
    html.breakpoint-phone .sidebar .sidebar-fixed-part {
      width: 100%; }
  html.breakpoint-widescreen .sidebar .sidebar-fixed-part.stuck, html.breakpoint-tablet .sidebar .sidebar-fixed-part.stuck {
    position: fixed;
    top: 0;
    overflow: hidden;
    padding-top: 20px; }
  html.breakpoint-widescreen .sidebar .sidebar-fixed-part .fixed-part-inside, html.breakpoint-tablet .sidebar .sidebar-fixed-part .fixed-part-inside {
    padding-bottom: 50px; }
  html.breakpoint-widescreen .user-unauthenticated .sidebar .sidebar-fixed-part.stuck, html.breakpoint-tablet .user-unauthenticated .sidebar .sidebar-fixed-part.stuck {
    top: 90px; }
  .sidebar .nav-list i {
    line-height: normal; }
  .sidebar .nav-list .badge {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    background-color: #c02d2d;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }
    html.breakpoint-phone .sidebar .nav-list .badge, html.breakpoint-tablet .sidebar .nav-list .badge {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  html.breakpoint-height_small.breakpoint-widescreen .sidebar .nav-list.alerts, html.breakpoint-height_small.breakpoint-tablet .sidebar .nav-list.alerts {
    padding-top: 0; }
  html.breakpoint-height_mini.breakpoint-widescreen .sidebar .nav-list.alerts, html.breakpoint-height_mini.breakpoint-tablet .sidebar .nav-list.alerts {
    padding-top: 0;
    padding-bottom: 0; }
    html.breakpoint-height_mini.breakpoint-widescreen .sidebar .nav-list.alerts .alert, html.breakpoint-height_mini.breakpoint-tablet .sidebar .nav-list.alerts .alert {
      padding-top: 3px;
      padding-bottom: 3px; }
  html.breakpoint-phone .sidebar .dropdown {
    position: static; }
    html.breakpoint-phone .sidebar .dropdown .dropdown-toggle {
      position: absolute;
      top: 0;
      left: 0;
      height: 44px;
      width: 30px;
      border-right: 1px solid #eeeeee; }
  .sidebar .dropdown.open .nav-list {
    display: block !important; }
  .sidebar .fixed-bottom {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 12px;
    position: fixed;
    bottom: 0;
    background-color: #f9f9f9; }
    .sidebar .fixed-bottom a:hover,
    .sidebar .fixed-bottom .fake-link:hover {
      color: #ce5640; }

footer {
  margin-top: 50px; }

.follow-details {
  text-align: right; }
  .follow-details hr {
    width: 50%;
    margin: 2px 0 10px 50%;
    border: 0;
    border-bottom: 1px solid #eeeeee; }
  .follow-details .follow-to,
  .follow-details .follow-from,
  .follow-details .stars-from {
    margin-bottom: 5px; }
    .follow-details .follow-to a,
    .follow-details .follow-from a,
    .follow-details .stars-from a {
      color: #898d90; }
      .follow-details .follow-to a strong,
      .follow-details .follow-from a strong,
      .follow-details .stars-from a strong {
        color: #6f7477; }
      .follow-details .follow-to a:hover,
      .follow-details .follow-from a:hover,
      .follow-details .stars-from a:hover {
        color: #ce5640; }
        .follow-details .follow-to a:hover strong,
        .follow-details .follow-from a:hover strong,
        .follow-details .stars-from a:hover strong {
          color: #ce5640; }

.follow-btn {
  width: 103px; }
  .follow-btn .text-unfollow {
    display: none; }
  .follow-btn.following .text-follow {
    display: none; }
  .follow-btn.following .text-unfollow {
    display: block; }
  .post-stats .follow-btn.following {
    display: none; }

.subscribe-btn {
  width: 121px; }

.subscribe-button-form {
  margin-bottom: 0; }

html.breakpoint-phone .container {
  width: auto; }
  html.breakpoint-phone .container.authorize-app {
    text-align: center; }
html.breakpoint-phone .hero-unit {
  padding: 0 10px; }
html.breakpoint-phone .well-plain, html.breakpoint-phone .well, html.breakpoint-phone .well-sides-only {
  padding: 10px; }
html.breakpoint-phone .well-elevated {
  border-radius: 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  html.breakpoint-phone html.breakpoint-phone .well-elevated, html.breakpoint-tablet html.breakpoint-phone .well-elevated {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  html.breakpoint-phone .well-elevated.newpost {
    margin-bottom: 20px; }
html.breakpoint-phone .post-container,
html.breakpoint-phone .user-follow-container {
  position: relative;
  padding: 10px; }
  html.breakpoint-phone .post-container > .content,
  html.breakpoint-phone .user-follow-container > .content {
    margin-left: 60px; }
    html.breakpoint-phone .post-container > .content > .media,
    html.breakpoint-phone .user-follow-container > .content > .media {
      position: absolute;
      left: 0;
      top: 0; }
html.breakpoint-phone .main-column {
  margin-bottom: 0; }
html.breakpoint-phone .post-container {
  padding-bottom: 20px; }

.pointer {
  cursor: pointer; }

.hide-text {
  text-indent: -9999px; }

small.warning {
  color: #d44646; }

small.info {
  color: #90cb6f; }

.alpha-footer {
  margin-top: 200px; }

.photo-view {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: black;
  color: white;
  z-index: 1040;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 44px;
  padding-bottom: 0; }
  .photo-view .top,
  .photo-view .bottom {
    width: 100%;
    background-color: #151515; }
  .photo-view a,
  .photo-view .bottom a,
  .photo-view .post-container .post-footer a {
    color: #c4c4c4;
    text-shadow: 0 1px 0 black;
    font-weight: bold;
    -webkit-font-smoothing: antialiased; }
    .photo-view a:hover,
    .photo-view .bottom a:hover,
    .photo-view .post-container .post-footer a:hover {
      color: white; }
  .photo-view .post-container .body {
    white-space: normal; }
  .photo-view .top {
    position: absolute;
    top: 0;
    height: 44px;
    border-bottom: 1px solid #2c2c2c; }
    .photo-view .top .branding-container {
      height: 32px;
      line-height: 32px;
      margin: 0 auto 0 auto;
      padding: 0 5% 0 5%; }
      .photo-view .top .branding-container .branding {
        margin-top: 6px;
        width: 140px;
        height: 32px;
        background-size: 140px 32px;
        background-repeat: no-repeat;
        background-image: url("/pau-static/images/alpha-logo-light.png"); }
        html.breakpoint-retina .photo-view .top .branding-container .branding {
          background-image: url("/pau-static/images/alpha-logo-light@2x.png"); }
      html.breakpoint-phone .photo-view .top .branding-container {
        padding-right: 0;
        padding-left: 12px; }
    .photo-view .top .see-conversation,
    .photo-view .top .signup {
      padding: 0 20px 0 20px;
      line-height: 44px;
      height: 44px;
      font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      border-left: 1px solid #2c2c2c;
      border-right: 1px solid #2c2c2c;
      -webkit-transition: background-color 0.2s linear, color 0.2s linear;
      -moz-transition: background-color 0.2s linear, color 0.2s linear;
      -ms-transition: background-color 0.2s linear, color 0.2s linear;
      -o-transition: background-color 0.2s linear, color 0.2s linear;
      transition: background-color 0.2s linear, color 0.2s linear; }
      .photo-view .top .see-conversation:hover,
      .photo-view .top .signup:hover {
        background-color: #2c2c2c;
        -webkit-transition: background-color 0.15s linear, color 0.2s linear;
        -moz-transition: background-color 0.15s linear, color 0.2s linear;
        -ms-transition: background-color 0.15s linear, color 0.2s linear;
        -o-transition: background-color 0.15s linear, color 0.2s linear;
        transition: background-color 0.15s linear, color 0.2s linear; }
      html.breakpoint-phone .photo-view .top .see-conversation, html.breakpoint-phone
      .photo-view .top .signup {
        font-size: 11px;
        padding: 0 10px 0 10px;
        border-right: 0; }
    .photo-view .top .signup {
      text-transform: uppercase;
      color: #d36854; }
  .photo-view .middle {
    position: relative;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px; }
    html.breakpoint-phone .photo-view .middle {
      padding: 0 5px; }
    .photo-view .middle .image-container {
      width: 100%;
      height: 100%;
      position: relative;
      padding: 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      html.breakpoint-phone .photo-view .middle .image-container {
        padding: 0; }
      .photo-view .middle .image-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: none;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 2s; }
        .photo-view .middle .image-container img.first-load {
          -webkit-transition: opacity 0.8s ease-in;
          -moz-transition: opacity 0.8s ease-in;
          -ms-transition: opacity 0.8s ease-in;
          -o-transition: opacity 0.8s ease-in;
          transition: opacity 0.8s ease-in;
          opacity: 1; }
      .photo-view .middle .image-container .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 29px;
        margin: -12px 0 0 -14px;
        color: white;
        display: none;
        opacity: 0.2;
        filter: alpha(opacity=20); }
        .photo-view .middle .image-container .loader i {
          -moz-animation-duration: 1.5s;
          -o-animation-duration: 1.5s;
          -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s; }
    .photo-view .middle .left-arrow,
    .photo-view .middle .right-arrow {
      width: 40px;
      height: 40px;
      top: 50%;
      margin-top: -20px;
      position: absolute;
      background-size: 24px 40px;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.65;
      filter: alpha(opacity=65);
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      -ms-transition: opacity 0.2s linear;
      -o-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }
      .photo-view .middle .left-arrow:hover,
      .photo-view .middle .right-arrow:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 0.15s linear;
        -moz-transition: opacity 0.15s linear;
        -ms-transition: opacity 0.15s linear;
        -o-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
        border-bottom: 0; }
      html.breakpoint-phone .photo-view .middle .left-arrow, html.breakpoint-phone.breakpoint-retina .photo-view .middle .left-arrow, html.breakpoint-phone
      .photo-view .middle .right-arrow, html.breakpoint-phone.breakpoint-retina
      .photo-view .middle .right-arrow {
        background-image: none; }
    .photo-view .middle .left-arrow {
      left: 10px;
      background-image: url("/static/oahu/images/prev-arrow.png"); }
      html.breakpoint-retina .photo-view .middle .left-arrow {
        background-image: url("/static/oahu/images/prev-arrow@2x.png"); }
    .photo-view .middle .right-arrow {
      right: 10px;
      background-image: url("/static/oahu/images/next-arrow.png"); }
      html.breakpoint-retina .photo-view .middle .right-arrow {
        background-image: url("/static/oahu/images/next-arrow@2x.png"); }
  .photo-view .bottom {
    border-top: 1px solid #2c2c2c;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7); }
    .photo-view .bottom .post-container {
      max-width: 800px;
      margin: auto;
      color: #f2f2f2;
      background-image: none;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      html.breakpoint-phone .photo-view .bottom .post-container, html.breakpoint-tablet .photo-view .bottom .post-container {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .photo-view .bottom .post-container .post-reposted-by .reposted-by-text,
      .photo-view .bottom .post-container .post-reposted-by .posted-from-text,
      .photo-view .bottom .post-container .post-posted-from-place .reposted-by-text,
      .photo-view .bottom .post-container .post-posted-from-place .posted-from-text {
        text-shadow: 0 1px 0 black;
        color: #999999; }
      html.breakpoint-widescreen .photo-view .bottom .post-container .post-footer i,
      html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i.icon-repost,
      html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i.icon-star-empty, html.breakpoint-tablet .photo-view .bottom .post-container .post-footer i,
      html.breakpoint-tablet .photo-view .bottom .post-container .post-header i.icon-repost,
      html.breakpoint-tablet .photo-view .bottom .post-container .post-header i.icon-star-empty, html.breakpoint-phone .photo-view .bottom .post-container .post-footer i,
      html.breakpoint-phone .photo-view .bottom .post-container .post-header i.icon-repost,
      html.breakpoint-phone .photo-view .bottom .post-container .post-header i.icon-star-empty {
        color: #999999;
        opacity: 0.5;
        filter: alpha(opacity=50); }
      html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i.reposted.icon-repost, html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i.icon-star, html.breakpoint-tablet .photo-view .bottom .post-container .post-header i.reposted.icon-repost, html.breakpoint-tablet .photo-view .bottom .post-container .post-header i.icon-star, html.breakpoint-phone .photo-view .bottom .post-container .post-header i.reposted.icon-repost, html.breakpoint-phone .photo-view .bottom .post-container .post-header i.icon-star {
        color: #999999;
        opacity: 1;
        filter: alpha(opacity=100); }
      html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i:hover {
        color: white; }
        html.breakpoint-widescreen .photo-view .bottom .post-container .post-header i:hover:last-child {
          color: white; }

.well-elevated.dropdown.open ul {
  display: block; }

.email-alert p {
  margin-bottom: 0;
  font-size: 12px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.min-height-container {
  min-height: 850px; }

.post-container .body.photo-under .post-media, .post-container .body.photo-over .post-media,
.message-container .body.photo-under .post-media,
.message-container .body.photo-over .post-media {
  margin-top: 10px;
  display: inline-block; }
  .post-container .body.photo-under .post-media a, .post-container .body.photo-over .post-media a,
  .message-container .body.photo-under .post-media a,
  .message-container .body.photo-over .post-media a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    html.breakpoint-phone .post-container .body.photo-under .post-media a, html.breakpoint-tablet .post-container .body.photo-under .post-media a, html.breakpoint-phone .post-container .body.photo-over .post-media a, html.breakpoint-tablet .post-container .body.photo-over .post-media a, html.breakpoint-phone
    .message-container .body.photo-under .post-media a, html.breakpoint-tablet
    .message-container .body.photo-under .post-media a, html.breakpoint-phone
    .message-container .body.photo-over .post-media a, html.breakpoint-tablet
    .message-container .body.photo-over .post-media a {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }

.sidebar-fixed-part .nav-list .global {
  display: none; }

.alpha-top-block {
  background-size: 1152px 424px;
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url("/pau-static/images/social-buttons-chat-bubbles-bg.jpg"); }
  html.breakpoint-retina .alpha-top-block {
    background-image: url("/pau-static/images/social-buttons-chat-bubbles-bg@2x.jpg"); }
  html.breakpoint-phone .alpha-top-block {
    background-image: none; }
  .alpha-top-block h1 {
    margin-top: 15px;
    font-size: 60px;
    line-height: normal; }
    .alpha-top-block h1 span {
      padding-bottom: 20px; }
    .alpha-top-block h1 hr {
      margin-bottom: 0; }
    html.breakpoint-phone .alpha-top-block h1 {
      font-size: 60px;
      margin-bottom: 20px; }
  .alpha-top-block .note-style {
    font-size: 20px;
    line-height: normal;
    color: #dddddd;
    margin-bottom: 40px; }
    html.breakpoint-phone .alpha-top-block .note-style {
      margin-bottom: 20px; }
  .alpha-top-block .alpha-index-logo {
    margin: 18px auto 0 auto;
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
    background-image: url("/pau-static/images/alpha-index-logo.png"); }
    html.breakpoint-retina .alpha-top-block .alpha-index-logo {
      background-image: url("/pau-static/images/alpha-index-logo@2x.png"); }
    html.breakpoint-phone .alpha-top-block .alpha-index-logo {
      margin-top: 26px; }

.alpha-index-image {
  margin: 0 auto 0 auto;
  width: 206px;
  height: 206px;
  background-size: 206px 206px; }
  .alpha-index-image.chat {
    background-image: url("/pau-static/images/alpha-index-image-chat.png"); }
    html.breakpoint-retina .alpha-index-image.chat {
      background-image: url("/pau-static/images/alpha-index-image-chat@2x.png"); }
  .alpha-index-image.topics {
    background-image: url("/pau-static/images/alpha-index-image-topics.png"); }
    html.breakpoint-retina .alpha-index-image.topics {
      background-image: url("/pau-static/images/alpha-index-image-topics@2x.png"); }
  .alpha-index-image.photos {
    background-image: url("/pau-static/images/alpha-index-image-photos.png"); }
    html.breakpoint-retina .alpha-index-image.photos {
      background-image: url("/pau-static/images/alpha-index-image-photos@2x.png"); }
  html.breakpoint-phone .alpha-index-image {
    width: 206px;
    height: 206px;
    margin-bottom: 30px; }

fo.editor {
  height: 50px;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.newpost .text-area,
.new-alert .text-area,
.new-tweet .text-area {
  margin-bottom: 10px; }
.newpost .editable,
.new-alert .editable,
.new-tweet .editable {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -ms-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear; }
  html.breakpoint-phone .newpost .editable, html.breakpoint-tablet .newpost .editable, html.breakpoint-phone
  .new-alert .editable, html.breakpoint-tablet
  .new-alert .editable, html.breakpoint-phone
  .new-tweet .editable, html.breakpoint-tablet
  .new-tweet .editable {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .newpost .editable:focus,
  .new-alert .editable:focus,
  .new-tweet .editable:focus {
    border-color: #898d90;
    -webkit-transition: border-color 0.15s linear;
    -moz-transition: border-color 0.15s linear;
    -ms-transition: border-color 0.15s linear;
    -o-transition: border-color 0.15s linear;
    transition: border-color 0.15s linear; }
.newpost textarea.editable,
.new-alert textarea.editable,
.new-tweet textarea.editable {
  height: 80px;
  resize: none;
  overflow: hidden;
  margin: 0;
  padding: 10px 10px;
  -webkit-transition: border-color 0.2s linear, height 50ms ease-in;
  -moz-transition: border-color 0.2s linear, height 50ms ease-in;
  -ms-transition: border-color 0.2s linear, height 50ms ease-in;
  -o-transition: border-color 0.2s linear, height 50ms ease-in;
  transition: border-color 0.2s linear, height 50ms ease-in;
  overflow: auto; }
.newpost .char-count,
.new-alert .char-count,
.new-tweet .char-count {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #fff; }
.newpost .post-button,
.newpost .reply-button,
.new-alert .post-button,
.new-alert .reply-button,
.new-tweet .post-button,
.new-tweet .reply-button {
  width: 70px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: color 0.05s linear, background-color 0.05s linear;
  -moz-transition: color 0.05s linear, background-color 0.05s linear;
  -ms-transition: color 0.05s linear, background-color 0.05s linear;
  -o-transition: color 0.05s linear, background-color 0.05s linear;
  transition: color 0.05s linear, background-color 0.05s linear; }
  .newpost .post-button.disabled,
  .newpost .reply-button.disabled,
  .new-alert .post-button.disabled,
  .new-alert .reply-button.disabled,
  .new-tweet .post-button.disabled,
  .new-tweet .reply-button.disabled {
    -webkit-transition: color 0.05s linear, background-color 0.05s linear;
    -moz-transition: color 0.05s linear, background-color 0.05s linear;
    -ms-transition: color 0.05s linear, background-color 0.05s linear;
    -o-transition: color 0.05s linear, background-color 0.05s linear;
    transition: color 0.05s linear, background-color 0.05s linear; }
  .newpost .post-button i,
  .newpost .reply-button i,
  .new-alert .post-button i,
  .new-alert .reply-button i,
  .new-tweet .post-button i,
  .new-tweet .reply-button i {
    line-height: normal; }
.newpost .reply-button,
.new-alert .reply-button,
.new-tweet .reply-button {
  width: 79px; }

html.no-filereader .file-related {
  display: none; }

.btn-attach-file {
  border: 0;
  background-color: transparent;
  margin-right: 10px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  color: #898d90;
  font-size: 13px; }
  .btn-attach-file i {
    font-size: 16px;
    margin-right: 5px;
    color: #b0b3b5; }
  .btn-attach-file:hover, .btn-attach-file:hover i {
    color: #6f7477; }

.broadcast-form input, .channel-editor input, .new-alert input {
  padding: 10px; }
.broadcast-form .inline-form-element, .channel-editor .inline-form-element, .new-alert .inline-form-element,
.broadcast-form label,
.channel-editor label,
.new-alert label {
  display: inline-block;
  font-size: 13px; }
.broadcast-form label, .channel-editor label, .new-alert label {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .broadcast-form label input[type="checkbox"], .channel-editor label input[type="checkbox"], .new-alert label input[type="checkbox"] {
    margin: 0 3px 3px 10px; }
.broadcast-form .inline-checkbox, .channel-editor .inline-checkbox, .new-alert .inline-checkbox {
  margin-bottom: 15px; }
  .broadcast-form .inline-checkbox .checkbox-container label, .channel-editor .inline-checkbox .checkbox-container label, .new-alert .inline-checkbox .checkbox-container label {
    font-size: 13px;
    margin-bottom: 0; }
.broadcast-form .photo-section, .channel-editor .photo-section, .new-alert .photo-section,
.broadcast-form .image-data-editor,
.channel-editor .image-data-editor,
.new-alert .image-data-editor {
  width: 100%; }
  .broadcast-form .photo-section button.file-related, .channel-editor .photo-section button.file-related, .new-alert .photo-section button.file-related,
  .broadcast-form .image-data-editor button.file-related,
  .channel-editor .image-data-editor button.file-related,
  .new-alert .image-data-editor button.file-related {
    margin: 0;
    padding: 0;
    padding-top: 11px;
    color: #706d73; }
    .broadcast-form .photo-section button.file-related i, .channel-editor .photo-section button.file-related i, .new-alert .photo-section button.file-related i,
    .broadcast-form .image-data-editor button.file-related i,
    .channel-editor .image-data-editor button.file-related i,
    .new-alert .image-data-editor button.file-related i {
      color: #706d73; }
    .broadcast-form .photo-section button.file-related:hover, .channel-editor .photo-section button.file-related:hover, .new-alert .photo-section button.file-related:hover, .broadcast-form .photo-section button.file-related:hover i, .channel-editor .photo-section button.file-related:hover i, .new-alert .photo-section button.file-related:hover i,
    .broadcast-form .image-data-editor button.file-related:hover,
    .channel-editor .image-data-editor button.file-related:hover,
    .new-alert .image-data-editor button.file-related:hover,
    .broadcast-form .image-data-editor button.file-related:hover i,
    .channel-editor .image-data-editor button.file-related:hover i,
    .new-alert .image-data-editor button.file-related:hover i {
      color: #3d3c3f; }
  .broadcast-form .photo-section .file-preview, .channel-editor .photo-section .file-preview, .new-alert .photo-section .file-preview,
  .broadcast-form .image-data-editor .file-preview,
  .channel-editor .image-data-editor .file-preview,
  .new-alert .image-data-editor .file-preview {
    margin: 0; }
  .broadcast-form .photo-section div.progress, .channel-editor .photo-section div.progress, .new-alert .photo-section div.progress,
  .broadcast-form .image-data-editor div.progress,
  .channel-editor .image-data-editor div.progress,
  .new-alert .image-data-editor div.progress {
    text-align: left;
    margin-bottom: 10px; }
    .broadcast-form .photo-section div.progress .image-name, .channel-editor .photo-section div.progress .image-name, .new-alert .photo-section div.progress .image-name,
    .broadcast-form .image-data-editor div.progress .image-name,
    .channel-editor .image-data-editor div.progress .image-name,
    .new-alert .image-data-editor div.progress .image-name {
      margin-right: 0;
      margin-left: 8px; }

.form-publisher .btn-left {
  margin-right: 10px; }
.form-publisher .btn-control-group {
  margin-bottom: 0; }

.channel-editor label {
  line-height: normal; }
.channel-editor .image-preview-container {
  display: block;
  border: 1px solid #dddddd;
  background-color: #ededed; }
  .channel-editor .image-preview-container img {
    display: inline-block;
    background-color: #fff; }
.channel-editor.form-flexible .field-description textarea {
  height: 100px; }
.channel-editor .channel-icon-editor .image-preview-container {
  width: 80px;
  height: 80px; }
.channel-editor .cover-editor .image-preview-container {
  width: 340px;
  height: 170px; }
  html.breakpoint-tablet .channel-editor .cover-editor .image-preview-container, html.breakpoint-phone .channel-editor .cover-editor .image-preview-container {
    max-width: 100%;
    min-height: 150px;
    height: auto;
    background-color: #fff;
    border: 0; }
.channel-editor .btn-delete-channel {
  margin-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #706d73; }
  html.breakpoint-phone .channel-editor .btn-delete-channel, html.breakpoint-tablet .channel-editor .btn-delete-channel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .channel-editor .btn-delete-channel.disabled {
    color: #706d73;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    html.breakpoint-phone .channel-editor .btn-delete-channel.disabled, html.breakpoint-tablet .channel-editor .btn-delete-channel.disabled {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .channel-editor .btn-delete-channel:hover {
    color: #4a484c; }

.new-alert .alert {
  margin-top: 0; }
.new-alert .char-count {
  display: none; }
.new-alert .photo-section {
  margin-top: -11px; }
.new-alert .image-preview-container {
  padding: 15px;
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #ededed;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  html.breakpoint-phone .new-alert .image-preview-container, html.breakpoint-tablet .new-alert .image-preview-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .new-alert .image-preview-container img {
    display: inline-block; }
.new-alert .alert-button {
  -webkit-transition: color 0.05s linear, background-color 0.05s linear;
  -moz-transition: color 0.05s linear, background-color 0.05s linear;
  -ms-transition: color 0.05s linear, background-color 0.05s linear;
  -o-transition: color 0.05s linear, background-color 0.05s linear;
  transition: color 0.05s linear, background-color 0.05s linear; }
  .new-alert .alert-button.disabled {
    -webkit-transition: color 0.05s linear, background-color 0.05s linear;
    -moz-transition: color 0.05s linear, background-color 0.05s linear;
    -ms-transition: color 0.05s linear, background-color 0.05s linear;
    -o-transition: color 0.05s linear, background-color 0.05s linear;
    transition: color 0.05s linear, background-color 0.05s linear; }
.new-alert .select2-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  html.breakpoint-phone .new-alert .select2-container, html.breakpoint-tablet .new-alert .select2-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .new-alert .select2-container ul.select2-choices {
    padding: 4px;
    padding-right: 0;
    border: 1px solid #dddddd;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    html.breakpoint-phone .new-alert .select2-container ul.select2-choices, html.breakpoint-tablet .new-alert .select2-container ul.select2-choices {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .new-alert .select2-container ul.select2-choices .select2-search-field input {
      font-family: Georgia, "Times New Roman", Times, serif; }
  .new-alert .select2-container.select2-container-active ul.select2-choices {
    border-color: #898d90; }

.file-preview {
  margin-top: 5px;
  margin-right: 10px; }
  .file-preview div.progress {
    margin-top: 8px;
    margin-bottom: 0;
    width: 250px;
    position: relative;
    line-height: 15px;
    text-align: right;
    background-color: #ededed;
    background-image: none;
    border: 1px solid #dddddd;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); }
    html.breakpoint-phone .file-preview div.progress, html.breakpoint-tablet .file-preview div.progress {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    html.breakpoint-phone .file-preview div.progress {
      width: 160px; }
    .file-preview div.progress .bar {
      position: absolute;
      width: 100%;
      height: 18px;
      top: 0;
      left: 0;
      z-index: 0;
      background-image: none;
      background-color: #d36854;
      -webkit-border-radius: 18px;
      -moz-border-radius: 18px;
      border-radius: 18px;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
      -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); }
      html.breakpoint-phone .file-preview div.progress .bar, html.breakpoint-tablet .file-preview div.progress .bar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    .file-preview div.progress .image-name {
      margin-right: 8px;
      position: relative;
      z-index: 1;
      font-size: 11px;
      color: white;
      font-family: "Montserrat", Helvetica, Arial, sans-serif;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }
      .file-preview div.progress .image-name .image-name-text {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom; }
        html.breakpoint-phone .file-preview div.progress .image-name .image-name-text {
          max-width: 110px; }
  .file-preview .plain .progress {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    html.breakpoint-phone .file-preview .plain .progress, html.breakpoint-tablet .file-preview .plain .progress {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .file-preview .plain .progress .image-name .icon-remove-sign {
      cursor: pointer;
      position: relative;
      top: 1px;
      font-size: 14px;
      margin-right: 4px;
      color: #b0b3b5; }
      .file-preview .plain .progress .image-name .icon-remove-sign:hover {
        color: #6f7477; }
    .file-preview .plain .progress .image-name .text-success {
      color: #4a484c;
      font-weight: normal;
      text-shadow: none; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }
  .clearfix:after {
    clear: both; }

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hide, html.no-js .no-js-hide, html.js .js-hide {
  display: none; }

.show, html.no-js .no-js-show, html.js .js-show {
  display: block; }

.invisible {
  visibility: hidden; }
